@helloimjolopez-pathway/pathway-tokens 9.0.0 → 10.0.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 (23) hide show
  1. package/README.md +1 -1
  2. package/components/sidenav/sidenav.jsx +1 -1
  3. package/dist/README.md +12 -12
  4. package/dist/brands/newco/index.css +9 -0
  5. package/dist/brands/newco/layout-contextual.css +42 -0
  6. package/dist/brands/newco/primitives.css +435 -0
  7. package/dist/brands/newco/themes/dark.css +212 -0
  8. package/dist/brands/newco/themes/light.css +212 -0
  9. package/dist/brands/newco/tokens.js +9836 -0
  10. package/dist/breakpoints.css +2 -2
  11. package/dist/contract.json +138 -31
  12. package/dist/index.css +14 -0
  13. package/dist/layout-contextual.css +25 -24
  14. package/dist/layout-responsive.css +17 -9
  15. package/dist/layout.css +44 -8
  16. package/dist/motion.css +8 -4
  17. package/dist/primitives.css +363 -168
  18. package/dist/themes/light.css +179 -112
  19. package/dist/themes/midnight.css +201 -134
  20. package/dist/tokens.js +9495 -5122
  21. package/dist/tokens.json +9011 -3443
  22. package/dist/type.css +2 -4
  23. package/package.json +12 -4
package/dist/themes/light.css CHANGED
@@ -12,152 +12,219 @@
12
12
  put a mode in a property name — that form came from tokens.css, retired
13
13
  2026-09-03, and resolves to nothing.
14
14
 
15
- Declares 143 custom properties.
15
+ Declares 210 custom properties.
16
16
  Generated — do not edit. Run `npm run build-tokens`.
17
17
  ==========================================================================
18
18
  */
