@autoguru/overdrive 4.61.0 → 4.63.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 (56) 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/Button/Button.css.d.ts +13 -1
  4. package/dist/components/Button/Button.css.d.ts.map +1 -1
  5. package/dist/components/Button/Button.css.js +35 -0
  6. package/dist/components/Button/Button.d.ts.map +1 -1
  7. package/dist/components/Button/Button.js +5 -1
  8. package/dist/components/CheckBox/CheckBox.css.d.ts.map +1 -1
  9. package/dist/components/CheckBox/CheckBox.css.js +5 -2
  10. package/dist/components/DateInput/DateInput.js +1 -1
  11. package/dist/components/EditableText/EditableText.css.js +1 -1
  12. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts +13 -1
  13. package/dist/components/OverdriveProvider/OverdriveProvider.d.ts.map +1 -1
  14. package/dist/components/OverdriveProvider/OverdriveProvider.js +6 -1
  15. package/dist/components/OverdriveProvider/useColorOverrides.d.ts +3 -2
  16. package/dist/components/OverdriveProvider/useColorOverrides.d.ts.map +1 -1
  17. package/dist/components/OverdriveProvider/useColorOverrides.js +158 -22
  18. package/dist/components/OverdriveProvider/useColorOverrides.spec.d.ts +2 -0
  19. package/dist/components/OverdriveProvider/useColorOverrides.spec.d.ts.map +1 -0
  20. package/dist/components/OverdriveProvider/useColorOverrides.spec.js +226 -0
  21. package/dist/components/Radio/Radio.css.d.ts.map +1 -1
  22. package/dist/components/Radio/Radio.css.js +3 -2
  23. package/dist/components/StandardModal/StandardModal.js +1 -1
  24. package/dist/components/Switch/Switch.css.d.ts.map +1 -1
  25. package/dist/components/Switch/Switch.css.js +3 -1
  26. package/dist/components/private/InputBase/InputState.css.js +1 -1
  27. package/dist/components/private/InputBase/NotchedBase.css.js +1 -1
  28. package/dist/components/private/InputBase/withEnhancedInput.css.js +1 -1
  29. package/dist/styles/intentColorset.css.d.ts +3 -3
  30. package/dist/styles/sprinkles.css.d.ts +24 -24
  31. package/dist/styles/sprinkles.css.d.ts.map +1 -1
  32. package/dist/styles/sprinkles.css.js +10 -8
  33. package/dist/styles/typography.css.d.ts +1 -1
  34. package/dist/themes/base/contrastGuide.spec.js +11 -2
  35. package/dist/themes/base/index.d.ts +126 -18
  36. package/dist/themes/base/index.d.ts.map +1 -1
  37. package/dist/themes/base/space.spec.js +3 -3
  38. package/dist/themes/base/tokens.d.ts +76 -9
  39. package/dist/themes/base/tokens.d.ts.map +1 -1
  40. package/dist/themes/base/tokens.js +114 -13
  41. package/dist/themes/flat_red/index.d.ts +126 -18
  42. package/dist/themes/flat_red/index.d.ts.map +1 -1
  43. package/dist/themes/flat_red/tokens.d.ts +63 -9
  44. package/dist/themes/flat_red/tokens.d.ts.map +1 -1
  45. package/dist/themes/index.d.ts +126 -18
  46. package/dist/themes/index.d.ts.map +1 -1
  47. package/dist/themes/makeTheme.d.ts +63 -9
  48. package/dist/themes/makeTheme.d.ts.map +1 -1
  49. package/dist/themes/neutral/index.d.ts +126 -18
  50. package/dist/themes/neutral/index.d.ts.map +1 -1
  51. package/dist/themes/neutral/tokens.d.ts +63 -9
  52. package/dist/themes/neutral/tokens.d.ts.map +1 -1
  53. package/dist/themes/theme.css.d.ts +63 -9
  54. package/dist/themes/theme.css.d.ts.map +1 -1
  55. package/dist/themes/theme.css.js +79 -18
  56. package/package.json +1 -1
package/dist/themes/flat_red/index.d.ts CHANGED
@@ -87,6 +87,10 @@ declare const _default: {
87
87
  '100': `var(--${string})`;
88
88
  };
89
89
  };
