@bspk/ui 1.1.33 → 1.1.34

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 (79) hide show
  1. package/dist/base.css +5 -5
  2. package/dist/base.css.js +5 -5
  3. package/dist/colors.css +1 -1
  4. package/dist/colors.css.js +1 -1
  5. package/dist/components/BannerAlert/banner-alert.css +1 -1
  6. package/dist/components/BannerAlert/banner-alert.css.js +1 -1
  7. package/dist/components/Button/button.css +2 -2
  8. package/dist/components/Button/button.css.js +2 -2
  9. package/dist/components/Card/card.css +1 -1
  10. package/dist/components/Card/card.css.js +1 -1
  11. package/dist/components/Chip/chip.css +1 -1
  12. package/dist/components/Chip/chip.css.js +1 -1
  13. package/dist/components/ChipUtility/chip-utility.css +1 -1
  14. package/dist/components/ChipUtility/chip-utility.css.js +1 -1
  15. package/dist/components/Fab/fab.css +1 -1
  16. package/dist/components/Fab/fab.css.js +1 -1
  17. package/dist/components/NumberInput/number-input.css +1 -1
  18. package/dist/components/NumberInput/number-input.css.js +1 -1
  19. package/dist/components/ProgressBar/progress-bar.css +2 -2
  20. package/dist/components/ProgressBar/progress-bar.css.js +2 -2
  21. package/dist/components/ProgressionStepperBar/progression-stepper-bar.css +1 -1
  22. package/dist/components/ProgressionStepperBar/progression-stepper-bar.css.js +1 -1
  23. package/dist/components/SegmentedControl/segmented-control.css +5 -5
  24. package/dist/components/SegmentedControl/segmented-control.css.js +5 -5
  25. package/dist/components/Select/select.css +1 -1
  26. package/dist/components/Select/select.css.js +1 -1
  27. package/dist/components/Table/table.css +3 -3
  28. package/dist/components/Table/table.css.js +3 -3
  29. package/dist/components/Tag/tag.css +1 -1
  30. package/dist/components/Tag/tag.css.js +1 -1
  31. package/dist/components/TextInput/text-input.css +1 -1
  32. package/dist/components/TextInput/text-input.css.js +1 -1
  33. package/dist/components/Textarea/textarea.css +1 -1
  34. package/dist/components/Textarea/textarea.css.js +1 -1
  35. package/dist/components/Tooltip/tooltip.css +1 -1
  36. package/dist/components/Tooltip/tooltip.css.js +1 -1
  37. package/dist/styles/anywhere.css +318 -124
  38. package/dist/styles/anywhere.css.js +318 -124
  39. package/dist/styles/better-homes-gardens.css +320 -120
  40. package/dist/styles/better-homes-gardens.css.js +320 -120
  41. package/dist/styles/cartus.css +321 -121
  42. package/dist/styles/cartus.css.js +321 -121
  43. package/dist/styles/century-21.css +316 -118
  44. package/dist/styles/century-21.css.js +316 -118
  45. package/dist/styles/coldwell-banker.css +320 -120
  46. package/dist/styles/coldwell-banker.css.js +320 -120
  47. package/dist/styles/corcoran.css +314 -116
  48. package/dist/styles/corcoran.css.js +314 -116
  49. package/dist/styles/denali-boss.css +317 -119
  50. package/dist/styles/denali-boss.css.js +317 -119
  51. package/dist/styles/era.css +329 -125
  52. package/dist/styles/era.css.js +329 -125
  53. package/dist/styles/sothebys.css +322 -122
  54. package/dist/styles/sothebys.css.js +322 -122
  55. package/dist/utils/colorVariants.d.ts +1 -1
  56. package/dist/utils/colorVariants.js +1 -1
  57. package/dist/utils/txtVariants.d.ts +1 -1
  58. package/dist/utils/txtVariants.js +1 -1
  59. package/package.json +2 -2
  60. package/src/base.scss +4 -4
  61. package/src/colors.scss +1 -1
  62. package/src/components/BannerAlert/banner-alert.scss +1 -1
  63. package/src/components/Button/button.scss +2 -2
  64. package/src/components/Card/card.scss +1 -1
  65. package/src/components/Chip/chip.scss +1 -1
  66. package/src/components/ChipUtility/chip-utility.scss +1 -1
  67. package/src/components/Fab/fab.scss +1 -1
  68. package/src/components/NumberInput/number-input.scss +1 -1
  69. package/src/components/ProgressBar/progress-bar.scss +2 -2
  70. package/src/components/ProgressionStepperBar/progression-stepper-bar.scss +1 -1
  71. package/src/components/SegmentedControl/segmented-control.scss +5 -5
  72. package/src/components/Select/select.scss +1 -1
  73. package/src/components/Table/table.scss +3 -3
  74. package/src/components/Tag/tag.scss +1 -1
  75. package/src/components/TextInput/text-input.scss +1 -1
  76. package/src/components/Textarea/textarea.scss +1 -1
  77. package/src/components/Tooltip/tooltip.scss +1 -1
  78. package/src/utils/colorVariants.ts +1 -1
  79. package/src/utils/txtVariants.ts +1 -1
package/dist/styles/century-21.css CHANGED
@@ -1,4 +1,4 @@
1
- /* Generated from figma export: 2025-05-01T18:43:34.841Z */
1
+ /* Generated from figma export: 2025-07-08T20:32:21.402Z */
2
2
 
3
3
  @import url('https://fonts.googleapis.com/css2?family=Work%20Sans:ital,wght@0,100..900;1,100..900&display=swap');