19
19
  :root, [data-theme="light"] {
20
- --semantic-color-fill-surface-canvas: var(--primitive-color-cool-neutral-10);
21
- --semantic-color-fill-surface-elevated: var(--primitive-color-warm-neutral-0);
20
+ --elevation-lift: 0 10px 28px -6px rgba(24,27,43,0.08);
21
+ --elevation-overlay: 0 20px 48px -10px rgba(24,27,43,0.08);
22
+ --elevation-sheet: 0 4px 32px -8px rgba(24,27,43,0.08);
23
+ --elevation-widget: 0 2px 8px -2px rgba(24,27,43,0.08);
22
24
  --semantic-color-fill-action-disabled: var(--primitive-color-warm-neutral-100-36);
23
- --semantic-color-fill-action-primary-strong-rest: var(--primitive-color-brand-400);
24
- --semantic-color-fill-action-primary-strong-hover: var(--primitive-color-brand-450);
25
- --semantic-color-fill-action-primary-strong-pressed: var(--primitive-color-brand-500);
26
- --semantic-color-fill-action-primary-subtle-rest: var(--primitive-color-brand-10);
25
+ --semantic-color-fill-action-ghost-hover: var(--primitive-color-brand-75-16);
26
+ --semantic-color-fill-action-ghost-pressed: var(--primitive-color-brand-600-70);
27
+ --semantic-color-fill-action-ghost-rest: var(--primitive-color-brand-75-8);
28
+ --semantic-color-fill-action-primary-strong-hover: var(--primitive-color-brand-500);
29
+ --semantic-color-fill-action-primary-strong-pressed: var(--primitive-color-brand-550);
30
+ --semantic-color-fill-action-primary-strong-rest: var(--primitive-color-brand-450);
27
31
  --semantic-color-fill-action-primary-subtle-hover: var(--primitive-color-brand-25);
28
32
  --semantic-color-fill-action-primary-subtle-pressed: var(--primitive-color-brand-50);
29
- --semantic-color-fill-action-secondary-rest: var(--primitive-color-warm-neutral-25);
33
+ --semantic-color-fill-action-primary-subtle-rest: var(--primitive-color-brand-10);
30
34
  --semantic-color-fill-action-secondary-hover: var(--primitive-color-warm-neutral-50);
31
35
  --semantic-color-fill-action-secondary-pressed: var(--primitive-color-warm-neutral-75);
36
+ --semantic-color-fill-action-secondary-rest: var(--primitive-color-warm-neutral-25);
32
37
  --semantic-color-fill-action-selection-hover: var(--primitive-color-warm-neutral-100-24);
38
+ --semantic-color-fill-action-selection-indicator: var(--primitive-color-brand-550);
33
39
  --semantic-color-fill-action-selection-selected: var(--primitive-color-brand-75-24);
34
40
  --semantic-color-fill-action-selection-trail: var(--primitive-color-warm-neutral-500-8);
35
- --semantic-color-fill-action-status-positive-subtle-rest: var(--primitive-color-green-25);
36
- --semantic-color-fill-action-status-positive-subtle-hover: var(--primitive-color-green-50);
37
- --semantic-color-fill-action-status-positive-subtle-pressed: var(--primitive-color-green-75);
38
- --semantic-color-fill-action-status-positive-strong-rest: var(--primitive-color-green-500);
39
- --semantic-color-fill-action-status-positive-strong-hover: var(--primitive-color-green-600);
40
- --semantic-color-fill-action-status-positive-strong-pressed: var(--primitive-color-green-700);
41
- --semantic-color-fill-action-status-negative-strong-rest: var(--primitive-color-red-350);
42
- --semantic-color-fill-action-status-negative-strong-hover: var(--primitive-color-red-400);
43
- --semantic-color-fill-action-status-negative-strong-pressed: var(--primitive-color-red-450);
44
- --semantic-color-fill-action-status-negative-subtle-rest: var(--primitive-color-red-25);
41
+ --semantic-color-fill-action-status-info-strong-hover: var(--primitive-color-amethyst-500);
42
+ --semantic-color-fill-action-status-info-strong-pressed: var(--primitive-color-amethyst-600);
43
+ --semantic-color-fill-action-status-info-strong-rest: var(--primitive-color-amethyst-400);
44
+ --semantic-color-fill-action-status-info-subtle-hover: var(--primitive-color-amethyst-100);
45
+ --semantic-color-fill-action-status-info-subtle-pressed: var(--primitive-color-amethyst-200);
46
+ --semantic-color-fill-action-status-info-subtle-rest: var(--primitive-color-amethyst-75);
47
+ --semantic-color-fill-action-status-negative-strong-hover: var(--primitive-color-red-500);
48
+ --semantic-color-fill-action-status-negative-strong-pressed: var(--primitive-color-red-600);
49
+ --semantic-color-fill-action-status-negative-strong-rest: var(--primitive-color-red-400);
45
50
  --semantic-color-fill-action-status-negative-subtle-hover: var(--primitive-color-red-50);
46
51
  --semantic-color-fill-action-status-negative-subtle-pressed: var(--primitive-color-red-75);
47
- --semantic-color-fill-static-neutral-mono: var(--primitive-color-warm-neutral-0);
48
- --semantic-color-fill-static-neutral-faint: var(--primitive-color-warm-neutral-25);
49
- --semantic-color-fill-static-neutral-subtle: var(--primitive-color-warm-neutral-50);
50
- --semantic-color-fill-static-neutral-base: var(--primitive-color-warm-neutral-75);
51
- --semantic-color-fill-static-neutral-strong: var(--primitive-color-warm-neutral-800);
52
- --semantic-color-fill-static-neutral-bold: var(--primitive-color-warm-neutral-150);
52
+ --semantic-color-fill-action-status-negative-subtle-rest: var(--primitive-color-red-25);
53
+ --semantic-color-fill-action-status-neutral-strong-hover: var(--primitive-color-warm-neutral-500);
54
+ --semantic-color-fill-action-status-neutral-strong-pressed: var(--primitive-color-warm-neutral-600);
55
+ --semantic-color-fill-action-status-neutral-strong-rest: var(--primitive-color-warm-neutral-400);
56
+ --semantic-color-fill-action-status-neutral-subtle-hover: var(--primitive-color-warm-neutral-50);
57
+ --semantic-color-fill-action-status-neutral-subtle-pressed: var(--primitive-color-warm-neutral-75);
58
+ --semantic-color-fill-action-status-neutral-subtle-rest: var(--primitive-color-warm-neutral-25);
59
+ --semantic-color-fill-action-status-positive-strong-hover: var(--primitive-color-green-600);
60
+ --semantic-color-fill-action-status-positive-strong-pressed: var(--primitive-color-green-700);
61
+ --semantic-color-fill-action-status-positive-strong-rest: var(--primitive-color-green-500);
62
+ --semantic-color-fill-action-status-positive-subtle-hover: var(--primitive-color-green-50);
63
+ --semantic-color-fill-action-status-positive-subtle-pressed: var(--primitive-color-green-75);
64
+ --semantic-color-fill-action-status-positive-subtle-rest: var(--primitive-color-green-25);
65
+ --semantic-color-fill-shadow-dropshadow: var(--primitive-color-brand-600-8);
66
+ --semantic-color-fill-static-accent-citrine-strong: var(--primitive-color-citrine-150);
67
+ --semantic-color-fill-static-accent-citrine-subtle: var(--primitive-color-citrine-50);
68
+ --semantic-color-fill-static-accent-jade-strong: var(--primitive-color-jade-300);
69
+ --semantic-color-fill-static-accent-jade-subtle: var(--primitive-color-jade-25);
70
+ --semantic-color-fill-static-accent-lagoon-strong: var(--primitive-color-lagoon-350);
71
+ --semantic-color-fill-static-accent-lagoon-subtle: var(--primitive-color-lagoon-50);
72
+ --semantic-color-fill-static-accent-mauve-strong: var(--primitive-color-mauve-200);
73
+ --semantic-color-fill-static-accent-mauve-subtle: var(--primitive-color-mauve-25);
74
+ --semantic-color-fill-static-accent-rose-strong: var(--primitive-color-rose-500);
75
+ --semantic-color-fill-static-accent-rose-subtle: var(--primitive-color-rose-50);
76
+ --semantic-color-fill-static-accent-seabreeze-strong: var(--primitive-color-seabreeze-350);
77
+ --semantic-color-fill-static-accent-seabreeze-subtle: var(--primitive-color-seabreeze-50);
78
+ --semantic-color-fill-static-attention-strong: var(--primitive-color-saffron-150);
79
+ --semantic-color-fill-static-attention-subtle: var(--primitive-color-saffron-25);
80
+ --semantic-color-fill-static-brand-base: var(--primitive-color-brand-350);
53
81
  --semantic-color-fill-static-brand-faint: var(--primitive-color-brand-10);
54
- --semantic-color-fill-static-brand-subtle: var(--primitive-color-brand-25);
55
- --semantic-color-fill-static-brand-base: var(--primitive-color-brand-50);
56
- --semantic-color-fill-static-brand-bold: var(--primitive-color-brand-400);
57
- --semantic-color-fill-static-brand-strong: var(--primitive-color-brand-600);
82
+ --semantic-color-fill-static-brand-strong: var(--primitive-color-brand-550);
58
83
  --semantic-color-fill-static-brand-strongest: var(--primitive-color-brand-700);
59
- --semantic-color-fill-static-info-subtle: var(--primitive-color-amethyst-25);
60
- --semantic-color-fill-static-info-strong: var(--primitive-color-amethyst-200);
61
- --semantic-color-fill-static-positive-subtle: var(--primitive-color-green-25);
84
+ --semantic-color-fill-static-brand-subtle: var(--primitive-color-brand-50);
85
+ --semantic-color-fill-static-info-strong: var(--primitive-color-amethyst-300);
86
+ --semantic-color-fill-static-info-subtle: var(--primitive-color-amethyst-75);
87
+ --semantic-color-fill-static-negative-strong: var(--primitive-color-red-500);
88
+ --semantic-color-fill-static-negative-subtle: var(--primitive-color-red-50);
89
+ --semantic-color-fill-static-neutral-base: var(--primitive-color-cool-neutral-25);
90
+ --semantic-color-fill-static-neutral-faint: var(--primitive-color-cool-neutral-5);
91
+ --semantic-color-fill-static-neutral-mono: var(--primitive-color-cool-neutral-0);
92
+ --semantic-color-fill-static-neutral-strong: var(--primitive-color-cool-neutral-75);
93
+ --semantic-color-fill-static-neutral-subtle: var(--primitive-color-cool-neutral-10);
62
94
  --semantic-color-fill-static-positive-strong: var(--primitive-color-green-150);
63
- --semantic-color-fill-static-attention-subtle: var(--primitive-color-saffron-25);
64
- --semantic-color-fill-static-attention-strong: var(--primitive-color-saffron-150);
65
- --semantic-color-fill-static-severe-subtle: var(--primitive-color-orange-50);
95
+ --semantic-color-fill-static-positive-subtle: var(--primitive-color-green-25);
66
96
  --semantic-color-fill-static-severe-strong: var(--primitive-color-orange-250);
67
- --semantic-color-fill-static-negative-subtle: var(--primitive-color-red-50);
68
- --semantic-color-fill-static-negative-strong: var(--primitive-color-red-500);
69
- --semantic-color-fill-static-accent-jade-subtle: var(--primitive-color-jade-25);
70
- --semantic-color-fill-static-accent-jade-strong: var(--primitive-color-jade-300);
71
- --semantic-color-fill-static-accent-seabreeze-subtle: var(--primitive-color-seabreeze-50);
72
- --semantic-color-fill-static-accent-seabreeze-strong: var(--primitive-color-seabreeze-350);
73
- --semantic-color-fill-static-accent-mauve-subtle: var(--primitive-color-mauve-25);
74
- --semantic-color-fill-static-accent-mauve-strong: var(--primitive-color-mauve-200);
75
- --semantic-color-fill-static-accent-lagoon-subtle: var(--primitive-color-lagoon-50);
76
- --semantic-color-fill-static-accent-lagoon-strong: var(--primitive-color-lagoon-350);
77
- --semantic-color-foreground-action-status-positive-on-subtle-rest: var(--primitive-color-green-700);
78
- --semantic-color-foreground-action-status-positive-on-subtle-hover: var(--primitive-color-green-800);
79
- --semantic-color-foreground-action-status-positive-on-subtle-pressed: var(--primitive-color-green-900);
80
- --semantic-color-foreground-action-status-negative-on-subtle-rest: var(--primitive-color-red-700);
81
- --semantic-color-foreground-action-status-negative-on-subtle-hover: var(--primitive-color-red-800);
82
- --semantic-color-foreground-action-status-negative-on-subtle-pressed: var(--primitive-color-red-900);
83
- --semantic-color-foreground-action-disabled: var(--primitive-color-cool-neutral-800-36);
84
- --semantic-color-foreground-action-primary-on-subtle-rest: var(--primitive-color-brand-500);
85
- --semantic-color-foreground-action-primary-on-subtle-hover: var(--primitive-color-brand-600);
97
+ --semantic-color-fill-static-severe-subtle: var(--primitive-color-orange-50);
98
+ --semantic-color-fill-surface-canvas: var(--primitive-color-cool-neutral-10);
99
+ --semantic-color-fill-surface-chrome: var(--primitive-color-brand-550);
100
+ --semantic-color-fill-surface-elevated: var(--primitive-color-cool-neutral-0);
101
+ --semantic-color-fill-surface-overlay: var(--primitive-color-cool-neutral-0);
102
+ --semantic-color-fill-chart-sequential-10: var(--primitive-color-amethyst-200);
103
+ --semantic-color-fill-chart-sequential-11: var(--primitive-color-amethyst-150);
104
+ --semantic-color-fill-chart-sequential-12: var(--primitive-color-amethyst-100);
105
+ --semantic-color-fill-chart-sequential-13: var(--primitive-color-amethyst-75);
106
+ --semantic-color-fill-chart-sequential-14: var(--primitive-color-amethyst-50);
107
+ --semantic-color-fill-chart-sequential-15: var(--primitive-color-amethyst-25);
108
+ --semantic-color-fill-chart-sequential-01: var(--primitive-color-amethyst-900);
109
+ --semantic-color-fill-chart-sequential-02: var(--primitive-color-amethyst-800);
110
+ --semantic-color-fill-chart-sequential-03: var(--primitive-color-amethyst-700);
111
+ --semantic-color-fill-chart-sequential-04: var(--primitive-color-amethyst-600);
112
+ --semantic-color-fill-chart-sequential-05: var(--primitive-color-amethyst-500);
113
+ --semantic-color-fill-chart-sequential-06: var(--primitive-color-amethyst-400);
114
+ --semantic-color-fill-chart-sequential-07: var(--primitive-color-amethyst-350);
115
+ --semantic-color-fill-chart-sequential-08: var(--primitive-color-amethyst-300);
116
+ --semantic-color-fill-chart-sequential-09: var(--primitive-color-amethyst-250);
117
+ --semantic-color-fill-chart-sequential-anchor-end: var(--primitive-color-amethyst-25);
118
+ --semantic-color-fill-chart-sequential-anchor-start: var(--primitive-color-amethyst-900);
119
+ --semantic-color-foreground-action-disabled: var(--primitive-color-cool-neutral-900-50);
120
+ --semantic-color-foreground-action-ghost-hover: var(--primitive-color-brand-10);
121
+ --semantic-color-foreground-action-ghost-pressed: var(--primitive-color-brand-0);
122
+ --semantic-color-foreground-action-ghost-rest: var(--primitive-color-brand-25);
123
+ --semantic-color-foreground-action-primary-on-subtle-hover: var(--primitive-color-brand-700);
86
124
  --semantic-color-foreground-action-primary-on-subtle-pressed: var(--primitive-color-brand-800);
125
+ --semantic-color-foreground-action-primary-on-subtle-rest: var(--primitive-color-brand-500);
126
+ --semantic-color-foreground-action-secondary-hover: var(--primitive-color-cool-neutral-700);
127
+ --semantic-color-foreground-action-secondary-pressed: var(--primitive-color-cool-neutral-900);
87
128
  --semantic-color-foreground-action-secondary-rest: var(--primitive-color-cool-neutral-550);
88
- --semantic-color-foreground-action-secondary-hover: var(--primitive-color-cool-neutral-600);
89
- --semantic-color-foreground-action-secondary-pressed: var(--primitive-color-cool-neutral-800);
90
- --semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
91
- --semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-400);
92
- --semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
129
+ --semantic-color-foreground-action-status-info-on-strong: var(--primitive-color-cool-neutral-0);
130
+ --semantic-color-foreground-action-status-info-on-subtle-hover: var(--primitive-color-amethyst-700);
131
+ --semantic-color-foreground-action-status-info-on-subtle-pressed: var(--primitive-color-amethyst-900);
132
+ --semantic-color-foreground-action-status-info-on-subtle-rest: var(--primitive-color-amethyst-600);
133
+ --semantic-color-foreground-action-status-negative-on-strong: var(--primitive-color-cool-neutral-0);
134
+ --semantic-color-foreground-action-status-negative-on-subtle-hover: var(--primitive-color-red-800);
135
+ --semantic-color-foreground-action-status-negative-on-subtle-pressed: var(--primitive-color-red-900);
136
+ --semantic-color-foreground-action-status-negative-on-subtle-rest: var(--primitive-color-red-700);
137
+ --semantic-color-foreground-action-status-neutral-on-strong: var(--primitive-color-cool-neutral-0);
138
+ --semantic-color-foreground-action-status-neutral-on-subtle-hover: var(--primitive-color-cool-neutral-800);
139
+ --semantic-color-foreground-action-status-neutral-on-subtle-pressed: var(--primitive-color-cool-neutral-900);
140
+ --semantic-color-foreground-action-status-neutral-on-subtle-rest: var(--primitive-color-cool-neutral-700);
141
+ --semantic-color-foreground-action-status-positive-on-subtle-hover: var(--primitive-color-green-800);
142
+ --semantic-color-foreground-action-status-positive-on-subtle-pressed: var(--primitive-color-green-900);
143
+ --semantic-color-foreground-action-status-positive-on-subtle-rest: var(--primitive-color-green-700);
144
+ --semantic-color-foreground-static-accent-citrine-on-strong: var(--primitive-color-citrine-800);
145
+ --semantic-color-foreground-static-accent-citrine-on-subtle: var(--primitive-color-citrine-700);
146
+ --semantic-color-foreground-static-accent-jade-on-strong: var(--primitive-color-cool-neutral-900);
147
+ --semantic-color-foreground-static-accent-jade-on-subtle: var(--primitive-color-jade-600);
148
+ --semantic-color-foreground-static-accent-lagoon-on-strong: var(--primitive-color-cool-neutral-900);
149
+ --semantic-color-foreground-static-accent-lagoon-on-subtle: var(--primitive-color-lagoon-800);
150
+ --semantic-color-foreground-static-accent-mauve-on-strong: var(--primitive-color-cool-neutral-900);
151
+ --semantic-color-foreground-static-accent-mauve-on-subtle: var(--primitive-color-mauve-500);
152
+ --semantic-color-foreground-static-accent-rose-on-strong: var(--primitive-color-cool-neutral-0);
153
+ --semantic-color-foreground-static-accent-rose-on-subtle: var(--primitive-color-rose-700);
154
+ --semantic-color-foreground-static-accent-seabreeze-on-strong: var(--primitive-color-cool-neutral-900);
155
+ --semantic-color-foreground-static-accent-seabreeze-on-subtle: var(--primitive-color-seabreeze-700);
156
+ --semantic-color-foreground-static-attention-on-strong: var(--primitive-color-saffron-800);
157
+ --semantic-color-foreground-static-attention-on-subtle: var(--primitive-color-saffron-700);
158
+ --semantic-color-foreground-static-brand-on-strong: var(--primitive-color-brand-50);
159
+ --semantic-color-foreground-static-brand-on-subtle: var(--primitive-color-brand-550);
160
+ --semantic-color-foreground-static-info-on-strong: var(--primitive-color-amethyst-900);
161
+ --semantic-color-foreground-static-info-on-subtle: var(--primitive-color-amethyst-700);
162
+ --semantic-color-foreground-static-negative-on-strong: var(--primitive-color-red-0);
163
+ --semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
93
164
  --semantic-color-foreground-static-neutral-base: var(--primitive-color-cool-neutral-600);
