@nation-a/ui 0.9.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/index.cjs +1807 -497
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +1809 -499
  4. package/dist/index.js.map +1 -1
  5. package/dist/styled-system/styles.css +176 -78
  6. package/dist/styled-system/tokens/index.mjs +76 -16
  7. package/dist/styled-system/tokens/tokens.d.ts +3 -3
  8. package/dist/styled-system/types/prop-type.d.ts +1 -1
  9. package/dist/types/components/BottomSheet/BottomSheet.stories.d.ts +6 -0
  10. package/dist/types/components/Button/button.recipe.d.ts +2 -1
  11. package/dist/types/components/Dialog/dialog.recipe.d.ts +2 -1
  12. package/dist/types/components/IconButton/icon-button.recipe.d.ts +2 -1
  13. package/dist/types/components/Input/index.d.ts +2 -8
  14. package/dist/types/components/Input/input.recipe.d.ts +74 -53
  15. package/dist/types/components/Navigation/navigation.recipe.d.ts +2 -1
  16. package/dist/types/components/Spinner/index.d.ts +273 -5
  17. package/dist/types/components/Spinner/spinner.recipe.d.ts +2 -1
  18. package/dist/types/components/Tabs/tabs.recipe.d.ts +2 -1
  19. package/dist/types/components/Tag/index.d.ts +2 -1
  20. package/dist/types/components/Tag/tag.recipe.d.ts +2 -1
  21. package/dist/types/components/Text/index.d.ts +273 -1
  22. package/dist/types/components/Text/text.recipe.d.ts +2 -1
  23. package/dist/types/components/TextArea/index.d.ts +2 -2
  24. package/dist/types/components/Toast/Toast.stories.d.ts +9 -0
  25. package/dist/types/components/Toast/index.d.ts +29 -0
  26. package/dist/types/components/Toast/toast.recipe.d.ts +24 -0
  27. package/dist/types/contexts/ToastProvider.d.ts +9 -0
  28. package/dist/types/contexts/index.d.ts +1 -0
  29. package/dist/types/index.d.ts +2 -0
  30. package/dist/types/utils/index.d.ts +1 -0
  31. package/dist/types/utils/toast.d.ts +53 -0
  32. package/package.json +3 -3
@@ -1,7 +1,7 @@
1
1
  /* eslint-disable */
