@autoguru/overdrive 4.61.0 → 4.62.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 (33) hide show
  1. package/dist/components/Alert/Alert.js +1 -1
  2. package/dist/components/Box/useBox/useBox.d.ts +1 -1
  3. package/dist/components/DateInput/DateInput.js +1 -1
  4. package/dist/components/EditableText/EditableText.css.js +1 -1
  5. package/dist/components/StandardModal/StandardModal.js +1 -1
  6. package/dist/components/private/InputBase/InputState.css.js +1 -1
  7. package/dist/components/private/InputBase/NotchedBase.css.js +1 -1
  8. package/dist/components/private/InputBase/withEnhancedInput.css.js +1 -1
  9. package/dist/styles/sprinkles.css.d.ts +12 -12
  10. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  11. package/dist/styles/sprinkles.css.js +10 -8
  12. package/dist/themes/base/index.d.ts +118 -18
  13. package/dist/themes/base/index.d.ts.map +1 -1
  14. package/dist/themes/base/space.spec.js +3 -3
  15. package/dist/themes/base/tokens.d.ts +59 -9
  16. package/dist/themes/base/tokens.d.ts.map +1 -1
  17. package/dist/themes/base/tokens.js +96 -13
  18. package/dist/themes/flat_red/index.d.ts +118 -18
  19. package/dist/themes/flat_red/index.d.ts.map +1 -1
  20. package/dist/themes/flat_red/tokens.d.ts +59 -9
  21. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  22. package/dist/themes/index.d.ts +118 -18
  23. package/dist/themes/index.d.ts.map +1 -1
  24. package/dist/themes/makeTheme.d.ts +59 -9
  25. package/dist/themes/makeTheme.d.ts.map +1 -1
  26. package/dist/themes/neutral/index.d.ts +118 -18
  27. package/dist/themes/neutral/index.d.ts.map +1 -1
  28. package/dist/themes/neutral/tokens.d.ts +59 -9
  29. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  30. package/dist/themes/theme.css.d.ts +59 -9
  31. package/dist/themes/theme.css.d.ts.map +1 -1
  32. package/dist/themes/theme.css.js +63 -18
  33. package/package.json +1 -1