94
165
  --semantic-color-foreground-static-neutral-bold: var(--primitive-color-cool-neutral-700);
166
+ --semantic-color-foreground-static-neutral-faint: var(--primitive-color-cool-neutral-500);
167
+ --semantic-color-foreground-static-neutral-mono: var(--primitive-color-cool-neutral-0);
95
168
  --semantic-color-foreground-static-neutral-strong: var(--primitive-color-cool-neutral-900);
96
- --semantic-color-foreground-static-brand-on-subtle: var(--primitive-color-brand-550);
97
- --semantic-color-foreground-static-brand-on-strong: var(--primitive-color-brand-50);
98
- --semantic-color-foreground-static-info-on-subtle: var(--primitive-color-amethyst-600);
99
- --semantic-color-foreground-static-info-on-strong: var(--primitive-color-amethyst-900);
100
- --semantic-color-foreground-static-attention-on-subtle: var(--primitive-color-saffron-600);
101
- --semantic-color-foreground-static-attention-on-strong: var(--primitive-color-saffron-700);
102
- --semantic-color-foreground-static-severe-on-subtle: var(--primitive-color-orange-700);
169
+ --semantic-color-foreground-static-neutral-subtle: var(--primitive-color-cool-neutral-500);
170
+ --semantic-color-foreground-static-positive-on-strong: var(--primitive-color-green-900);
171
+ --semantic-color-foreground-static-positive-on-subtle: var(--primitive-color-green-800);
103
172
  --semantic-color-foreground-static-severe-on-strong: var(--primitive-color-cool-neutral-900);
