@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/README.md CHANGED
@@ -87,7 +87,7 @@ as too granular to adopt. Retired 2026-09-03 and not coming back.
87
87
  color: var(--semantic-color-foreground-static-neutral-strong);
88
88
  border: var(--semantic-layout-units-borderwidth-base) solid
89
89
  var(--semantic-color-stroke-static-neutral-base);
90
- border-radius: var(--semantic-layout-units-cornerradius-medium);
90
+ border-radius: var(--semantic-layout-units-cornerradius-base);
91
91
  }
92
92
  ```
93
93
 
package/components/sidenav/sidenav.jsx CHANGED
@@ -94,7 +94,7 @@ export const T = {
94
94
  // The active-item stripe takes the loud brand blue straight from the Action
95
95
  // tier rather than owning a token of its own.
96
96
  indicator: c("fill-action-primary-strong-pressed"),
97
- radius: u("cornerradius-medium", 8),
97
+ radius: u("cornerradius-base", 8),
98
98
  };
99
99
 
100
100
  /*
package/dist/README.md CHANGED
@@ -1,8 +1,8 @@
1
1
  # Pathway design tokens
2
2
 
3
- **The colour contract is 143 names.** Your full working vocabulary is
4
- **253**. If you add up every declaration in this folder you get
5
- 782 — that number is not the contract, and the table below says why.
3
+ **The colour contract is 210 names.** Your full working vocabulary is
4
+ **360**. If you add up every declaration in this folder you get
5
+ 1152 — that number is not the contract, and the table below says why.
6
6
 
7
7
  ## Link these, in this order
8
8
 
@@ -25,14 +25,14 @@ error**.
25
25
 
26
26
  | File | Names | Safe to name? | Must load? | What it is |
27
27
  |---|---|---|---|---|
28
- | `primitives.css` | 353 | **no** | yes | Raw colour ramps. Load it; do not name it. |
29
- | `themes/light.css` | 143 | yes | yes | Colour contract, Light Mode. |
30
- | `themes/midnight.css` | 143 | yes | yes | Colour contract, Midnight Mode. Same names as light. |
31
- | `type.css` | 41 | yes | yes | Type scale. Compose from these. |
32
- | `layout.css` | 40 | yes | yes | Spacing, radii, border widths. |
33
- | `layout-contextual.css` | 33 | **no** | **no** | Per-component metrics. This repo's components use these. |
34
- | `motion.css` | 17 | yes | yes | Durations and easings. |
35
- | `layout-responsive.css` | 7 | yes | yes | Sheet and TopNav padding. The only layout tokens with media queries. |
28
+ | `primitives.css` | 548 | **no** | yes | Raw colour ramps. Load it; do not name it. |
29
+ | `themes/light.css` | 210 | yes | yes | Colour contract, Light Mode. |
30
+ | `themes/midnight.css` | 210 | yes | yes | Colour contract, Midnight Mode. Same names as light. |
31
+ | `type.css` | 39 | yes | yes | Type scale. Compose from these. |
32
+ | `layout.css` | 76 | yes | yes | Spacing, radii, border widths. |
33
+ | `layout-contextual.css` | 34 | **no** | **no** | Per-component metrics. This repo's components use these. |
34
+ | `motion.css` | 21 | yes | yes | Durations and easings. |
35
+ | `layout-responsive.css` | 9 | yes | yes | Sheet and TopNav padding. The only layout tokens with media queries. |
36
36
  | `breakpoints.css` | 5 | yes | yes | Breakpoint values. |
37
37
 
38
38
  Each file repeats this in its own header.
@@ -68,7 +68,7 @@ font-family: var(--semantic-type-family-brand);
68
68
  font-size: var(--semantic-type-font-size-m);
69
69
  font-weight: var(--semantic-type-weight-semibold);
70
70
  line-height: var(--semantic-type-line-height-m-single);
71
- letter-spacing: var(--semantic-type-letter-spacing-compact);
71
+ letter-spacing: var(--semantic-type-letter-spacing-wide);
72
72
  ```
73
73
 
74
74
  ## Layout units carry their unit