4
4
  body {
@@ -38,6 +38,146 @@ body {
38
38
  --body-x-small-size: 12px;
39
39
  /* Body/X-Small - style */
40
40
  --body-x-small-style: regular;
41
+ /* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
42
+ --colors-brands-experiment-blue-dark-100: #0a2f85;
43
+ /* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
44
+ --colors-brands-experiment-blue-dark-200: #1347cc;
45
+ /* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
46
+ --colors-brands-experiment-blue-dark-300: #0f59e2;
47
+ /* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
48
+ --colors-brands-experiment-blue-dark-400: #357aea;
49
+ /* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
50
+ --colors-brands-experiment-blue-dark-50: #181d34;
51
+ /* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
52
+ --colors-brands-experiment-blue-dark-500: #2e88f6;
53
+ /* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
54
+ --colors-brands-experiment-blue-dark-600: #50a1ff;
55
+ /* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
56
+ --colors-brands-experiment-blue-dark-700: #7ab7ff;
57
+ /* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
58
+ --colors-brands-experiment-blue-dark-800: #dcebfe;
59
+ /* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
60
+ --colors-brands-experiment-blue-dark-900: #f0f6ff;
61
+ /* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
62
+ --colors-brands-experiment-blue-gray-dark-100: #1a2332;
63
+ /* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
64
+ --colors-brands-experiment-blue-gray-dark-200: #252e3c;
65
+ /* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
66
+ --colors-brands-experiment-blue-gray-dark-300: #323b49;
67
+ /* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
68
+ --colors-brands-experiment-blue-gray-dark-400: #5e6d82;
69
+ /* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
70
+ --colors-brands-experiment-blue-gray-dark-50: #0c101c;
71
+ /* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
72
+ --colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
73
+ /* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
74
+ --colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
75
+ /* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
76
+ --colors-brands-experiment-blue-gray-dark-700: #d4dce8;
77
+ /* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
78
+ --colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
79
+ /* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
80
+ --colors-brands-experiment-blue-gray-dark-900: #f8fafc;
81
+ /* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
82
+ --colors-brands-experiment-blue-gray-light-100: #f1f5f9;
83
+ /* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
84
+ --colors-brands-experiment-blue-gray-light-200: #e1e7ef;
85
+ /* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
86
+ --colors-brands-experiment-blue-gray-light-300: #c8d6e5;
87
+ /* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
88
+ --colors-brands-experiment-blue-gray-light-400: #9eacc0;
89
+ /* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
90
+ --colors-brands-experiment-blue-gray-light-50: #f8fafc;
91
+ /* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
92
+ --colors-brands-experiment-blue-gray-light-500: #65758b;
93
+ /* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
94
+ --colors-brands-experiment-blue-gray-light-600: #48566a;
95
+ /* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
96
+ --colors-brands-experiment-blue-gray-light-700: #344256;
97
+ /* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
98
+ --colors-brands-experiment-blue-gray-light-800: #1d283a;
99
+ /* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
100
+ --colors-brands-experiment-blue-gray-light-900: #0f1729;
101
+ /* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
102
+ --colors-brands-experiment-blue-light-100: #dcebfe;
103
+ /* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
104
+ --colors-brands-experiment-blue-light-200: #bedbfe;
105
+ /* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
106
+ --colors-brands-experiment-blue-light-300: #91c3fd;
107
+ /* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
108
+ --colors-brands-experiment-blue-light-400: #61a6fa;
109
+ /* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
110
+ --colors-brands-experiment-blue-light-50: #f2f7ff;
111
+ /* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
112
+ --colors-brands-experiment-blue-light-500: #3479e9;
113
+ /* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
114
+ --colors-brands-experiment-blue-light-600: #1559ea;
115
+ /* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
116
+ --colors-brands-experiment-blue-light-700: #173fab;
117
+ /* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
118
+ --colors-brands-experiment-blue-light-800: #162f82;
119
+ /* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
120
+ --colors-brands-experiment-blue-light-900: #0c1736;
121
+ /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
122
+ --colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
123
+ /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
124
+ --colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
125
+ /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
126
+ --colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
127
+ /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
128
+ --colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
129
+ /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
130
+ --colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
131
+ /* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
132
+ --colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
133
+ /* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
134
+ --colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
135
+ /* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
136
+ --colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
137
+ /* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
138
+ --colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
139
+ /* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
140
+ --colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
141
+ /* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
142
+ --colors-brands-experiment-orange-dark-100: #852c0f;
143
+ /* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
144
+ --colors-brands-experiment-orange-dark-200: #ab4827;
145
+ /* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
146
+ --colors-brands-experiment-orange-dark-300: #ce5a07;
147
+ /* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
148
+ --colors-brands-experiment-orange-dark-400: #f27013;
149
+ /* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
150
+ --colors-brands-experiment-orange-dark-50: #31160d;
151
+ /* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
152
+ --colors-brands-experiment-orange-dark-500: #fb923c;
153
+ /* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
154
+ --colors-brands-experiment-orange-dark-600: #fdba72;
155
+ /* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
156
+ --colors-brands-experiment-orange-dark-700: #fed6a9;
157
+ /* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
158
+ --colors-brands-experiment-orange-dark-800: #ffedd6;
159
+ /* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
160
+ --colors-brands-experiment-orange-dark-900: #fff6eb;
161
+ /* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
162
+ --colors-brands-experiment-orange-light-100: #ffedd6;
163
+ /* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
164
+ --colors-brands-experiment-orange-light-200: #fed6a9;
165
+ /* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
166
+ --colors-brands-experiment-orange-light-300: #fdba72;
167
+ /* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
168
+ --colors-brands-experiment-orange-light-400: #fb923c;
169
+ /* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
170
+ --colors-brands-experiment-orange-light-50: #fff6eb;
171
+ /* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
172
+ --colors-brands-experiment-orange-light-500: #f67416;
173
+ /* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
174
+ --colors-brands-experiment-orange-light-600: #e4570c;
175
+ /* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
176
+ --colors-brands-experiment-orange-light-700: #b63c0b;
177
+ /* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
178
+ --colors-brands-experiment-orange-light-800: #80310f;
179
+ /* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
180
+ --colors-brands-experiment-orange-light-900: #471a0a;
41
181
  /* Colors/Internal/pink-00-light - Global (primitives) */
42
182
  --colors-internal-pink-00-light: #ff4f8d;
43
183
  /* Colors/Internal/pink-50-dark - Global (primitives) */
@@ -219,61 +359,61 @@ body {
219
359
  /* Colors/System/Spectrum/Data visual/gold-700 - Global (primitives) */
220
360
  --colors-system-spectrum-data-visual-gold-700: #ab922b;
221
361
  /* Colors/System/Spectrum/Data visual/Gradient/opacity-black - Global (primitives) */
222
- --colors-system-spectrum-data-visual-gradient-opacity-black: #1f1f1f00;
362
+ --colors-system-spectrum-data-visual-gradient-opacity-black: #1f1f1f4d;
223
363
  /* Colors/System/Spectrum/Data visual/Gradient/opacity-white - Global (primitives) */
224
- --colors-system-spectrum-data-visual-gradient-opacity-white: #ffffff00;
225
- /* Colors/System/Spectrum/Data visual/Highlight/azure-1200 - Global (primitives) */
226
- --colors-system-spectrum-data-visual-highlight-azure-1200: #154f70;
227
- /* Colors/System/Spectrum/Data visual/Highlight/azure-400 - Global (primitives) */
228
- --colors-system-spectrum-data-visual-highlight-azure-400: #dff0fa;
229
- /* Colors/System/Spectrum/Data visual/Highlight/backrose-1400 - Global (primitives) */
230
- --colors-system-spectrum-data-visual-highlight-backrose-1400: #0a001a;
231
- /* Colors/System/Spectrum/Data visual/Highlight/blackrose-400 - Global (primitives) */
232
- --colors-system-spectrum-data-visual-highlight-blackrose-400: #dcd9e0;
233
- /* Colors/System/Spectrum/Data visual/Highlight/bronze-1400 - Global (primitives) */
234
- --colors-system-spectrum-data-visual-highlight-bronze-1400: #3d261a;
235
- /* Colors/System/Spectrum/Data visual/Highlight/bronze-400 - Global (primitives) */
236
- --colors-system-spectrum-data-visual-highlight-bronze-400: #ebe4e1;
237
- /* Colors/System/Spectrum/Data visual/Highlight/brown-dark-1400 - Global (primitives) */
238
- --colors-system-spectrum-data-visual-highlight-brown-dark-1400: #3d1506;
239
- /* Colors/System/Spectrum/Data visual/Highlight/brown-light-400 - Global (primitives) */
240
- --colors-system-spectrum-data-visual-highlight-brown-light-400: #ebdfda;
241
- /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-1400 - Global (primitives) */
242
- --colors-system-spectrum-data-visual-highlight-cadet-gray-1400: #05252a;
243
- /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-400 - Global (primitives) */
244
- --colors-system-spectrum-data-visual-highlight-cadet-gray-400: #dae4e5;
245
- /* Colors/System/Spectrum/Data visual/Highlight/cooper-1200 - Global (primitives) */
246
- --colors-system-spectrum-data-visual-highlight-cooper-1200: #6b3f29;
247
- /* Colors/System/Spectrum/Data visual/Highlight/cooper-400 - Global (primitives) */
248
- --colors-system-spectrum-data-visual-highlight-cooper-400: #f9ece5;
249
- /* Colors/System/Spectrum/Data visual/Highlight/gold-1200 - Global (primitives) */
250
- --colors-system-spectrum-data-visual-highlight-gold-1200: #564916;
251
- /* Colors/System/Spectrum/Data visual/Highlight/gold-400 - Global (primitives) */
252
- --colors-system-spectrum-data-visual-highlight-gold-400: #f2efdf;
253
- /* Colors/System/Spectrum/Data visual/Highlight/jade-1400 - Global (primitives) */
254
- --colors-system-spectrum-data-visual-highlight-jade-1400: #1c4f3d;
255
- /* Colors/System/Spectrum/Data visual/Highlight/jade-400 - Global (primitives) */
256
- --colors-system-spectrum-data-visual-highlight-jade-400: #e1f0eb;
257
- /* Colors/System/Spectrum/Data visual/Highlight/maroon-1400 - Global (primitives) */
258
- --colors-system-spectrum-data-visual-highlight-maroon-1400: #2a0505;
259
- /* Colors/System/Spectrum/Data visual/Highlight/maroon-400 - Global (primitives) */
260
- --colors-system-spectrum-data-visual-highlight-maroon-400: #e5dada;
261
- /* Colors/System/Spectrum/Data visual/Highlight/platinum-1400 - Global (primitives) */
262
- --colors-system-spectrum-data-visual-highlight-platinum-1400: #404040;
263
- /* Colors/System/Spectrum/Data visual/Highlight/platinum-400 - Global (primitives) */
264
- --colors-system-spectrum-data-visual-highlight-platinum-400: #ececec;
265
- /* Colors/System/Spectrum/Data visual/Highlight/sage-1400 - Global (primitives) */
266
- --colors-system-spectrum-data-visual-highlight-sage-1400: #171a00;
267
- /* Colors/System/Spectrum/Data visual/Highlight/sage-400 - Global (primitives) */
268
- --colors-system-spectrum-data-visual-highlight-sage-400: #dfe0d9;
269
- /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-1400 - Global (primitives) */
270
- --colors-system-spectrum-data-visual-highlight-tanzanite-1400: #052336;
271
- /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-400 - Global (primitives) */
272
- --colors-system-spectrum-data-visual-highlight-tanzanite-400: #dae3e9;
273
- /* Colors/System/Spectrum/Data visual/Highlight/violet-1400 - Global (primitives) */
274
- --colors-system-spectrum-data-visual-highlight-violet-1400: #221a3d;
275
- /* Colors/System/Spectrum/Data visual/Highlight/violet-400 - Global (primitives) */
276
- --colors-system-spectrum-data-visual-highlight-violet-400: #e3e1eb;
364
+ --colors-system-spectrum-data-visual-gradient-opacity-white: #ffffff4d;
365
+ /* Colors/System/Spectrum/Data visual/Highlight/azure-400-opacity - Global (primitives) */
366
+ --colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
367
+ /* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
368
+ --colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
369
+ /* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
370
+ --colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
371
+ /* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
372
+ --colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
373
+ /* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
374
+ --colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
375
+ /* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
376
+ --colors-system-spectrum-data-visual-highlight-bronze-800-opacity: #af93854d;
377
+ /* Colors/System/Spectrum/Data visual/Highlight/brown-1200-opacity - Global (primitives) */
378
+ --colors-system-spectrum-data-visual-highlight-brown-1200-opacity: #7a2a0b4d;
379
+ /* Colors/System/Spectrum/Data visual/Highlight/brown-900-opacity - Global (primitives) */
380
+ --colors-system-spectrum-data-visual-highlight-brown-900-opacity: #b68a794d;
381
+ /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-1200-opacity - Global (primitives) */
382
+ --colors-system-spectrum-data-visual-highlight-cadet-gray-1200-opacity: #094a534d;
383
+ /* Colors/System/Spectrum/Data visual/Highlight/cadet-gray-900-opacity - Global (primitives) */
384
+ --colors-system-spectrum-data-visual-highlight-cadet-gray-900-opacity: #789ba04d;
385
+ /* Colors/System/Spectrum/Data visual/Highlight/cooper-500-opacity - Global (primitives) */
386
+ --colors-system-spectrum-data-visual-highlight-cooper-500-opacity: #e6b2974d;
387
+ /* Colors/System/Spectrum/Data visual/Highlight/cooper-800-opacity - Global (primitives) */
388
+ --colors-system-spectrum-data-visual-highlight-cooper-800-opacity: #d67e514d;
389
+ /* Colors/System/Spectrum/Data visual/Highlight/gold-400-opacity - Global (primitives) */
390
+ --colors-system-spectrum-data-visual-highlight-gold-400-opacity: #cdbe804d;
391
+ /* Colors/System/Spectrum/Data visual/Highlight/gold-700-opacity - Global (primitives) */
392
+ --colors-system-spectrum-data-visual-highlight-gold-700-opacity: #ab922b4d;
393
+ /* Colors/System/Spectrum/Data visual/Highlight/jade-600-opacity - Global (primitives) */
394
+ --colors-system-spectrum-data-visual-highlight-jade-600-opacity: #88c5af4d;
395
+ /* Colors/System/Spectrum/Data visual/Highlight/jade-900-opacity - Global (primitives) */
396
+ --colors-system-spectrum-data-visual-highlight-jade-900-opacity: #389e7a4d;
397
+ /* Colors/System/Spectrum/Data visual/Highlight/maroon-1200-opacity - Global (primitives) */
398
+ --colors-system-spectrum-data-visual-highlight-maroon-1200-opacity: #5309094d;
399
+ /* Colors/System/Spectrum/Data visual/Highlight/maroon-900-opacity - Global (primitives) */
400
+ --colors-system-spectrum-data-visual-highlight-maroon-900-opacity: #a984844d;
401
+ /* Colors/System/Spectrum/Data visual/Highlight/platinum-1000-opacity - Global (primitives) */
402
+ --colors-system-spectrum-data-visual-highlight-platinum-1000-opacity: #7f7f7f4d;
403
+ /* Colors/System/Spectrum/Data visual/Highlight/platinum-700-opacity - Global (primitives) */
404
+ --colors-system-spectrum-data-visual-highlight-platinum-700-opacity: #b2b2b24d;
405
+ /* Colors/System/Spectrum/Data visual/Highlight/sage-1200-opacity - Global (primitives) */
406
+ --colors-system-spectrum-data-visual-highlight-sage-1200-opacity: #2d33004d;
407
+ /* Colors/System/Spectrum/Data visual/Highlight/sage-900-opacity - Global (primitives) */
408
+ --colors-system-spectrum-data-visual-highlight-sage-900-opacity: #9699804d;
409
+ /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-1200-opacity - Global (primitives) */
410
+ --colors-system-spectrum-data-visual-highlight-tanzanite-1200-opacity: #0a466c4d;
411
+ /* Colors/System/Spectrum/Data visual/Highlight/tanzanite-900-opacity - Global (primitives) */
412
+ --colors-system-spectrum-data-visual-highlight-tanzanite-900-opacity: #7899ae4d;
413
+ /* Colors/System/Spectrum/Data visual/Highlight/violet-1200-opacity - Global (primitives) */
414
+ --colors-system-spectrum-data-visual-highlight-violet-1200-opacity: #4334794d;
415
+ /* Colors/System/Spectrum/Data visual/Highlight/violet-900-opacity - Global (primitives) */
416
+ --colors-system-spectrum-data-visual-highlight-violet-900-opacity: #a19abc4d;
277
417
  /* Colors/System/Spectrum/Data visual/jade-600 - Global (primitives) */
278
418
  --colors-system-spectrum-data-visual-jade-600: #88c5af;
279
419
  /* Colors/System/Spectrum/Data visual/jade-900 - Global (primitives) */
@@ -450,10 +590,10 @@ body {
450
590
  --corner-radius-circular: 999px;
451
591
  /* Corner radius/None - Global (primitives) */
452
592
  --corner-radius-none: 0;
453
- /* Data visual/category-06-highlight - Theme - Century 21 */
454
- --data-visual-category-06-highlight: #ececec;
455
- /* Data visual/category-6-highlight - Theme - Century 21 */
456
- --data-visual-category-6-highlight: #ececec;
593
+ /* Data visual/category-06-highlight - Theme - 3.0 */
594
+ --data-visual-category-06-highlight: #7f7f7f4d;
595
+ /* Data visual/category-6-highlight - Theme - 3.0 */
596
+ --data-visual-category-6-highlight: #7f7f7f4d;
457
597
  /* East - navigation rails, drawers, sheets */
458
598
  --drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
459
599
  /* Float */
@@ -468,20 +608,24 @@ body {
468
608
  --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
469
609
  /* West - side sheets */
470
610
  --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
471
- /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
472
- --foreground-brand-on-inverse-primary: #b0a58a;
473
- /* Foreground/Brand/on-brand-secondary - Theme - Century 21 */
474
- --foreground-brand-on-secondary: #ffffff;
475
- /* Foreground/Link text/subtle-inverse-hovered - Theme - Century 21 */
611
+ /* Foreground/Link text/subtle-inverse-hovered - Theme - 3.0 */
476
612
  --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
477
- /* Foreground/Link text/subtle-inverse-pressed - Theme - Century 21 */
613
+ /* Foreground/Link text/subtle-inverse-pressed - Theme - 3.0 */
478
614
  --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
479
- /* Foreground/Neutral/inverse-on-surface - Theme - Century 21 */
615
+ /* Foreground/Neutral/inverse-on-surface - Theme - 3.0 */
480
616
  --foreground-neutral-inverse-on-surface: #fafafa;
481
- /* Foreground/Neutral/on-color - Theme - Century 21 */
617
+ /* Foreground/Neutral/on-color - Theme - 3.0 */
482
618
  --foreground-neutral-on-color: #ffffff;
483
- /* Foreground/Neutral/on-inverse-surface - Theme - Century 21 */
619
+ /* Foreground/Neutral/on-inverse-surface - Theme - 3.0 */
484
620
  --foreground-neutral-on-inverse-surface: #fafafa;
621
+ /* Interaction/disabled-opacity - Theme - 3.0 */
622
+ --interaction-disabled-opacity: #0000000f;
623
+ /* Interaction/primary-disabled-opacity - Theme - 3.0 */
624
+ --interaction-primary-disabled-opacity: #1559ea1f;
625
+ /* Interaction/primary-hover-opacity - Theme - 3.0 */
626
+ --interaction-primary-hover-opacity: #1559ea1a;
627
+ /* Interaction/primary-press-opacity - Theme - 3.0 */
628
+ --interaction-primary-press-opacity: #1559ea33;
485
629
  /* Interactions/opacity-black-10 - Global (primitives) */
486
630
  --interactions-opacity-black-10: #0000001a;
487
631
  /* Interactions/opacity-black-16 - Global (primitives) */
@@ -570,18 +714,18 @@ body {
570
714
  --primary-75-dark: #1f1a0f;
571
715
  /* Colors/Brands/Century 21/Primary/85-light - Global (primitives) */
572
716
  --primary-85-light: #ebe9e2;
573
- /* Radius/circular - Borders */
574
- --radius-circular: 999px;
575
- /* Radius/large - Borders */
576
- --radius-large: 12px;
577
- /* Radius/medium - Borders */
578
- --radius-medium: 8px;
717
+ /* Radius/full - Borders */
718
+ --radius-full: 999px;
719
+ /* Radius/lg - Borders */
720
+ --radius-lg: 12px;
721
+ /* Radius/md - Borders */
722
+ --radius-md: 8px;
579
723
  /* Radius/none - Borders */
580
724
  --radius-none: 0;
581
- /* Radius/small - Borders */
582
- --radius-small: 4px;
583
- /* Radius/x-large - Borders */
584
- --radius-x-large: 16px;
725
+ /* Radius/sm - Borders */
726
+ --radius-sm: 4px;
727
+ /* Radius/xlg - Borders */
728
+ --radius-xlg: 16px;
585
729
  /* Colors/Brands/Century 21/Secondary/00-base - Global (primitives) */
586
730
  --secondary-00-base: #252526;
587
731
  /* Colors/Brands/Century 21/Secondary/15-dark - Global (primitives) */
@@ -655,21 +799,23 @@ body {
655
799
  /* Spacing/sizing-16 - Spacing & Sizing */
656
800
  --spacing-sizing-16: 64px;
657
801
  /* Spacing/sizing-17 - Spacing & Sizing */
658
- --spacing-sizing-17: 72px;
802
+ --spacing-sizing-17: 68px;
659
803
  /* Spacing/sizing-18 - Spacing & Sizing */
660
- --spacing-sizing-18: 80px;
804
+ --spacing-sizing-18: 72px;
661
805
  /* Spacing/sizing-19 - Spacing & Sizing */
662
- --spacing-sizing-19: 96px;
806
+ --spacing-sizing-19: 80px;
663
807
  /* Spacing/sizing-20 - Spacing & Sizing */
664
- --spacing-sizing-20: 104px;
808
+ --spacing-sizing-20: 96px;
665
809
  /* Spacing/sizing-21 - Spacing & Sizing */
666
- --spacing-sizing-21: 120px;
810
+ --spacing-sizing-21: 104px;
667
811
  /* Spacing/sizing-22 - Spacing & Sizing */
668
- --spacing-sizing-22: 128px;
812
+ --spacing-sizing-22: 120px;
669
813
  /* Spacing/sizing-23 - Spacing & Sizing */
670
- --spacing-sizing-23: 148px;
814
+ --spacing-sizing-23: 128px;
671
815
  /* Spacing/sizing-24 - Spacing & Sizing */
672
- --spacing-sizing-24: 152px;
816
+ --spacing-sizing-24: 148px;
817
+ /* Spacing/sizing-25 - Spacing & Sizing */
818
+ --spacing-sizing-25: 152px;
673
819
  /* Spacing/sizing-none - Spacing & Sizing */
674
820
  --spacing-sizing-none: 0;
675
821
  /* Spacings/1040 - Global (primitives) */
@@ -712,6 +858,8 @@ body {
712
858
  --spacings-600: 60px;
713
859
  /* Spacings/640 - Global (primitives) */
714
860
  --spacings-640: 64px;
861
+ /* Spacings/680 - Global (primitives) */
862
+ --spacings-680: 68px;
715
863
  /* Spacings/720 - Global (primitives) */
716
864
  --spacings-720: 72px;
717
865
  /* Spacings/80 - Global (primitives) */
@@ -722,16 +870,22 @@ body {
722
870
  --spacings-960: 96px;
723
871
  /* Spacings/None - Global (primitives) */
724
872
  --spacings-none: 0;
725
- /* Status/on-error - Theme - Century 21 */
873
+ /* Status/on-error - Theme - 3.0 */
726
874
  --status-on-error: #ffffff;
727
- /* Status/on-information - Theme - Century 21 */
875
+ /* Status/on-information - Theme - 3.0 */
728
876
  --status-on-information: #ffffff;
729
- /* Status/on-informational - Theme - Century 21 */
877
+ /* Status/on-informational - Theme - 3.0 */
730
878
  --status-on-informational: #ffffff;
731
- /* Status/on-success - Theme - Century 21 */
879
+ /* Status/on-success - Theme - 3.0 */
732
880
  --status-on-success: #ffffff;
733
- /* Status/on-warning - Theme - Century 21 */
881
+ /* Status/on-warning - Theme - 3.0 */
734
882
  --status-on-warning: #141414;
883
+ /* Stroke/Neutral/focus-on-inverse - Theme - 3.0 */
884
+ --stroke-neutral-focus-on-inverse: #ffffff;
885
+ /* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
886
+ --stroke-neutral-interaction-inverse-focus: #ffffff;
887
+ /* Stroke/Neutral/Interactions/inverse-focus - Theme - Century 21 */
888
+ --stroke-neutral-interactions-inverse-focus: #ffffff;
735
889
  /* Stroke/none - Borders */
736
890
  --stroke-none: 0;
737
891
  /* Stroke/thick - Borders */
@@ -740,7 +894,7 @@ body {
740
894
  --stroke-thicker: 4px;
741
895
  /* Stroke/thin - Borders */
742
896
  --stroke-thin: 1px;
743
- /* Surface/Neutral/transparent - Theme - Century 21 */
897
+ /* Surface/Neutral/transparent - Theme - 3.0 */
744
898
  --surface-neutral-transparent: #ffffff00;
745
899
  /* Colors/Brands/Century 21/Tertiary/00-base - Global (primitives) */
746
900
  --tertiary-00-base: #746649;
@@ -1136,57 +1290,57 @@ body {
1136
1290
  /* Data visual/category-01 - Theme - Century 21 */
1137
1291
  --data-visual-category-01: #ab922b;
1138
1292
  /* Data visual/category-01-highlight - Theme - Century 21 */
1139
- --data-visual-category-01-highlight: #f2efdf;
1293
+ --data-visual-category-01-highlight: #ab922b4d;
1140
1294
  /* Data visual/category-02 - Theme - Century 21 */
1141
1295
  --data-visual-category-02: #7a2a0b;
1142
1296
  /* Data visual/category-02-highlight - Theme - Century 21 */
1143
- --data-visual-category-02-highlight: #ebdfda;
1297
+ --data-visual-category-02-highlight: #7a2a0b4d;
1144
1298
  /* Data visual/category-03 - Theme - Century 21 */
1145
1299
  --data-visual-category-03: #d67e51;
1146
1300
  /* Data visual/category-03-highlight - Theme - Century 21 */
1147
- --data-visual-category-03-highlight: #f9ece5;
1301
+ --data-visual-category-03-highlight: #d67e514d;
1148
1302
  /* Data visual/category-04 - Theme - Century 21 */
1149
1303
  --data-visual-category-04: #2d3300;
1150
1304
  /* Data visual/category-04-highlight - Theme - Century 21 */
1151
- --data-visual-category-04-highlight: #dfe0d9;
1305
+ --data-visual-category-04-highlight: #2d33004d;
1152
1306
  /* Data visual/category-05 - Theme - Century 21 */
1153
1307
  --data-visual-category-05: #794b34;
1154
1308
  /* Data visual/category-05-highlight - Theme - Century 21 */
1155
- --data-visual-category-05-highlight: #e5dada;
1309
+ --data-visual-category-05-highlight: #5309094d;
1156
1310
  /* Data visual/category-06 - Theme - Century 21 */
1157
1311
  --data-visual-category-06: #7f7f7f;
1158
1312
  /* Data visual/category-07 - Theme - Century 21 */
1159
1313
  --data-visual-category-07: #530909;
1160
1314
  /* Data visual/category-07-highlight - Theme - Century 21 */
1161
- --data-visual-category-07-highlight: #ebe4e1;
1315
+ --data-visual-category-07-highlight: #794b344d;
1162
1316
  /* Data visual/category-1 - Theme - Century 21 */
1163
1317
  --data-visual-category-1: #7a2a0b;
1164
1318
  /* Data visual/category-1-highlight - Theme - Century 21 */
1165
- --data-visual-category-1-highlight: #ebdfda;
1319
+ --data-visual-category-1-highlight: #7a2a0b4d;
1166
1320
  /* Data visual/category-2 - Theme - Century 21 */
1167
1321
  --data-visual-category-2: #d67e51;
1168
1322
  /* Data visual/category-2-highlight - Theme - Century 21 */
1169
- --data-visual-category-2-highlight: #f9ece5;
1323
+ --data-visual-category-2-highlight: #d67e514d;
1170
1324
  /* Data visual/category-3 - Theme - Century 21 */
1171
1325
  --data-visual-category-3: #2d3300;
1172
1326
  /* Data visual/category-3-highlight - Theme - Century 21 */
1173
- --data-visual-category-3-highlight: #dfe0d9;
1327
+ --data-visual-category-3-highlight: #2d33004d;
1174
1328
  /* Data visual/category-4 - Theme - Century 21 */
1175
1329
  --data-visual-category-4: #ab922b;
1176
1330
  /* Data visual/category-4-highlight - Theme - Century 21 */
1177
- --data-visual-category-4-highlight: #f2efdf;
1331
+ --data-visual-category-4-highlight: #ab922b4d;
1178
1332
  /* Data visual/category-5 - Theme - Century 21 */
1179
1333
  --data-visual-category-5: #530909;
1180
1334
  /* Data visual/category-5-highlight - Theme - Century 21 */
1181
- --data-visual-category-5-highlight: #e5dada;
1335
+ --data-visual-category-5-highlight: #5309094d;
1182
1336
  /* Data visual/category-6 - Theme - Century 21 */
1183
1337
  --data-visual-category-6: #7f7f7f;
1184
1338
  /* Data visual/category-7 - Theme - Century 21 */
1185
1339
  --data-visual-category-7: #794b34;
1186
1340
  /* Data visual/category-7-highlight - Theme - Century 21 */
1187
- --data-visual-category-7-highlight: #ebe4e1;
1341
+ --data-visual-category-7-highlight: #794b344d;
1188
1342
  /* Data visual/gradient-end - Theme - Century 21 */
1189
- --data-visual-gradient-end: #ffffff00;
1343
+ --data-visual-gradient-end: #ffffff4d;
1190
1344
  /* Data visual/green - Theme - Century 21 */
1191
1345
  --data-visual-green: #258750;
1192
1346
  /* Data visual/green-highlight - Theme - Century 21 */
@@ -1203,10 +1357,14 @@ body {
1203
1357
  --data-visual-red: #d83a52;
1204
1358
  /* Data visual/red-highlight - Theme - Century 21 */
1205
1359
  --data-visual-red-highlight: #f9e1e5;
1360
+ /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
1361
+ --foreground-brand-on-inverse-primary: #b0a58a;
1206
1362
  /* Foreground/Brand/on-inverse-secondary - Theme - Century 21 */
1207
1363
  --foreground-brand-on-inverse-secondary: #7c7c7d;
1208
1364
  /* Foreground/Brand/on-brand-primary - Theme - Century 21 */
1209
1365
  --foreground-brand-on-primary: #ffffff;
1366
+ /* Foreground/Brand/on-brand-secondary - Theme - Century 21 */
1367
+ --foreground-brand-on-secondary: #ffffff;
1210
1368
  /* Foreground/Brand/brand-primary - Theme - Century 21 */
1211
1369
  --foreground-brand-primary: #7c693c;
1212
1370
  /* Foreground/Brand/brand-primary-depth - Theme - Century 21 */
@@ -1267,6 +1425,18 @@ body {
1267
1425
  --foreground-spectrum-teal: #01413c;
1268
1426
  /* Foreground/Spectrum/yellow - Theme - Century 21 */
1269
1427
  --foreground-spectrum-yellow: #7b5e18;
1428
+ /* Interaction/brand-disabled-opacity - Theme - 3.0 */
1429
+ --interaction-brand-disabled-opacity: #0000000f;
1430
+ /* Interaction/brand-hover-opacity - Theme - 3.0 */
1431
+ --interaction-brand-hover-opacity: #0000001a;
1432
+ /* Interaction/brand-press-opacity - Theme - 3.0 */
1433
+ --interaction-brand-press-opacity: #00000033;
1434
+ /* Interaction/hover-opacity - Theme - 3.0 */
1435
+ --interaction-hover-opacity: #00000014;
1436
+ /* Interaction/link-active-opacity - Theme - 3.0 */
1437
+ --interaction-link-active-opacity: #0000004d;
1438
+ /* Interaction/press-opacity - Theme - 3.0 */
1439
+ --interaction-press-opacity: #00000029;
1270
1440
  /* Interactions/brand-disabled-opacity - Theme - Century 21 */
1271
1441
  --interactions-brand-disabled-opacity: #0000000f;
1272
1442
  /* Interactions/brand-hover-opacity - Theme - Century 21 */
@@ -1345,6 +1515,12 @@ body {
1345
1515
  --stroke-neutral-high: #141414;
1346
1516
  /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
1347
1517
  --stroke-neutral-high-contrast: #141414;
1518
+ /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
1519
+ --stroke-neutral-interaction-disabled-dark: #48566a;
1520
+ /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
1521
+ --stroke-neutral-interaction-disabled-light: #c8d6e5;
1522
+ /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
1523
+ --stroke-neutral-interaction-focus: #000000;
1348
1524
  /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
1349
1525
  --stroke-neutral-interactions-disabled-dark: #757575;
1350
1526
  /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */
@@ -1417,57 +1593,57 @@ body {
1417
1593
  /* Data visual/category-01 - Theme - Century 21 */
1418
1594
  --data-visual-category-01: #cdbe80;
1419
1595
  /* Data visual/category-01-highlight - Theme - Century 21 */
1420
- --data-visual-category-01-highlight: #564916;
1596
+ --data-visual-category-01-highlight: #cdbe804d;
1421
1597
  /* Data visual/category-02 - Theme - Century 21 */
1422
1598
  --data-visual-category-02: #b68a79;
1423
1599
  /* Data visual/category-02-highlight - Theme - Century 21 */
1424
- --data-visual-category-02-highlight: #3d1506;
1600
+ --data-visual-category-02-highlight: #b68a794d;
1425
1601
  /* Data visual/category-03 - Theme - Century 21 */
1426
1602
  --data-visual-category-03: #e6b297;
1427
1603
  /* Data visual/category-03-highlight - Theme - Century 21 */
1428
- --data-visual-category-03-highlight: #6b3f29;
1604
+ --data-visual-category-03-highlight: #e6b2974d;
1429
1605
  /* Data visual/category-04 - Theme - Century 21 */
1430
1606
  --data-visual-category-04: #969980;
1431
1607
  /* Data visual/category-04-highlight - Theme - Century 21 */
1432
- --data-visual-category-04-highlight: #171a00;
1608
+ --data-visual-category-04-highlight: #9699804d;
1433
1609
  /* Data visual/category-05 - Theme - Century 21 */
1434
1610
  --data-visual-category-05: #af9385;
1435
1611
  /* Data visual/category-05-highlight - Theme - Century 21 */
1436
- --data-visual-category-05-highlight: #2a0505;
1612
+ --data-visual-category-05-highlight: #a984844d;
1437
1613
  /* Data visual/category-06 - Theme - Century 21 */
1438
1614
  --data-visual-category-06: #b2b2b2;
1439
1615
  /* Data visual/category-07 - Theme - Century 21 */
1440
1616
  --data-visual-category-07: #a98484;
1441
1617
  /* Data visual/category-07-highlight - Theme - Century 21 */
1442
- --data-visual-category-07-highlight: #3d261a;
1618
+ --data-visual-category-07-highlight: #af93854d;
1443
1619
  /* Data visual/category-1 - Theme - Century 21 */
1444
1620
  --data-visual-category-1: #b68a79;
1445
1621
  /* Data visual/category-1-highlight - Theme - Century 21 */
1446
- --data-visual-category-1-highlight: #3d1506;
1622
+ --data-visual-category-1-highlight: #b68a794d;
1447
1623
  /* Data visual/category-2 - Theme - Century 21 */
1448
1624
  --data-visual-category-2: #e6b297;
1449
1625
  /* Data visual/category-2-highlight - Theme - Century 21 */
1450
- --data-visual-category-2-highlight: #6b3f29;
1626
+ --data-visual-category-2-highlight: #e6b2974d;
1451
1627
  /* Data visual/category-3 - Theme - Century 21 */
1452
1628
  --data-visual-category-3: #969980;
1453
1629
  /* Data visual/category-3-highlight - Theme - Century 21 */
1454
- --data-visual-category-3-highlight: #171a00;
1630
+ --data-visual-category-3-highlight: #9699804d;
1455
1631
  /* Data visual/category-4 - Theme - Century 21 */
1456
1632
  --data-visual-category-4: #cdbe80;
1457
1633
  /* Data visual/category-4-highlight - Theme - Century 21 */
1458
- --data-visual-category-4-highlight: #564916;
1634
+ --data-visual-category-4-highlight: #cdbe804d;
1459
1635
  /* Data visual/category-5 - Theme - Century 21 */
1460
1636
  --data-visual-category-5: #a98484;
1461
1637
  /* Data visual/category-5-highlight - Theme - Century 21 */
1462
- --data-visual-category-5-highlight: #2a0505;
1638
+ --data-visual-category-5-highlight: #a984844d;
1463
1639
  /* Data visual/category-6 - Theme - Century 21 */
1464
1640
  --data-visual-category-6: #b2b2b2;
1465
1641
  /* Data visual/category-7 - Theme - Century 21 */
1466
1642
  --data-visual-category-7: #af9385;
1467
1643
  /* Data visual/category-7-highlight - Theme - Century 21 */
1468
- --data-visual-category-7-highlight: #3d261a;
1644
+ --data-visual-category-7-highlight: #af93854d;
1469
1645
  /* Data visual/gradient-end - Theme - Century 21 */
1470
- --data-visual-gradient-end: #1f1f1f00;
1646
+ --data-visual-gradient-end: #1f1f1f4d;
1471
1647
  /* Data visual/green - Theme - Century 21 */
1472
1648
  --data-visual-green: #7cb796;
1473
1649
  /* Data visual/green-highlight - Theme - Century 21 */
@@ -1484,10 +1660,14 @@ body {
1484
1660
  --data-visual-red: #e88997;
1485
1661
  /* Data visual/red-highlight - Theme - Century 21 */
1486
1662
  --data-visual-red-highlight: #4c141d;
1663
+ /* Foreground/Brand/on-inverse-primary - Theme - Century 21 */
1664
+ --foreground-brand-on-inverse-primary: #b0a58a;
1487
1665
  /* Foreground/Brand/on-inverse-secondary - Brand */
1488
1666
  --foreground-brand-on-inverse-secondary: #ffffff;
1489
1667
  /* Foreground/Brand/on-brand-primary - Theme - Century 21 */
1490
1668
  --foreground-brand-on-primary: #141414;
1669
+ /* Foreground/Brand/on-brand-secondary - Brand */
1670
+ --foreground-brand-on-secondary: #ffffff;
1491
1671
  /* Foreground/Brand/brand-primary - Theme - Century 21 */
1492
1672
  --foreground-brand-primary: #b0a58a;
1493
1673
  /* Foreground/Brand/brand-primary-depth - Theme - Century 21 */
@@ -1548,6 +1728,18 @@ body {
1548
1728
  --foreground-spectrum-teal: #74bbb4;
1549
1729
  /* Foreground/Spectrum/yellow - Theme - Century 21 */
1550
1730
  --foreground-spectrum-yellow: #fada8d;
1731
+ /* Interaction/brand-disabled-opacity - Theme - 3.0 */
1732
+ --interaction-brand-disabled-opacity: #ffffff0f;
1733
+ /* Interaction/brand-hover-opacity - Theme - 3.0 */
1734
+ --interaction-brand-hover-opacity: #ffffff1a;
1735
+ /* Interaction/brand-press-opacity - Theme - 3.0 */
1736
+ --interaction-brand-press-opacity: #ffffff33;
1737
+ /* Interaction/hover-opacity - Theme - 3.0 */
1738
+ --interaction-hover-opacity: #ffffff14;
1739
+ /* Interaction/link-active-opacity - Theme - 3.0 */
1740
+ --interaction-link-active-opacity: #ffffff4d;
1741
+ /* Interaction/press-opacity - Theme - 3.0 */
1742
+ --interaction-press-opacity: #ffffff29;
1551
1743
  /* Interactions/brand-disabled-opacity - Theme - Century 21 */
1552
1744
  --interactions-brand-disabled-opacity: #ffffff0f;
1553
1745
  /* Interactions/brand-hover-opacity - Theme - Century 21 */
@@ -1626,6 +1818,12 @@ body {
1626
1818
  --stroke-neutral-high: #fafafa;
1627
1819
  /* Stroke/Neutral/neutral-high-contrast - Theme - Century 21 */
1628
1820
  --stroke-neutral-high-contrast: #fafafa;
1821
+ /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
1822
+ --stroke-neutral-interaction-disabled-dark: #b1c0d2;
1823
+ /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
1824
+ --stroke-neutral-interaction-disabled-light: #323b49;
1825
+ /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
1826
+ --stroke-neutral-interaction-focus: #ffffff;
1629
1827
  /* Stroke/Neutral/Interactions/disabled-dark - Theme - Century 21 */
1630
1828
  --stroke-neutral-interactions-disabled-dark: #424242;
1631
1829
  /* Stroke/Neutral/Interactions/disabled-light - Theme - Century 21 */