90
+ brand: {
91
+ solid: `var(--${string})`;
92
+ onSolid: `var(--${string})`;
93
+ };
90
94
  surface: {
91
95
  page: `var(--${string})`;
92
96
  hard: `var(--${string})`;
@@ -123,14 +127,16 @@ declare const _default: {
123
127
  primary: `var(--${string})`;
124
128
  secondary: `var(--${string})`;
125
129
  reverse: `var(--${string})`;
126
- tertiaryInactive: `var(--${string})`;
127
- tertiaryInactiveLight: `var(--${string})`;
130
+ tertiary: `var(--${string})`;
131
+ placeholder: `var(--${string})`;
128
132
  };
129
133
  background: {
130
134
  default: `var(--${string})`;
131
135
  reverse: `var(--${string})`;
132
136
  inactive: `var(--${string})`;
133
137
  emphasisInactive: `var(--${string})`;
138
+ emphasisLight: `var(--${string})`;
139
+ modal: `var(--${string})`;
134
140
  };
135
141
  border: {
136
142
  default: `var(--${string})`;
@@ -138,46 +144,94 @@ declare const _default: {
138
144
  selected: `var(--${string})`;
139
145
  strong: `var(--${string})`;
140
146
  };
147
+ focus: {
148
+ ring: `var(--${string})`;
149
+ };
141
150
  info: {
142
151
  text: `var(--${string})`;
143
152
  foreground: `var(--${string})`;
144
- background: `var(--${string})`;
153
+ backgroundStrong: `var(--${string})`;
154
+ backgroundSubtle: `var(--${string})`;
145
155
  };
146
156
  success: {
147
157
  text: `var(--${string})`;
148
158
  foreground: `var(--${string})`;
149
- backgroundDark: `var(--${string})`;
150
- backgroundLight: `var(--${string})`;
159
+ backgroundStrong: `var(--${string})`;
160
+ backgroundSubtle: `var(--${string})`;
151
161
  };
152
162
  warning: {
153
163
  text: `var(--${string})`;
154
164
  foreground: `var(--${string})`;
155
- backgroundDark: `var(--${string})`;
156
- backgroundLight: `var(--${string})`;
165
+ backgroundStrong: `var(--${string})`;
166
+ backgroundSubtle: `var(--${string})`;
157
167
  };
158
168
  alert: {
159
169
  text: `var(--${string})`;
160
170
  foreground: `var(--${string})`;
161
- background: `var(--${string})`;
171
+ backgroundStrong: `var(--${string})`;
172
+ backgroundSubtle: `var(--${string})`;
162
173
  };
163
174
  button: {
164
175
  primary: {
165
176
  solid: {
166
177
  default: `var(--${string})`;
167
178
  hover: `var(--${string})`;
168
- pressed: `var(--${string})`;
169
179
  border: `var(--${string})`;
180
+ pressed: `var(--${string})`;
181
+ text: `var(--${string})`;
170
182
  };
171
183
  outlined: {
172
184
  border: `var(--${string})`;
173
185
  text: `var(--${string})`;
186
+ hover: `var(--${string})`;
187
+ pressed: `var(--${string})`;
174
188
  };
175
189
  };
176
190
  critical: {
177
191
  solid: {
178
192
  default: `var(--${string})`;
193
+ hover: `var(--${string})`;
194
+ border: `var(--${string})`;
195
+ pressed: `var(--${string})`;
196
+ text: `var(--${string})`;
179
197
  };
198
+ outlined: {
199
+ border: `var(--${string})`;
200
+ text: `var(--${string})`;
201
+ hover: `var(--${string})`;
202
+ pressed: `var(--${string})`;
203
+ };
204
+ };
205
+ secondary: {
206
+ border: `var(--${string})`;
207
+ hover: `var(--${string})`;
208
+ pressed: `var(--${string})`;
209
+ text: `var(--${string})`;
180
210
  };
211
+ disabled: {
212
+ fill: `var(--${string})`;
213
+ text: `var(--${string})`;
214
+ };
215
+ };
216
+ link: {
217
+ primary: `var(--${string})`;
218
+ secondary: `var(--${string})`;
219
+ hover: `var(--${string})`;
220
+ pressed: `var(--${string})`;
221
+ critical: `var(--${string})`;
222
+ criticalHover: `var(--${string})`;
223
+ criticalPressed: `var(--${string})`;
224
+ };
225
+ illustration: {
226
+ brightSide: `var(--${string})`;
227
+ darkSide: `var(--${string})`;
228
+ lightFill: `var(--${string})`;
229
+ mainFill: `var(--${string})`;
230
+ outline: `var(--${string})`;
231
+ shadow: `var(--${string})`;
232
+ white: `var(--${string})`;
233
+ yellowDarkSide: `var(--${string})`;
234
+ yellowMainFill: `var(--${string})`;
181
235
  };
182
236
  };
183
237
  colours: {
@@ -565,6 +619,10 @@ declare const _default: {
565
619
  };
566
620
  white: `var(--${string})`;
567
621
  };
622
+ brand: {
623
+ solid: string;
624
+ onSolid: string;
625
+ };
568
626
  surface: {
569
627
  page: string;
570
628
  hard: string;
@@ -601,14 +659,16 @@ declare const _default: {
601
659
  primary: string;
602
660
  secondary: string;
603
661
  reverse: string;
604
- tertiaryInactive: string;
605
- tertiaryInactiveLight: string;
662
+ tertiary: string;
663
+ placeholder: string;
606
664
  };
607
665
  background: {
608
666
  default: string;
609
667
  reverse: string;
610
668
  inactive: string;
611
669
  emphasisInactive: string;
670
+ emphasisLight: string;
671
+ modal: string;
612
672
  };
613
673
  border: {
614
674
  default: string;
@@ -616,46 +676,94 @@ declare const _default: {
616
676
  selected: string;
617
677
  strong: string;
618
678
  };
679
+ focus: {
680
+ ring: string;
681
+ };
619
682
  info: {
620
683
  text: string;
621
684
  foreground: string;
622
- background: string;
685
+ backgroundStrong: string;
686
+ backgroundSubtle: string;
623
687
  };
624
688
  success: {
625
689
  text: string;
626
690
  foreground: string;
627
- backgroundDark: string;
628
- backgroundLight: string;
691
+ backgroundStrong: string;
692
+ backgroundSubtle: string;
629
693
  };
630
694
  warning: {
631
695
  text: string;
632
696
  foreground: string;
633
- backgroundDark: string;
634
- backgroundLight: string;
697
+ backgroundStrong: string;
698
+ backgroundSubtle: string;
635
699
  };
636
700
  alert: {
637
701
  text: string;
638
702
  foreground: string;
639
- background: string;
703
+ backgroundStrong: string;
704
+ backgroundSubtle: string;
640
705
  };
641
706
  button: {
642
707
  primary: {
643
708
  solid: {
644
709
  default: string;
645
710
  hover: string;
646
- pressed: string;
647
711
  border: string;
712
+ pressed: string;
713
+ text: string;
648
714
  };
649
715
  outlined: {
650
716
  border: string;
651
717
  text: string;
718
+ hover: string;
719
+ pressed: string;
652
720
  };
653
721
  };
654
722
  critical: {
655
723
  solid: {
656
724
  default: string;
725
+ hover: string;
726
+ border: string;
727
+ pressed: string;
728
+ text: string;
657
729
  };
730
+ outlined: {
731
+ border: string;
732
+ text: string;
733
+ hover: string;
734
+ pressed: string;
735
+ };
736
+ };
737
+ secondary: {
738
+ border: string;
739
+ hover: string;
740
+ pressed: string;
741
+ text: string;
658
742
  };
743
+ disabled: {
744
+ fill: string;
745
+ text: string;
746
+ };
747
+ };
748
+ link: {
749
+ primary: string;
750
+ secondary: string;
751
+ hover: string;
752
+ pressed: string;
753
+ critical: string;
754
+ criticalHover: string;
755
+ criticalPressed: string;
756
+ };
757
+ illustration: {
758
+ brightSide: string;
759
+ darkSide: string;
760
+ lightFill: string;
761
+ mainFill: string;
762
+ outline: string;
763
+ shadow: string;
764
+ white: string;
765
+ yellowDarkSide: string;
766
+ yellowMainFill: string;
659
767
  };
660
768
  };
661
769
  colours: {
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 CHANGED
@@ -84,6 +84,10 @@ export declare const tokens: {
84
84
  };
85
85
  white: `var(--${string})`;
86
86
  };
87
+ brand: {
88
+ solid: string;
89
+ onSolid: string;
90
+ };
87
91
  surface: {
88
92
  page: string;
89
93
  hard: string;
@@ -120,14 +124,16 @@ export declare const tokens: {
120
124
  primary: string;
121
125
  secondary: string;
122
126
  reverse: string;
123
- tertiaryInactive: string;
124
- tertiaryInactiveLight: string;
127
+ tertiary: string;
128
+ placeholder: string;
125
129
  };
126
130
  background: {
127
131
  default: string;
128
132
  reverse: string;
129
133
  inactive: string;
130
134
  emphasisInactive: string;
135
+ emphasisLight: string;
136
+ modal: string;
131
137
  };
132
138
  border: {
133
139
  default: string;
@@ -135,46 +141,94 @@ export declare const tokens: {
135
141
  selected: string;
136
142
  strong: string;
137
143
  };
144
+ focus: {
145
+ ring: string;
146
+ };
138
147
  info: {
139
148
  text: string;
140
149
  foreground: string;
141
- background: string;
150
+ backgroundStrong: string;
151
+ backgroundSubtle: string;
142
152
  };
143
153
  success: {
144
154
  text: string;
145
155
  foreground: string;
146
- backgroundDark: string;
147
- backgroundLight: string;
156
+ backgroundStrong: string;
157
+ backgroundSubtle: string;
148
158
  };
149
159
  warning: {
150
160
  text: string;
151
161
  foreground: string;
152
- backgroundDark: string;
153
- backgroundLight: string;
162
+ backgroundStrong: string;
163
+ backgroundSubtle: string;
154
164
  };
155
165
  alert: {
156
166
  text: string;
157
167
  foreground: string;
158
- background: string;
168
+ backgroundStrong: string;
169
+ backgroundSubtle: string;
159
170
  };
160
171
  button: {
161
172
  primary: {
162
173
  solid: {
163
174
  default: string;
164
175
  hover: string;
165
- pressed: string;
166
176
  border: string;
177
+ pressed: string;
178
+ text: string;
167
179
  };
168
180
  outlined: {
169
181
  border: string;
170
182
  text: string;
183
+ hover: string;
184
+ pressed: string;
171
185
  };
172
186
  };
173
187
  critical: {
174
188
  solid: {
175
189
  default: string;
190
+ hover: string;
191
+ border: string;
192
+ pressed: string;
193
+ text: string;
176
194
  };
195
+ outlined: {
196
+ border: string;
197
+ text: string;
198
+ hover: string;
199
+ pressed: string;
200
+ };
201
+ };
202
+ secondary: {
203
+ border: string;
204
+ hover: string;
205
+ pressed: string;
206
+ text: string;
177
207
  };
208
+ disabled: {
209
+ fill: string;
210
+ text: string;
211
+ };
212
+ };
213
+ link: {
214
+ primary: string;
215
+ secondary: string;
216
+ hover: string;
217
+ pressed: string;
218
+ critical: string;
219
+ criticalHover: string;
220
+ criticalPressed: string;
221
+ };
222
+ illustration: {
223
+ brightSide: string;
224
+ darkSide: string;
225
+ lightFill: string;
226
+ mainFill: string;
227
+ outline: string;
228
+ shadow: string;
229
+ white: string;
230
+ yellowDarkSide: string;
231
+ yellowMainFill: string;
178
232
  };
179
233
  };
180
234
  colours: {
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":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../lib/themes/flat_red/tokens.ts"],"names":[],"mappings":"AAmEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DK,CAAC"}
package/dist/themes/index.d.ts CHANGED
@@ -90,6 +90,10 @@ export declare const themes: {
90
90
  '100': `var(--${string})`;
91
91
  };
92
92
  };
93
+ brand: {
94
+ solid: `var(--${string})`;
95
+ onSolid: `var(--${string})`;
96
+ };
93
97
  surface: {
94
98
  page: `var(--${string})`;
95
99
  hard: `var(--${string})`;
@@ -126,14 +130,16 @@ export declare const themes: {
126
130
  primary: `var(--${string})`;
127
131
  secondary: `var(--${string})`;
128
132
  reverse: `var(--${string})`;
129
- tertiaryInactive: `var(--${string})`;
130
- tertiaryInactiveLight: `var(--${string})`;
133
+ tertiary: `var(--${string})`;
134
+ placeholder: `var(--${string})`;
131
135
  };
132
136
  background: {
133
137
  default: `var(--${string})`;
134
138
  reverse: `var(--${string})`;
135
139
  inactive: `var(--${string})`;
136
140
  emphasisInactive: `var(--${string})`;
141
+ emphasisLight: `var(--${string})`;
142
+ modal: `var(--${string})`;
137
143
  };
138
144
  border: {
139
145
  default: `var(--${string})`;
@@ -141,46 +147,94 @@ export declare const themes: {
141
147
  selected: `var(--${string})`;
142
148
  strong: `var(--${string})`;
143
149
  };
150
+ focus: {
151
+ ring: `var(--${string})`;
152
+ };
144
153
  info: {
145
154
  text: `var(--${string})`;
146
155
  foreground: `var(--${string})`;
147
- background: `var(--${string})`;
156
+ backgroundStrong: `var(--${string})`;
157
+ backgroundSubtle: `var(--${string})`;
148
158
  };
149
159
  success: {
150
160
  text: `var(--${string})`;
151
161
  foreground: `var(--${string})`;
152
- backgroundDark: `var(--${string})`;
153
- backgroundLight: `var(--${string})`;
162
+ backgroundStrong: `var(--${string})`;
163
+ backgroundSubtle: `var(--${string})`;
154
164
  };
155
165
  warning: {
156
166
  text: `var(--${string})`;
157
167
  foreground: `var(--${string})`;
158
- backgroundDark: `var(--${string})`;
159
- backgroundLight: `var(--${string})`;
168
+ backgroundStrong: `var(--${string})`;
169
+ backgroundSubtle: `var(--${string})`;
160
170
  };
161
171
  alert: {
162
172
  text: `var(--${string})`;
163
173
  foreground: `var(--${string})`;
164
- background: `var(--${string})`;
174
+ backgroundStrong: `var(--${string})`;
175
+ backgroundSubtle: `var(--${string})`;
165
176
  };
166
177
  button: {
167
178
  primary: {
168
179
  solid: {
169
180
  default: `var(--${string})`;
170
181
  hover: `var(--${string})`;
171
- pressed: `var(--${string})`;
172
182
  border: `var(--${string})`;
183
+ pressed: `var(--${string})`;
184
+ text: `var(--${string})`;
173
185
  };
174
186
  outlined: {
175
187
  border: `var(--${string})`;
176
188
  text: `var(--${string})`;
189
+ hover: `var(--${string})`;
190
+ pressed: `var(--${string})`;
177
191
  };
178
192
  };
179
193
  critical: {
180
194
  solid: {
181
195
  default: `var(--${string})`;
196
+ hover: `var(--${string})`;
197
+ border: `var(--${string})`;
198
+ pressed: `var(--${string})`;
199
+ text: `var(--${string})`;
182
200
  };
201
+ outlined: {
202
+ border: `var(--${string})`;
203
+ text: `var(--${string})`;
204
+ hover: `var(--${string})`;
205
+ pressed: `var(--${string})`;
206
+ };
207
+ };
208
+ secondary: {
209
+ border: `var(--${string})`;
210
+ hover: `var(--${string})`;
211
+ pressed: `var(--${string})`;
212
+ text: `var(--${string})`;
183
213
  };
214
+ disabled: {
215
+ fill: `var(--${string})`;
216
+ text: `var(--${string})`;
217
+ };
218
+ };
219
+ link: {
220
+ primary: `var(--${string})`;
221
+ secondary: `var(--${string})`;
222
+ hover: `var(--${string})`;
223
+ pressed: `var(--${string})`;
224
+ critical: `var(--${string})`;
225
+ criticalHover: `var(--${string})`;
226
+ criticalPressed: `var(--${string})`;
227
+ };
228
+ illustration: {
229
+ brightSide: `var(--${string})`;
230
+ darkSide: `var(--${string})`;
231
+ lightFill: `var(--${string})`;
232
+ mainFill: `var(--${string})`;
233
+ outline: `var(--${string})`;
234
+ shadow: `var(--${string})`;
235
+ white: `var(--${string})`;
236
+ yellowDarkSide: `var(--${string})`;
237
+ yellowMainFill: `var(--${string})`;
184
238
  };
185
239
  };
186
240
  colours: {
@@ -568,6 +622,10 @@ export declare const themes: {
568
622
  };
569
623
  white: `var(--${string})`;
570
624
  };
625
+ brand: {
626
+ solid: string;
627
+ onSolid: string;
628
+ };
571
629
  surface: {
572
630
  page: string;
573
631
  hard: string;
@@ -604,14 +662,16 @@ export declare const themes: {
604
662
  primary: string;
605
663
  secondary: string;
606
664
  reverse: string;
607
- tertiaryInactive: string;
608
- tertiaryInactiveLight: string;
665
+ tertiary: string;
666
+ placeholder: string;
609
667
  };
610
668
  background: {
611
669
  default: string;
612
670
  reverse: string;
613
671
  inactive: string;
614
672
  emphasisInactive: string;
673
+ emphasisLight: string;
674
+ modal: string;
615
675
  };
616
676
  border: {
617
677
  default: string;
@@ -619,46 +679,94 @@ export declare const themes: {
619
679
  selected: string;
620
680
  strong: string;
621
681
  };
682
+ focus: {
683
+ ring: string;
684
+ };
622
685
  info: {
623
686
  text: string;
624
687
  foreground: string;
625
- background: string;
688
+ backgroundStrong: string;
689
+ backgroundSubtle: string;
626
690
  };
627
691
  success: {
628
692
  text: string;
629
693
  foreground: string;
630
- backgroundDark: string;
631
- backgroundLight: string;
694
+ backgroundStrong: string;
695
+ backgroundSubtle: string;
632
696
  };
633
697
  warning: {
634
698
  text: string;
635
699
  foreground: string;
636
- backgroundDark: string;
637
- backgroundLight: string;
700
+ backgroundStrong: string;
701
+ backgroundSubtle: string;
638
702
  };
639
703
  alert: {
640
704
  text: string;
641
705
  foreground: string;
642
- background: string;
706
+ backgroundStrong: string;
707
+ backgroundSubtle: string;
643
708
  };
644
709
  button: {
645
710
  primary: {
646
711
  solid: {
647
712
  default: string;
648
713
  hover: string;
649
- pressed: string;
650
714
  border: string;
715
+ pressed: string;
716
+ text: string;
651
717
  };
652
718
  outlined: {
653
719
  border: string;
654
720
  text: string;
721
+ hover: string;
722
+ pressed: string;
655
723
  };
656
724
  };
657
725
  critical: {
658
726
  solid: {
659
727
  default: string;
728
+ hover: string;
729
+ border: string;
730
+ pressed: string;
731
+ text: string;
660
732
  };
733
+ outlined: {
734
+ border: string;
735
+ text: string;
736
+ hover: string;
737
+ pressed: string;
738
+ };
739
+ };
740
+ secondary: {
741
+ border: string;
742
+ hover: string;
743
+ pressed: string;
744
+ text: string;
661
745
  };
746
+ disabled: {
747
+ fill: string;
748
+ text: string;
749
+ };
750
+ };
751
+ link: {
752
+ primary: string;
753
+ secondary: string;
754
+ hover: string;
755
+ pressed: string;
756
+ critical: string;
757
+ criticalHover: string;
758
+ criticalPressed: string;
759
+ };
760
+ illustration: {
761
+ brightSide: string;
762
+ darkSide: string;
763
+ lightFill: string;
764
+ mainFill: string;
765
+ outline: string;
766
+ shadow: string;
767
+ white: string;
768
+ yellowDarkSide: string;
769
+ yellowMainFill: string;
662
770
  };
663
771
  };
664
772
  colours: {
package/dist/themes/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/themes/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AAEpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA0C,CAAC;AAC9D,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,aAAa,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACN,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,GAChB,MAAM,aAAa,CAAC;AACrB,mBAAmB,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/themes/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AAEpD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAA0C,CAAC;AAC9D,OAAO,EACN,aAAa,EACb,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EAClB,KAAK,aAAa,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACN,eAAe,EACf,iBAAiB,EACjB,KAAK,WAAW,GAChB,MAAM,aAAa,CAAC;AACrB,mBAAmB,SAAS,CAAC"}