2
- export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.defult_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.defult_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.defult_inverse" | "colors.colorPalette.defult_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.defult_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
2
+ export type Token = "animations.backdrop-in" | "animations.backdrop-out" | "animations.dialog-in" | "animations.dialog-out" | "animations.drawer-in-left" | "animations.drawer-out-left" | "animations.drawer-in-right" | "animations.drawer-out-right" | "animations.skeleton-pulse" | "animations.fade-in" | "animations.collapse-in" | "animations.collapse-out" | "animations.spin" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "borders.none" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "easings.pulse" | "easings.default" | "easings.emphasized-in" | "easings.emphasized-out" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.4.5" | "sizes.2xs" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "zIndex.hide" | "zIndex.base" | "zIndex.docked" | "zIndex.dropdown" | "zIndex.sticky" | "zIndex.banner" | "zIndex.overlay" | "zIndex.modal" | "zIndex.popover" | "zIndex.skipLink" | "zIndex.toast" | "zIndex.tooltip" | "colors.neutral.0" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.1000" | "colors.neutral.1050" | "colors.neutral.1100" | "colors.neutral.1200" | "colors.black.700A" | "colors.black.600A" | "colors.black.500A" | "colors.black.400A" | "colors.black.300A" | "colors.black.200A" | "colors.black.100A" | "colors.white.700A" | "colors.white.600A" | "colors.white.500A" | "colors.white.400A" | "colors.white.300A" | "colors.white.200A" | "colors.white.100A" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.1000" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.1000" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.1000" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.1000" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.1000" | "colors.ohre.100" | "colors.ohre.200" | "colors.ohre.300" | "colors.ohre.400" | "colors.ohre.500" | "colors.ohre.600" | "colors.ohre.700" | "colors.ohre.800" | "colors.ohre.900" | "colors.ohre.1000" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.1000" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.1000" | "borderWidths.none" | "borderWidths.sm" | "borderWidths.md" | "borderWidths.lg" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.30" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.98" | "spacing.128" | "spacing.160" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.4.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.full" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "letterSpacings.xs" | "letterSpacings.sm" | "letterSpacings.md" | "letterSpacings.lg" | "letterSpacings.xl" | "letterSpacings.2xl" | "letterSpacings.3xl" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.xl" | "lineHeights.2xl" | "lineHeights.3xl" | "lineHeights.4xl" | "lineHeights.5xl" | "fontWeights.regular" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.regularItalic" | "fontWeights.mediumItalic" | "fonts.inter" | "fonts.notoSans" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "colors.content.neutral.bold" | "colors.content.neutral.default" | "colors.content.neutral.subtle" | "colors.content.neutral.subtlest" | "colors.content.neutral.disabled" | "colors.content.neutral.default_inverse" | "colors.content.neuroidPrimary.default" | "colors.content.neuroidPrimary.default_inverse" | "colors.content.danger.default" | "colors.content.warning.default" | "colors.content.success.default" | "colors.content.informative.default" | "colors.content.zoltarinaPrimary.default" | "colors.content.zoltarinaPrimary.default_inverse" | "colors.content.heydPrimary.default" | "colors.content.heydPrimary.default_inverse" | "colors.content.static.white.bold" | "colors.content.static.white.default" | "colors.content.static.white.subtle" | "colors.content.static.white.subtlest" | "colors.content.static.white.disabled" | "colors.content.static.black.bold" | "colors.content.static.black.default" | "colors.content.static.black.subtle" | "colors.content.static.black.subtlest" | "colors.content.static.black.disabled" | "colors.content.heybeePrimary.default" | "colors.content.heybeePrimary.default_inverse" | "colors.content.neutralInverse.bold" | "colors.content.neutralInverse.default" | "colors.content.neutralInverse.subtle" | "colors.content.neutralInverse.subtlest" | "colors.content.neutralInverse.disabled" | "colors.content.neutralInverse.default_inverse" | "colors.background.neutral.default" | "colors.background.neutral.selected" | "colors.background.neutral.disabled" | "colors.background.neuroidPrimary.default" | "colors.background.neuroidPrimary.selected" | "colors.background.neuroidSecondary.default" | "colors.background.neuroidSecondary.selected" | "colors.background.danger.default" | "colors.background.danger.selected" | "colors.background.warning.default" | "colors.background.warning.selected" | "colors.background.success.default" | "colors.background.success.selected" | "colors.background.informative.default" | "colors.background.informative.selected" | "colors.background.zoltarinaPrimary.default" | "colors.background.zoltarinaPrimary.selected" | "colors.background.zoltarinaSecondary.default" | "colors.background.zoltarinaSecondary.selected" | "colors.background.heydPrimary.default" | "colors.background.heydPrimary.selected" | "colors.background.heydSecondary.default" | "colors.background.heydSecondary.selected" | "colors.background.static.whiteAlpha.bold" | "colors.background.static.whiteAlpha.default" | "colors.background.static.whiteAlpha.selected" | "colors.background.static.whiteAlpha.disabled" | "colors.background.static.blackAlpha.bold" | "colors.background.static.blackAlpha.default" | "colors.background.static.blackAlpha.selected" | "colors.background.static.blackAlpha.disabled" | "colors.background.heybeePrimary.default" | "colors.background.heybeePrimary.selected" | "colors.background.neutralInverse.default" | "colors.background.neutralInverse.selected" | "colors.background.neutralInverse.disabled" | "colors.surface.base" | "colors.surface.layer_1" | "colors.surface.layer_2" | "colors.shadow.overlay" | "colors.shadow.raised" | "colors.scrim.default" | "colors.skeleton.default" | "colors.skeleton.subtle" | "colors.border.neutral.default" | "colors.border.neutral.subtle" | "colors.border.neutral.disabled" | "colors.border.neuroidPrimary.default" | "colors.border.danger.default" | "colors.border.warning.default" | "colors.border.success.default" | "colors.border.informative.default" | "colors.border.zoltarinaPrimary.default" | "colors.border.heydPrimary.default" | "colors.border.heybeePrimary.default" | "shadows.raised" | "shadows.overlay" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-30" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-98" | "spacing.-128" | "spacing.-160" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-4.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.1050" | "colors.colorPalette.1100" | "colors.colorPalette.1200" | "colors.colorPalette.700A" | "colors.colorPalette.600A" | "colors.colorPalette.500A" | "colors.colorPalette.400A" | "colors.colorPalette.300A" | "colors.colorPalette.200A" | "colors.colorPalette.100A" | "colors.colorPalette.neutral.bold" | "colors.colorPalette.bold" | "colors.colorPalette.neutral.default" | "colors.colorPalette.default" | "colors.colorPalette.neutral.subtle" | "colors.colorPalette.subtle" | "colors.colorPalette.neutral.subtlest" | "colors.colorPalette.subtlest" | "colors.colorPalette.neutral.disabled" | "colors.colorPalette.disabled" | "colors.colorPalette.neutral.default_inverse" | "colors.colorPalette.default_inverse" | "colors.colorPalette.neuroidPrimary.default" | "colors.colorPalette.neuroidPrimary.default_inverse" | "colors.colorPalette.danger.default" | "colors.colorPalette.warning.default" | "colors.colorPalette.success.default" | "colors.colorPalette.informative.default" | "colors.colorPalette.zoltarinaPrimary.default" | "colors.colorPalette.zoltarinaPrimary.default_inverse" | "colors.colorPalette.heydPrimary.default" | "colors.colorPalette.heydPrimary.default_inverse" | "colors.colorPalette.static.white.bold" | "colors.colorPalette.white.bold" | "colors.colorPalette.static.white.default" | "colors.colorPalette.white.default" | "colors.colorPalette.static.white.subtle" | "colors.colorPalette.white.subtle" | "colors.colorPalette.static.white.subtlest" | "colors.colorPalette.white.subtlest" | "colors.colorPalette.static.white.disabled" | "colors.colorPalette.white.disabled" | "colors.colorPalette.static.black.bold" | "colors.colorPalette.black.bold" | "colors.colorPalette.static.black.default" | "colors.colorPalette.black.default" | "colors.colorPalette.static.black.subtle" | "colors.colorPalette.black.subtle" | "colors.colorPalette.static.black.subtlest" | "colors.colorPalette.black.subtlest" | "colors.colorPalette.static.black.disabled" | "colors.colorPalette.black.disabled" | "colors.colorPalette.heybeePrimary.default" | "colors.colorPalette.heybeePrimary.default_inverse" | "colors.colorPalette.neutralInverse.bold" | "colors.colorPalette.neutralInverse.default" | "colors.colorPalette.neutralInverse.subtle" | "colors.colorPalette.neutralInverse.subtlest" | "colors.colorPalette.neutralInverse.disabled" | "colors.colorPalette.neutralInverse.default_inverse" | "colors.colorPalette.neutral.selected" | "colors.colorPalette.selected" | "colors.colorPalette.neuroidPrimary.selected" | "colors.colorPalette.neuroidSecondary.default" | "colors.colorPalette.neuroidSecondary.selected" | "colors.colorPalette.danger.selected" | "colors.colorPalette.warning.selected" | "colors.colorPalette.success.selected" | "colors.colorPalette.informative.selected" | "colors.colorPalette.zoltarinaPrimary.selected" | "colors.colorPalette.zoltarinaSecondary.default" | "colors.colorPalette.zoltarinaSecondary.selected" | "colors.colorPalette.heydPrimary.selected" | "colors.colorPalette.heydSecondary.default" | "colors.colorPalette.heydSecondary.selected" | "colors.colorPalette.static.whiteAlpha.bold" | "colors.colorPalette.whiteAlpha.bold" | "colors.colorPalette.static.whiteAlpha.default" | "colors.colorPalette.whiteAlpha.default" | "colors.colorPalette.static.whiteAlpha.selected" | "colors.colorPalette.whiteAlpha.selected" | "colors.colorPalette.static.whiteAlpha.disabled" | "colors.colorPalette.whiteAlpha.disabled" | "colors.colorPalette.static.blackAlpha.bold" | "colors.colorPalette.blackAlpha.bold" | "colors.colorPalette.static.blackAlpha.default" | "colors.colorPalette.blackAlpha.default" | "colors.colorPalette.static.blackAlpha.selected" | "colors.colorPalette.blackAlpha.selected" | "colors.colorPalette.static.blackAlpha.disabled" | "colors.colorPalette.blackAlpha.disabled" | "colors.colorPalette.heybeePrimary.selected" | "colors.colorPalette.neutralInverse.selected" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
3
3
 