104
- --semantic-color-foreground-static-negative-on-subtle: var(--primitive-color-red-700);
105
- --semantic-color-foreground-static-negative-on-strong: var(--primitive-color-red-0);
106
- --semantic-color-foreground-static-positive-on-subtle: var(--primitive-color-green-700);
107
- --semantic-color-foreground-static-positive-on-strong: var(--primitive-color-green-800);
108
- --semantic-color-foreground-static-accent-jade-on-subtle: var(--primitive-color-jade-600);
109
- --semantic-color-foreground-static-accent-jade-on-strong: var(--primitive-color-cool-neutral-900);
110
- --semantic-color-foreground-static-accent-seabreeze-on-subtle: var(--primitive-color-seabreeze-700);
111
- --semantic-color-foreground-static-accent-seabreeze-on-strong: var(--primitive-color-cool-neutral-900);
112
- --semantic-color-foreground-static-accent-mauve-on-subtle: var(--primitive-color-mauve-500);
113
- --semantic-color-foreground-static-accent-mauve-on-strong: var(--primitive-color-cool-neutral-900);
114
- --semantic-color-foreground-static-accent-lagoon-on-subtle: var(--primitive-color-lagoon-800);
115
- --semantic-color-foreground-static-accent-lagoon-on-strong: var(--primitive-color-cool-neutral-900);
173
+ --semantic-color-foreground-static-severe-on-subtle: var(--primitive-color-orange-700);
174
+ --semantic-color-scrim-base: var(--primitive-color-cool-neutral-900-70);
175
+ --semantic-color-scrim-faint: var(--primitive-color-cool-neutral-800-16);
176
+ --semantic-color-scrim-light: var(--primitive-color-cool-neutral-800-24);
177
+ --semantic-color-scrim-subtle: var(--primitive-color-cool-neutral-800-50);
116
178
  --semantic-color-stroke-action-disabled: var(--primitive-color-warm-neutral-500-24);
