@autoguru/overdrive 4.30.0 → 4.32.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 (34) hide show
  1. package/dist/components/Badge/Badge.css.d.ts +1 -1
  2. package/dist/components/Badge/Badge.css.d.ts.map +1 -1
  3. package/dist/components/Badge/Badge.css.js +4 -0
  4. package/dist/components/Badge/Badge.d.ts.map +1 -1
  5. package/dist/components/Badge/Badge.js +12 -3
  6. package/dist/components/Badge/stories.js +9 -4
  7. package/dist/components/Box/useBoxStyles.css.d.ts +6 -6
  8. package/dist/components/Box/useBoxStyles.css.d.ts.map +1 -1
  9. package/dist/components/Button/Button.css.d.ts +3 -0
  10. package/dist/components/Button/Button.css.d.ts.map +1 -1
  11. package/dist/components/Button/Button.css.js +30 -0
  12. package/dist/components/Button/stories.js +14 -0
  13. package/dist/components/Text/useTextStyles.css.d.ts +1 -1
  14. package/dist/components/Text/useTextStyles.css.d.ts.map +1 -1
  15. package/dist/components/Toaster/Toast.d.ts +2 -1
  16. package/dist/components/Toaster/Toast.d.ts.map +1 -1
  17. package/dist/themes/base/index.d.ts +19 -0
  18. package/dist/themes/base/index.d.ts.map +1 -1
  19. package/dist/themes/base/tokens.d.ts.map +1 -1
  20. package/dist/themes/base/tokens.js +21 -0
  21. package/dist/themes/flat_red/index.d.ts +19 -0
  22. package/dist/themes/flat_red/index.d.ts.map +1 -1
  23. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  24. package/dist/themes/flat_red/tokens.js +19 -0
  25. package/dist/themes/neutral/index.d.ts +19 -0
  26. package/dist/themes/neutral/index.d.ts.map +1 -1
  27. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  28. package/dist/themes/neutral/tokens.js +70 -49
  29. package/dist/themes/theme.css.d.ts +19 -0
  30. package/dist/themes/theme.css.d.ts.map +1 -1
  31. package/dist/themes/theme.css.js +21 -0
  32. package/dist/themes/tokens.d.ts +3 -2
  33. package/dist/themes/tokens.d.ts.map +1 -1
  34. package/package.json +1 -1