4
- export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
4
+ export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
5
5
 
6
6
  export type AnimationToken = "backdrop-in" | "backdrop-out" | "dialog-in" | "dialog-out" | "drawer-in-left" | "drawer-out-left" | "drawer-in-right" | "drawer-out-right" | "skeleton-pulse" | "fade-in" | "collapse-in" | "collapse-out" | "spin"
7
7
 
@@ -17,7 +17,7 @@ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9
17
17
 
18
18
  export type ZIndexToken = "hide" | "base" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "popover" | "skipLink" | "toast" | "tooltip"
19
19
 
20
- export type ColorToken = "neutral.0" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1050" | "neutral.1100" | "neutral.1200" | "black.700A" | "black.600A" | "black.500A" | "black.400A" | "black.300A" | "black.200A" | "black.100A" | "white.700A" | "white.600A" | "white.500A" | "white.400A" | "white.300A" | "white.200A" | "white.100A" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.1000" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.1000" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.1000" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.1000" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.1000" | "ohre.100" | "ohre.200" | "ohre.300" | "ohre.400" | "ohre.500" | "ohre.600" | "ohre.700" | "ohre.800" | "ohre.900" | "ohre.1000" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.1000" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.1000" | "content.neutral.bold" | "content.neutral.default" | "content.neutral.subtle" | "content.neutral.subtlest" | "content.neutral.disabled" | "content.neutral.default_inverse" | "content.neuroidPrimary.default" | "content.neuroidPrimary.default_inverse" | "content.danger.default" | "content.warning.default" | "content.success.default" | "content.informative.default" | "content.zoltarinaPrimary.default" | "content.zoltarinaPrimary.defult_inverse" | "content.heydPrimary.default" | "content.heydPrimary.defult_inverse" | "content.static.white.bold" | "content.static.white.default" | "content.static.white.subtle" | "content.static.white.subtlest" | "content.static.white.disabled" | "content.static.black.bold" | "content.static.black.default" | "content.static.black.subtle" | "content.static.black.subtlest" | "content.static.black.disabled" | "content.heybeePrimary.default" | "content.heybeePrimary.default_inverse" | "background.neutral.default" | "background.neutral.selected" | "background.neutral.disabled" | "background.neuroidPrimary.default" | "background.neuroidPrimary.selected" | "background.neuroidSecondary.default" | "background.neuroidSecondary.selected" | "background.danger.default" | "background.danger.selected" | "background.warning.default" | "background.warning.selected" | "background.success.default" | "background.success.selected" | "background.informative.default" | "background.informative.selected" | "background.zoltarinaPrimary.default" | "background.zoltarinaPrimary.selected" | "background.zoltarinaSecondary.default" | "background.zoltarinaSecondary.selected" | "background.heydPrimary.default" | "background.heydPrimary.selected" | "background.heydSecondary.default" | "background.heydSecondary.selected" | "background.static.whiteAlpha.bold" | "background.static.whiteAlpha.default" | "background.static.whiteAlpha.selected" | "background.static.whiteAlpha.disabled" | "background.static.blackAlpha.bold" | "background.static.blackAlpha.default" | "background.static.blackAlpha.selected" | "background.static.blackAlpha.disabled" | "background.heybeePrimary.default" | "background.heybeePrimary.selected" | "surface.base" | "surface.layer_1" | "surface.layer_2" | "shadow.overlay" | "shadow.raised" | "scrim.default" | "skeleton.default" | "skeleton.subtle" | "border.neutral.default" | "border.neutral.subtle" | "border.neutral.disabled" | "border.neuroidPrimary.default" | "border.danger.default" | "border.warning.default" | "border.success.default" | "border.informative.default" | "border.zoltarinaPrimary.default" | "border.heydPrimary.default" | "border.heybeePrimary.default" | "colorPalette.0" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.1000" | "colorPalette.1050" | "colorPalette.1100" | "colorPalette.1200" | "colorPalette.700A" | "colorPalette.600A" | "colorPalette.500A" | "colorPalette.400A" | "colorPalette.300A" | "colorPalette.200A" | "colorPalette.100A" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.default" | "colorPalette.default" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.neutral.disabled" | "colorPalette.disabled" | "colorPalette.neutral.default_inverse" | "colorPalette.default_inverse" | "colorPalette.neuroidPrimary.default" | "colorPalette.neuroidPrimary.default_inverse" | "colorPalette.danger.default" | "colorPalette.warning.default" | "colorPalette.success.default" | "colorPalette.informative.default" | "colorPalette.zoltarinaPrimary.default" | "colorPalette.zoltarinaPrimary.defult_inverse" | "colorPalette.defult_inverse" | "colorPalette.heydPrimary.default" | "colorPalette.heydPrimary.defult_inverse" | "colorPalette.static.white.bold" | "colorPalette.white.bold" | "colorPalette.static.white.default" | "colorPalette.white.default" | "colorPalette.static.white.subtle" | "colorPalette.white.subtle" | "colorPalette.static.white.subtlest" | "colorPalette.white.subtlest" | "colorPalette.static.white.disabled" | "colorPalette.white.disabled" | "colorPalette.static.black.bold" | "colorPalette.black.bold" | "colorPalette.static.black.default" | "colorPalette.black.default" | "colorPalette.static.black.subtle" | "colorPalette.black.subtle" | "colorPalette.static.black.subtlest" | "colorPalette.black.subtlest" | "colorPalette.static.black.disabled" | "colorPalette.black.disabled" | "colorPalette.heybeePrimary.default" | "colorPalette.heybeePrimary.default_inverse" | "colorPalette.neutral.selected" | "colorPalette.selected" | "colorPalette.neuroidPrimary.selected" | "colorPalette.neuroidSecondary.default" | "colorPalette.neuroidSecondary.selected" | "colorPalette.danger.selected" | "colorPalette.warning.selected" | "colorPalette.success.selected" | "colorPalette.informative.selected" | "colorPalette.zoltarinaPrimary.selected" | "colorPalette.zoltarinaSecondary.default" | "colorPalette.zoltarinaSecondary.selected" | "colorPalette.heydPrimary.selected" | "colorPalette.heydSecondary.default" | "colorPalette.heydSecondary.selected" | "colorPalette.static.whiteAlpha.bold" | "colorPalette.whiteAlpha.bold" | "colorPalette.static.whiteAlpha.default" | "colorPalette.whiteAlpha.default" | "colorPalette.static.whiteAlpha.selected" | "colorPalette.whiteAlpha.selected" | "colorPalette.static.whiteAlpha.disabled" | "colorPalette.whiteAlpha.disabled" | "colorPalette.static.blackAlpha.bold" | "colorPalette.blackAlpha.bold" | "colorPalette.static.blackAlpha.default" | "colorPalette.blackAlpha.default" | "colorPalette.static.blackAlpha.selected" | "colorPalette.blackAlpha.selected" | "colorPalette.static.blackAlpha.disabled" | "colorPalette.blackAlpha.disabled" | "colorPalette.heybeePrimary.selected" | "colorPalette.base" | "colorPalette.layer_1" | "colorPalette.layer_2" | "colorPalette.overlay" | "colorPalette.raised"
20
+ export type ColorToken = "neutral.0" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1050" | "neutral.1100" | "neutral.1200" | "black.700A" | "black.600A" | "black.500A" | "black.400A" | "black.300A" | "black.200A" | "black.100A" | "white.700A" | "white.600A" | "white.500A" | "white.400A" | "white.300A" | "white.200A" | "white.100A" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.1000" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.1000" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.1000" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.1000" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.1000" | "ohre.100" | "ohre.200" | "ohre.300" | "ohre.400" | "ohre.500" | "ohre.600" | "ohre.700" | "ohre.800" | "ohre.900" | "ohre.1000" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.1000" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.1000" | "content.neutral.bold" | "content.neutral.default" | "content.neutral.subtle" | "content.neutral.subtlest" | "content.neutral.disabled" | "content.neutral.default_inverse" | "content.neuroidPrimary.default" | "content.neuroidPrimary.default_inverse" | "content.danger.default" | "content.warning.default" | "content.success.default" | "content.informative.default" | "content.zoltarinaPrimary.default" | "content.zoltarinaPrimary.default_inverse" | "content.heydPrimary.default" | "content.heydPrimary.default_inverse" | "content.static.white.bold" | "content.static.white.default" | "content.static.white.subtle" | "content.static.white.subtlest" | "content.static.white.disabled" | "content.static.black.bold" | "content.static.black.default" | "content.static.black.subtle" | "content.static.black.subtlest" | "content.static.black.disabled" | "content.heybeePrimary.default" | "content.heybeePrimary.default_inverse" | "content.neutralInverse.bold" | "content.neutralInverse.default" | "content.neutralInverse.subtle" | "content.neutralInverse.subtlest" | "content.neutralInverse.disabled" | "content.neutralInverse.default_inverse" | "background.neutral.default" | "background.neutral.selected" | "background.neutral.disabled" | "background.neuroidPrimary.default" | "background.neuroidPrimary.selected" | "background.neuroidSecondary.default" | "background.neuroidSecondary.selected" | "background.danger.default" | "background.danger.selected" | "background.warning.default" | "background.warning.selected" | "background.success.default" | "background.success.selected" | "background.informative.default" | "background.informative.selected" | "background.zoltarinaPrimary.default" | "background.zoltarinaPrimary.selected" | "background.zoltarinaSecondary.default" | "background.zoltarinaSecondary.selected" | "background.heydPrimary.default" | "background.heydPrimary.selected" | "background.heydSecondary.default" | "background.heydSecondary.selected" | "background.static.whiteAlpha.bold" | "background.static.whiteAlpha.default" | "background.static.whiteAlpha.selected" | "background.static.whiteAlpha.disabled" | "background.static.blackAlpha.bold" | "background.static.blackAlpha.default" | "background.static.blackAlpha.selected" | "background.static.blackAlpha.disabled" | "background.heybeePrimary.default" | "background.heybeePrimary.selected" | "background.neutralInverse.default" | "background.neutralInverse.selected" | "background.neutralInverse.disabled" | "surface.base" | "surface.layer_1" | "surface.layer_2" | "shadow.overlay" | "shadow.raised" | "scrim.default" | "skeleton.default" | "skeleton.subtle" | "border.neutral.default" | "border.neutral.subtle" | "border.neutral.disabled" | "border.neuroidPrimary.default" | "border.danger.default" | "border.warning.default" | "border.success.default" | "border.informative.default" | "border.zoltarinaPrimary.default" | "border.heydPrimary.default" | "border.heybeePrimary.default" | "colorPalette.0" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.1000" | "colorPalette.1050" | "colorPalette.1100" | "colorPalette.1200" | "colorPalette.700A" | "colorPalette.600A" | "colorPalette.500A" | "colorPalette.400A" | "colorPalette.300A" | "colorPalette.200A" | "colorPalette.100A" | "colorPalette.neutral.bold" | "colorPalette.bold" | "colorPalette.neutral.default" | "colorPalette.default" | "colorPalette.neutral.subtle" | "colorPalette.subtle" | "colorPalette.neutral.subtlest" | "colorPalette.subtlest" | "colorPalette.neutral.disabled" | "colorPalette.disabled" | "colorPalette.neutral.default_inverse" | "colorPalette.default_inverse" | "colorPalette.neuroidPrimary.default" | "colorPalette.neuroidPrimary.default_inverse" | "colorPalette.danger.default" | "colorPalette.warning.default" | "colorPalette.success.default" | "colorPalette.informative.default" | "colorPalette.zoltarinaPrimary.default" | "colorPalette.zoltarinaPrimary.default_inverse" | "colorPalette.heydPrimary.default" | "colorPalette.heydPrimary.default_inverse" | "colorPalette.static.white.bold" | "colorPalette.white.bold" | "colorPalette.static.white.default" | "colorPalette.white.default" | "colorPalette.static.white.subtle" | "colorPalette.white.subtle" | "colorPalette.static.white.subtlest" | "colorPalette.white.subtlest" | "colorPalette.static.white.disabled" | "colorPalette.white.disabled" | "colorPalette.static.black.bold" | "colorPalette.black.bold" | "colorPalette.static.black.default" | "colorPalette.black.default" | "colorPalette.static.black.subtle" | "colorPalette.black.subtle" | "colorPalette.static.black.subtlest" | "colorPalette.black.subtlest" | "colorPalette.static.black.disabled" | "colorPalette.black.disabled" | "colorPalette.heybeePrimary.default" | "colorPalette.heybeePrimary.default_inverse" | "colorPalette.neutralInverse.bold" | "colorPalette.neutralInverse.default" | "colorPalette.neutralInverse.subtle" | "colorPalette.neutralInverse.subtlest" | "colorPalette.neutralInverse.disabled" | "colorPalette.neutralInverse.default_inverse" | "colorPalette.neutral.selected" | "colorPalette.selected" | "colorPalette.neuroidPrimary.selected" | "colorPalette.neuroidSecondary.default" | "colorPalette.neuroidSecondary.selected" | "colorPalette.danger.selected" | "colorPalette.warning.selected" | "colorPalette.success.selected" | "colorPalette.informative.selected" | "colorPalette.zoltarinaPrimary.selected" | "colorPalette.zoltarinaSecondary.default" | "colorPalette.zoltarinaSecondary.selected" | "colorPalette.heydPrimary.selected" | "colorPalette.heydSecondary.default" | "colorPalette.heydSecondary.selected" | "colorPalette.static.whiteAlpha.bold" | "colorPalette.whiteAlpha.bold" | "colorPalette.static.whiteAlpha.default" | "colorPalette.whiteAlpha.default" | "colorPalette.static.whiteAlpha.selected" | "colorPalette.whiteAlpha.selected" | "colorPalette.static.whiteAlpha.disabled" | "colorPalette.whiteAlpha.disabled" | "colorPalette.static.blackAlpha.bold" | "colorPalette.blackAlpha.bold" | "colorPalette.static.blackAlpha.default" | "colorPalette.blackAlpha.default" | "colorPalette.static.blackAlpha.selected" | "colorPalette.blackAlpha.selected" | "colorPalette.static.blackAlpha.disabled" | "colorPalette.blackAlpha.disabled" | "colorPalette.heybeePrimary.selected" | "colorPalette.neutralInverse.selected" | "colorPalette.base" | "colorPalette.layer_1" | "colorPalette.layer_2" | "colorPalette.overlay" | "colorPalette.raised"
21
21
 
