@teamturing/react-kit 2.48.0 → 2.49.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/core/ClickArea/index.d.ts +1 -1
  2. package/dist/core/GradientText/index.d.ts +1 -1
  3. package/dist/core/HorizontalDivider/index.d.ts +2 -2
  4. package/dist/core/View/index.d.ts +2 -2
  5. package/dist/index.js +12 -17
  6. package/dist/theme/index.d.ts +193 -194
  7. package/esm/packages/token-studio/esm/token/color/index.js +9 -5
  8. package/esm/packages/token-studio/esm/token/elevation/index.js +2 -7
  9. package/esm/theme/index.js +3 -8
  10. package/package.json +3 -3
package/dist/core/ClickArea/index.d.ts CHANGED
@@ -5,7 +5,7 @@ type Props = {
5
5
  } & ViewProps & Pick<HTMLAttributes<HTMLDivElement>, 'onClick'>;
6
6
  declare const _default: import("react").ForwardRefExoticComponent<{
7
7
  disabled?: boolean | undefined;
8
- } & import("../..").SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak" | "surface" | "surface/overlay"> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderRadiusProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "none" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "full"> & import("../../utils/styled-system").GapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").ColumnGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").RowGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & Pick<HTMLAttributes<HTMLDivElement>, "onClick"> & {
8
+ } & import("../..").SxProp & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "surface" | "surface/overlay" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/weak" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected"> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "surface" | "surface/overlay" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/weak" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected"> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> & import("styled-system").BorderRadiusProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "none" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "full"> & import("../../utils/styled-system").GapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").ColumnGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & import("../../utils/styled-system").RowGapProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 0 | 1 | 20 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 16 | 18 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 0.5 | 24 | 28 | 30 | 32 | 40 | 48 | 50 | 80> & Pick<HTMLAttributes<HTMLDivElement>, "onClick"> & {
9
9
  children?: import("react").ReactNode;
10
10
  } & import("react").RefAttributes<HTMLDivElement>>;
11
11
  export default _default;
package/dist/core/GradientText/index.d.ts CHANGED
@@ -272,7 +272,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
272
272
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
273
273
  } & {
274
274
  typography?: import("styled-system").ResponsiveValue<"m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
275
- } & import("../../utils/styled-system").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/black" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected" | "text/weak">, "ref"> & {
275
+ } & import("../../utils/styled-system").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "border/neutral" | "icon/inverse" | "bg/disabled" | "border/disabled" | "bg/primary" | "icon/disabled" | "border/focused" | "border/danger" | "surface" | "surface/overlay" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "scale/gray/0" | "scale/gray/1" | "scale/gray/2" | "scale/gray/3" | "scale/gray/4" | "scale/gray/5" | "scale/gray/6" | "scale/gray/7" | "scale/gray/8" | "scale/gray/9" | "scale/blue/0" | "scale/blue/1" | "scale/blue/2" | "scale/blue/3" | "scale/blue/4" | "scale/blue/5" | "scale/blue/6" | "scale/blue/7" | "scale/blue/8" | "scale/blue/9" | "scale/green/0" | "scale/green/1" | "scale/green/2" | "scale/green/3" | "scale/green/4" | "scale/green/5" | "scale/green/6" | "scale/green/7" | "scale/green/8" | "scale/green/9" | "scale/pink/0" | "scale/pink/1" | "scale/pink/2" | "scale/pink/3" | "scale/pink/4" | "scale/pink/5" | "scale/pink/6" | "scale/pink/7" | "scale/pink/8" | "scale/pink/9" | "scale/skyblue/0" | "scale/skyblue/1" | "scale/skyblue/2" | "scale/skyblue/3" | "scale/skyblue/4" | "scale/skyblue/5" | "scale/skyblue/6" | "scale/skyblue/7" | "scale/skyblue/8" | "scale/skyblue/9" | "scale/red/0" | "scale/red/1" | "scale/red/2" | "scale/red/3" | "scale/red/4" | "scale/red/5" | "scale/red/6" | "scale/red/7" | "scale/red/8" | "scale/red/9" | "scale/yellow/0" | "scale/yellow/1" | "scale/yellow/2" | "scale/yellow/3" | "scale/yellow/4" | "scale/yellow/5" | "scale/yellow/6" | "scale/yellow/7" | "scale/yellow/8" | "scale/yellow/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue/subtle" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/primary" | "border/hovered" | "border/success" | "border/accent/blue" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/primary/disabled" | "bg/neutral/subtlest" | "bg/neutral/subtlest/hovered" | "bg/neutral/subtlest/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/primary" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/weak" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
276
276
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
277
277
  }, Props>>;
278
278
  export default GradientText;
package/dist/core/HorizontalDivider/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ColorKey, SurfaceElevationKey } from '@teamturing/token-studio';
1
+ import { ColorKey } from '@teamturing/token-studio';
2
2
  import { HTMLAttributes } from 'react';
3
3
  import { BorderColorProps, BorderProps, Theme } from 'styled-system';