package/dist/components/Badge/Badge.css.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare const label: string;
2
- export declare const labelSize: Record<"large" | "standard", string>;
2
+ export declare const labelSize: Record<"small" | "large" | "standard", string>;
3
3
  export declare const colours: {
4
4
  default: Record<"neutral" | "green" | "blue" | "yellow" | "red", string>;
5
5
  inverted: {
package/dist/components/Badge/Badge.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,sCASpB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
1
+ {"version":3,"file":"Badge.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK,QAIhB,CAAC;AAEH,eAAO,MAAM,SAAS,gDAapB,CAAC;AAGH,eAAO,MAAM,OAAO;;;;;;;;;CA8DnB,CAAC"}
package/dist/components/Badge/Badge.css.js CHANGED
@@ -10,6 +10,10 @@ export const label = style({
10
10
  textTransform: 'uppercase'
11
11
  }, "label");
12
12
  export const labelSize = styleVariants({
13
+ small: {
14
+ fontSize: vars.typography.size['1'].fontSize,
15
+ lineHeight: vars.typography.size['1'].fontSize
16
+ },
13
17
  standard: {
14
18
  fontSize: vars.typography.size['2'].fontSize,
15
19
  lineHeight: vars.typography.size['2'].fontSize
package/dist/components/Badge/Badge.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAED,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAoD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../lib/components/Badge/Badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,OAAO,CAAC;AAK1D,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AAEtC,MAAM,WAAW,KAAK;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;CACrC;AAcD,eAAO,MAAM,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAmD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/dist/components/Badge/Badge.js CHANGED
@@ -6,6 +6,16 @@ import { Box } from "../Box/index.js";
6
6
  import { useTextStyles } from "../Text/index.js";
7
7
  import * as styles from "./Badge.css.js";
8
8
  import { jsx as _jsx } from "react/jsx-runtime";
9
+ const paddingXMap = {
10
+ 'small': '1',
11
+ 'standard': '1',
12
+ 'large': '4'
13
+ };
14
+ const paddingYMap = {
15
+ 'small': '1',
16
+ 'standard': '1',
17
+ 'large': '4'
18
+ };
9
19
  export const Badge = _ref => {
10
20
  let {
11
21
  label,
@@ -14,7 +24,6 @@ export const Badge = _ref => {
14
24
  size = 'standard',
15
25
  className = ''
16
26
  } = _ref;
17
- const isStandardSize = size === 'standard';
18
27
  const textStyles = useTextStyles({
19
28
  noWrap: true,
20
29
  fontWeight: 'semiBold',
@@ -29,8 +38,8 @@ export const Badge = _ref => {
29
38
  className: [styles.labelSize[size], inverted ? styles.colours.inverted[colour].background : styles.colours.default[colour]],
30
39
  overflow: "hidden",
31
40
  display: "block",
32
- paddingX: isStandardSize ? '1' : '4',
33
- paddingY: isStandardSize ? '1' : '2',
41
+ paddingX: paddingXMap[size],
42
+ paddingY: paddingYMap[size],
34
43
  borderRadius: "1",
35
44
  children: _jsx(Box, {
36
45
  is: "span",
package/dist/components/Badge/stories.js CHANGED
@@ -40,11 +40,16 @@ export const standard = template.bind(standardProps);
40
40
  standard.args = standardProps;
41
41
  export const standardAllColours = templateAllColours.bind(standardProps);
42
42
  standardAllColours.args = standardProps;
43
- const standardLargeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
43
+ const largeProps = _objectSpread(_objectSpread({}, standardProps), {}, {
44
44
  size: 'large'
45
45
  });
46
- export const standardLargeAllColours = templateAllColours.bind(standardLargeProps);
47
- standardLargeAllColours.args = standardLargeProps;
46
+ export const largeAllColours = templateAllColours.bind(largeProps);
47
+ largeAllColours.args = largeProps;
48
+ const smallProps = _objectSpread(_objectSpread({}, standardProps), {}, {
49
+ size: 'small'
50
+ });
51
+ export const smallAllColours = templateAllColours.bind(smallProps);
52
+ smallAllColours.args = smallProps;
48
53
  const invertedProps = _objectSpread(_objectSpread({}, standardProps), {}, {
49
54
  look: 'inverted'
50
55
  });
@@ -52,7 +57,7 @@ export const inverted = template.bind(invertedProps);
52
57
  inverted.args = invertedProps;
53
58
  export const invertedAllColours = templateAllColours.bind(invertedProps);
54
59
  invertedAllColours.args = invertedProps;
55
- const invertedLargeProps = _objectSpread(_objectSpread({}, standardLargeProps), {}, {
60
+ const invertedLargeProps = _objectSpread(_objectSpread({}, largeProps), {}, {
56
61
  look: 'inverted'
57
62
  });
58
63
  export const invertedLargeAllColours = templateAllColours.bind(invertedLargeProps);
package/dist/components/Box/useBoxStyles.css.d.ts CHANGED
@@ -14,10 +14,10 @@ export declare const boxShadow: Record<string | number, any>;
14
14
  export declare const border: {
15
15
  style: string;
16
16
  colour: {
17
- top: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
18
- right: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
19
- bottom: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
20
- left: Record<("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
17
+ top: Record<("primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
18
+ right: Record<("primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
19
+ bottom: Record<("primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
20
+ left: Record<("primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "light" | "dark" | "gray", string>;
21
21
  };
22
22
  width: {
23
23
  top: Record<string | number, any>;
@@ -27,8 +27,8 @@ export declare const border: {
27
27
  };
28
28
  };
29
29
  export declare const borderRadius: Record<string | number, any>;
30
- export declare const backgroundColours: Record<import("../../themes/tokens").ColourGamut | ("primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "white" | "transparent", string>;
31
- export declare const colours: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
30
+ export declare const backgroundColours: Record<import("../../themes/tokens").ColourGamut | ("primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information") | "white" | "transparent", string>;
31
+ export declare const colours: Record<"primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information", string>;
32
32
  export declare const width: Record<"none" | "full", string>;
33
33
  export declare const height: Record<"full", string>;
34
34
  export declare const position: Record<"fixed" | "absolute" | "relative", string>;
package/dist/components/Box/useBoxStyles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0LAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,kHAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,2GAcnB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}
1
+ {"version":3,"file":"useBoxStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Box/useBoxStyles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF,eAAO,MAAM,SAAS,8BAAmD,CAAC;AA2C1E,eAAO,MAAM,MAAM;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,eAAO,MAAM,YAAY,8BAGxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oMAE7B,CAAC;AAEF,eAAO,MAAM,OAAO,4HAEnB,CAAC;AAEF,eAAO,MAAM,KAAK,iCAOhB,CAAC;AAEH,eAAO,MAAM,MAAM,wBAIjB,CAAC;AAEH,eAAO,MAAM,QAAQ,mDASpB,CAAC;AAEF,eAAO,MAAM,SAAS,6CASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAUpB,CAAC;AAEF,eAAO,MAAM,OAAO,2GAcnB,CAAC;AAEF,eAAO,MAAM,OAAO,uBAGlB,CAAC;AAEH,eAAO,MAAM,UAAU,wBAErB,CAAC;AAIH,eAAO,MAAM,KAAK,8BAOjB,CAAC;AAEF,eAAO,MAAM,UAAU,8BAOtB,CAAC;AAEF,eAAO,MAAM,aAAa,8BAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,uBAQpB,CAAC;AAEF,eAAO,MAAM,UAAU,mBAOtB,CAAC;AAEF,eAAO,MAAM,QAAQ,mCAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,8BAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,wBAExB,CAAC"}
package/dist/components/Button/Button.css.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const size: {
11
11
  };
12
12
  export declare const variant: {
13
13
  primary: string;
14
+ brand: string;
14
15
  secondary: string;
15
16
  danger: string;
16
17
  information: string;
@@ -19,6 +20,7 @@ export declare const variant: {
19
20
  };
20
21
  export declare const defaultStates: {
21
22
  primary: string;
23
+ brand: string;
22
24
  secondary: string;
23
25
  danger: string;
24
26
  information: string;
@@ -31,6 +33,7 @@ export declare const minimal: {
31
33
  };
32
34
  export declare const minimalStates: {
33
35
  primary: string;
36
+ brand: string;
34
37
  secondary: string;
35
38
  danger: string;
36
39
  information: string;
package/dist/components/Button/Button.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AACH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAIH,eAAO,MAAM,IAAI;;;CA2BhB,CAAC;AACF,eAAO,MAAM,OAAO;;;;;;;CA+BnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CA+EzB,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAyEzB,CAAC"}
1
+ {"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,QAQf,CAAC;AAEH,eAAO,MAAM,IAAI,QAIf,CAAC;AAEH,eAAO,MAAM,aAAa,QAExB,CAAC;AACH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAEH,eAAO,MAAM,QAAQ,QAGnB,CAAC;AAEH,eAAO,MAAM,OAAO,QAElB,CAAC;AAIH,eAAO,MAAM,IAAI;;;CA2BhB,CAAC;AACF,eAAO,MAAM,OAAO;;;;;;;;CAoCnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CA4FzB,CAAC;AAEF,eAAO,MAAM,OAAO;;;CAOnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;CAqFzB,CAAC"}
package/dist/components/Button/Button.css.js CHANGED
@@ -68,6 +68,11 @@ export const variant = {
68
68
  backgroundColor: vars.colours.intent.primary.background.standard,
69
69
  boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.primary.border, ", ").concat(vars.elevation['2'])
70
70
  }, "variant_primary"),
71
+ brand: style({
72
+ color: vars.colours.intent.brand.foreground,
73
+ backgroundColor: vars.colours.intent.brand.background.standard,
74
+ boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.brand.border, ", ").concat(vars.elevation['2'])
75
+ }, "variant_brand"),
71
76
  secondary: style({
72
77
  color: vars.colours.intent.secondary.foreground,
73
78
  backgroundColor: vars.colours.intent.secondary.background.standard,
@@ -108,6 +113,19 @@ export const defaultStates = {
108
113
  backgroundColor: vars.colours.intent.primary.background.strong
109
114
  }
110
115
  }, "defaultStates_primary"),
116
+ brand: style({
117
+ ':hover': {
118
+ color: vars.colours.intent.brand.foreground,
119
+ backgroundColor: vars.colours.intent.brand.background.strong,
120
+ boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.brand.border, ", ").concat(vars.elevation['3'])
121
+ },
122
+ ':active': {
123
+ transform: 'scale(0.97)',
124
+ boxShadow: "inset 0 0 0 1px ".concat(vars.colours.intent.brand.border, ", ").concat(vars.elevation['1']),
125
+ color: vars.colours.intent.brand.foreground,
126
+ backgroundColor: vars.colours.intent.brand.background.strong
127
+ }
128
+ }, "defaultStates_brand"),
111
129
  secondary: style({
112
130
  ':hover': {
113
131
  color: vars.colours.intent.secondary.foreground,
@@ -195,6 +213,18 @@ export const minimalStates = {
195
213
  boxShadow: 'none'
196
214
  }
197
215
  }, "minimalStates_primary"),
216
+ brand: style({
217
+ ':hover': {
218
+ color: vars.colours.intent.brand.background.strong,
219
+ backgroundColor: vars.colours.intent.brand.background.mild,
220
+ boxShadow: 'none'
221
+ },
222
+ ':active': {
223
+ color: vars.colours.intent.brand.background.strong,
224
+ backgroundColor: vars.colours.intent.brand.background.mild,
225
+ boxShadow: 'none'
226
+ }
227
+ }, "minimalStates_brand"),
198
228
  secondary: style({
199
229
  ':hover': {
200
230
  color: vars.typography.colour.secondary,
package/dist/components/Button/stories.js CHANGED
@@ -219,6 +219,20 @@ const primaryMediumProps = {
219
219
  };
220
220
  export const primaryMedium = TemplateMulti.bind(primaryMediumProps);
221
221
  primaryMedium.args = primaryMediumProps;
222
+ const brandSmallProps = {
223
+ size: 'small',
224
+ variant: 'brand',
225
+ onClick
226
+ };
227
+ export const brandSmall = TemplateMulti.bind(brandSmallProps);
228
+ brandSmall.args = brandSmallProps;
229
+ const brandMediumProps = {
230
+ size: 'medium',
231
+ variant: 'brand',
232
+ onClick
233
+ };
234
+ export const brandMedium = TemplateMulti.bind(brandMediumProps);
235
+ brandMedium.args = brandMediumProps;
222
236
  const secondarySmallProps = {
223
237
  size: 'small',
224
238
  variant: 'secondary',
package/dist/components/Text/useTextStyles.css.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export declare const root: string;
2
2
  export declare const sizes: Record<"1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9", string>;
3
- export declare const colours: Record<"primary" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
3
+ export declare const colours: Record<"primary" | "brand" | "secondary" | "shine" | "neutral" | "danger" | "warning" | "success" | "information" | "light" | "dark" | "white" | "link" | "muted", string>;
4
4
  export declare const fontWeight: Record<"normal" | "semiBold" | "bold", string>;
5
5
  export declare const noWrap: string;
6
6
  export declare const breakWord: string;
package/dist/components/Text/useTextStyles.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,qEAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,kKAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AACtD,eAAO,MAAM,SAAS,QAAqC,CAAC;AAE5D,eAAO,MAAM,SAAS,4CAKrB,CAAC"}
1
+ {"version":3,"file":"useTextStyles.css.d.ts","sourceRoot":"","sources":["../../../lib/components/Text/useTextStyles.css.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,KAAK,qEAWjB,CAAC;AAEF,eAAO,MAAM,OAAO,4KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,gDAEtB,CAAC;AAEF,eAAO,MAAM,MAAM,QAAkC,CAAC;AACtD,eAAO,MAAM,SAAS,QAAqC,CAAC;AAE5D,eAAO,MAAM,SAAS,4CAKrB,CAAC"}
package/dist/components/Toaster/Toast.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import * as React from 'react';
1
2
  import { ComponentProps, FunctionComponent, ReactNode } from 'react';
2
3
  import { Alert } from '../Alert';
3
4
  type MessageType = ReactNode;
@@ -13,7 +14,7 @@ interface ToastFn extends Required<Record<AlertIntent, (message: MessageType, du
13
14
  }
14
15
  export declare const ToastProvider: ({ children }: {
15
16
  children: any;
16
- }) => JSX.Element;
17
+ }) => React.JSX.Element;
17
18
  export declare const useToast: () => ToastFn;
18
19
  declare const Toast: FunctionComponent<MessageConfig & {
19
20
  remove: (id: number) => void;
package/dist/components/Toaster/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EACN,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEpE,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAID,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;iBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAC7B,aAAa,GAAG;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CA2BD,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../lib/components/Toaster/Toast.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,cAAc,EAEd,iBAAiB,EACjB,SAAS,EAOT,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAOjC,KAAK,WAAW,GAAG,SAAS,CAAC;AAC7B,KAAK,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;AAEpE,UAAU,aAAa;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,WAAW,CAAC;IACrB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CACjB;AAID,UAAU,OACT,SAAQ,QAAQ,CACf,MAAM,CAAC,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC,CACtE;IACD,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChD;AA0ED,eAAO,MAAM,aAAa;;uBAQzB,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,OAwE3B,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAC7B,aAAa,GAAG;IACf,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CA2BD,CAAC;AAEF,eAAe,KAAK,CAAC"}
package/dist/themes/base/index.d.ts CHANGED
@@ -27,6 +27,15 @@ declare const _default: {
27
27
  colours: {
28
28
  gamut: {
29
29
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ black900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ black800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ black700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ black600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ black500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ black400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
39
  red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
40
  red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
41
  red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -93,6 +102,15 @@ declare const _default: {
93
102
  foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
103
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
104
  };
105
+ brand: {
106
+ background: {
107
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ };
111
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ };
96
114
  secondary: {
97
115
  background: {
98
116
  standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +245,7 @@ declare const _default: {
227
245
  };
228
246
  colour: {
229
247
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
249
  secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
250
  shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
251
  link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
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/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AAgE9C,eAAO,MAAM,YAAY,iDAAqC,CAAC;AAI/D,eAAO,MAAM,MAAM,EAAE,MAuNpB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/base/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AA4E9C,eAAO,MAAM,YAAY,iDAAqC,CAAC;AAI/D,eAAO,MAAM,MAAM,EAAE,MAiOpB,CAAC"}
package/dist/themes/base/tokens.js CHANGED
@@ -5,6 +5,17 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
5
5
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
  import { buildColourGamut } from "../makeTheme.js";
7
7
  const baseThemeColours = {
8
+ black: {
9
+ '900': '#222222',
10
+ '800': '#2A2C2A',
11
+ '700': '#444644',
12
+ '600': '#626262',
13
+ '500': '#808080',
14
+ '400': '#ADB1B5',
15
+ '300': '#D4D9DD',
16
+ '200': '#DDE0E3',
17
+ '100': '#E4E4E4'
18
+ },
8
19
  gray: {
9
20
  '900': '#212338',
10
21
  '800': '#34384c',
@@ -111,6 +122,15 @@ export const tokens = {
111
122
  foreground: white,
112
123
  border: baseThemeColours.green['900']
113
124
  },
125
+ brand: {
126
+ background: {
127
+ standard: baseThemeColours.green['700'],
128
+ mild: baseThemeColours.green['200'],
129
+ strong: baseThemeColours.green['900']
130
+ },
131
+ foreground: white,
132
+ border: baseThemeColours.gray['900']
133
+ },
114
134
  secondary: {
115
135
  background: {
116
136
  standard: white,
@@ -246,6 +266,7 @@ export const tokens = {
246
266
  colour: {
247
267
  primary: baseThemeColours.green['600'],
248
268
  secondary: baseThemeColours.gray['700'],
269
+ brand: baseThemeColours.green['600'],
249
270
  shine: baseThemeColours.yellow['500'],
250
271
  link: baseThemeColours.blue['500'],
251
272
  dark: baseThemeColours.gray['900'],
package/dist/themes/flat_red/index.d.ts CHANGED
@@ -27,6 +27,15 @@ declare const _default: {
27
27
  colours: {
28
28
  gamut: {
29
29
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ black900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ black800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ black700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ black600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ black500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ black400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
39
  red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
40
  red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
41
  red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -93,6 +102,15 @@ declare const _default: {
93
102
  foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
103
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
104
  };
105
+ brand: {
106
+ background: {
107
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ };
111
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ };
96
114
  secondary: {
97
115
  background: {
98
116
  standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +245,7 @@ declare const _default: {
227
245
  };
228
246
  colour: {
229
247
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
249
  secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
250
  shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
251
  link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/themes/flat_red/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
package/dist/themes/flat_red/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAsEA,eAAO,MAAM,MAAM,KA4CI,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAkFA,eAAO,MAAM,MAAM,KAoDI,CAAC"}
package/dist/themes/flat_red/tokens.js CHANGED
@@ -7,6 +7,17 @@ import deepmerge from 'deepmerge';
7
7
  import { tokens as baseTokens } from "../base/tokens.js";
8
8
  import { buildColourGamut } from "../makeTheme.js";
9
9
  const colours = {
10
+ black: {
11
+ 900: '#222222',
12
+ 800: '#2A2C2A',
13
+ 700: '#444644',
14
+ 600: '#626262',
15
+ 500: '#808080',
16
+ 400: '#ADB1B5',
17
+ 300: '#D4D9DD',
18
+ 200: '#DDE0E3',
19
+ 100: '#E4E4E4'
20
+ },
10
21
  gray: {
11
22
  900: '#263238',
12
23
  800: '#37474F',
@@ -79,6 +90,14 @@ export const tokens = deepmerge(baseTokens, {
79
90
  },
80
91
  border: colours.red['900']
81
92
  },
93
+ brand: {
94
+ background: {
95
+ standard: colours.red['600'],
96
+ mild: colours.red['100'],
97
+ strong: colours.red['900']
98
+ },
99
+ border: colours.red['900']
100
+ },
82
101
  secondary: {
83
102
  background: {
84
103
  strong: colours.gray['100']
package/dist/themes/neutral/index.d.ts CHANGED
@@ -27,6 +27,15 @@ declare const _default: {
27
27
  colours: {
28
28
  gamut: {
29
29
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ black900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ black800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ black700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ black600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ black500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ black400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
+ black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
+ black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
+ black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
39
  red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
40
  red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
41
  red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -93,6 +102,15 @@ declare const _default: {
93
102
  foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
103
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
104
  };
105
+ brand: {
106
+ background: {
107
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ };
111
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ };
96
114
  secondary: {
97
115
  background: {
98
116
  standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -227,6 +245,7 @@ declare const _default: {
227
245
  };
228
246
  colour: {
229
247
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
249
  secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
250
  shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
251
  link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/themes/neutral/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,wBAKE"}
package/dist/themes/neutral/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AAkE9C,eAAO,MAAM,MAAM,EAAE,MAuNpB,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/neutral/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,MAAM,EAAE,MAAM,WAAW,CAAC;AA8E9C,eAAO,MAAM,MAAM,EAAE,MAiOpB,CAAC"}
package/dist/themes/neutral/tokens.js CHANGED
@@ -5,60 +5,71 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
5
5
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
6
  import { buildColourGamut } from "../makeTheme.js";
7
7
  const colours = {
8
+ black: {
9
+ 900: '#222222',
10
+ 800: '#2A2C2A',
11
+ 700: '#444644',
12
+ 600: '#626262',
13
+ 500: '#808080',
14
+ 400: '#ADB1B5',
15
+ 300: '#D4D9DD',
16
+ 200: '#DDE0E3',
17
+ 100: '#E4E4E4'
18
+ },
8
19
  gray: {
9
- '900': '#212338',
10
- '800': '#34384c',
11
- '700': '#484c5f',
12
- '600': '#5c6172',
13
- '500': '#6c7283',
14
- '400': '#8f95a1',
15
- '300': '#d4d9dd',
16
- '200': '#eef0f2',
17
- '100': '#fafbfc'
20
+ 900: '#212338',
21
+ 800: '#34384c',
22
+ 700: '#484c5f',
23
+ 600: '#5c6172',
24
+ 500: '#6c7283',
25
+ 400: '#8f95a1',
26
+ 300: '#d4d9dd',
27
+ 200: '#eef0f2',
28
+ 100: '#fafbfc'
18
29
  },
19
30
  green: {
20
- '900': '#078171',
21
- '800': '#05987a',
22
- '700': '#03af83',
23
- '600': '#01c68c',
24
- '500': '#00dd95',
25
- '400': '#36e5aa',
26
- '300': '#71edc2',
27
- '200': '#e3f8f0',
28
- '100': '#f2fdf9'
31
+ 900: '#078171',
32
+ 800: '#05987a',
33
+ 700: '#03af83',
34
+ 600: '#01c68c',
35
+ 500: '#00dd95',
36
+ 400: '#36e5aa',
37
+ 300: '#71edc2',
38
+ 200: '#e3f8f0',
39
+ 100: '#f2fdf9'
29
40
  },
30
41
  blue: {
31
- '900': '#0d47a1',
32
- '800': '#0d4bb7',
33
- '700': '#0d50ce',
34
- '600': '#0d54e5',
35
- '500': '#0d59fc',
36
- '400': '#4680fc',
37
- '300': '#80a7fd',
38
- '200': '#e1edfe',
39
- '100': '#f3f8ff'
42
+ 900: '#0d47a1',
43
+ 800: '#0d4bb7',
44
+ 700: '#0d50ce',
45
+ 600: '#0d54e5',
46
+ 500: '#0d59fc',
47
+ 400: '#4680fc',
48
+ 300: '#80a7fd',
49
+ 200: '#e1edfe',
50
+ 100: '#f3f8ff'
40
51
  },
41
52
  yellow: {
42
- '900': '#f38e29',
43
- '800': '#f69a1f',
44
- '700': '#f9a715',
45
- '600': '#fcb30b',
46
- '500': '#ffc001',
47
- '400': '#ffcf3d',
48
- '300': '#ffde79',
49
- '200': '#ffedb5',
50
- '100': '#fffcf2'
53
+ 900: '#f38e29',
54
+ 800: '#f69a1f',
55
+ 700: '#f9a715',
56
+ 600: '#fcb30b',
57
+ 500: '#ffc001',
58
+ 400: '#ffcf3d',
59
+ 300: '#ffde79',
60
+ 200: '#ffedb5',
61
+ 100: '#fffcf2'
51
62
  },
52
63
  red: {
53
- '900': '#780502',
54
- '800': '#96110e',
55
- '700': '#b51e1a',
56
- '600': '#d42b26',
57
- '500': '#e12e28',
58
- '400': '#e85f5b',
59
- '300': '#ef918e',
60
- '200': '#ffd4d4',
61
- '100': '#fdf4f4'
64
+ 900: '#780502',
65
+ 800: '#96110e',
66
+ 700: '#b51e1a',
67
+ 600: '#d42b26',
68
+ 500: '#e12e28',
69
+ 400: '#e85f5b',
70
+ 300: '#ef918e',
71
+ 200: '#ffd4d4',
72
+ 100: '#fdf4f4'
62
73
  }
63
74
  };
64
75
  const white = '#fff';
@@ -103,9 +114,18 @@ export const tokens = {
103
114
  intent: {
104
115
  primary: {
105
116
  background: {
106
- standard: colours.gray['700'],
107
- mild: colours.gray['200'],
108
- strong: colours.gray['900']
117
+ standard: colours.black['900'],
118
+ mild: colours.black['400'],
119
+ strong: colours.black['900']
120
+ },
121
+ foreground: white,
122
+ border: colours.gray['900']
123
+ },
124
+ brand: {
125
+ background: {
126
+ standard: colours.green['700'],
127
+ mild: colours.green['200'],
128
+ strong: colours.green['900']
109
129
  },
110
130
  foreground: white,
111
131
  border: colours.gray['900']
@@ -243,7 +263,8 @@ export const tokens = {
243
263
  }
244
264
  },
245
265
  colour: {
246
- primary: colours.gray['800'],
266
+ primary: colours.black['800'],
267
+ brand: colours.green['600'],
247
268
  secondary: colours.gray['600'],
248
269
  shine: colours.yellow['500'],
249
270
  link: colours.blue['500'],
package/dist/themes/theme.css.d.ts CHANGED
@@ -24,6 +24,15 @@ export declare const themeContractVars: {
24
24
  colours: {
25
25
  gamut: {
26
26
  white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
+ black900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
+ black800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
+ black700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
+ black600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
+ black500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
+ black400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
+ black300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
+ black200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
+ black100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
36
  red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
37
  red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
38
  red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -90,6 +99,15 @@ export declare const themeContractVars: {
90
99
  foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
100
  border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
101
  };
102
+ brand: {
103
+ background: {
104
+ standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
+ mild: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
106
+ strong: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
+ };
108
+ foreground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ };
93
111
  secondary: {
94
112
  background: {
95
113
  standard: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -224,6 +242,7 @@ export declare const themeContractVars: {
224
242
  };
225
243
  colour: {
226
244
  primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
+ brand: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
246
  secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
247
  shine: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
248
  link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
package/dist/themes/theme.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuN5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
1
+ {"version":3,"file":"theme.css.d.ts","sourceRoot":"","sources":["../../lib/themes/theme.css.ts"],"names":[],"mappings":"AA+EA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiO5B,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
package/dist/themes/theme.css.js CHANGED
@@ -8,6 +8,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
8
8
  import { createThemeContract, style } from '@vanilla-extract/css';
9
9
  import { buildColourGamut } from "./makeTheme.js";
10
10
  const colours = {
11
+ black: {
12
+ '900': '',
13
+ '800': '',
14
+ '700': '',
15
+ '600': '',
16
+ '500': '',
17
+ '400': '',
18
+ '300': '',
19
+ '200': '',
20
+ '100': ''
21
+ },
11
22
  gray: {
12
23
  '900': '',
13
24
  '800': '',
@@ -111,6 +122,15 @@ export const themeContractVars = createThemeContract({
111
122
  foreground: '',
112
123
  border: ''
113
124
  },
125
+ brand: {
126
+ background: {
127
+ standard: '',
128
+ mild: '',
129
+ strong: ''
130
+ },
131
+ foreground: '',
132
+ border: ''
133
+ },
114
134
  secondary: {
115
135
  background: {
116
136
  standard: '',
@@ -245,6 +265,7 @@ export const themeContractVars = createThemeContract({
245
265
  },
246
266
  colour: {
247
267
  primary: '',
268
+ brand: '',
248
269
  secondary: '',
249
270
  shine: '',
250
271
  link: '',
package/dist/themes/tokens.d.ts CHANGED
@@ -13,13 +13,14 @@ interface ColourIntensityMap extends VanillaTokens {
13
13
  strong: string;
14
14
  }
15
15
  export type ColourMap = Record<string, ColourValue>;
16
+ type ColourBlacks = 'black900' | 'black800' | 'black700' | 'black600' | 'black500' | 'black400' | 'black300' | 'black200' | 'black100';
16
17
  type ColourReds = 'red900' | 'red800' | 'red700' | 'red600' | 'red500' | 'red400' | 'red300' | 'red200' | 'red100';
17
18
  type ColourGrays = 'gray900' | 'gray800' | 'gray700' | 'gray600' | 'gray500' | 'gray400' | 'gray300' | 'gray200' | 'gray100';
18
19
  type ColourGreens = 'green900' | 'green800' | 'green700' | 'green600' | 'green500' | 'green400' | 'green300' | 'green200' | 'green100';
19
20
  type ColourBlues = 'blue900' | 'blue800' | 'blue700' | 'blue600' | 'blue500' | 'blue400' | 'blue300' | 'blue200' | 'blue100';
20
21
  type ColourYellows = 'yellow900' | 'yellow800' | 'yellow700' | 'yellow600' | 'yellow500' | 'yellow400' | 'yellow300' | 'yellow200' | 'yellow100';
21
- export type ColourGamut = ColourGrays | ColourBlues | ColourGreens | ColourReds | ColourYellows;
22
- type Intent = 'primary' | 'secondary' | 'shine' | 'neutral' | 'danger' | 'warning' | 'success' | 'information';
22
+ export type ColourGamut = ColourBlacks | ColourGrays | ColourBlues | ColourGreens | ColourReds | ColourYellows;
23
+ type Intent = 'primary' | 'brand' | 'secondary' | 'shine' | 'neutral' | 'danger' | 'warning' | 'success' | 'information';
23
24
  type BaseColours = 'white';
24
25
  export type BreakPoints = Record<DeviceSize, string>;
25
26
  export interface Tokens extends VanillaTokens {
package/dist/themes/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../lib/themes/tokens.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@autoguru/overdrive",
3
- "version": "4.30.0",
3
+ "version": "4.32.0",
4
4
  "description": "Overdrive is a product component library, and design system for AutoGuru.",
5
5
  "types": "dist/index.d.ts",
6
6
  "main": "dist/index.js",