22
22
  export type BorderWidthToken = "none" | "sm" | "md" | "lg"
23
23
 
@@ -207,7 +207,7 @@ export interface UtilityValues {
207
207
  srOnly: boolean;
208
208
  debug: boolean;
209
209
  containerName: CssProperties["containerName"];
210
- colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
210
+ colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "content" | "content.neutral" | "content.neuroidPrimary" | "content.danger" | "content.warning" | "content.success" | "content.informative" | "content.zoltarinaPrimary" | "content.heydPrimary" | "content.static" | "content.static.white" | "content.static.black" | "content.heybeePrimary" | "content.neutralInverse" | "background" | "background.neutral" | "background.neuroidPrimary" | "background.neuroidSecondary" | "background.danger" | "background.warning" | "background.success" | "background.informative" | "background.zoltarinaPrimary" | "background.zoltarinaSecondary" | "background.heydPrimary" | "background.heydSecondary" | "background.static" | "background.static.whiteAlpha" | "background.static.blackAlpha" | "background.heybeePrimary" | "background.neutralInverse" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
211
211
  textStyle: "body.md" | "body.lg" | "body.sm" | "label.sm" | "label.md" | "title.sm" | "title.md" | "title.lg" | "headline.sm" | "headline.md" | "display.md" | "display.lg";
212
212
  }
