@helloimjolopez-pathway/pathway-tokens 6.0.0 → 7.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 (12) hide show
  1. package/README.md +69 -15
  2. package/components/sidenav/sidenav.jsx +85 -14
  3. package/dist/breakpoints.css +1 -1
  4. package/dist/layout-contextual.css +15 -31
  5. package/dist/layout-responsive.css +32 -0
  6. package/dist/layout.css +1 -4
  7. package/dist/primitives.css +115 -113
  8. package/dist/themes/light.css +154 -311
  9. package/dist/themes/midnight.css +142 -299
  10. package/dist/tokens.js +4100 -9535
  11. package/dist/tokens.json +1737 -3723
  12. package/package.json +13 -6
package/dist/primitives.css CHANGED
@@ -38,69 +38,40 @@
38
38
  --primitive-color-cool-neutral-800-36: rgba(22, 22, 22, 0.36);
39
39
  --primitive-color-cool-neutral-800-50: rgba(22, 22, 22, 0.5);
40
40
  --primitive-color-cool-neutral-800-70: rgba(22, 22, 22, 0.7);
41
- --primitive-color-amethyst-0: #faf9fc;
42
- --primitive-color-amethyst-25: #f4f2fa;
43
- --primitive-color-amethyst-50: #e8e6f5;
44
- --primitive-color-amethyst-75: #dcd9ef;
45
- --primitive-color-amethyst-100: #cbc6e8;
46
- --primitive-color-amethyst-150: #b9b3e0;
47
- --primitive-color-amethyst-200: #a8a0d8;
48
- --primitive-color-amethyst-300: #9a90d0;
49
- --primitive-color-amethyst-350: #877ec8;
50
- --primitive-color-amethyst-400: #6e64b8;
51
- --primitive-color-amethyst-500: #5951a0;
52
- --primitive-color-amethyst-600: #464080;
53
- --primitive-color-amethyst-700: #353063;
54
- --primitive-color-amethyst-800: #221e3f;
55
- --primitive-color-amethyst-900: #110c2c;
56
- --primitive-color-green-0: #f8fcf9;
57
- --primitive-color-green-25: #dff6e2;
58
- --primitive-color-green-50: #c9edce;
59
- --primitive-color-green-75: #b4e4b9;
60
- --primitive-color-green-100: #9edba5;
61
- --primitive-color-green-150: #7acd84;
62
- --primitive-color-green-200: #59c56b;
63
- --primitive-color-green-300: #3db856;
64
- --primitive-color-green-350: #36a14f;
65
- --primitive-color-green-400: #358d4b;
66
- --primitive-color-green-500: #2a793e;
67
- --primitive-color-green-600: #1f602e;
68
- --primitive-color-green-700: #174f26;
69
- --primitive-color-green-800: #0d351b;
70
- --primitive-color-green-900: #001f00;
71
- --primitive-color-orange-0: #fcfafa;
72
- --primitive-color-orange-25: #f9f1ed;
73
- --primitive-color-orange-50: #f9e2d6;
74
- --primitive-color-orange-75: #f9d2bc;
75
- --primitive-color-orange-100: #fabd9d;
76
- --primitive-color-orange-150: #fda97b;
77
- --primitive-color-orange-200: #fe9156;
78
- --primitive-color-orange-250: #f97b38;
79
- --primitive-color-orange-300: #f56618;
80
- --primitive-color-orange-350: #e1580e;
81
- --primitive-color-orange-400: #c14d0f;
82
- --primitive-color-orange-500: #a5420d;
83
- --primitive-color-orange-600: #8d380b;
84
- --primitive-color-orange-700: #72300c;
85
- --primitive-color-orange-800: #59270c;
86
- --primitive-color-orange-900: #491900;
87
- --primitive-color-red-0: #fdfafa;
88
- --primitive-color-red-25: #faefef;
89
- --primitive-color-red-50: #f5dfdf;
90
- --primitive-color-red-75: #f0cdcd;
91
- --primitive-color-red-100: #e9b7b7;
92
- --primitive-color-red-150: #e29f9f;
93
- --primitive-color-red-200: #d98686;
94
- --primitive-color-red-250: #cf6e6e;
95
- --primitive-color-red-300: #c55858;
96
- --primitive-color-red-350: #ba4646;
97
- --primitive-color-red-400: #b03a3a;
98
- --primitive-color-red-450: #a63232;
99
- --primitive-color-red-500: #9d2d2d;
100
- --primitive-color-red-600: #882727;
101
- --primitive-color-red-700: #722121;
102
- --primitive-color-red-800: #5f1b1b;
103
- --primitive-color-red-900: #520f11;
41
+ --primitive-color-warm-neutral-0: #fefefd;
42
+ --primitive-color-warm-neutral-25: #f9f7f5;
43
+ --primitive-color-warm-neutral-50: #f3f0ec;
44
+ --primitive-color-warm-neutral-75: #e6e2dc;
45
+ --primitive-color-warm-neutral-100: #d8d3cd;
46
+ --primitive-color-warm-neutral-125: #d1ccc5;
47
+ --primitive-color-warm-neutral-150: #cbc6be;
48
+ --primitive-color-warm-neutral-175: #c4bfb7;
49
+ --primitive-color-warm-neutral-200: #bdb8b0;
50
+ --primitive-color-warm-neutral-250: #b0aaa2;
51
+ --primitive-color-warm-neutral-300: #9b968e;
52
+ --primitive-color-warm-neutral-350: #87827b;
53
+ --primitive-color-warm-neutral-400: #77726b;
54
+ --primitive-color-warm-neutral-450: #67625c;
55
+ --primitive-color-warm-neutral-500: #57534e;
56
+ --primitive-color-warm-neutral-550: #484540;
57
+ --primitive-color-warm-neutral-600: #393733;
58
+ --primitive-color-warm-neutral-700: #2b2926;
59
+ --primitive-color-warm-neutral-800: #1e1c1a;
60
+ --primitive-color-warm-neutral-900: #0f0e0d;
61
+ --primitive-color-warm-neutral-100-4: rgba(216, 211, 205, 0.04);
62
+ --primitive-color-warm-neutral-100-8: rgba(216, 211, 205, 0.08);
63
+ --primitive-color-warm-neutral-100-16: rgba(216, 211, 205, 0.16);
64
+ --primitive-color-warm-neutral-100-24: rgba(216, 211, 205, 0.24);
65
+ --primitive-color-warm-neutral-100-36: rgba(216, 211, 205, 0.36);
66
+ --primitive-color-warm-neutral-100-50: rgba(216, 211, 205, 0.5);
67
+ --primitive-color-warm-neutral-100-70: rgba(216, 211, 205, 0.7);
68
+ --primitive-color-warm-neutral-500-4: rgba(87, 83, 78, 0.04);
69
+ --primitive-color-warm-neutral-500-8: rgba(87, 83, 78, 0.08);
70
+ --primitive-color-warm-neutral-500-16: rgba(87, 83, 78, 0.16);
71
+ --primitive-color-warm-neutral-500-24: rgba(87, 83, 78, 0.24);
72
+ --primitive-color-warm-neutral-500-36: rgba(87, 83, 78, 0.36);
73
+ --primitive-color-warm-neutral-500-50: rgba(87, 83, 78, 0.5);
74
+ --primitive-color-warm-neutral-500-70: rgba(87, 83, 78, 0.7);
104
75
  --primitive-color-brand-0: #f9fafd;