117
- --semantic-color-stroke-action-primary-rest: var(--primitive-color-brand-250);
118
- --semantic-color-stroke-action-primary-hover: var(--primitive-color-brand-300);
119
- --semantic-color-stroke-action-primary-pressed: var(--primitive-color-brand-350);
120
- --semantic-color-stroke-action-secondary-rest: var(--primitive-color-warm-neutral-250);
121
- --semantic-color-stroke-action-secondary-hover: var(--primitive-color-warm-neutral-350);
122
- --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-warm-neutral-450);
123
- --semantic-color-stroke-action-field-rest: var(--primitive-color-cool-neutral-300);
124
179
  --semantic-color-stroke-action-field-hover: var(--primitive-color-cool-neutral-350);
125
180
  --semantic-color-stroke-action-field-pressed: var(--primitive-color-cool-neutral-400);
126
- --semantic-color-stroke-action-status-negative-rest: var(--primitive-color-red-250);
181
+ --semantic-color-stroke-action-field-rest: var(--primitive-color-cool-neutral-300);
182
+ --semantic-color-stroke-action-ghost-hover: var(--primitive-color-brand-75-50);
183
+ --semantic-color-stroke-action-ghost-pressed: var(--primitive-color-brand-75-70);
184
+ --semantic-color-stroke-action-ghost-rest: var(--primitive-color-brand-75-36);
185
+ --semantic-color-stroke-action-primary-strong-hover: var(--primitive-color-brand-300);
186
+ --semantic-color-stroke-action-primary-strong-pressed: var(--primitive-color-brand-350);
187
+ --semantic-color-stroke-action-primary-strong-rest: var(--primitive-color-brand-250);
188
+ --semantic-color-stroke-action-primary-subtle-hover: var(--primitive-color-brand-200);
189
+ --semantic-color-stroke-action-primary-subtle-pressed: var(--primitive-color-brand-250);
190
+ --semantic-color-stroke-action-primary-subtle-rest: var(--primitive-color-brand-100);
191
+ --semantic-color-stroke-action-secondary-hover: var(--primitive-color-warm-neutral-350);
192
+ --semantic-color-stroke-action-secondary-pressed: var(--primitive-color-warm-neutral-450);
193
+ --semantic-color-stroke-action-secondary-rest: var(--primitive-color-warm-neutral-400);
194
+ --semantic-color-stroke-action-status-info-hover: var(--primitive-color-amethyst-500);
195
+ --semantic-color-stroke-action-status-info-pressed: var(--primitive-color-amethyst-600);
196
+ --semantic-color-stroke-action-status-info-rest: var(--primitive-color-amethyst-400);
127
197
  --semantic-color-stroke-action-status-negative-hover: var(--primitive-color-red-300);
