@phcdevworks/spectre-tokens 2.1.2 → 2.2.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.
- package/README.md +4 -0
- package/dist/index.cjs +269 -1130
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +22 -4
- package/dist/index.d.cts +270 -1134
- package/dist/index.d.ts +270 -1134
- package/dist/index.js +269 -1130
- package/dist/index.js.map +1 -1
- package/package.json +10 -8
- package/tokens/components.json +32 -0
- package/tokens/modes.json +34 -6
- package/tokens/primitives.json +0 -4
- package/tokens/typography.json +22 -2
package/dist/index.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
--sp-text-on-surface-subtle: #657287;
|
|
14
14
|
--sp-text-on-surface-meta: #657287;
|
|
15
15
|
--sp-component-card-text: #141b24;
|
|
16
|
-
--sp-component-card-text-muted: #
|
|
16
|
+
--sp-component-card-text-muted: #4b576a;
|
|
17
17
|
--sp-component-input-text: #141b24;
|
|
18
18
|
--sp-component-input-placeholder: #657287;
|
|
19
19
|
--sp-button-text-default: #141b24;
|
|
@@ -172,13 +172,25 @@
|
|
|
172
172
|
--sp-font-md-weight: 500;
|
|
173
173
|
--sp-font-lg-size: 1.25rem;
|
|
174
174
|
--sp-font-lg-line-height: 2rem;
|
|
175
|
-
--sp-font-lg-weight:
|
|
175
|
+
--sp-font-lg-weight: 600;
|
|
176
176
|
--sp-font-xl-size: 1.5rem;
|
|
177
177
|
--sp-font-xl-line-height: 2.125rem;
|
|
178
178
|
--sp-font-xl-weight: 600;
|
|
179
179
|
--sp-font-2xl-size: 1.875rem;
|
|
180
180
|
--sp-font-2xl-line-height: 2.5rem;
|
|
181
|
-
--sp-font-2xl-weight:
|
|
181
|
+
--sp-font-2xl-weight: 700;
|
|
182
|
+
--sp-font-3xl-size: 2.25rem;
|
|
183
|
+
--sp-font-3xl-line-height: 2.75rem;
|
|
184
|
+
--sp-font-3xl-weight: 700;
|
|
185
|
+
--sp-font-4xl-size: 3rem;
|
|
186
|
+
--sp-font-4xl-line-height: 3.5rem;
|
|
187
|
+
--sp-font-4xl-weight: 800;
|
|
188
|
+
--sp-font-5xl-size: 3.75rem;
|
|
189
|
+
--sp-font-5xl-line-height: 4.25rem;
|
|
190
|
+
--sp-font-5xl-weight: 800;
|
|
191
|
+
--sp-font-6xl-size: 4.5rem;
|
|
192
|
+
--sp-font-6xl-line-height: 5rem;
|
|
193
|
+
--sp-font-6xl-weight: 900;
|
|
182
194
|
--sp-font-xs-letter-spacing: 0.02em;
|
|
183
195
|
--sp-text-on-page-default: #141b24;
|
|
184
196
|
--sp-text-on-page-muted: #4b576a;
|
|
@@ -250,6 +262,7 @@
|
|
|
250
262
|
--sp-button-primary-text: #ffffff;
|
|
251
263
|
--sp-button-primary-textdisabled: #8a96ad;
|
|
252
264
|
--sp-button-primary-focusring: rgba(14, 165, 233, 0.4);
|
|
265
|
+
--sp-button-primary-focusvisible: {colors.info.500} / 0.4;
|
|
253
266
|
--sp-button-secondary-bg: #ffffff;
|
|
254
267
|
--sp-button-secondary-bghover: #f7f8fb;
|
|
255
268
|
--sp-button-secondary-bgactive: #eef1f6;
|
|
@@ -259,6 +272,7 @@
|
|
|
259
272
|
--sp-button-secondary-border: #075985;
|
|
260
273
|
--sp-button-secondary-borderdisabled: #d9dfeb;
|
|
261
274
|
--sp-button-secondary-focusring: rgba(14, 165, 233, 0.4);
|
|
275
|
+
--sp-button-secondary-focusvisible: {colors.info.500} / 0.4;
|
|
262
276
|
--sp-button-ghost-bg: transparent;
|
|
263
277
|
--sp-button-ghost-bghover: #f0f9ff;
|
|
264
278
|
--sp-button-ghost-bgactive: #e0f2fe;
|
|
@@ -266,6 +280,7 @@
|
|
|
266
280
|
--sp-button-ghost-text: #075985;
|
|
267
281
|
--sp-button-ghost-textdisabled: #8a96ad;
|
|
268
282
|
--sp-button-ghost-focusring: rgba(14, 165, 233, 0.4);
|
|
283
|
+
--sp-button-ghost-focusvisible: {colors.info.500} / 0.4;
|
|
269
284
|
--sp-button-danger-bg: #dc2626;
|
|
270
285
|
--sp-button-danger-bghover: #b91c1c;
|
|
271
286
|
--sp-button-danger-bgactive: #991b1b;
|
|
@@ -295,6 +310,7 @@
|
|
|
295
310
|
--sp-button-accent-text: #ffffff;
|
|
296
311
|
--sp-button-accent-textdisabled: #8a96ad;
|
|
297
312
|
--sp-button-accent-focusring: rgba(133, 79, 247, 0.4);
|
|
313
|
+
--sp-button-accent-focusvisible: {colors.accent.500} / 0.4;
|
|
298
314
|
--sp-form-default-bg: #ffffff;
|
|
299
315
|
--sp-form-default-border: #b7c1d4;
|
|
300
316
|
--sp-form-default-text: #141b24;
|
|
@@ -302,6 +318,8 @@
|
|
|
302
318
|
--sp-form-hover-border: #0ea5e9;
|
|
303
319
|
--sp-form-focus-border: #0ea5e9;
|
|
304
320
|
--sp-form-focus-ring: #0ea5e9;
|
|
321
|
+
--sp-form-focusvisible-border: {colors.info.500};
|
|
322
|
+
--sp-form-focusvisible-ring: {colors.info.500};
|
|
305
323
|
--sp-form-valid-border: #22c55e;
|
|
306
324
|
--sp-form-valid-bg: #f0fdf4;
|
|
307
325
|
--sp-form-valid-text: #15803d;
|
|
@@ -368,7 +386,7 @@
|
|
|
368
386
|
--sp-badge-danger-text: #fee2e2;
|
|
369
387
|
--sp-icon-box-bg: #222b38;
|
|
370
388
|
--sp-icon-box-border: #374253;
|
|
371
|
-
--sp-icon-box-icon-default: #
|
|
389
|
+
--sp-icon-box-icon-default: #38bdf8;
|
|
372
390
|
--sp-icon-box-icon-success: #4ade80;
|
|
373
391
|
--sp-icon-box-icon-warning: #ffc21a;
|
|
374
392
|
--sp-icon-box-icon-danger: #f87171;
|