105
76
  --primitive-color-brand-10: #eef2fb;
106
77
  --primitive-color-brand-25: #e2e9f7;
@@ -134,6 +105,54 @@
134
105
  --primitive-color-brand-600-36: rgba(34, 56, 107, 0.36);
135
106
  --primitive-color-brand-600-50: rgba(34, 56, 107, 0.5);
136
107
  --primitive-color-brand-600-70: rgba(34, 56, 107, 0.7);
108
+ --primitive-color-red-0: #fdfafa;
109
+ --primitive-color-red-25: #faefef;
110
+ --primitive-color-red-50: #f5dfdf;
111
+ --primitive-color-red-75: #f0cdcd;
112
+ --primitive-color-red-100: #e9b7b7;
113
+ --primitive-color-red-150: #e29f9f;
114
+ --primitive-color-red-200: #d98686;
115
+ --primitive-color-red-250: #cf6e6e;
116
+ --primitive-color-red-300: #c55858;
117
+ --primitive-color-red-350: #ba4646;
118
+ --primitive-color-red-400: #b03a3a;
119
+ --primitive-color-red-450: #a63232;
120
+ --primitive-color-red-500: #9d2d2d;
121
+ --primitive-color-red-600: #882727;
122
+ --primitive-color-red-700: #722121;
123
+ --primitive-color-red-800: #5f1b1b;
124
+ --primitive-color-red-900: #520f11;
125
+ --primitive-color-orange-0: #fcfafa;
126
+ --primitive-color-orange-25: #f9f1ed;
127
+ --primitive-color-orange-50: #f9e2d6;
128
+ --primitive-color-orange-75: #f9d2bc;
129
+ --primitive-color-orange-100: #fabd9d;
130
+ --primitive-color-orange-150: #fda97b;
131
+ --primitive-color-orange-200: #fe9156;
132
+ --primitive-color-orange-250: #f97b38;
133
+ --primitive-color-orange-300: #f56618;
134
+ --primitive-color-orange-350: #e1580e;
135
+ --primitive-color-orange-400: #c14d0f;
136
+ --primitive-color-orange-500: #a5420d;
137
+ --primitive-color-orange-600: #8d380b;
138
+ --primitive-color-orange-700: #72300c;
139
+ --primitive-color-orange-800: #59270c;
140
+ --primitive-color-orange-900: #491900;
141
+ --primitive-color-green-0: #f8fcf9;
142
+ --primitive-color-green-25: #dff6e2;
143
+ --primitive-color-green-50: #c9edce;
144
+ --primitive-color-green-75: #b4e4b9;
145
+ --primitive-color-green-100: #9edba5;
146
+ --primitive-color-green-150: #7acd84;
147
+ --primitive-color-green-200: #59c56b;
148
+ --primitive-color-green-300: #3db856;
149
+ --primitive-color-green-350: #36a14f;
150
+ --primitive-color-green-400: #358d4b;
151
+ --primitive-color-green-500: #2a793e;
152
+ --primitive-color-green-600: #1f602e;
153
+ --primitive-color-green-700: #174f26;
154
+ --primitive-color-green-800: #0d351b;
155
+ --primitive-color-green-900: #001f00;
137
156
  --primitive-color-seabreeze-0: #f6fbfd;