128
198
  --semantic-color-stroke-action-status-negative-pressed: var(--primitive-color-red-350);
129
- --semantic-color-stroke-action-status-positive-rest: var(--primitive-color-green-500);
199
+ --semantic-color-stroke-action-status-negative-rest: var(--primitive-color-red-250);
200
+ --semantic-color-stroke-action-status-neutral-hover: var(--primitive-color-warm-neutral-500);
201
+ --semantic-color-stroke-action-status-neutral-pressed: var(--primitive-color-warm-neutral-600);
202
+ --semantic-color-stroke-action-status-neutral-rest: var(--primitive-color-warm-neutral-400);
130
203
  --semantic-color-stroke-action-status-positive-hover: var(--primitive-color-green-600);
131
204
  --semantic-color-stroke-action-status-positive-pressed: var(--primitive-color-green-700);
205
+ --semantic-color-stroke-action-status-positive-rest: var(--primitive-color-green-500);
132
206
  --semantic-color-stroke-focusring-base: var(--primitive-color-brand-200);
133
- --semantic-color-stroke-static-neutral-faint: var(--primitive-color-warm-neutral-50);
134
- --semantic-color-stroke-static-neutral-base: var(--primitive-color-warm-neutral-100);
135
- --semantic-color-stroke-static-neutral-bold: var(--primitive-color-warm-neutral-200);
136
- --semantic-color-stroke-static-neutral-strong: var(--primitive-color-warm-neutral-350);
137
- --semantic-color-stroke-static-neutral-mono: var(--primitive-color-cool-neutral-0);
138
- --semantic-color-stroke-static-info-subtle: var(--primitive-color-amethyst-200);
207
+ --semantic-color-stroke-static-accent-citrine: var(--primitive-color-citrine-350);
208
+ --semantic-color-stroke-static-accent-jade: var(--primitive-color-jade-350);
209
+ --semantic-color-stroke-static-accent-lagoon: var(--primitive-color-lagoon-350);
210
+ --semantic-color-stroke-static-accent-mauve: var(--primitive-color-mauve-350);
211
+ --semantic-color-stroke-static-accent-rose: var(--primitive-color-rose-350);
212
+ --semantic-color-stroke-static-accent-seabreeze: var(--primitive-color-seabreeze-350);
213
+ --semantic-color-stroke-static-attention-strong: var(--primitive-color-saffron-350);
214
+ --semantic-color-stroke-static-attention-subtle: var(--primitive-color-saffron-100);
139
215
  --semantic-color-stroke-static-info-strong: var(--primitive-color-amethyst-500);