package/dist/brands/newco/index.css ADDED
@@ -0,0 +1,9 @@
1
+ /*
2
+ NewCo brand layer — single entry point. Load AFTER the Pathway index and set data-brand="newco".
3
+ @imports every token file in load order (primitives first, so the themes that
4
+ reference it resolve). Generated — do not edit. Run `npm run build-dist`.
5
+ */
6
+ @import "./primitives.css";
7
+ @import "./themes/light.css";
8
+ @import "./themes/dark.css";
9
+ @import "./layout-contextual.css";
package/dist/brands/newco/layout-contextual.css ADDED
@@ -0,0 +1,42 @@
1
+ /**
2
+ * contextual-layout-units — one name per token, breakpoint resolved by media query.
3
+ * Generated by style-dictionary.config.js. Do not edit.
4
+ *
5
+ * [data-brand="newco"] is the desktop value. Narrower breakpoints override only what differs.
6
+ */
7
+ [data-brand="newco"] {
8
+ --contextual-layout-units-button-borderwidth-rest: 0.5px;
9
+ --contextual-layout-units-button-borderwidth-selected: 0.5px;
10
+ --contextual-layout-units-button-cornerradius: 8px;
11
+ --contextual-layout-units-button-gap-horizontal: 8px;
12
+ --contextual-layout-units-button-padding-large-horizontal: 12px;
13
+ --contextual-layout-units-button-padding-large-vertical: 12px;
14
+ --contextual-layout-units-button-padding-medium-horizontal: 8px;
15
+ --contextual-layout-units-button-padding-medium-vertical: 8px;
16
+ --contextual-layout-units-button-padding-small-horizontal: 6px;
17
+ --contextual-layout-units-button-padding-small-vertical: 6px;
18
+ --contextual-layout-units-button-padding-xsmall-horizontal: 6px;
19
+ --contextual-layout-units-button-padding-xsmall-vertical: 6px;
20
+ --contextual-layout-units-card-borderwidth-hover: 0.5px;
21
+ --contextual-layout-units-card-borderwidth-rest: 0.5px;
22
+ --contextual-layout-units-card-borderwidth-selected: 0.5px;
23
+ --contextual-layout-units-card-cornerradius: 16px;
24
+ --contextual-layout-units-card-gap: 8px;
25
+ --contextual-layout-units-card-padding-horizontal: 14px;
26
+ --contextual-layout-units-card-padding-vertical: 14px;
27
+ --contextual-layout-units-field-borderwidth: 0.75px;
28
+ --contextual-layout-units-field-cornerradius: 8px;
29
+ --contextual-layout-units-focusring-offset: 2px;
30
+ --contextual-layout-units-focusring-width: 3px;
31
+ --contextual-layout-units-navitem-cornerradius: 8px;
32
+ --contextual-layout-units-navitem-padding-horizontal: 14px;
33
+ --contextual-layout-units-navitem-padding-vertical: 8px;
34
+ --contextual-layout-units-selection-controls-borderwidth: 0.75px;
35
+ --contextual-layout-units-sidenav-gap-vertical: 6px;
36
+ --contextual-layout-units-sidenav-padding-horizontal-collapsed: 12px;
37
+ --contextual-layout-units-sidenav-padding-horizontal-expanded: 16px;
38
+ --contextual-layout-units-sidenav-padding-vertical: 12px;
39
+ --contextual-layout-units-sidenav-width-collapsed: 84px;
40
+ --contextual-layout-units-sidenav-width-expanded: 256px;
41
+ --contextual-layout-units-topnav-height: 60px;
42
+ }
package/dist/brands/newco/primitives.css ADDED
@@ -0,0 +1,435 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ [data-brand="newco"] {
6
+ --primitive-color-amethyst-0: #faf9fc;
7
+ --primitive-color-amethyst-25: #f4f2fa;
8
+ --primitive-color-amethyst-50: #e8e6f5;
9
+ --primitive-color-amethyst-75: #dcd9ef;
10
+ --primitive-color-amethyst-100: #cbc6e8;
11
+ --primitive-color-amethyst-150: #b9b3e0;
12
+ --primitive-color-amethyst-200: #a8a0d8;
13
+ --primitive-color-amethyst-250: #a198d4;
14
+ --primitive-color-amethyst-300: #9a90d0;
15
+ --primitive-color-amethyst-350: #877ec8;
16
+ --primitive-color-amethyst-400: #6e64b8;
17
+ --primitive-color-amethyst-500: #5951a0;
18
+ --primitive-color-amethyst-600: #464080;
19
+ --primitive-color-amethyst-700: #353063;
20
+ --primitive-color-amethyst-800: #221e3f;
21
+ --primitive-color-amethyst-900: #110c2c;
22
+ --primitive-color-amethyst-350-16: rgba(135, 126, 200, 0.16);
23
+ --primitive-color-amethyst-350-24: rgba(135, 126, 200, 0.24);
24
+ --primitive-color-amethyst-350-36: rgba(135, 126, 200, 0.36);
25
+ --primitive-color-amethyst-350-4: rgba(135, 126, 200, 0.04);
26
+ --primitive-color-amethyst-350-50: rgba(135, 126, 200, 0.5);
27
+ --primitive-color-amethyst-350-70: rgba(135, 126, 200, 0.7);
28
+ --primitive-color-amethyst-350-8: rgba(135, 126, 200, 0.08);
29
+ --primitive-color-brand-0: #fafafc;
30
+ --primitive-color-brand-10: #f6f6fc;
31
+ --primitive-color-brand-25: #f0f0fb;
32
+ --primitive-color-brand-50: #e6e6fb;
33
+ --primitive-color-brand-75: #dddbfa;
34
+ --primitive-color-brand-100: #d3d1fa;
35
+ --primitive-color-brand-125: #c9c7f9;
36
+ --primitive-color-brand-150: #bfbdf9;
37
+ --primitive-color-brand-175: #b6b2f8;
38
+ --primitive-color-brand-200: #aca8f8;
39
+ --primitive-color-brand-250: #a29ef7;
40
+ --primitive-color-brand-300: #9691f5;
41
+ --primitive-color-brand-350: #827ad9;
42
+ --primitive-color-brand-400: #6e64be;
43
+ --primitive-color-brand-450: #645aad;
44
+ --primitive-color-brand-500: #59509d;
45
+ --primitive-color-brand-550: #4f468d;
46
+ --primitive-color-brand-600: #443c7d;
47
+ --primitive-color-brand-650: #39326d;
48
+ --primitive-color-brand-700: #2e285d;
49
+ --primitive-color-brand-750: #231e4c;
50
+ --primitive-color-brand-800: #19143c;
51
+ --primitive-color-brand-850: #161235;
52
+ --primitive-color-brand-900: #130f2e;
53
+ --primitive-color-brand-400-16: rgba(110, 100, 190, 0.16);
54
+ --primitive-color-brand-400-24: rgba(110, 100, 190, 0.24);
55
+ --primitive-color-brand-400-36: rgba(110, 100, 190, 0.36);
56
+ --primitive-color-brand-400-4: rgba(110, 100, 190, 0.04);
57
+ --primitive-color-brand-400-50: rgba(110, 100, 190, 0.5);
58
+ --primitive-color-brand-400-70: rgba(110, 100, 190, 0.7);
59
+ --primitive-color-brand-400-8: rgba(110, 100, 190, 0.08);
60
+ --primitive-color-brand-600-16: rgba(68, 60, 125, 0.16);
61
+ --primitive-color-brand-600-24: rgba(68, 60, 125, 0.24);
62
+ --primitive-color-brand-600-36: rgba(68, 60, 125, 0.36);
63
+ --primitive-color-brand-600-4: rgba(68, 60, 125, 0.04);
64
+ --primitive-color-brand-600-50: rgba(68, 60, 125, 0.5);
65
+ --primitive-color-brand-600-70: rgba(68, 60, 125, 0.7);
66
+ --primitive-color-brand-600-8: rgba(68, 60, 125, 0.08);
67
+ --primitive-color-brand-75-16: rgba(221, 219, 250, 0.16);
68
+ --primitive-color-brand-75-24: rgba(221, 219, 250, 0.24);
69
+ --primitive-color-brand-75-36: rgba(221, 219, 250, 0.36);
70
+ --primitive-color-brand-75-4: rgba(221, 219, 250, 0.04);
71
+ --primitive-color-brand-75-50: rgba(221, 219, 250, 0.5);
72
+ --primitive-color-brand-75-70: rgba(221, 219, 250, 0.7);
73
+ --primitive-color-brand-75-8: rgba(221, 219, 250, 0.08);
74
+ --primitive-color-citrine-0: #fafbf0;
75
+ --primitive-color-citrine-25: #f4f6dd;
76
+ --primitive-color-citrine-50: #eef1c1;
77
+ --primitive-color-citrine-75: #e9ed9f;
78
+ --primitive-color-citrine-100: #e2e67d;
79
+ --primitive-color-citrine-150: #d5d859;
80
+ --primitive-color-citrine-200: #c5c74e;
81
+ --primitive-color-citrine-250: #b3b547;
82
+ --primitive-color-citrine-300: #a0a240;
83
+ --primitive-color-citrine-350: #8e903b;
84
+ --primitive-color-citrine-400: #7a7c33;
85
+ --primitive-color-citrine-500: #5f6028;
86
+ --primitive-color-citrine-600: #45471b;
87
+ --primitive-color-citrine-700: #2f3011;
88
+ --primitive-color-citrine-800: #1a1b07;
89
+ --primitive-color-citrine-350-16: rgba(142, 144, 59, 0.16);
90
+ --primitive-color-citrine-350-24: rgba(142, 144, 59, 0.24);
91
+ --primitive-color-citrine-350-36: rgba(142, 144, 59, 0.36);
92
+ --primitive-color-citrine-350-4: rgba(142, 144, 59, 0.04);
93
+ --primitive-color-citrine-350-50: rgba(142, 144, 59, 0.5);
94
+ --primitive-color-citrine-350-70: rgba(142, 144, 59, 0.7);
95
+ --primitive-color-citrine-350-8: rgba(142, 144, 59, 0.08);
96
+ --primitive-color-cool-neutral-0: #ffffff;
97
+ --primitive-color-cool-neutral-5: #fdfdfd;
98
+ --primitive-color-cool-neutral-10: #fcfcfc;
99
+ --primitive-color-cool-neutral-25: #f7f7f7;
100
+ --primitive-color-cool-neutral-50: #f2f2f2;
101
+ --primitive-color-cool-neutral-75: #ececec;
102
+ --primitive-color-cool-neutral-100: #e6e6e6;
103
+ --primitive-color-cool-neutral-125: #dfdfdf;
104
+ --primitive-color-cool-neutral-150: #d8d8d8;
105
+ --primitive-color-cool-neutral-175: #d0d0d0;
106
+ --primitive-color-cool-neutral-200: #c7c7c7;
107
+ --primitive-color-cool-neutral-250: #b8b8b8;
108
+ --primitive-color-cool-neutral-300: #a8a8a8;
109
+ --primitive-color-cool-neutral-350: #989898;
110
+ --primitive-color-cool-neutral-400: #878787;
111
+ --primitive-color-cool-neutral-450: #7b7b7b;
112
+ --primitive-color-cool-neutral-500: #6e6e6e;
113
+ --primitive-color-cool-neutral-550: #606060;
114
+ --primitive-color-cool-neutral-600: #525252;
115
+ --primitive-color-cool-neutral-650: #454545;
116
+ --primitive-color-cool-neutral-700: #383838;
117
+ --primitive-color-cool-neutral-750: #2e2e2e;
118
+ --primitive-color-cool-neutral-800: #242424;
119
+ --primitive-color-cool-neutral-850: #1a1a1a;
120
+ --primitive-color-cool-neutral-900: #101010;
121
+ --primitive-color-cool-neutral-0-16: rgba(255, 255, 255, 0.16);
122
+ --primitive-color-cool-neutral-0-24: rgba(255, 255, 255, 0.24);
123
+ --primitive-color-cool-neutral-0-36: rgba(255, 255, 255, 0.36);
124
+ --primitive-color-cool-neutral-0-4: rgba(255, 255, 255, 0.04);
125
+ --primitive-color-cool-neutral-0-50: rgba(255, 255, 255, 0.5);
126
+ --primitive-color-cool-neutral-0-70: rgba(255, 255, 255, 0.7);
127
+ --primitive-color-cool-neutral-0-8: rgba(255, 255, 255, 0.08);
128
+ --primitive-color-cool-neutral-800-16: rgba(36, 36, 36, 0.16);
129
+ --primitive-color-cool-neutral-800-24: rgba(36, 36, 36, 0.24);
130
+ --primitive-color-cool-neutral-800-36: rgba(36, 36, 36, 0.36);
131
+ --primitive-color-cool-neutral-800-4: rgba(36, 36, 36, 0.04);
132
+ --primitive-color-cool-neutral-800-50: rgba(36, 36, 36, 0.5);
133
+ --primitive-color-cool-neutral-800-70: rgba(36, 36, 36, 0.7);
134
+ --primitive-color-cool-neutral-800-8: rgba(36, 36, 36, 0.08);
135
+ --primitive-color-cool-neutral-900-16: rgba(16, 16, 16, 0.16);
136
+ --primitive-color-cool-neutral-900-24: rgba(16, 16, 16, 0.24);
137
+ --primitive-color-cool-neutral-900-36: rgba(16, 16, 16, 0.36);
138
+ --primitive-color-cool-neutral-900-4: rgba(16, 16, 16, 0.04);
139
+ --primitive-color-cool-neutral-900-50: rgba(16, 16, 16, 0.5);
140
+ --primitive-color-cool-neutral-900-70: rgba(16, 16, 16, 0.7);
141
+ --primitive-color-cool-neutral-900-8: rgba(16, 16, 16, 0.08);
142
+ --primitive-color-green-0: #f0fef6;
143
+ --primitive-color-green-25: #d9fee9;
144
+ --primitive-color-green-50: #befedb;
145
+ --primitive-color-green-75: #a3fdcd;
146
+ --primitive-color-green-100: #85fabf;
147
+ --primitive-color-green-150: #6cecaf;
148
+ --primitive-color-green-200: #52dd9d;
149
+ --primitive-color-green-250: #14c382;
150
+ --primitive-color-green-300: #0bb87a;
151
+ --primitive-color-green-350: #00a46c;
152
+ --primitive-color-green-400: #108d5d;
153
+ --primitive-color-green-500: #016e47;
154
+ --primitive-color-green-600: #055134;
155
+ --primitive-color-green-700: #0a3723;
156
+ --primitive-color-green-800: #071f13;
157
+ --primitive-color-green-900: #000b02;
158
+ --primitive-color-green-350-16: rgba(0, 164, 108, 0.16);
159
+ --primitive-color-green-350-24: rgba(0, 164, 108, 0.24);
160
+ --primitive-color-green-350-36: rgba(0, 164, 108, 0.36);
161
+ --primitive-color-green-350-4: rgba(0, 164, 108, 0.04);
162
+ --primitive-color-green-350-50: rgba(0, 164, 108, 0.5);
163
+ --primitive-color-green-350-70: rgba(0, 164, 108, 0.7);
164
+ --primitive-color-green-350-8: rgba(0, 164, 108, 0.08);
165
+ --primitive-color-jade-0: #f6fbfb;
166
+ --primitive-color-jade-25: #ebf6f4;
167
+ --primitive-color-jade-50: #def2ef;
168
+ --primitive-color-jade-75: #c7f0ea;
169
+ --primitive-color-jade-100: #adede4;
170
+ --primitive-color-jade-150: #88e3d7;
171
+ --primitive-color-jade-200: #67d5c8;
172
+ --primitive-color-jade-250: #47c5b7;
173
+ --primitive-color-jade-300: #1eb2a5;
174
+ --primitive-color-jade-350: #0da093;
175
+ --primitive-color-jade-400: #038a7f;
176
+ --primitive-color-jade-500: #086b62;
177
+ --primitive-color-jade-600: #084f48;
178
+ --primitive-color-jade-700: #013631;
179
+ --primitive-color-jade-800: #021f1c;
180
+ --primitive-color-jade-900: #000a08;
181
+ --primitive-color-jade-300-16: rgba(30, 178, 165, 0.16);
182
+ --primitive-color-jade-300-24: rgba(30, 178, 165, 0.24);
183
+ --primitive-color-jade-300-36: rgba(30, 178, 165, 0.36);
184
+ --primitive-color-jade-300-4: rgba(30, 178, 165, 0.04);
185
+ --primitive-color-jade-300-50: rgba(30, 178, 165, 0.5);
186
+ --primitive-color-jade-300-70: rgba(30, 178, 165, 0.7);
187
+ --primitive-color-jade-300-8: rgba(30, 178, 165, 0.08);
188
+ --primitive-color-lagoon-0: #f6fbfd;
189
+ --primitive-color-lagoon-25: #ecf5f8;
190
+ --primitive-color-lagoon-50: #dff0f6;
191
+ --primitive-color-lagoon-75: #cbedf8;
192
+ --primitive-color-lagoon-100: #b3e8f8;
193
+ --primitive-color-lagoon-150: #92ddf3;
194
+ --primitive-color-lagoon-200: #75cee8;
195
+ --primitive-color-lagoon-250: #5abdd9;
196
+ --primitive-color-lagoon-300: #3eabc7;
197
+ --primitive-color-lagoon-350: #2b99b4;
198
+ --primitive-color-lagoon-400: #18859e;
199
+ --primitive-color-lagoon-500: #06677c;
200
+ --primitive-color-lagoon-600: #014c5c;
201
+ --primitive-color-lagoon-700: #003440;
202
+ --primitive-color-lagoon-800: #031d24;
203
+ --primitive-color-lagoon-900: #000a0e;
204
+ --primitive-color-lagoon-300-16: rgba(62, 171, 199, 0.16);
205
+ --primitive-color-lagoon-300-24: rgba(62, 171, 199, 0.24);
206
+ --primitive-color-lagoon-300-36: rgba(62, 171, 199, 0.36);
207
+ --primitive-color-lagoon-300-4: rgba(62, 171, 199, 0.04);
208
+ --primitive-color-lagoon-300-50: rgba(62, 171, 199, 0.5);
209
+ --primitive-color-lagoon-300-70: rgba(62, 171, 199, 0.7);
210
+ --primitive-color-lagoon-300-8: rgba(62, 171, 199, 0.08);
211
+ --primitive-color-mauve-0: #fff8fc;
212
+ --primitive-color-mauve-25: #ffeef8;
213
+ --primitive-color-mauve-50: #fde5f3;
214
+ --primitive-color-mauve-75: #fddbef;
215
+ --primitive-color-mauve-100: #ffcdeb;
216
+ --primitive-color-mauve-150: #f7badf;
217
+ --primitive-color-mauve-200: #eea5d3;
218
+ --primitive-color-mauve-250: #e48dc5;
219
+ --primitive-color-mauve-300: #d873b6;
220
+ --primitive-color-mauve-350: #cc5ba8;
221
+ --primitive-color-mauve-400: #bb3e96;
222
+ --primitive-color-mauve-500: #9b0078;
223
+ --primitive-color-mauve-600: #78005c;
224
+ --primitive-color-mauve-700: #540040;
225
+ --primitive-color-mauve-800: #330025;
226
+ --primitive-color-mauve-900: #13000b;
227
+ --primitive-color-mauve-350-16: rgba(204, 91, 168, 0.16);
228
+ --primitive-color-mauve-350-24: rgba(204, 91, 168, 0.24);
229
+ --primitive-color-mauve-350-36: rgba(204, 91, 168, 0.36);
230
+ --primitive-color-mauve-350-4: rgba(204, 91, 168, 0.04);
231
+ --primitive-color-mauve-350-50: rgba(204, 91, 168, 0.5);
232
+ --primitive-color-mauve-350-70: rgba(204, 91, 168, 0.7);
233
+ --primitive-color-mauve-350-8: rgba(204, 91, 168, 0.08);
234
+ --primitive-color-midnight-0: #faf9fe;
235
+ --primitive-color-midnight-25: #f3f1f8;
236
+ --primitive-color-midnight-50: #eceaf3;
237
+ --primitive-color-midnight-75: #e3e0ed;
238
+ --primitive-color-midnight-100: #d9d6e8;
239
+ --primitive-color-midnight-125: #d0cddf;
240
+ --primitive-color-midnight-150: #c7c3d7;
241
+ --primitive-color-midnight-175: #bebacf;
242
+ --primitive-color-midnight-200: #b5b1c6;
243
+ --primitive-color-midnight-250: #a8a4b9;
244
+ --primitive-color-midnight-300: #9c97ad;
245
+ --primitive-color-midnight-350: #8f8aa1;
246
+ --primitive-color-midnight-400: #837e96;
247
+ --primitive-color-midnight-500: #6b6680;
248
+ --primitive-color-midnight-600: #565165;
249
+ --primitive-color-midnight-700: #443f52;
250
+ --primitive-color-midnight-800: #3a3645;
251
+ --primitive-color-midnight-850: #322e3c;
252
+ --primitive-color-midnight-900: #29252f;
253
+ --primitive-color-midnight-925: #25212a;
254
+ --primitive-color-midnight-950: #201d25;
255
+ --primitive-color-midnight-975: #1c1920;
256
+ --primitive-color-midnight-350-16: rgba(143, 138, 161, 0.16);
257
+ --primitive-color-midnight-350-24: rgba(143, 138, 161, 0.24);
258
+ --primitive-color-midnight-350-36: rgba(143, 138, 161, 0.36);
259
+ --primitive-color-midnight-350-4: rgba(143, 138, 161, 0.04);
260
+ --primitive-color-midnight-350-50: rgba(143, 138, 161, 0.5);
261
+ --primitive-color-midnight-350-70: rgba(143, 138, 161, 0.7);
262
+ --primitive-color-midnight-350-8: rgba(143, 138, 161, 0.08);
263
+ --primitive-color-midnight-900-16: rgba(41, 37, 47, 0.16);
264
+ --primitive-color-midnight-900-24: rgba(41, 37, 47, 0.24);
265
+ --primitive-color-midnight-900-36: rgba(41, 37, 47, 0.36);
266
+ --primitive-color-midnight-900-4: rgba(41, 37, 47, 0.04);
267
+ --primitive-color-midnight-900-50: rgba(41, 37, 47, 0.5);
268
+ --primitive-color-midnight-900-70: rgba(41, 37, 47, 0.7);
269
+ --primitive-color-midnight-900-8: rgba(41, 37, 47, 0.08);
270
+ --primitive-color-midnight-975-16: rgba(28, 25, 32, 0.16);
271
+ --primitive-color-midnight-975-24: rgba(28, 25, 32, 0.24);
272
+ --primitive-color-midnight-975-36: rgba(28, 25, 32, 0.36);
273
+ --primitive-color-midnight-975-4: rgba(28, 25, 32, 0.04);
274
+ --primitive-color-midnight-975-50: rgba(28, 25, 32, 0.5);
275
+ --primitive-color-midnight-975-70: rgba(28, 25, 32, 0.7);
276
+ --primitive-color-midnight-975-8: rgba(28, 25, 32, 0.08);
277
+ --primitive-color-orange-0: #fff9f6;
278
+ --primitive-color-orange-25: #fff0e9;
279
+ --primitive-color-orange-50: #ffe7dc;
280
+ --primitive-color-orange-75: #fddfd2;
281
+ --primitive-color-orange-100: #ffd3bf;
282
+ --primitive-color-orange-150: #fdc0a2;
283
+ --primitive-color-orange-200: #fea77d;
284
+ --primitive-color-orange-250: #ff8c50;
285
+ --primitive-color-orange-300: #e6793e;
286
+ --primitive-color-orange-350: #d06a33;
287
+ --primitive-color-orange-400: #b45b2b;
288
+ --primitive-color-orange-500: #8a4825;
289
+ --primitive-color-orange-600: #63361f;
290
+ --primitive-color-orange-700: #422517;
291
+ --primitive-color-orange-800: #25150c;
292
+ --primitive-color-orange-900: #130400;
293
+ --primitive-color-orange-350-16: rgba(208, 106, 51, 0.16);
294
+ --primitive-color-orange-350-24: rgba(208, 106, 51, 0.24);
295
+ --primitive-color-orange-350-36: rgba(208, 106, 51, 0.36);
296
+ --primitive-color-orange-350-4: rgba(208, 106, 51, 0.04);
297
+ --primitive-color-orange-350-50: rgba(208, 106, 51, 0.5);
298
+ --primitive-color-orange-350-70: rgba(208, 106, 51, 0.7);
299
+ --primitive-color-orange-350-8: rgba(208, 106, 51, 0.08);
300
+ --primitive-color-red-0: #fcf9f9;
301
+ --primitive-color-red-25: #fcf0ee;
302
+ --primitive-color-red-50: #fce7e4;
303
+ --primitive-color-red-75: #fdded9;
304
+ --primitive-color-red-100: #fdd3cc;
305
+ --primitive-color-red-150: #fdbdb3;
306
+ --primitive-color-red-200: #fea497;
307
+ --primitive-color-red-250: #f78b7c;
308
+ --primitive-color-red-300: #e47769;
309
+ --primitive-color-red-350: #d95f51;
310
+ --primitive-color-red-400: #cb4034;
311
+ --primitive-color-red-450: #b83228;
312
+ --primitive-color-red-500: #a6241c;
313
+ --primitive-color-red-600: #7f130e;
314
+ --primitive-color-red-700: #590a06;
315
+ --primitive-color-red-800: #370201;
316
+ --primitive-color-red-900: #1c0000;
317
+ --primitive-color-red-300-16: rgba(228, 119, 105, 0.16);
318
+ --primitive-color-red-300-24: rgba(228, 119, 105, 0.24);
319
+ --primitive-color-red-300-36: rgba(228, 119, 105, 0.36);
320
+ --primitive-color-red-300-4: rgba(228, 119, 105, 0.04);
321
+ --primitive-color-red-300-50: rgba(228, 119, 105, 0.5);
322
+ --primitive-color-red-300-70: rgba(228, 119, 105, 0.7);
323
+ --primitive-color-red-300-8: rgba(228, 119, 105, 0.08);
324
+ --primitive-color-rose-0: #fdf9fa;
325
+ --primitive-color-rose-25: #fdeff3;
326
+ --primitive-color-rose-50: #fee5ed;
327
+ --primitive-color-rose-75: #fedce6;
328
+ --primitive-color-rose-100: #fdd0de;
329
+ --primitive-color-rose-150: #fbbad0;
330
+ --primitive-color-rose-200: #f5a4c0;
331
+ --primitive-color-rose-250: #ee8aaf;
332
+ --primitive-color-rose-300: #e5709e;
333
+ --primitive-color-rose-350: #d25b8c;
334
+ --primitive-color-rose-400: #bc4779;
335
+ --primitive-color-rose-500: #992c5d;
336
+ --primitive-color-rose-600: #761a45;
337
+ --primitive-color-rose-700: #530e2e;
338
+ --primitive-color-rose-800: #31071a;
339
+ --primitive-color-rose-350-16: rgba(210, 91, 140, 0.16);
340
+ --primitive-color-rose-350-24: rgba(210, 91, 140, 0.24);
341
+ --primitive-color-rose-350-36: rgba(210, 91, 140, 0.36);
342
+ --primitive-color-rose-350-4: rgba(210, 91, 140, 0.04);
343
+ --primitive-color-rose-350-50: rgba(210, 91, 140, 0.5);
344
+ --primitive-color-rose-350-70: rgba(210, 91, 140, 0.7);
345
+ --primitive-color-rose-350-8: rgba(210, 91, 140, 0.08);
346
+ --primitive-color-saffron-0: #fefaf2;
347
+ --primitive-color-saffron-25: #fef2de;
348
+ --primitive-color-saffron-50: #feeac8;
349
+ --primitive-color-saffron-75: #fee2b3;
350
+ --primitive-color-saffron-100: #fed897;
351
+ --primitive-color-saffron-150: #ffc864;
352
+ --primitive-color-saffron-200: #eab655;
353
+ --primitive-color-saffron-250: #d6a549;
354
+ --primitive-color-saffron-300: #bf9342;
355
+ --primitive-color-saffron-350: #aa843e;
356
+ --primitive-color-saffron-400: #91723b;
357
+ --primitive-color-saffron-500: #6d5936;
358
+ --primitive-color-saffron-600: #4e422d;
359
+ --primitive-color-saffron-700: #342d21;
360
+ --primitive-color-saffron-800: #1d1912;
361
+ --primitive-color-saffron-900: #050301;
362
+ --primitive-color-saffron-150-16: rgba(255, 200, 100, 0.16);
363
+ --primitive-color-saffron-150-24: rgba(255, 200, 100, 0.24);
364
+ --primitive-color-saffron-150-36: rgba(255, 200, 100, 0.36);
365
+ --primitive-color-saffron-150-4: rgba(255, 200, 100, 0.04);
366
+ --primitive-color-saffron-150-50: rgba(255, 200, 100, 0.5);
367
+ --primitive-color-saffron-150-70: rgba(255, 200, 100, 0.7);
368
+ --primitive-color-saffron-150-8: rgba(255, 200, 100, 0.08);
369
+ --primitive-color-seabreeze-0: #f9fafc;
370
+ --primitive-color-seabreeze-25: #eff4fc;
371
+ --primitive-color-seabreeze-50: #e5edfc;
372
+ --primitive-color-seabreeze-75: #dbe7fc;
373
+ --primitive-color-seabreeze-100: #cddfff;
374
+ --primitive-color-seabreeze-150: #b8d0fc;
375
+ --primitive-color-seabreeze-200: #9ec0fd;
376
+ --primitive-color-seabreeze-250: #82adfd;
377
+ --primitive-color-seabreeze-300: #6398fd;
378
+ --primitive-color-seabreeze-350: #508cff;
379
+ --primitive-color-seabreeze-400: #4571c9;
380
+ --primitive-color-seabreeze-500: #35509e;
381
+ --primitive-color-seabreeze-600: #2e4185;
382
+ --primitive-color-seabreeze-700: #27326d;
383
+ --primitive-color-seabreeze-800: #1a2249;
384
+ --primitive-color-seabreeze-900: #091132;
385
+ --primitive-color-seabreeze-300-16: rgba(99, 152, 253, 0.16);
386
+ --primitive-color-seabreeze-300-24: rgba(99, 152, 253, 0.24);
387
+ --primitive-color-seabreeze-300-36: rgba(99, 152, 253, 0.36);
388
+ --primitive-color-seabreeze-300-4: rgba(99, 152, 253, 0.04);
389
+ --primitive-color-seabreeze-300-50: rgba(99, 152, 253, 0.5);
390
+ --primitive-color-seabreeze-300-70: rgba(99, 152, 253, 0.7);
391
+ --primitive-color-seabreeze-300-8: rgba(99, 152, 253, 0.08);
392
+ --primitive-color-warm-neutral-0: #fdfcfc;
393
+ --primitive-color-warm-neutral-10: #fcf9f9;
394
+ --primitive-color-warm-neutral-25: #faf6f6;
395
+ --primitive-color-warm-neutral-40: #f7f3f3;
396
+ --primitive-color-warm-neutral-50: #f5f1f1;
397
+ --primitive-color-warm-neutral-75: #f1eaea;
398
+ --primitive-color-warm-neutral-100: #ece3e3;
399
+ --primitive-color-warm-neutral-125: #e6dcdc;
400
+ --primitive-color-warm-neutral-150: #e0d5d5;
401
+ --primitive-color-warm-neutral-175: #d8cccc;
402
+ --primitive-color-warm-neutral-200: #cfc3c3;
403
+ --primitive-color-warm-neutral-250: #c0b5b5;
404
+ --primitive-color-warm-neutral-300: #b0a5a5;
405
+ --primitive-color-warm-neutral-350: #a09595;
406
+ --primitive-color-warm-neutral-400: #8e8484;
407
+ --primitive-color-warm-neutral-450: #817878;
408
+ --primitive-color-warm-neutral-500: #756b6b;
409
+ --primitive-color-warm-neutral-550: #675d5d;
410
+ --primitive-color-warm-neutral-600: #594f4f;
411
+ --primitive-color-warm-neutral-700: #3d3636;
412
+ --primitive-color-warm-neutral-800: #272323;
413
+ --primitive-color-warm-neutral-900: #150f0f;
414
+ --primitive-color-warm-neutral-100-16: rgba(236, 227, 227, 0.16);
415
+ --primitive-color-warm-neutral-100-24: rgba(236, 227, 227, 0.24);
416
+ --primitive-color-warm-neutral-100-36: rgba(236, 227, 227, 0.36);
417
+ --primitive-color-warm-neutral-100-4: rgba(236, 227, 227, 0.04);
418
+ --primitive-color-warm-neutral-100-50: rgba(236, 227, 227, 0.5);
419
+ --primitive-color-warm-neutral-100-70: rgba(236, 227, 227, 0.7);
420
+ --primitive-color-warm-neutral-100-8: rgba(236, 227, 227, 0.08);
421
+ --primitive-color-warm-neutral-350-16: rgba(160, 149, 149, 0.16);
422
+ --primitive-color-warm-neutral-350-24: rgba(160, 149, 149, 0.24);
423
+ --primitive-color-warm-neutral-350-36: rgba(160, 149, 149, 0.36);
424
+ --primitive-color-warm-neutral-350-4: rgba(160, 149, 149, 0.04);
425
+ --primitive-color-warm-neutral-350-50: rgba(160, 149, 149, 0.5);
426
+ --primitive-color-warm-neutral-350-70: rgba(160, 149, 149, 0.7);
427
+ --primitive-color-warm-neutral-350-8: rgba(160, 149, 149, 0.08);
428
+ --primitive-color-warm-neutral-500-16: rgba(117, 107, 107, 0.16);
429
+ --primitive-color-warm-neutral-500-24: rgba(117, 107, 107, 0.24);
430
+ --primitive-color-warm-neutral-500-36: rgba(117, 107, 107, 0.36);
431
+ --primitive-color-warm-neutral-500-4: rgba(117, 107, 107, 0.04);
432
+ --primitive-color-warm-neutral-500-50: rgba(117, 107, 107, 0.5);
433
+ --primitive-color-warm-neutral-500-70: rgba(117, 107, 107, 0.7);
434
+ --primitive-color-warm-neutral-500-8: rgba(117, 107, 107, 0.08);
435
+ }