@nation-a/ui 0.16.18 → 0.16.20

package/dist/styled-system/styles.css

@@ -724,6 +724,7 @@ html:not(#\#),body:not(#\#) {
   --colors-background-neutral-inverse-default: var(--colors-neutral-200);
   --colors-background-neutral-inverse-selected: var(--colors-neutral-300);
   --colors-background-neutral-inverse-disabled: var(--colors-neutral-400);
+  --colors-background-v3-default: #404040;
   --colors-surface-base: var(--colors-neutral-1100);
   --colors-surface-layer_1: var(--colors-neutral-1100);
   --colors-surface-layer_2: var(--colors-neutral-1050);
@@ -818,6 +819,7 @@ html:not(#\#),body:not(#\#) {
   --colors-background-neutral-inverse-default: var(--colors-neutral-1050);
   --colors-background-neutral-inverse-selected: var(--colors-neutral-1000);
   --colors-background-neutral-inverse-disabled: var(--colors-neutral-1000);
+  --colors-background-v3-default: #404040;
   --colors-surface-base: var(--colors-neutral-0);
   --colors-surface-layer_1: var(--colors-neutral-100);
   --colors-surface-layer_2: var(--colors-neutral-200);
@@ -3256,6 +3258,12 @@ html:not(#\#),body:not(#\#) {
   outline-color: var(--colors-border-neutral-default);
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .hover\:bg_black\.100A:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: var(--colors-black-100-a);
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:bg_background\.neuroidPrimary\.selected:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--colors-background-neuroid-primary-selected);
@@ -3346,12 +3354,6 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
-@media (hover: hover) and (pointer: fine) {
-  .hover\:td_underline:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-    text-decoration: underline;
-}
-}
-
 @media (hover: hover) and (pointer: fine) {
   .hover\:c_content\.neutral\.hovered:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     color: content.neutral.hovered;
@@ -3370,6 +3372,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .hover\:dark\:bg_white\.100A:is(:hover, [data-hover]) {
+    background: var(--colors-white-100-a);
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .checked\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--colors-content-neutral-subtle);

package/dist/styled-system/tokens/index.mjs

@@ -1483,6 +1483,10 @@ const tokens = {
     "value": "var(--colors-background-neutral-inverse-disabled)",
     "variable": "var(--colors-background-neutral-inverse-disabled)"
   },
+  "colors.background.v3.default": {
+    "value": "var(--colors-background-v3-default)",
+    "variable": "var(--colors-background-v3-default)"
+  },
   "colors.surface.base": {
     "value": "var(--colors-surface-base)",
     "variable": "var(--colors-surface-base)"
@@ -2151,6 +2155,10 @@ const tokens = {
     "value": "var(--colors-color-palette-neutral-inverse-selected)",
     "variable": "var(--colors-color-palette-neutral-inverse-selected)"
   },
+  "colors.colorPalette.v3.default": {
+    "value": "var(--colors-color-palette-v3-default)",
+    "variable": "var(--colors-color-palette-v3-default)"
+  },
   "colors.colorPalette.base": {
     "value": "var(--colors-color-palette-base)",
     "variable": "var(--colors-color-palette-base)"

package/dist/styled-system/tokens/tokens.d.ts

@@ -1,7 +1,7 @@
 /* eslint-disable */
-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.fade-out" | "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-xs" | "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.1000A" | "colors.white.900A" | "colors.white.800A" | "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" | "colors.v3.blue" | "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" | "fonts.freeman" | "fonts.dmSans" | "fonts.pretendard" | "fonts.notoSans" | "fonts.inter" | "breakpoints.xs" | "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.1000A" | "colors.colorPalette.900A" | "colors.colorPalette.800A" | "colors.colorPalette.blue" | "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"
+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.fade-out" | "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-xs" | "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.1000A" | "colors.white.900A" | "colors.white.800A" | "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" | "colors.v3.blue" | "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" | "fonts.freeman" | "fonts.dmSans" | "fonts.pretendard" | "fonts.notoSans" | "fonts.inter" | "breakpoints.xs" | "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.background.v3.default" | "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.1000A" | "colors.colorPalette.900A" | "colors.colorPalette.800A" | "colors.colorPalette.blue" | "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.v3.default" | "colors.colorPalette.base" | "colors.colorPalette.layer_1" | "colors.colorPalette.layer_2" | "colors.colorPalette.overlay" | "colors.colorPalette.raised"
 
-export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "v3" | "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"
+export type ColorPalette = "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "v3" | "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" | "background.v3" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary"
 
 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" | "fade-out" | "collapse-in" | "collapse-out" | "spin"
 
@@ -17,7 +17,7 @@ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9
 
 export type ZIndexToken = "hide" | "base" | "docked" | "dropdown" | "sticky" | "banner" | "overlay" | "modal" | "popover" | "skipLink" | "toast" | "tooltip"
 
-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.1000A" | "white.900A" | "white.800A" | "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" | "v3.blue" | "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.1000A" | "colorPalette.900A" | "colorPalette.800A" | "colorPalette.blue" | "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"
+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.1000A" | "white.900A" | "white.800A" | "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" | "v3.blue" | "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" | "background.v3.default" | "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.1000A" | "colorPalette.900A" | "colorPalette.800A" | "colorPalette.blue" | "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.v3.default" | "colorPalette.base" | "colorPalette.layer_1" | "colorPalette.layer_2" | "colorPalette.overlay" | "colorPalette.raised"
 
 export type BorderWidthToken = "none" | "sm" | "md" | "lg"
 

package/dist/styled-system/types/prop-type.d.ts

@@ -207,7 +207,7 @@ export interface UtilityValues {
 	srOnly: boolean;
 	debug: boolean;
 	containerName: CssProperties["containerName"];
-	colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "v3" | "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";
+	colorPalette: "neutral" | "black" | "white" | "red" | "orange" | "blue" | "green" | "purple" | "ohre" | "cyan" | "yellow" | "v3" | "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" | "background.v3" | "surface" | "shadow" | "scrim" | "skeleton" | "border" | "border.neutral" | "border.neuroidPrimary" | "border.danger" | "border.warning" | "border.success" | "border.informative" | "border.zoltarinaPrimary" | "border.heydPrimary" | "border.heybeePrimary";
 	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" | "en.title.main.22.bold" | "en.title.main.24.bold" | "en.title.main.30.bold" | "en.title.main.56.bold" | "en.title.sub.16.bold" | "en.title.sub.18.bold" | "en.title.sub.20.bold" | "en.text.chat.14.bold" | "en.text.chat.14.regular" | "en.text.chat.16.bold" | "en.text.chat.16.regular" | "en.text.body.14.bold" | "en.text.body.14.regular" | "en.text.body.16.bold" | "en.text.body.16.regular" | "en.label.caption.10.semibold" | "en.label.caption.12.semibold" | "en.label.caption.14.semibold" | "kr.title.main.22.bold" | "kr.title.main.24.bold" | "kr.title.main.30.bold" | "kr.title.main.56.bold" | "kr.title.sub.16.bold" | "kr.title.sub.18.bold" | "kr.title.sub.20.bold" | "kr.text.chat.14.bold" | "kr.text.chat.14.regular" | "kr.text.chat.16.bold" | "kr.text.chat.16.regular" | "kr.text.body.14.bold" | "kr.text.body.14.regular" | "kr.text.body.16.bold" | "kr.text.body.16.regular" | "kr.label.caption.10.semibold" | "kr.label.caption.12.semibold" | "kr.label.caption.14.semibold";
 }
 

package/dist/types/components/Button/button.recipe.d.ts

@@ -31,6 +31,12 @@ export declare const buttonRecipe: import('../../../styled-system/types').Recipe
                 cursor: "not-allowed";
                 pointerEvents: "none";
             };
+            _hover: {
+                background: "black.100A";
+                _dark: {
+                    background: "white.100A";
+                };
+            };
         };
     };
     color: {

package/dist/types/components/IconButton/icon-button.recipe.d.ts

@@ -24,7 +24,10 @@ export declare const iconButtonRecipe: import('../../../styled-system/types').Re
                 pointerEvents: "none";
             };
             _hover: {
-                background: "background.neutral.selected";
+                background: "black.100A";
+                _dark: {
+                    background: "white.100A";
+                };
             };
         };
         light: {
@@ -37,7 +40,10 @@ export declare const iconButtonRecipe: import('../../../styled-system/types').Re
                 pointerEvents: "none";
             };
             _hover: {
-                background: "background.neutral.selected";
+                background: "black.100A";
+                _dark: {
+                    background: "white.100A";
+                };
             };
         };
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.18",
+  "version": "0.16.20",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -23,7 +23,7 @@
     "react-hot-toast": "^2.5.2",
     "react-lottie": "^1.2.10",
     "@nation-a/icons": "0.4.0",
-    "@nation-a/tokens": "0.4.0"
+    "@nation-a/tokens": "0.4.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3",