hipstersmoothie.com / hip-ui
A design system in a box. hip-ui.tngl.io/docs/introduction
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

move animatons back

Andrew Lisowski 844b3e53 7d5a7106

+7 -16
+1 -1
apps/docs/src/components/segmented-control/index.tsx
··· 11 11 } from "react-aria-components"; 12 12 13 13 import { SizeContext } from "../context"; 14 - import { animationDuration } from "../theme/animations-duration.stylex"; 14 + import { animationDuration } from "../theme/animations.stylex"; 15 15 import { uiColor } from "../theme/color.stylex"; 16 16 import { radius } from "../theme/radius.stylex"; 17 17 import { shadow } from "../theme/shadow.stylex";
+1 -1
apps/docs/src/components/theme/semantic-color.stylex.tsx
··· 1 1 import * as stylex from "@stylexjs/stylex"; 2 2 3 - import { animationDuration } from "./animations-duration.stylex"; 3 + import { animationDuration } from "./animations.stylex"; 4 4 import { 5 5 criticalColor, 6 6 primaryColor,
+1 -1
apps/docs/src/components/theme/useInputStyles.ts
··· 3 3 4 4 import { SizeContext } from "../context"; 5 5 import { InputValidationState, InputVariant, Size } from "../theme/types"; 6 - import { animationDuration } from "./animations-duration.stylex"; 6 + import { animationDuration } from "./animations.stylex"; 7 7 import { 8 8 criticalColor, 9 9 successColor,
-1
apps/docs/stylex.css
··· 541 541 .transform-xsqj5wx:not(#\#):not(#\#):not(#\#){transform:var(--x-transform)} 542 542 .transitionDuration-xpfv6me:not(#\#):not(#\#):not(#\#){transition-duration:var(--default-x1seeabg)} 543 543 .transitionDuration-xx08pzc:not(#\#):not(#\#):not(#\#){transition-duration:var(--fast-x1gssecm)} 544 - .transitionDuration-x85ithh:not(#\#):not(#\#):not(#\#){transition-duration:var(--fast-x6ual6w)} 545 544 .transitionDuration-xjfzak9:not(#\#):not(#\#):not(#\#){transition-duration:var(--slow-xc0p8py)} 546 545 .transitionDuration-xzr5fb6:not(#\#):not(#\#):not(#\#){transition-duration:var(--slow-xghckaq)} 547 546 .transitionProperty-xfagghw:not(#\#):not(#\#):not(#\#){transition-property:all}
+1 -1
packages/hip-ui/src/components/segmented-control/index.tsx
··· 11 11 } from "react-aria-components"; 12 12 13 13 import { SizeContext } from "../context"; 14 - import { animationDuration } from "../theme/animations-duration.stylex"; 14 + import { animationDuration } from "../theme/animations.stylex"; 15 15 import { uiColor } from "../theme/color.stylex"; 16 16 import { radius } from "../theme/radius.stylex"; 17 17 import { shadow } from "../theme/shadow.stylex";
+1 -1
packages/hip-ui/src/components/segmented-control/segmented-control-config.ts
··· 3 3 export const segmentedControlConfig: ComponentConfig = { 4 4 name: "segmented-control", 5 5 filepath: "./index.tsx", 6 - hipDependencies: ["../theme/animations-duration.stylex.tsx"], 6 + hipDependencies: ["../theme/animations.stylex.tsx"], 7 7 dependencies: { 8 8 "react-aria-components": "^1.13.0", 9 9 },
-8
packages/hip-ui/src/components/theme/animations-duration.stylex.tsx
··· 1 - import * as stylex from "@stylexjs/stylex"; 2 - 3 - export const animationDuration = stylex.defineConsts({ 4 - fast: "100ms", 5 - default: "150ms", 6 - slow: "200ms", 7 - verySlow: "300ms", 8 - });
+1 -1
packages/hip-ui/src/components/theme/semantic-color.stylex.tsx
··· 1 1 import * as stylex from "@stylexjs/stylex"; 2 2 3 - import { animationDuration } from "./animations-duration.stylex"; 3 + import { animationDuration } from "./animations.stylex"; 4 4 import { 5 5 criticalColor, 6 6 primaryColor,
+1 -1
packages/hip-ui/src/components/theme/useInputStyles.ts
··· 3 3 4 4 import { SizeContext } from "../context"; 5 5 import { InputValidationState, InputVariant, Size } from "../theme/types"; 6 - import { animationDuration } from "./animations-duration.stylex"; 6 + import { animationDuration } from "./animations.stylex"; 7 7 import { 8 8 criticalColor, 9 9 successColor,