216
+ --semantic-color-stroke-static-info-subtle: var(--primitive-color-amethyst-200);
217
+ --semantic-color-stroke-static-negative-strong: var(--primitive-color-red-450);
218
+ --semantic-color-stroke-static-negative-subtle: var(--primitive-color-red-250);
219
+ --semantic-color-stroke-static-neutral-base: var(--primitive-color-warm-neutral-75);
220
+ --semantic-color-stroke-static-neutral-bold: var(--primitive-color-warm-neutral-150);
221
+ --semantic-color-stroke-static-neutral-faint: var(--primitive-color-warm-neutral-25);
222
+ --semantic-color-stroke-static-neutral-mono: var(--primitive-color-cool-neutral-0);
223
+ --semantic-color-stroke-static-neutral-strong: var(--primitive-color-warm-neutral-350);
224
+ --semantic-color-stroke-static-positive-strong: var(--primitive-color-green-400);
140
225
  --semantic-color-stroke-static-positive-subtle: var(--primitive-color-green-100);
141
- --semantic-color-stroke-static-positive-strong: var(--primitive-color-green-500);
142
- --semantic-color-stroke-static-attention-subtle: var(--primitive-color-saffron-100);
143
- --semantic-color-stroke-static-attention-strong: var(--primitive-color-saffron-200);
226
+ --semantic-color-stroke-static-severe-strong: var(--primitive-color-orange-350);
144
227
  --semantic-color-stroke-static-severe-subtle: var(--primitive-color-orange-150);