package/dist/components/Alert/Alert.js CHANGED
@@ -75,7 +75,7 @@ export const Alert = ({
75
75
  onClick: onRequestClose,
76
76
  children: /*#__PURE__*/_jsx(Icon, {
77
77
  className: sprinkles({
78
- color: 'tertiaryInactive'
78
+ color: 'tertiary'
79
79
  }),
80
80
  icon: XIcon,
81
81
  size: "medium"
package/dist/components/Box/useBox/useBox.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const useBox: ({ as, className: incomingClassName, odComponent, t
12
12
  placeholder?: string | undefined | undefined;
13
13
  default?: boolean | undefined | undefined;
14
14
  selected?: boolean | undefined | undefined;
15
+ disabled?: boolean | undefined | undefined;
15
16
  min?: number | string | undefined | undefined;
16
17
  muted?: boolean | undefined | undefined;
17
18
  step?: number | string | undefined | undefined;
@@ -23,7 +24,6 @@ export declare const useBox: ({ as, className: incomingClassName, odComponent, t
23
24
  wrap?: string | undefined | undefined;
24
25
  open?: boolean | undefined | undefined;
25
26
  multiple?: boolean | undefined | undefined;
26
- disabled?: boolean | undefined | undefined;
27
27
  span?: number | undefined | undefined;
28
28
  label?: string | undefined | undefined;
29
29
  cite?: string | undefined | undefined;
package/dist/components/DateInput/DateInput.js CHANGED
@@ -172,7 +172,7 @@ export const DateInput = withEnhancedInput(({
172
172
  gap: '2',
173
173
  spaceBetween: true
174
174
  }), disabled && sprinkles({
175
- color: 'tertiaryInactive'
175
+ color: 'tertiary'
176
176
  })),
177
177
  children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, fieldProps), {}, {
178
178
  className: styles.verticalCenterStyle,
package/dist/components/EditableText/EditableText.css.js CHANGED
@@ -7,7 +7,7 @@ globalLayer(LAYER_ORDER);
7
7
  export const root = style({
8
8
  '@layer': {
9
9
  [cssLayerComponent]: {
10
- boxShadow: `inset 0 -1px 0 0 ${vars.color.foreground.tertiaryInactive}`,
10
+ boxShadow: `inset 0 -1px 0 0 ${vars.color.foreground.tertiary}`,
11
11
  transitionDelay: '0s',
12
12
  transitionDuration: '0.2s',
13
13
  transitionProperty: 'box-shadow',
package/dist/components/StandardModal/StandardModal.js CHANGED
@@ -112,7 +112,7 @@ export const StandardModal = ({
112
112
  onClick: closeButtonHandler,
113
113
  children: /*#__PURE__*/_jsx(Icon, {
114
114
  className: textStyles({
115
- color: 'tertiaryInactive'
115
+ color: 'tertiary'
116
116
  }),
117
117
  icon: XIcon,
118
118
  size: "medium"
package/dist/components/private/InputBase/InputState.css.js CHANGED
@@ -19,7 +19,7 @@ export const disabled = styleVariants({
19
19
  export const natural = {
20
20
  default: {
21
21
  colour: style({
22
- color: vars.color.foreground.tertiaryInactive
22
+ color: vars.color.foreground.tertiary
23
23
  }, "natural_default_colour"),
24
24
  borderColour: style({
25
25
  borderColor: vars.border.colours.gray
package/dist/components/private/InputBase/NotchedBase.css.js CHANGED
@@ -157,7 +157,7 @@ export const placeholder = styleVariants({
157
157
  color: vars.colours.background.neutral
158
158
  },
159
159
  mutedLabelStyles: {
160
- color: vars.color.foreground.tertiaryInactive
160
+ color: vars.color.foreground.tertiary
161
161
  }
162
162
  }, "placeholder");
163
163
  const calcPlaceholderTranslate = (notched, prefixed, size) => {
package/dist/components/private/InputBase/withEnhancedInput.css.js CHANGED
@@ -14,7 +14,7 @@ export const input = {
14
14
  cursor: 'not-allowed'
15
15
  },
16
16
  '&::placeholder': {
17
- color: vars.color.foreground.tertiaryInactive,
17
+ color: vars.color.foreground.tertiary,
18
18
  fontSize: vars.typography.size['4'].fontSize,
19
19
  lineHeight: vars.typography.size['4'].lineHeight,
20
20
  opacity: 1
package/dist/styles/sprinkles.css.d.ts CHANGED
@@ -26,10 +26,10 @@ export declare const responsiveConditions: {
26
26
  };
27
27
  };
28
28
  export declare const sprinkles: ((props: {
29
- borderBottomColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
30
- borderLeftColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
31
- borderRightColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
32
- borderTopColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
29
+ borderBottomColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
30
+ borderLeftColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
31
+ borderRightColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
32
+ borderTopColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
33
33
  borderBottomColour?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
34
34
  borderLeftColour?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
35
35
  borderRightColour?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
@@ -38,9 +38,9 @@ export declare const sprinkles: ((props: {
38
38
  borderBottomStyle?: "none" | "solid" | undefined;
39
39
  borderRightStyle?: "none" | "solid" | undefined;
40
40
  borderTopStyle?: "none" | "solid" | undefined;
41
- color?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | "primary" | "secondary" | "reverse" | "tertiaryInactive" | "tertiaryInactiveLight" | "unset" | "infoText" | "infoForeground" | "successText" | "successForeground" | "warningText" | "warningForeground" | "alertText" | "alertForeground" | undefined;
41
+ color?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | "placeholder" | "primary" | "secondary" | "reverse" | "tertiary" | "unset" | "infoText" | "infoForeground" | "successText" | "successForeground" | "warningText" | "warningForeground" | "alertText" | "alertForeground" | undefined;
42
42
  colour?: "link" | "white" | "body" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | "muted" | "unset" | undefined;
43
- backgroundColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "reverse" | "default" | "inactive" | "emphasisInactive" | "transparent" | "infoBackground" | "successBackgroundDark" | "successBackgroundLight" | "warningBackgroundDark" | "warningBackgroundLight" | "alertBackground" | undefined;
43
+ backgroundColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "reverse" | "default" | "inactive" | "emphasisInactive" | "emphasisLight" | "modal" | "transparent" | "infoBackgroundStrong" | "infoBackgroundSubtle" | "successBackgroundStrong" | "successBackgroundSubtle" | "warningBackgroundStrong" | "warningBackgroundSubtle" | "alertBackgroundStrong" | "alertBackgroundSubtle" | undefined;
44
44
  backgroundColour?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information" | "transparent" | "black900" | undefined;
45
45
  opacity?: number | "0" | "1" | undefined;
46
46
  fontWeight?: "bold" | "medium" | "normal" | "semiBold" | undefined;
@@ -51,11 +51,11 @@ export declare const sprinkles: ((props: {
51
51
  pointerEvents?: "none" | "auto" | undefined;
52
52
  userSelect?: "none" | "text" | "auto" | undefined;
53
53
  useVar?: "gap" | undefined;
54
- bg?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "reverse" | "default" | "inactive" | "emphasisInactive" | "transparent" | "infoBackground" | "successBackgroundDark" | "successBackgroundLight" | "warningBackgroundDark" | "warningBackgroundLight" | "alertBackground" | undefined;
55
- fg?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | "primary" | "secondary" | "reverse" | "tertiaryInactive" | "tertiaryInactiveLight" | "unset" | "infoText" | "infoForeground" | "successText" | "successForeground" | "warningText" | "warningForeground" | "alertText" | "alertForeground" | undefined;
56
- borderColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
57
- borderColorX?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
58
- borderColorY?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "muted" | "transparent" | "disabled" | undefined;
54
+ bg?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "reverse" | "default" | "inactive" | "emphasisInactive" | "emphasisLight" | "modal" | "transparent" | "infoBackgroundStrong" | "infoBackgroundSubtle" | "successBackgroundStrong" | "successBackgroundSubtle" | "warningBackgroundStrong" | "warningBackgroundSubtle" | "alertBackgroundStrong" | "alertBackgroundSubtle" | undefined;
55
+ fg?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "soft" | "success" | "info" | "danger" | "warning" | "normal" | "inverse" | "placeholder" | "primary" | "secondary" | "reverse" | "tertiary" | "unset" | "infoText" | "infoForeground" | "successText" | "successForeground" | "warningText" | "warningForeground" | "alertText" | "alertForeground" | undefined;
56
+ borderColor?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
57
+ borderColorX?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
58
+ borderColorY?: "white" | "gray900" | "gray800" | "gray700" | "gray600" | "gray500" | "gray400" | "gray300" | "gray200" | "gray100" | "green900" | "green800" | "green700" | "green600" | "green500" | "green400" | "green300" | "green200" | "green100" | "blue900" | "blue800" | "blue700" | "blue600" | "blue500" | "blue400" | "blue300" | "blue200" | "blue100" | "yellow900" | "yellow800" | "yellow700" | "yellow600" | "yellow500" | "yellow400" | "yellow300" | "yellow200" | "yellow100" | "red900" | "red800" | "red700" | "red600" | "red500" | "red400" | "red300" | "red200" | "red100" | "page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "emphasis" | "selected" | "strong" | "disabled" | "muted" | "transparent" | undefined;
59
59
  borderColour?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
60
60
  borderColourX?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
61
61
  borderColourY?: "gray" | "success" | "danger" | "warning" | "primary" | "secondary" | "light" | "neutral" | "brand" | "shine" | "information" | "dark" | undefined;
@@ -502,7 +502,7 @@ export type Sprinkles = Parameters<typeof sprinkles>[0];
502
502
  export type SprinklesLegacyColours = Pick<Sprinkles, 'backgroundColour' | 'borderColour' | 'borderBottomColour' | 'borderLeftColour' | 'borderRightColour' | 'borderTopColour' | 'colour'>;
503
503
  export declare const valueArrays: {
504
504
  alignItems: ("stretch" | "center" | "end" | "start" | "baseline" | "centre" | "flexEnd" | "flexStart")[];
505
- borderColors: ("page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "muted" | "disabled")[];
505
+ borderColors: ("page" | "hard" | "soft" | "accent" | "success" | "info" | "danger" | "warning" | "default" | "disabled" | "muted")[];
506
506
  gapSizesWithVar: ("0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "none")[];
507
507
  intentBackgroundColoursStandard: ("success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information")[];
508
508
  intentBorderColours: ("success" | "danger" | "warning" | "primary" | "secondary" | "neutral" | "brand" | "shine" | "information")[];
package/dist/styles/sprinkles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAiDA;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC;IAC/C;;;;;OAKG;;CAEH,CAAC;AAuMF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AA2IF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,SAAS,EACP,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,QAAQ,CACV,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;CAcvB,CAAC"}
1
+ {"version":3,"file":"sprinkles.css.d.ts","sourceRoot":"","sources":["../../lib/styles/sprinkles.css.ts"],"names":[],"mappings":"AAiDA;;;;;GAKG;AACH,eAAO,MAAM,mCAAmC;IAC/C;;;;;OAKG;;CAEH,CAAC;AAyMF,eAAO,MAAM,oBAAoB;;;;;;;;;;;CAOhC,CAAC;AA2IF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwD,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;AAExD;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,IAAI,CACxC,SAAS,EACP,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,kBAAkB,GAClB,mBAAmB,GACnB,iBAAiB,GACjB,QAAQ,CACV,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;CAcvB,CAAC"}
package/dist/styles/sprinkles.css.js CHANGED
@@ -84,7 +84,7 @@ const semanticGamut = buildColourGamut({
84
84
 
85
85
  // `color` (text/foreground) semantic value space
86
86
  const semanticColor = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tokens.color.content), tokens.color.foreground), {}, {
87
- // primary, secondary, reverse, tertiaryInactive, tertiaryInactiveLight (W1-P1)
87
+ // primary, secondary, reverse, tertiary, placeholder (W1-P1)
88
88
  infoText: tokens.color.info.text,
89
89
  infoForeground: tokens.color.info.foreground,
90
90
  successText: tokens.color.success.text,
@@ -101,13 +101,15 @@ const semanticColor = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}
101
101
 
102
102
  // `backgroundColor` semantic value space
103
103
  const semanticBackgroundColor = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tokens.color.surface), tokens.color.background), {}, {
104
- // default, reverse, inactive, emphasisInactive (W1-P1)
105
- infoBackground: tokens.color.info.background,
106
- successBackgroundDark: tokens.color.success.backgroundDark,
107
- successBackgroundLight: tokens.color.success.backgroundLight,
108
- warningBackgroundDark: tokens.color.warning.backgroundDark,
109
- warningBackgroundLight: tokens.color.warning.backgroundLight,
110
- alertBackground: tokens.color.alert.background
104
+ // default, reverse, inactive, emphasisInactive, emphasisLight, modal (W1-P1)
105
+ infoBackgroundStrong: tokens.color.info.backgroundStrong,
106
+ infoBackgroundSubtle: tokens.color.info.backgroundSubtle,
107
+ successBackgroundStrong: tokens.color.success.backgroundStrong,
108
+ successBackgroundSubtle: tokens.color.success.backgroundSubtle,
109
+ warningBackgroundStrong: tokens.color.warning.backgroundStrong,
110
+ warningBackgroundSubtle: tokens.color.warning.backgroundSubtle,
111
+ alertBackgroundStrong: tokens.color.alert.backgroundStrong,
112
+ alertBackgroundSubtle: tokens.color.alert.backgroundSubtle
111
113
  }, semanticGamut), {}, {
112
114
  white: tokens.color.gamut.white,
113
115
  transparent: 'transparent'
package/dist/themes/base/index.d.ts CHANGED
@@ -123,14 +123,16 @@ declare const _default: {
123
123
  primary: `var(--${string})`;
124
124
  secondary: `var(--${string})`;
125
125
  reverse: `var(--${string})`;
126
- tertiaryInactive: `var(--${string})`;
127
- tertiaryInactiveLight: `var(--${string})`;
126
+ tertiary: `var(--${string})`;
127
+ placeholder: `var(--${string})`;
128
128
  };
129
129
  background: {
130
130
  default: `var(--${string})`;
131
131
  reverse: `var(--${string})`;
132
132
  inactive: `var(--${string})`;
133
133
  emphasisInactive: `var(--${string})`;
134
+ emphasisLight: `var(--${string})`;
135
+ modal: `var(--${string})`;
134
136
  };
135
137
  border: {
136
138
  default: `var(--${string})`;
@@ -138,46 +140,94 @@ declare const _default: {
138
140
  selected: `var(--${string})`;
139
141
  strong: `var(--${string})`;
140
142
  };
143
+ focus: {
144
+ ring: `var(--${string})`;
145
+ };
141
146
  info: {
142
147
  text: `var(--${string})`;
143
148
  foreground: `var(--${string})`;
144
- background: `var(--${string})`;
149
+ backgroundStrong: `var(--${string})`;
150
+ backgroundSubtle: `var(--${string})`;
145
151
  };
146
152
  success: {
147
153
  text: `var(--${string})`;
148
154
  foreground: `var(--${string})`;
149
- backgroundDark: `var(--${string})`;
150
- backgroundLight: `var(--${string})`;
155
+ backgroundStrong: `var(--${string})`;
156
+ backgroundSubtle: `var(--${string})`;
151
157
  };
152
158
  warning: {
153
159
  text: `var(--${string})`;
154
160
  foreground: `var(--${string})`;
155
- backgroundDark: `var(--${string})`;
156
- backgroundLight: `var(--${string})`;
161
+ backgroundStrong: `var(--${string})`;
162
+ backgroundSubtle: `var(--${string})`;
157
163
  };
158
164
  alert: {
159
165
  text: `var(--${string})`;
160
166
  foreground: `var(--${string})`;
161
- background: `var(--${string})`;
167
+ backgroundStrong: `var(--${string})`;
168
+ backgroundSubtle: `var(--${string})`;
162
169
  };
163
170
  button: {
164
171
  primary: {
165
172
  solid: {
166
173
  default: `var(--${string})`;
167
174
  hover: `var(--${string})`;
168
- pressed: `var(--${string})`;
169
175
  border: `var(--${string})`;
176
+ pressed: `var(--${string})`;
177
+ text: `var(--${string})`;
170
178
  };
171
179
  outlined: {
172
180
  border: `var(--${string})`;
173
181
  text: `var(--${string})`;
182
+ hover: `var(--${string})`;
183
+ pressed: `var(--${string})`;
174
184
  };
175
185
  };
176
186
  critical: {
177
187
  solid: {
178
188
  default: `var(--${string})`;
189
+ hover: `var(--${string})`;
190
+ border: `var(--${string})`;
191
+ pressed: `var(--${string})`;
192
+ text: `var(--${string})`;
193
+ };
194
+ outlined: {
195
+ border: `var(--${string})`;
196
+ text: `var(--${string})`;
197
+ hover: `var(--${string})`;
198
+ pressed: `var(--${string})`;
179
199
  };
180
200
  };
201
+ secondary: {
202
+ border: `var(--${string})`;
203
+ hover: `var(--${string})`;
204
+ pressed: `var(--${string})`;
205
+ text: `var(--${string})`;
206
+ };
207
+ disabled: {
208
+ fill: `var(--${string})`;
209
+ text: `var(--${string})`;
210
+ };
211
+ };
212
+ link: {
213
+ primary: `var(--${string})`;
214
+ secondary: `var(--${string})`;
215
+ hover: `var(--${string})`;
216
+ pressed: `var(--${string})`;
217
+ critical: `var(--${string})`;
218
+ criticalHover: `var(--${string})`;
219
+ criticalPressed: `var(--${string})`;
220
+ };
221
+ illustration: {
222
+ brightSide: `var(--${string})`;
223
+ darkSide: `var(--${string})`;
224
+ lightFill: `var(--${string})`;
225
+ mainFill: `var(--${string})`;
226
+ outline: `var(--${string})`;
227
+ shadow: `var(--${string})`;
228
+ white: `var(--${string})`;
229
+ yellowDarkSide: `var(--${string})`;
230
+ yellowMainFill: `var(--${string})`;
181
231
  };
182
232
  };
183
233
  colours: {
@@ -601,14 +651,16 @@ declare const _default: {
601
651
  primary: string;
602
652
  secondary: string;
603
653
  reverse: string;
604
- tertiaryInactive: string;
605
- tertiaryInactiveLight: string;
654
+ tertiary: string;
655
+ placeholder: string;
606
656
  };
607
657
  background: {
608
658
  default: string;
609
659
  reverse: string;
610
660
  inactive: string;
611
661
  emphasisInactive: string;
662
+ emphasisLight: string;
663
+ modal: string;
612
664
  };
613
665
  border: {
614
666
  default: string;
@@ -616,46 +668,94 @@ declare const _default: {
616
668
  selected: string;
617
669
  strong: string;
618
670
  };
671
+ focus: {
672
+ ring: string;
673
+ };
619
674
  info: {
620
675
  text: string;
621
676
  foreground: string;
622
- background: string;
677
+ backgroundStrong: string;
678
+ backgroundSubtle: string;
623
679
  };
624
680
  success: {
625
681
  text: string;
626
682
  foreground: string;
627
- backgroundDark: string;
628
- backgroundLight: string;
683
+ backgroundStrong: string;
684
+ backgroundSubtle: string;
629
685
  };
630
686
  warning: {
631
687
  text: string;
632
688
  foreground: string;
633
- backgroundDark: string;
634
- backgroundLight: string;
689
+ backgroundStrong: string;
690
+ backgroundSubtle: string;
635
691
  };
636
692
  alert: {
637
693
  text: string;
638
694
  foreground: string;
639
- background: string;
695
+ backgroundStrong: string;
696
+ backgroundSubtle: string;
640
697
  };
641
698
  button: {
642
699
  primary: {
643
700
  solid: {
644
701
  default: string;
645
702
  hover: string;
646
- pressed: string;
647
703
  border: string;
704
+ pressed: string;
705
+ text: string;
648
706
  };
649
707
  outlined: {
650
708
  border: string;
651
709
  text: string;
710
+ hover: string;
711
+ pressed: string;
652
712
  };
653
713
  };
654
714
  critical: {
655
715
  solid: {
656
716
  default: string;
717
+ hover: string;
718
+ border: string;
719
+ pressed: string;
720
+ text: string;
721
+ };
722
+ outlined: {
723
+ border: string;
724
+ text: string;
725
+ hover: string;
726
+ pressed: string;
657
727
  };
658
728
  };
729
+ secondary: {
730
+ border: string;
731
+ hover: string;
732
+ pressed: string;
733
+ text: string;
734
+ };
735
+ disabled: {
736
+ fill: string;
737
+ text: string;
738
+ };
739
+ };
740
+ link: {
741
+ primary: string;
742
+ secondary: string;
743
+ hover: string;
744
+ pressed: string;
745
+ critical: string;
746
+ criticalHover: string;
747
+ criticalPressed: string;
748
+ };
749
+ illustration: {
750
+ brightSide: string;
751
+ darkSide: string;
752
+ lightFill: string;
753
+ mainFill: string;
754
+ outline: string;
755
+ shadow: string;
756
+ white: string;
757
+ yellowDarkSide: string;
758
+ yellowMainFill: string;
659
759
  };
660
760
  };
661
761
  colours: {
package/dist/themes/base/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
package/dist/themes/base/space.spec.js CHANGED
@@ -10,7 +10,7 @@ import { tokens as baseTokens } from "./tokens.js";
10
10
  */
11
11
  const EXPECTED_SPACE = {
12
12
  none: '0px',
13
- '0': '0px',
13
+ '0': '2px',
14
14
  '1': '4px',
15
15
  '2': '8px',
16
16
  '3': '12px',
@@ -28,8 +28,8 @@ describe('space token ladder', () => {
28
28
  it('base theme maps every key to its exact DS-2026 pixel value', () => {
29
29
  expect(baseTokens.space).toStrictEqual(EXPECTED_SPACE);
30
30
  });
31
- it('`0` and `none` both resolve to 0px (no 2px footgun)', () => {
32
- expect(baseTokens.space['0']).toBe('0px');
31
+ it('`0` is the 2px smallest step; `none` is true zero (DS-2026)', () => {
32
+ expect(baseTokens.space['0']).toBe('2px');
33
33
  expect(baseTokens.space.none).toBe('0px');
34
34
  });
35
35
  it('neutral theme inherits the base ladder unchanged via deepmerge', () => {
package/dist/themes/base/tokens.d.ts CHANGED
@@ -134,14 +134,16 @@ export declare const tokens: {
134
134
  primary: string;
135
135
  secondary: string;
136
136
  reverse: string;
137
- tertiaryInactive: string;
138
- tertiaryInactiveLight: string;
137
+ tertiary: string;
138
+ placeholder: string;
139
139
  };
140
140
  background: {
141
141
  default: string;
142
142
  reverse: string;
143
143
  inactive: string;
144
144
  emphasisInactive: string;
145
+ emphasisLight: string;
146
+ modal: string;
145
147
  };
146
148
  border: {
147
149
  default: string;
@@ -149,46 +151,94 @@ export declare const tokens: {
149
151
  selected: string;
150
152
  strong: string;
151
153
  };
154
+ focus: {
155
+ ring: string;
156
+ };
152
157
  info: {
153
158
  text: string;
154
159
  foreground: string;
155
- background: string;
160
+ backgroundStrong: string;
161
+ backgroundSubtle: string;
156
162
  };
157
163
  success: {
158
164
  text: string;
159
165
  foreground: string;
160
- backgroundDark: string;
161
- backgroundLight: string;
166
+ backgroundStrong: string;
167
+ backgroundSubtle: string;
162
168
  };
163
169
  warning: {
164
170
  text: string;
165
171
  foreground: string;
166
- backgroundDark: string;
167
- backgroundLight: string;
172
+ backgroundStrong: string;
173
+ backgroundSubtle: string;
168
174
  };
169
175
  alert: {
170
176
  text: string;
171
177
  foreground: string;
172
- background: string;
178
+ backgroundStrong: string;
179
+ backgroundSubtle: string;
173
180
  };
174
181
  button: {
175
182
  primary: {
176
183
  solid: {
177
184
  default: string;
178
185
  hover: string;
179
- pressed: string;
180
186
  border: string;
187
+ pressed: string;
188
+ text: string;
181
189
  };
182
190
  outlined: {
183
191
  border: string;
184
192
  text: string;
193
+ hover: string;
194
+ pressed: string;
185
195
  };
186
196
  };
187
197
  critical: {
188
198
  solid: {
189
199
  default: string;
200
+ hover: string;
201
+ border: string;
202
+ pressed: string;
203
+ text: string;
204
+ };
205
+ outlined: {
206
+ border: string;
207
+ text: string;
208
+ hover: string;
209
+ pressed: string;
190
210
  };
191
211
  };
212
+ secondary: {
213
+ border: string;
214
+ hover: string;
215
+ pressed: string;
216
+ text: string;
217
+ };
218
+ disabled: {
219
+ fill: string;
220
+ text: string;
221
+ };
222
+ };
223
+ link: {
224
+ primary: string;
225
+ secondary: string;
226
+ hover: string;
227
+ pressed: string;
228
+ critical: string;
229
+ criticalHover: string;
230
+ criticalPressed: string;
231
+ };
232
+ illustration: {
233
+ brightSide: string;
234
+ darkSide: string;
235
+ lightFill: string;
236
+ mainFill: string;
237
+ outline: string;
238
+ shadow: string;
239
+ white: string;
240
+ yellowDarkSide: string;
241
+ yellowMainFill: string;
192
242
  };
193
243
  };
194
244
  colours: {