213
213
 
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { default as BottomSheet, BottomSheetProps } from '.';
3
+ declare const meta: Meta<typeof BottomSheet>;
4
+ export default meta;
5
+ type Story = StoryObj<BottomSheetProps>;
6
+ export declare const Basic: Story;
@@ -1,4 +1,5 @@
1
- export type ButtonVariantProps = typeof buttonRecipe.__type;
1
+ import { RecipeVariantProps } from '../../../styled-system/css';
2
+ export type ButtonVariantProps = RecipeVariantProps<typeof buttonRecipe>;
2
3
  export declare const buttonRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
3
4
  variant: {
4
5
  solid: {
@@ -1,2 +1,3 @@
1
- export type DialogVariantProps = keyof typeof dialogRecipe.variantMap;
1
+ import { RecipeVariantProps } from '../../../styled-system/css';
2
+ export type DialogVariantProps = RecipeVariantProps<typeof dialogRecipe>;
2
3
  export declare const dialogRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"body" | "footer" | "header" | "title" | "description" | "content" | "trigger" | "backdrop" | "positioner" | "closeTrigger", import('../../../styled-system/types').SlotRecipeVariantRecord<"body" | "footer" | "header" | "title" | "description" | "content" | "trigger" | "backdrop" | "positioner" | "closeTrigger">>;
@@ -1,4 +1,5 @@
1
- export type IconButtonVariantProps = typeof iconButtonRecipe.__type;
1
+ import { RecipeVariantProps } from '../../../styled-system/css';
2
+ export type IconButtonVariantProps = RecipeVariantProps<typeof iconButtonRecipe>;
2
3
  export declare const iconButtonRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
3
4
  variant: {
4
5
  solid: {
@@ -1,18 +1,12 @@
1
- import { ReactNode } from 'react';
2
1
  import { HTMLStyledProps } from '../../../styled-system/jsx';
2
+ import { Assign } from '@ark-ui/react';
3
3
  import { InputVariantProps } from './input.recipe';
4
- export type InputProps = HTMLStyledProps<'input'> & InputVariantProps & {
5
- value: string;
4
+ export type InputProps = Assign<HTMLStyledProps<'input'>, InputVariantProps> & {
6
5
  required?: boolean;
7
- disabled?: boolean;
8
6
  label?: string;
9
7
  labelPosition?: 'outside' | 'inside';
10
8
  description?: string;
11
9
  textLimit?: number;
12
10
  };
13
- export declare const RequiredStar: () => import("react/jsx-runtime").JSX.Element;
14
- export declare const Description: ({ children }: {
15
- children: ReactNode;
16
- }) => import("react/jsx-runtime").JSX.Element;
17
11
  declare const Input: import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
18
12
  export default Input;
@@ -1,85 +1,106 @@
1
- export type InputVariantProps = Omit<typeof inputRecipe.__type, 'state'>;
2
- export type InputStateType = Pick<typeof inputRecipe.__type, 'state'>['state'];
3
- export declare const inputSlotRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"description" | "requiredStar" | "textLengthIndicator", import('../../../styled-system/types').SlotRecipeVariantRecord<"description" | "requiredStar" | "textLengthIndicator">>;
4
- export declare const inputRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
1
+ import { RecipeVariantProps } from '../../../styled-system/css';
2
+ export type InputVariantProps = RecipeVariantProps<typeof inputRecipe>;
3
+ export declare const inputRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"label" | "description" | "inputContainer" | "requiredStar" | "textLengthIndicator", {
5
4
  isTextArea: {
6
5
  true: {
7
- minHeight: "56px";
8
- '& textarea': {
9
- background: "transparent";
10
- height: "100%";
11
- resize: "none";
12
- overflowY: "auto";
6
+ inputContainer: {
7
+ minHeight: "56px";
8
+ '& textarea': {
9
+ background: "transparent";
10
+ resize: "none";
11
+ overflowY: "auto";
12
+ };
13
13
  };
14
14
  };
15
15
  false: {
16
- minHeight: "48px";
17
- maxHeight: "60px";
16
+ inputContainer: {
17
+ minHeight: "48px";
18
+ maxHeight: "60px";
19
+ };
18
20
  };
19
21
  };
20
22
  variant: {
21
23
  solid: {
22
- borderColor: "transparent";
24
+ inputContainer: {
25
+ borderColor: "transparent";
26
+ _focusWithin: {
27
+ borderColor: "border.neutral.default";
28
+ };
29
+ };
23
30
  };
24
31
  line: {
25
- background: "transparent";
32
+ inputContainer: {
33
+ background: "transparent";
34
+ border: number;
35
+ borderColor: "border.neutral.subtle";
36
+ _focusWithin: {
37
+ borderColor: "border.neutral.default";
38
+ };
39
+ _groupDisabled: {
40
+ borderColor: "border.neutral.disabled";
41
+ };
42
+ };
26
43
  };
27
44
  };
28
45
  color: {
29
46
  alpha: {
30
- '&::placeholder': {
31
- color: "content.static.white.subtlest";
47
+ inputContainer: {
48
+ _placeholder: {
49
+ color: "content.static.white.subtlest";
50
+ _groupDisabled: {
51
+ color: "content.static.white.disabled";
52
+ };
53
+ };
54
+ };
55
+ label: {
56
+ color: "content.neutral.default";
57
+ _groupDisabled: {
58
+ color: "content.neutral.disabled";
59
+ };
32
60
  };
33
61
  };
34
62
  neutral: {
35
- '&::placeholder': {
36
- color: "content.neutral.subtlest";
63
+ inputContainer: {
64
+ _placeholder: {
65
+ color: "content.neutral.subtlest";
66
+ _groupDisabled: {
67
+ color: "content.neutral.disabled";
68
+ };
69
+ };
70
+ };
71
+ label: {
72
+ color: "content.neutral.subtle";
73
+ _groupDisabled: {
74
+ color: "content.neutral.disabled";
75
+ };
37
76
  };
38
77
  };
39
78
  };
40
79
  radius: {
41
80
  md: {
42
- borderRadius: number;
43
- px: number;
81
+ inputContainer: {
82
+ borderRadius: number;
83
+ px: number;
84
+ };
44
85
  };
45
86
  lg: {
46
- borderRadius: number;
47
- px: number;
87
+ inputContainer: {
88
+ borderRadius: number;
89
+ px: number;
90
+ };
48
91
  };
49
92
  full: {
50
- borderRadius: number;
51
- px: number;
52
- };
53
- };
54
- state: {
55
- default: {
56
- color: "content.neutral.bold";
57
- };
58
- selected: {
59
- color: "content.neutral.bold";
60
- };
61
- disabled: {
62
- color: "content.neutral.disabled";
93
+ inputContainer: {
94
+ borderRadius: number;
95
+ px: number;
96
+ };
63
97
  };
64
98
  };
65
- }>;
66
- export declare const labelRecipe: import('../../../styled-system/types').RecipeRuntimeFn<{
67
- state: {
68
- default: {};
69
- selected: {};
70
- disabled: {};
71
- };
72
- color: {
73
- alpha: {
74
- color: "content.static.white.bold";
75
- };
76
- neutral: {
77
- color: "content.neutral.subtle";
99
+ disabled: {
100
+ true: {
101
+ inputContainer: {
102
+ _groupDisabled: {};
103
+ };
78
104
  };
79
105
  };
80
- radius: {
81
- md: {};
82
- lg: {};
83
- full: {};
84
- };
85
106
  }>;
@@ -1,2 +1,3 @@
1
- export type NavigationVariantProps = keyof typeof navigationRecipe.variantMap;
1
+ import { RecipeVariantProps } from '../../../styled-system/css';
2
+ export type NavigationVariantProps = RecipeVariantProps<typeof navigationRecipe>;
2
3
  export declare const navigationRecipe: import('../../../styled-system/types').SlotRecipeRuntimeFn<"list" | "content" | "trigger" | "root" | "indicator", import('../../../styled-system/types').SlotRecipeVariantRecord<"list" | "content" | "trigger" | "root" | "indicator">>;