145
- --semantic-color-stroke-static-severe-strong: var(--primitive-color-orange-400);
146
- --semantic-color-stroke-static-negative-subtle: var(--primitive-color-red-250);
147
- --semantic-color-stroke-static-negative-strong: var(--primitive-color-red-500);
148
- --semantic-color-stroke-static-accent-jade-subtle: var(--primitive-color-jade-150);
149
- --semantic-color-stroke-static-accent-jade-strong: var(--primitive-color-jade-350);
150
- --semantic-color-stroke-static-accent-mauve-subtle: var(--primitive-color-mauve-150);
151
- --semantic-color-stroke-static-accent-mauve-strong: var(--primitive-color-mauve-350);
152
- --semantic-color-stroke-static-accent-seabreeze-subtle: var(--primitive-color-seabreeze-50);
153
- --semantic-color-stroke-static-accent-seabreeze-strong: var(--primitive-color-seabreeze-600);
154
- --semantic-color-stroke-static-accent-lagoon-subtle: var(--primitive-color-lagoon-50);
155
- --semantic-color-stroke-static-accent-lagoon-strong: var(--primitive-color-lagoon-600);
156
- --semantic-color-scrim-faint: var(--primitive-color-cool-neutral-800-16);
157
- --semantic-color-scrim-light: var(--primitive-color-cool-neutral-800-24);
158
- --semantic-color-scrim-subtle: var(--primitive-color-cool-neutral-800-50);
159
- --semantic-color-scrim-base: var(--primitive-color-cool-neutral-800-70);
160
- --semantic-color-foreground-action-status-positive-on-strong: var(--semantic-color-fill-static-neutral-mono);
161
- --semantic-color-foreground-action-status-negative-on-strong: var(--semantic-color-fill-static-neutral-mono);
162
228
  --semantic-color-foreground-action-primary-on-strong: var(--semantic-color-fill-static-neutral-mono);
229
+ --semantic-color-foreground-action-status-positive-on-strong: var(--semantic-color-fill-static-neutral-mono);
163
230
  }