138
157
  --primitive-color-seabreeze-25: #e9f6fc;
139
158
  --primitive-color-seabreeze-50: #dbf0fb;
@@ -150,6 +169,22 @@
150
169
  --primitive-color-seabreeze-700: #185167;
151
170
  --primitive-color-seabreeze-800: #123c4e;
152
171
  --primitive-color-seabreeze-900: #00293a;
172
+ --primitive-color-lagoon-0: #f8fbfc;
173
+ --primitive-color-lagoon-25: #e5f2f4;
174
+ --primitive-color-lagoon-50: #d2e9ed;
175
+ --primitive-color-lagoon-75: #bfe0e5;
176
+ --primitive-color-lagoon-100: #acd7dd;
177
+ --primitive-color-lagoon-150: #9aced5;
178
+ --primitive-color-lagoon-200: #89c5cd;
179
+ --primitive-color-lagoon-250: #7bbec6;
180
+ --primitive-color-lagoon-300: #5dbac6;
181
+ --primitive-color-lagoon-350: #31adc0;
182
+ --primitive-color-lagoon-400: #23a4b8;
183
+ --primitive-color-lagoon-500: #1e99ae;
184
+ --primitive-color-lagoon-600: #187d8e;
185
+ --primitive-color-lagoon-700: #146171;
186
+ --primitive-color-lagoon-800: #104956;
187
+ --primitive-color-lagoon-900: #003440;
153
188
  --primitive-color-jade-0: #f8fcfb;
154
189
  --primitive-color-jade-25: #daf1eb;
155
190
  --primitive-color-jade-50: #c7ebe1;
@@ -166,8 +201,24 @@
166
201
  --primitive-color-jade-700: #10423b;
167
202
  --primitive-color-jade-800: #0d362f;
168
203
  --primitive-color-jade-900: #012b25;
204
+ --primitive-color-amethyst-0: #faf9fc;
205
+ --primitive-color-amethyst-25: #f4f2fa;
206
+ --primitive-color-amethyst-50: #e8e6f5;
207
+ --primitive-color-amethyst-75: #dcd9ef;
208
+ --primitive-color-amethyst-100: #cbc6e8;
209
+ --primitive-color-amethyst-150: #b9b3e0;
210
+ --primitive-color-amethyst-200: #a8a0d8;
211
+ --primitive-color-amethyst-300: #9a90d0;
212
+ --primitive-color-amethyst-350: #877ec8;
213
+ --primitive-color-amethyst-400: #6e64b8;
214
+ --primitive-color-amethyst-500: #5951a0;
215
+ --primitive-color-amethyst-600: #464080;
216
+ --primitive-color-amethyst-700: #353063;
217
+ --primitive-color-amethyst-800: #221e3f;
218
+ --primitive-color-amethyst-900: #110c2c;
169
219
  --primitive-color-saffron-0: #fefaf2;
170
220
  --primitive-color-saffron-25: #fef2de;
221
+ --primitive-color-saffron-50: #feeaca;
171
222
  --primitive-color-saffron-75: #fee2b3;
172
223
  --primitive-color-saffron-100: #fed897;
173
224
  --primitive-color-saffron-150: #ffc864;
@@ -176,43 +227,10 @@
176
227
  --primitive-color-saffron-350: #aa843e;
