@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.
- package/dist/index.cjs +1807 -497
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1809 -499
- package/dist/index.js.map +1 -1
- package/dist/styled-system/styles.css +176 -78
- package/dist/styled-system/tokens/index.mjs +76 -16
- package/dist/styled-system/tokens/tokens.d.ts +3 -3
- package/dist/styled-system/types/prop-type.d.ts +1 -1
- package/dist/types/components/BottomSheet/BottomSheet.stories.d.ts +6 -0
- package/dist/types/components/Button/button.recipe.d.ts +2 -1
- package/dist/types/components/Dialog/dialog.recipe.d.ts +2 -1
- package/dist/types/components/IconButton/icon-button.recipe.d.ts +2 -1
- package/dist/types/components/Input/index.d.ts +2 -8
- package/dist/types/components/Input/input.recipe.d.ts +74 -53
- package/dist/types/components/Navigation/navigation.recipe.d.ts +2 -1
- package/dist/types/components/Spinner/index.d.ts +273 -5
- package/dist/types/components/Spinner/spinner.recipe.d.ts +2 -1
- package/dist/types/components/Tabs/tabs.recipe.d.ts +2 -1
- package/dist/types/components/Tag/index.d.ts +2 -1
- package/dist/types/components/Tag/tag.recipe.d.ts +2 -1
- package/dist/types/components/Text/index.d.ts +273 -1
- package/dist/types/components/Text/text.recipe.d.ts +2 -1
- package/dist/types/components/TextArea/index.d.ts +2 -2
- package/dist/types/components/Toast/Toast.stories.d.ts +9 -0
- package/dist/types/components/Toast/index.d.ts +29 -0
- package/dist/types/components/Toast/toast.recipe.d.ts +24 -0
- package/dist/types/contexts/ToastProvider.d.ts +9 -0
- package/dist/types/contexts/index.d.ts +1 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/utils/index.d.ts +1 -0
- package/dist/types/utils/toast.d.ts +53 -0
- 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.
|
|
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
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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'
|
|
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
|
-
|
|
2
|
-
export type
|
|
3
|
-
export declare const
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
17
|
-
|
|
16
|
+
inputContainer: {
|
|
17
|
+
minHeight: "48px";
|
|
18
|
+
maxHeight: "60px";
|
|
19
|
+
};
|
|
18
20
|
};
|
|
19
21
|
};
|
|
20
22
|
variant: {
|
|
21
23
|
solid: {
|
|
22
|
-
|
|
24
|
+
inputContainer: {
|
|
25
|
+
borderColor: "transparent";
|
|
26
|
+
_focusWithin: {
|
|
27
|
+
borderColor: "border.neutral.default";
|
|
28
|
+
};
|
|
29
|
+
};
|
|
23
30
|
};
|
|
24
31
|
line: {
|
|
25
|
-
|
|
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
|
-
|
|
31
|
-
|
|
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
|
-
|
|
36
|
-
|
|
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
|
-
|
|
43
|
-
|
|
81
|
+
inputContainer: {
|
|
82
|
+
borderRadius: number;
|
|
83
|
+
px: number;
|
|
84
|
+
};
|
|
44
85
|
};
|
|
45
86
|
lg: {
|
|
46
|
-
|
|
47
|
-
|
|
87
|
+
inputContainer: {
|
|
88
|
+
borderRadius: number;
|
|
89
|
+
px: number;
|
|
90
|
+
};
|
|
48
91
|
};
|
|
49
92
|
full: {
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
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">>;
|