4
4
  import { SxProp } from '../../utils/styled-system';
5
5
  type Props = {
6
6
  width?: BorderProps['borderBottomWidth'];
7
- color?: BorderColorProps<Theme, ColorKey | SurfaceElevationKey>['borderBottomColor'];
7
+ color?: BorderColorProps<Theme, ColorKey>['borderBottomColor'];
8
8
  variant?: BorderProps['borderBottomStyle'];
9
9
  } & SxProp & Pick<HTMLAttributes<HTMLHRElement>, 'className'>;
10
10
  declare const HorizontalDivider: ({ className, width, color, variant, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
package/dist/core/View/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { ColorKey, RadiiKey, SpaceKey, SurfaceElevationKey } from '@teamturing/token-studio';
2
+ import { ColorKey, RadiiKey, SpaceKey } from '@teamturing/token-studio';
3
3
  import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme, BorderColorProps } from 'styled-system';
4
4
  import { ColumnGapProps, GapProps, RowGapProps, SxProp } from '../../utils/styled-system';
5
- type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & BorderColorProps<Theme, ColorKey | SurfaceElevationKey> & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey> & GapProps<Theme, SpaceKey> & ColumnGapProps<Theme, SpaceKey> & RowGapProps<Theme, SpaceKey>;
5
+ type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey> & FlexboxProps & BackgroundProps & BorderProps & BorderColorProps<Theme, ColorKey> & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey> & GapProps<Theme, SpaceKey> & ColumnGapProps<Theme, SpaceKey> & RowGapProps<Theme, SpaceKey>;
6
6
  declare const View: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
7
7
  export default View;
8
8
  export type { Props as ViewProps };
package/dist/index.js CHANGED
@@ -42173,6 +42173,7 @@ const textColor = {
42173
42173
  'text/accent/green': palette.green500,
42174
42174
  'text/accent/yellow': palette.yellow500,
42175
42175
  'text/accent/red': palette.red500,
42176
+ 'text/weak': palette.gray300,
42176
42177
  'text/neutral/subtlest': palette.gray400,
42177
42178
  'text/neutral/subtler': palette.gray500,
42178
42179
  'text/neutral/subtle': palette.gray700,
@@ -42184,8 +42185,7 @@ const textColor = {
42184
42185
  'text/success': palette.green500,
42185
42186
  'text/warning': palette.yellow500,
42186
42187
  'text/danger': palette.red500,
42187
- 'text/selected': palette.gray900,
42188
- 'text/weak': palette.gray300
42188
+ 'text/selected': palette.gray900
42189
42189
  };
42190
42190
  const bgColor = {
42191
42191
  'bg/secondary': palette.violet50,
@@ -42257,7 +42257,6 @@ const iconColor = {
42257
42257
  'icon/neutral/bold': palette.gray400,
42258
42258
  'icon/neutral/bolder': palette.gray700,
42259
42259
  'icon/accent/gray': palette.gray900,
42260
- 'icon/accent/black': palette.black,
42261
42260
  'icon/accent/blue/subtle': palette.blue200,
42262
42261
  'icon/accent/blue': palette.blue500,
42263
42262
  'icon/accent/blue/bold': palette.blue700,
@@ -42286,7 +42285,7 @@ const linkColor = {
42286
42285
  'link/neutral/bold': palette.gray700,
42287
42286
  'link/neutral/bold/hovered': palette.gray900,
42288
42287
  'link/neutral/bold/pressed': palette.gray900,
42289
- 'link/disabled': palette.gray700
42288
+ 'link/disabled': palette.gray400
42290
42289
  };
42291
42290
  const dimColor = {
42292
42291
  dim: palette.black60A
@@ -42373,6 +42372,10 @@ const scaleColor = {
42373
42372
  'scale/yellow/8': palette.mustardYellow800,
42374
42373
  'scale/yellow/9': palette.mustardYellow900
42375
42374
  };
42375
+ const surfaceColor = {
42376
+ 'surface': palette.white,
42377
+ 'surface/overlay': palette.white
42378
+ };
42376
42379
  const color = {
42377
42380
  ...textColor,
42378
42381
  ...bgColor,
@@ -42380,18 +42383,15 @@ const color = {
42380
42383
  ...iconColor,
42381
42384
  ...linkColor,
42382
42385
  ...dimColor,
42383
- ...scaleColor
42386
+ ...scaleColor,
42387
+ ...surfaceColor
42384
42388
  };
42385
42389
 
42386
42390
  const shadow = {
42387
42391
  shadowMedium: '0px 0px 1px 0px rgba(0, 0, 0, 0.06), 0px 8px 24px 0px rgba(0, 0, 0, 0.12)'
42388
42392
  };
42389
42393
 
42390
- const surfaceElevation = {
42391
- 'surface': palette.white,
42392
- 'surface/overlay': palette.white
42393
- };
42394
- const shadowElevation = {
42394
+ const elevation = {
42395
42395
  'shadow/overlay': shadow.shadowMedium
42396
42396
  };
42397
42397
 
@@ -42781,14 +42781,9 @@ const theme = {
42781
42781
  fontSizes,
42782
42782
  lineHeights,
42783
42783
  radii,
42784
- colors: {
42785
- ...color,
42786
- ...surfaceElevation
42787
- },
42784
+ colors: color,
42788
42785
  gradients: gradient,
42789
- shadows: {
42790
- ...shadowElevation
42791
- },
42786
+ shadows: elevation,
42792
42787
  opacity
42793
42788
  };
42794
42789
 
package/dist/theme/index.d.ts CHANGED
@@ -85,200 +85,199 @@ declare const theme: {
85
85
  readonly full: number;
86
86
  };
87
87
  colors: {
88
- surface: "#FFFFFF";
89
- 'surface/overlay': "#FFFFFF";
90
- 'scale/violet/0': "#F3EFFD";
91
- 'scale/violet/1': "#E8E1FB";
92
- 'scale/violet/2': "#D9CDF9";
93
- 'scale/violet/3': "#C6B5F6";
94
- 'scale/violet/4': "#9C7EEF";
95
- 'scale/violet/5': "#835EEB";
96
- 'scale/violet/6': "#7756D6";
97
- 'scale/violet/7': "#5D43A7";
98
- 'scale/violet/8': "#483481";
99
- 'scale/violet/9': "#372763";
100
- 'scale/gray/0': "#F9FAFB";
101
- 'scale/gray/1': "#F3F4F6";
102
- 'scale/gray/2': "#E5E7EB";
103
- 'scale/gray/3': "#D1D5DB";
104
- 'scale/gray/4': "#8D94A0";
105
- 'scale/gray/5': "#7A828D";
106
- 'scale/gray/6': "#6F7680";
107
- 'scale/gray/7': "#575C64";
108
- 'scale/gray/8': "#43484E";
109
- 'scale/gray/9': "#33373B";
110
- 'scale/blue/0': "#edf2fd";
111
- 'scale/blue/1': "#c6d8fa";
112
- 'scale/blue/2': "#abc5f7";
113
- 'scale/blue/3': "#84aaf4";
114
- 'scale/blue/4': "#6d99f1";
115
- 'scale/blue/5': "#4880ee";
116
- 'scale/blue/6': "#4274d9";
117
- 'scale/blue/7': "#335ba9";
118
- 'scale/blue/8': "#284683";
119
- 'scale/blue/9': "#1e3664";
120
- 'scale/green/0': "#E9FAF6";
121
- 'scale/green/1': "#BAEFE2";
122
- 'scale/green/2': "#98E8D4";
123
- 'scale/green/3': "#69DDC0";
124
- 'scale/green/4': "#4CD6B4";
125
- 'scale/green/5': "#1FCCA1";
126
- 'scale/green/6': "#1CBA93";
127
- 'scale/green/7': "#169172";
128
- 'scale/green/8': "#117059";
129
- 'scale/green/9': "#0D5644";
130
- 'scale/pink/0': "#FCF2FD";
131
- 'scale/pink/1': "#F5D6F8";
132
- 'scale/pink/2': "#F0C2F4";
133
- 'scale/pink/3': "#E9A7EF";
134
- 'scale/pink/4': "#E595EC";
135
- 'scale/pink/5': "#DE7BE7";
136
- 'scale/pink/6': "#CA70D2";
137
- 'scale/pink/7': "#9E57A4";
138
- 'scale/pink/8': "#7A447F";
139
- 'scale/pink/9': "#5D3461";
140
- 'scale/skyblue/0': "#EFF9FD";
141
- 'scale/skyblue/1': "#CFEDF8";
142
- 'scale/skyblue/2': "#B7E4F5";
143
- 'scale/skyblue/3': "#96D8F1";
144
- 'scale/skyblue/4': "#82D1EE";
145
- 'scale/skyblue/5': "#63C5EA";
146
- 'scale/skyblue/6': "#5AB3D5";
147
- 'scale/skyblue/7': "#468CA6";
148
- 'scale/skyblue/8': "#366C81";
149
- 'scale/skyblue/9': "#2A5362";
150
- 'scale/red/0': "#FDF0F0";
151
- 'scale/red/1': "#F9CFCF";
152
- 'scale/red/2': "#F6B8B8";
153
- 'scale/red/3': "#F29898";
154
- 'scale/red/4': "#F08484";
155
- 'scale/red/5': "#EC6565";
156
- 'scale/red/6': "#D75C5C";
157
- 'scale/red/7': "#A84848";
158
- 'scale/red/8': "#823838";
159
- 'scale/red/9': "#632A2A";
160
- 'scale/yellow/0': "#FEF9EE";
161
- 'scale/yellow/1': "#FCEBCC";
162
- 'scale/yellow/2': "#FAE2B3";
163
- 'scale/yellow/3': "#F8D490";
164
- 'scale/yellow/4': "#F7CC7A";
165
- 'scale/yellow/5': "#F5BF59";
166
- 'scale/yellow/6': "#DFAE51";
167
- 'scale/yellow/7': "#AE883F";
168
- 'scale/yellow/8': "#876931";
169
- 'scale/yellow/9': "#675025";
170
- dim: "#00000099";
171
- link: "#4880ee";
172
- 'link/hovered': "#335ba9";
173
- 'link/pressed': "#335ba9";
174
- 'link/neutral': "#7A828D";
175
- 'link/neutral/hovered': "#575C64";
176
- 'link/neutral/pressed': "#575C64";
177
- 'link/neutral/bold': "#575C64";
178
- 'link/neutral/bold/hovered': "#33373B";
179
- 'link/neutral/bold/pressed': "#33373B";
180
- 'link/disabled': "#575C64";
181
- 'icon/neutral': "#D1D5DB";
182
- 'icon/neutral/bold': "#8D94A0";
183
- 'icon/neutral/bolder': "#575C64";
184
- 'icon/accent/gray': "#33373B";
185
- 'icon/accent/black': "#000000";
186
- 'icon/accent/blue/subtle': "#abc5f7";
187
- 'icon/accent/blue': "#4880ee";
188
- 'icon/accent/blue/bold': "#335ba9";
189
- 'icon/accent/green': "#1FCCA1";
190
- 'icon/accent/yellow': "#FFC107";
191
- 'icon/accent/red': "#F22735";
192
- 'icon/inverse': "#FFFFFF";
193
- 'icon/disabled': "#D1D5DB";
194
- 'icon/disabled/subtler': "#E5E7EB";
195
- 'icon/selected/primary': "#835EEB";
196
- 'icon/selected': "#33373B";
197
- 'icon/primary/subtle': "#C6B5F6";
198
- 'icon/primary': "#835EEB";
199
- 'icon/primary/bold': "#5D43A7";
200
- 'icon/success': "#1FCCA1";
201
- 'icon/warning': "#FFC107";
202
- 'icon/danger': "#F22735";
203
- 'border/neutral/subtle': "#F3F4F6";
204
- 'border/neutral': "#E5E7EB";
205
- 'border/neutral/bolder': "#D1D5DB";
206
- 'border/input': "#E5E7EB";
207
- 'border/inverse': "#FFFFFF1A";
208
- 'border/selected': "#33373B";
209
- 'border/disabled': "#F3F4F6";
210
- 'border/primary': "#835EEB";
211
- 'border/hovered': "#84aaf4";
212
- 'border/focused': "#4880ee";
213
- 'border/danger': "#F22735";
214
- 'border/success': "#1FCCA1";
215
- 'border/accent/blue': "#4880ee";
216
- 'bg/secondary': "#F3EFFD";
217
- 'bg/secondary/hovered': "#D9CDF9";
218
- 'bg/secondary/pressed': "#D9CDF9";
219
- 'bg/primary': "#835EEB";
220
- 'bg/primary/hovered': "#5D43A7";
221
- 'bg/primary/pressed': "#5D43A7";
222
- 'bg/primary/disabled': "#E8E1FB";
223
- 'bg/neutral/subtlest': "#FFFFFF00";
224
- 'bg/neutral/subtlest/hovered': "#F9FAFB";
225
- 'bg/neutral/subtlest/pressed': "#F9FAFB";
226
- 'bg/neutral/subtler': "#FFFFFF00";
227
- 'bg/neutral/subtler/hovered': "#F3F4F6";
228
- 'bg/neutral/subtler/pressed': "#F3F4F6";
229
- 'bg/neutral/subtle': "#F9FAFB";
230
- 'bg/neutral/subtle/hovered': "#E5E7EB";
231
- 'bg/neutral/subtle/pressed': "#E5E7EB";
232
- 'bg/neutral': "#F3F4F6";
233
- 'bg/neutral/hovered': "#D1D5DB";
234
- 'bg/neutral/pressed': "#D1D5DB";
235
- 'bg/neutral/bold': "#575C64";
236
- 'bg/neutral/bold/hovered': "#33373B";
237
- 'bg/neutral/bold/pressed': "#33373B";
238
- 'bg/neutral/bolder': "#33373B";
239
- 'bg/neutral/bolder/hovered': "#000000";
240
- 'bg/neutral/bolder/pressed': "#000000";
241
- 'bg/disabled': "#F3F4F6";
242
- 'bg/disabled/subtlest': "#FFFFFF00";
243
- 'bg/input': "#FFFFFF";
244
- 'bg/accent/blue/subtlest': "#edf2fd";
245
- 'bg/accent/green/subtlest': "#E9FAF6";
246
- 'bg/accent/yellow/subtlest': "#FFF9E6";
247
- 'bg/accent/red/subtlest': "#FEE9EB";
248
- 'bg/accent/red/subtle': "#F5525D";
249
- 'bg/accent/red': "#F22735";
250
- 'bg/accent/gray/subtlest': "#E5E7EB";
251
- 'bg/selected/primary': "#835EEB";
252
- 'bg/selected': "#33373B";
253
- 'bg/selected/subtle': "#F3F4F6";
254
- 'bg/inverse': "#000000";
255
- 'bg/inverse/subtlest': "#FFFFFF1A";
256
- 'bg/success': "#E9FAF6";
257
- 'bg/success/bold': "#1FCCA1";
258
- 'bg/warning': "#FFF9E6";
259
- 'bg/warning/bold': "#FFC107";
260
- 'bg/danger': "#FEE9EB";
261
- 'bg/danger/bold': "#F5525D";
262
- 'bg/danger/bold/hovered': "#DC2330";
263
- 'bg/danger/bold/pressed': "#DC2330";
264
- 'text/primary': "#835EEB";
265
- 'text/accent/blue': "#4880ee";
266
- 'text/accent/green': "#1FCCA1";
267
- 'text/accent/yellow': "#FFC107";
268
- 'text/accent/red': "#F22735";
269
- 'text/neutral/subtlest': "#8D94A0";
270
- 'text/neutral/subtler': "#7A828D";
271
- 'text/neutral/subtle': "#575C64";
272
- 'text/neutral': "#33373B";
273
- 'text/inverse': "#FFFFFF";
274
- 'text/inverse/subtle': "#E5E7EB";
275
- 'text/inverse/subtler': "#D1D5DB";
276
- 'text/disabled': "#8D94A0";
277
- 'text/success': "#1FCCA1";
278
- 'text/warning': "#FFC107";
279
- 'text/danger': "#F22735";
280
- 'text/selected': "#33373B";
281
- 'text/weak': "#D1D5DB";
88
+ readonly surface: "#FFFFFF";
89
+ readonly 'surface/overlay': "#FFFFFF";
90
+ readonly 'scale/violet/0': "#F3EFFD";
91
+ readonly 'scale/violet/1': "#E8E1FB";
92
+ readonly 'scale/violet/2': "#D9CDF9";
93
+ readonly 'scale/violet/3': "#C6B5F6";
94
+ readonly 'scale/violet/4': "#9C7EEF";
95
+ readonly 'scale/violet/5': "#835EEB";
96
+ readonly 'scale/violet/6': "#7756D6";
97
+ readonly 'scale/violet/7': "#5D43A7";
98
+ readonly 'scale/violet/8': "#483481";
99
+ readonly 'scale/violet/9': "#372763";
100
+ readonly 'scale/gray/0': "#F9FAFB";
101
+ readonly 'scale/gray/1': "#F3F4F6";
102
+ readonly 'scale/gray/2': "#E5E7EB";
103
+ readonly 'scale/gray/3': "#D1D5DB";
104
+ readonly 'scale/gray/4': "#8D94A0";
105
+ readonly 'scale/gray/5': "#7A828D";
106
+ readonly 'scale/gray/6': "#6F7680";
107
+ readonly 'scale/gray/7': "#575C64";
108
+ readonly 'scale/gray/8': "#43484E";
109
+ readonly 'scale/gray/9': "#33373B";
110
+ readonly 'scale/blue/0': "#edf2fd";
111
+ readonly 'scale/blue/1': "#c6d8fa";
112
+ readonly 'scale/blue/2': "#abc5f7";
113
+ readonly 'scale/blue/3': "#84aaf4";
114
+ readonly 'scale/blue/4': "#6d99f1";
115
+ readonly 'scale/blue/5': "#4880ee";
116
+ readonly 'scale/blue/6': "#4274d9";
117
+ readonly 'scale/blue/7': "#335ba9";
118
+ readonly 'scale/blue/8': "#284683";
119
+ readonly 'scale/blue/9': "#1e3664";
120
+ readonly 'scale/green/0': "#E9FAF6";
121
+ readonly 'scale/green/1': "#BAEFE2";
122
+ readonly 'scale/green/2': "#98E8D4";
123
+ readonly 'scale/green/3': "#69DDC0";
124
+ readonly 'scale/green/4': "#4CD6B4";
125
+ readonly 'scale/green/5': "#1FCCA1";
126
+ readonly 'scale/green/6': "#1CBA93";
127
+ readonly 'scale/green/7': "#169172";
128
+ readonly 'scale/green/8': "#117059";
129
+ readonly 'scale/green/9': "#0D5644";
130
+ readonly 'scale/pink/0': "#FCF2FD";
131
+ readonly 'scale/pink/1': "#F5D6F8";
132
+ readonly 'scale/pink/2': "#F0C2F4";
133
+ readonly 'scale/pink/3': "#E9A7EF";
134
+ readonly 'scale/pink/4': "#E595EC";
135
+ readonly 'scale/pink/5': "#DE7BE7";
136
+ readonly 'scale/pink/6': "#CA70D2";
137
+ readonly 'scale/pink/7': "#9E57A4";
138
+ readonly 'scale/pink/8': "#7A447F";
139
+ readonly 'scale/pink/9': "#5D3461";
140
+ readonly 'scale/skyblue/0': "#EFF9FD";
141
+ readonly 'scale/skyblue/1': "#CFEDF8";
142
+ readonly 'scale/skyblue/2': "#B7E4F5";
143
+ readonly 'scale/skyblue/3': "#96D8F1";
144
+ readonly 'scale/skyblue/4': "#82D1EE";
145
+ readonly 'scale/skyblue/5': "#63C5EA";
146
+ readonly 'scale/skyblue/6': "#5AB3D5";
147
+ readonly 'scale/skyblue/7': "#468CA6";
148
+ readonly 'scale/skyblue/8': "#366C81";
149
+ readonly 'scale/skyblue/9': "#2A5362";
150
+ readonly 'scale/red/0': "#FDF0F0";
151
+ readonly 'scale/red/1': "#F9CFCF";
152
+ readonly 'scale/red/2': "#F6B8B8";
153
+ readonly 'scale/red/3': "#F29898";
154
+ readonly 'scale/red/4': "#F08484";
155
+ readonly 'scale/red/5': "#EC6565";
156
+ readonly 'scale/red/6': "#D75C5C";
157
+ readonly 'scale/red/7': "#A84848";
158
+ readonly 'scale/red/8': "#823838";
159
+ readonly 'scale/red/9': "#632A2A";
160
+ readonly 'scale/yellow/0': "#FEF9EE";
161
+ readonly 'scale/yellow/1': "#FCEBCC";
162
+ readonly 'scale/yellow/2': "#FAE2B3";
163
+ readonly 'scale/yellow/3': "#F8D490";
164
+ readonly 'scale/yellow/4': "#F7CC7A";
165
+ readonly 'scale/yellow/5': "#F5BF59";
166
+ readonly 'scale/yellow/6': "#DFAE51";
167
+ readonly 'scale/yellow/7': "#AE883F";
168
+ readonly 'scale/yellow/8': "#876931";
169
+ readonly 'scale/yellow/9': "#675025";
170
+ readonly dim: "#00000099";
171
+ readonly link: "#4880ee";
172
+ readonly 'link/hovered': "#335ba9";
173
+ readonly 'link/pressed': "#335ba9";
174
+ readonly 'link/neutral': "#7A828D";
175
+ readonly 'link/neutral/hovered': "#575C64";
176
+ readonly 'link/neutral/pressed': "#575C64";
177
+ readonly 'link/neutral/bold': "#575C64";
178
+ readonly 'link/neutral/bold/hovered': "#33373B";
179
+ readonly 'link/neutral/bold/pressed': "#33373B";
180
+ readonly 'link/disabled': "#8D94A0";
181
+ readonly 'icon/neutral': "#D1D5DB";
182
+ readonly 'icon/neutral/bold': "#8D94A0";
183
+ readonly 'icon/neutral/bolder': "#575C64";
184
+ readonly 'icon/accent/gray': "#33373B";
185
+ readonly 'icon/accent/blue/subtle': "#abc5f7";
186
+ readonly 'icon/accent/blue': "#4880ee";
187
+ readonly 'icon/accent/blue/bold': "#335ba9";
188
+ readonly 'icon/accent/green': "#1FCCA1";
189
+ readonly 'icon/accent/yellow': "#FFC107";
190
+ readonly 'icon/accent/red': "#F22735";
191
+ readonly 'icon/inverse': "#FFFFFF";
192
+ readonly 'icon/disabled': "#D1D5DB";
193
+ readonly 'icon/disabled/subtler': "#E5E7EB";
194
+ readonly 'icon/selected/primary': "#835EEB";
195
+ readonly 'icon/selected': "#33373B";
196
+ readonly 'icon/primary/subtle': "#C6B5F6";
197
+ readonly 'icon/primary': "#835EEB";
198
+ readonly 'icon/primary/bold': "#5D43A7";
199
+ readonly 'icon/success': "#1FCCA1";
200
+ readonly 'icon/warning': "#FFC107";
201
+ readonly 'icon/danger': "#F22735";
202
+ readonly 'border/neutral/subtle': "#F3F4F6";
203
+ readonly 'border/neutral': "#E5E7EB";
204
+ readonly 'border/neutral/bolder': "#D1D5DB";
205
+ readonly 'border/input': "#E5E7EB";
206
+ readonly 'border/inverse': "#FFFFFF1A";
207
+ readonly 'border/selected': "#33373B";
208
+ readonly 'border/disabled': "#F3F4F6";
209
+ readonly 'border/primary': "#835EEB";
210
+ readonly 'border/hovered': "#84aaf4";
211
+ readonly 'border/focused': "#4880ee";
212
+ readonly 'border/danger': "#F22735";
213
+ readonly 'border/success': "#1FCCA1";
214
+ readonly 'border/accent/blue': "#4880ee";
215
+ readonly 'bg/secondary': "#F3EFFD";
216
+ readonly 'bg/secondary/hovered': "#D9CDF9";
217
+ readonly 'bg/secondary/pressed': "#D9CDF9";
218
+ readonly 'bg/primary': "#835EEB";
219
+ readonly 'bg/primary/hovered': "#5D43A7";
220
+ readonly 'bg/primary/pressed': "#5D43A7";
221
+ readonly 'bg/primary/disabled': "#E8E1FB";
222
+ readonly 'bg/neutral/subtlest': "#FFFFFF00";
223
+ readonly 'bg/neutral/subtlest/hovered': "#F9FAFB";
224
+ readonly 'bg/neutral/subtlest/pressed': "#F9FAFB";
225
+ readonly 'bg/neutral/subtler': "#FFFFFF00";
226
+ readonly 'bg/neutral/subtler/hovered': "#F3F4F6";
227
+ readonly 'bg/neutral/subtler/pressed': "#F3F4F6";
228
+ readonly 'bg/neutral/subtle': "#F9FAFB";
229
+ readonly 'bg/neutral/subtle/hovered': "#E5E7EB";
230
+ readonly 'bg/neutral/subtle/pressed': "#E5E7EB";
231
+ readonly 'bg/neutral': "#F3F4F6";
232
+ readonly 'bg/neutral/hovered': "#D1D5DB";
233
+ readonly 'bg/neutral/pressed': "#D1D5DB";
234
+ readonly 'bg/neutral/bold': "#575C64";
235
+ readonly 'bg/neutral/bold/hovered': "#33373B";
236
+ readonly 'bg/neutral/bold/pressed': "#33373B";
237
+ readonly 'bg/neutral/bolder': "#33373B";
238
+ readonly 'bg/neutral/bolder/hovered': "#000000";
239
+ readonly 'bg/neutral/bolder/pressed': "#000000";
240
+ readonly 'bg/disabled': "#F3F4F6";
241
+ readonly 'bg/disabled/subtlest': "#FFFFFF00";
242
+ readonly 'bg/input': "#FFFFFF";
243
+ readonly 'bg/accent/blue/subtlest': "#edf2fd";
244
+ readonly 'bg/accent/green/subtlest': "#E9FAF6";
245
+ readonly 'bg/accent/yellow/subtlest': "#FFF9E6";
246
+ readonly 'bg/accent/red/subtlest': "#FEE9EB";
247
+ readonly 'bg/accent/red/subtle': "#F5525D";
248
+ readonly 'bg/accent/red': "#F22735";
249
+ readonly 'bg/accent/gray/subtlest': "#E5E7EB";
250
+ readonly 'bg/selected/primary': "#835EEB";
251
+ readonly 'bg/selected': "#33373B";
252
+ readonly 'bg/selected/subtle': "#F3F4F6";
253
+ readonly 'bg/inverse': "#000000";
254
+ readonly 'bg/inverse/subtlest': "#FFFFFF1A";
255
+ readonly 'bg/success': "#E9FAF6";
256
+ readonly 'bg/success/bold': "#1FCCA1";
257
+ readonly 'bg/warning': "#FFF9E6";
258
+ readonly 'bg/warning/bold': "#FFC107";
259
+ readonly 'bg/danger': "#FEE9EB";
260
+ readonly 'bg/danger/bold': "#F5525D";
261
+ readonly 'bg/danger/bold/hovered': "#DC2330";
262
+ readonly 'bg/danger/bold/pressed': "#DC2330";
263
+ readonly 'text/primary': "#835EEB";
264
+ readonly 'text/accent/blue': "#4880ee";
265
+ readonly 'text/accent/green': "#1FCCA1";
266
+ readonly 'text/accent/yellow': "#FFC107";
267
+ readonly 'text/accent/red': "#F22735";
268
+ readonly 'text/weak': "#D1D5DB";
269
+ readonly 'text/neutral/subtlest': "#8D94A0";
270
+ readonly 'text/neutral/subtler': "#7A828D";
271
+ readonly 'text/neutral/subtle': "#575C64";
272
+ readonly 'text/neutral': "#33373B";
273
+ readonly 'text/inverse': "#FFFFFF";
274
+ readonly 'text/inverse/subtle': "#E5E7EB";
275
+ readonly 'text/inverse/subtler': "#D1D5DB";
276
+ readonly 'text/disabled': "#8D94A0";
277
+ readonly 'text/success': "#1FCCA1";
278
+ readonly 'text/warning': "#FFC107";
279
+ readonly 'text/danger': "#F22735";
280
+ readonly 'text/selected': "#33373B";
282
281
  };
283
282
  gradients: {
284
283
  readonly 'overlay/subtlest/toright': string;
package/esm/packages/token-studio/esm/token/color/index.js CHANGED
@@ -6,6 +6,7 @@ const textColor = {
6
6
  'text/accent/green': palette.green500,
7
7
  'text/accent/yellow': palette.yellow500,
8
8
  'text/accent/red': palette.red500,
9
+ 'text/weak': palette.gray300,
9
10
  'text/neutral/subtlest': palette.gray400,
10
11
  'text/neutral/subtler': palette.gray500,
11
12
  'text/neutral/subtle': palette.gray700,
@@ -17,8 +18,7 @@ const textColor = {
17
18
  'text/success': palette.green500,
18
19
  'text/warning': palette.yellow500,
19
20
  'text/danger': palette.red500,
20
- 'text/selected': palette.gray900,
21
- 'text/weak': palette.gray300
21
+ 'text/selected': palette.gray900
22
22
  };
23
23
  const bgColor = {
24
24
  'bg/secondary': palette.violet50,
@@ -90,7 +90,6 @@ const iconColor = {
90
90
  'icon/neutral/bold': palette.gray400,
91
91
  'icon/neutral/bolder': palette.gray700,
92
92
  'icon/accent/gray': palette.gray900,
93
- 'icon/accent/black': palette.black,
94
93
  'icon/accent/blue/subtle': palette.blue200,
95
94
  'icon/accent/blue': palette.blue500,
96
95
  'icon/accent/blue/bold': palette.blue700,
@@ -119,7 +118,7 @@ const linkColor = {
119
118
  'link/neutral/bold': palette.gray700,
120
119
  'link/neutral/bold/hovered': palette.gray900,
121
120
  'link/neutral/bold/pressed': palette.gray900,
122
- 'link/disabled': palette.gray700
121
+ 'link/disabled': palette.gray400
123
122
  };
124
123
  const dimColor = {
125
124
  dim: palette.black60A
@@ -206,6 +205,10 @@ const scaleColor = {
206
205
  'scale/yellow/8': palette.mustardYellow800,
207
206
  'scale/yellow/9': palette.mustardYellow900
208
207
  };
208
+ const surfaceColor = {
209
+ 'surface': palette.white,
210
+ 'surface/overlay': palette.white
211
+ };
209
212
  const color = {
210
213
  ...textColor,
211
214
  ...bgColor,
@@ -213,7 +216,8 @@ const color = {
213
216
  ...iconColor,
214
217
  ...linkColor,
215
218
  ...dimColor,
216
- ...scaleColor
219
+ ...scaleColor,
220
+ ...surfaceColor
217
221
  };
218
222
 
219
223
  export { color as default };
package/esm/packages/token-studio/esm/token/elevation/index.js CHANGED
@@ -1,12 +1,7 @@
1
- import palette from '../../foundation/palette/index.js';
2
1
  import shadow from '../../foundation/shadow/index.js';
3
2
 
4
- const surfaceElevation = {
5
- 'surface': palette.white,
6
- 'surface/overlay': palette.white
7
- };
8
- const shadowElevation = {
3
+ const elevation = {
9
4
  'shadow/overlay': shadow.shadowMedium
10
5
  };
11
6
 
12
- export { shadowElevation, surfaceElevation };
7
+ export { elevation as default };
package/esm/theme/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import breakpoints from '../packages/token-studio/esm/token/breakpoints/index.js';
2
2
  import color from '../packages/token-studio/esm/token/color/index.js';
3
- import { surfaceElevation, shadowElevation } from '../packages/token-studio/esm/token/elevation/index.js';
3
+ import elevation from '../packages/token-studio/esm/token/elevation/index.js';
4
4
  import gradient from '../packages/token-studio/esm/token/gradient/index.js';
5
5
  import opacity from '../packages/token-studio/esm/token/opacity/index.js';
6
6
  import radii from '../packages/token-studio/esm/token/radii/index.js';
@@ -17,14 +17,9 @@ const theme = {
17
17
  fontSizes,
18
18
  lineHeights,
19
19
  radii,
20
- colors: {
21
- ...color,
22
- ...surfaceElevation
23
- },
20
+ colors: color,
24
21
  gradients: gradient,
25
- shadows: {
26
- ...shadowElevation
27
- },
22
+ shadows: elevation,
28
23
  opacity
29
24
  };
30
25
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@teamturing/react-kit",
3
- "version": "2.48.0",
3
+ "version": "2.49.0",
4
4
  "description": "React components, hooks for create teamturing web application",
5
5
  "author": "Sungchang Park <psch300@gmail.com> (https://github.com/psch300)",
6
6
  "homepage": "https://github.com/weareteamturing/bombe#readme",
@@ -56,7 +56,7 @@
56
56
  "@floating-ui/react": "^0.27.16",
57
57
  "@primer/behaviors": "^1.3.6",
58
58
  "@teamturing/icons": "^1.54.0",
59
- "@teamturing/token-studio": "^1.14.0",
59
+ "@teamturing/token-studio": "^1.16.0",
60
60
  "@teamturing/utils": "^1.5.0",
61
61
  "framer-motion": "^10.16.4",
62
62
  "lodash.debounce": "^4.0.8",
@@ -66,5 +66,5 @@
66
66
  "react-textarea-autosize": "^8.5.3",
67
67
  "styled-system": "^5.1.5"
68
68
  },
69
- "gitHead": "0f7f327feb42aafaa9138da7185402e7094e6bf8"
69
+ "gitHead": "6d484eb11ba50fad1a90ee1c8750330353157a54"
70
70
  }