177
228
  --primitive-color-saffron-400: #91723b;
178
229
  --primitive-color-saffron-500: #6d5936;
230
+ --primitive-color-saffron-600: #51432c;
179
231
  --primitive-color-saffron-700: #342d21;
180
232
  --primitive-color-saffron-800: #1d1912;
181
233
  --primitive-color-saffron-900: #110d07;
182
- --primitive-color-warm-neutral-0: #fefefd;
183
- --primitive-color-warm-neutral-25: #f9f7f5;
184
- --primitive-color-warm-neutral-50: #f3f0ec;
185
- --primitive-color-warm-neutral-75: #e6e2dc;
186
- --primitive-color-warm-neutral-100: #d8d3cd;
187
- --primitive-color-warm-neutral-125: #d1ccc5;
188
- --primitive-color-warm-neutral-150: #cbc6be;
189
- --primitive-color-warm-neutral-175: #c4bfb7;
190
- --primitive-color-warm-neutral-200: #bdb8b0;
191
- --primitive-color-warm-neutral-250: #b0aaa2;
192
- --primitive-color-warm-neutral-300: #9b968e;
193
- --primitive-color-warm-neutral-350: #87827b;
194
- --primitive-color-warm-neutral-400: #77726b;
195
- --primitive-color-warm-neutral-450: #67625c;
196
- --primitive-color-warm-neutral-500: #57534e;
197
- --primitive-color-warm-neutral-550: #484540;
198
- --primitive-color-warm-neutral-600: #393733;
199
- --primitive-color-warm-neutral-700: #2b2926;
200
- --primitive-color-warm-neutral-800: #1e1c1a;
201
- --primitive-color-warm-neutral-900: #0f0e0d;
202
- --primitive-color-warm-neutral-100-4: rgba(216, 211, 205, 0.04);
203
- --primitive-color-warm-neutral-100-8: rgba(216, 211, 205, 0.08);
204
- --primitive-color-warm-neutral-100-16: rgba(216, 211, 205, 0.16);
205
- --primitive-color-warm-neutral-100-24: rgba(216, 211, 205, 0.24);
206
- --primitive-color-warm-neutral-100-36: rgba(216, 211, 205, 0.36);
207
- --primitive-color-warm-neutral-100-50: rgba(216, 211, 205, 0.5);
208
- --primitive-color-warm-neutral-100-70: rgba(216, 211, 205, 0.7);
209
- --primitive-color-warm-neutral-500-4: rgba(87, 83, 78, 0.04);
210
- --primitive-color-warm-neutral-500-8: rgba(87, 83, 78, 0.08);
211
- --primitive-color-warm-neutral-500-16: rgba(87, 83, 78, 0.16);
212
- --primitive-color-warm-neutral-500-24: rgba(87, 83, 78, 0.24);
213
- --primitive-color-warm-neutral-500-36: rgba(87, 83, 78, 0.36);
214
- --primitive-color-warm-neutral-500-50: rgba(87, 83, 78, 0.5);
215
- --primitive-color-warm-neutral-500-70: rgba(87, 83, 78, 0.7);
216
234
  --primitive-color-mauve-0: #fcf9fb;
217
235
  --primitive-color-mauve-25: #f7e9f2;
218
236
  --primitive-color-mauve-75: #f2d9e9;
@@ -226,22 +244,6 @@
226
244
  --primitive-color-mauve-700: #74255a;
227
245
  --primitive-color-mauve-800: #65204e;
228
246
  --primitive-color-mauve-900: #5b1545;
229
- --primitive-color-lagoon-0: #f8fbfc;
230
- --primitive-color-lagoon-25: #e5f2f4;
231
- --primitive-color-lagoon-50: #d2e9ed;
232
- --primitive-color-lagoon-75: #bfe0e5;
233
- --primitive-color-lagoon-100: #acd7dd;
234
- --primitive-color-lagoon-150: #9aced5;
235
- --primitive-color-lagoon-200: #89c5cd;
236
- --primitive-color-lagoon-250: #7bbec6;
237
- --primitive-color-lagoon-300: #5dbac6;
238
- --primitive-color-lagoon-350: #31adc0;
239
- --primitive-color-lagoon-400: #23a4b8;
240
- --primitive-color-lagoon-500: #1e99ae;
241
- --primitive-color-lagoon-600: #187d8e;
242
- --primitive-color-lagoon-700: #146171;
243
- --primitive-color-lagoon-800: #104956;
244
- --primitive-color-lagoon-900: #003440;
245
247
  --primitive-type-family-brand: Red Hat Text;
246
248
  --primitive-type-fontstyle-normal: Normal;
247
249
  --primitive-type-fontstyle-italic: Italic;