@netlify/spark-ui 1.31.0 → 1.32.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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@netlify/spark-ui",
3
3
  "description": "Assets, design tokens, components, and utilities",
4
- "version": "1.31.0",
4
+ "version": "1.32.0",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
@@ -159,6 +159,26 @@
159
159
  --neutral-700: var(--ntl-neutral-700);
160
160
  --neutral-800: var(--ntl-neutral-800);
161
161
  --neutral-900: var(--ntl-neutral-900);
162
+ --neutral-dark-000: var(--ntl-neutral-dark-000);
163
+ --neutral-dark-100: var(--ntl-neutral-dark-100);
164
+ --neutral-dark-200: var(--ntl-neutral-dark-200);
165
+ --neutral-dark-300: var(--ntl-neutral-dark-300);
166
+ --neutral-dark-400: var(--ntl-neutral-dark-400);
167
+ --neutral-dark-500: var(--ntl-neutral-dark-500);
168
+ --neutral-dark-600: var(--ntl-neutral-dark-600);
169
+ --neutral-dark-700: var(--ntl-neutral-dark-700);
170
+ --neutral-dark-800: var(--ntl-neutral-dark-800);
171
+ --neutral-dark-900: var(--ntl-neutral-dark-900);
172
+ --neutral-light-000: var(--ntl-neutral-light-000);
173
+ --neutral-light-100: var(--ntl-neutral-light-100);
174
+ --neutral-light-200: var(--ntl-neutral-light-200);
175
+ --neutral-light-300: var(--ntl-neutral-light-300);
176
+ --neutral-light-400: var(--ntl-neutral-light-400);
177
+ --neutral-light-500: var(--ntl-neutral-light-500);
178
+ --neutral-light-600: var(--ntl-neutral-light-600);
179
+ --neutral-light-700: var(--ntl-neutral-light-700);
180
+ --neutral-light-800: var(--ntl-neutral-light-800);
181
+ --neutral-light-900: var(--ntl-neutral-light-900);
162
182
  --page-content-max-width: var(--ntl-page-content-max-width);
163
183
  --page-gutter: var(--ntl-page-gutter);
164
184
  --pink-000: var(--ntl-pink-000);
@@ -142,16 +142,36 @@
142
142
  --ntl-motion-easing-in: ease-in;
143
143
  --ntl-motion-easing-out: ease-out;
144
144
  --ntl-motion-easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
145
- --ntl-neutral-000: color(srgb 1 1 1);
146
- --ntl-neutral-100: color(srgb 0.9647058823529412 0.9647058823529412 0.9686274509803922);
147
- --ntl-neutral-200: color(srgb 0.9137254901960784 0.9215686274509803 0.9294117647058824);
148
- --ntl-neutral-300: color(srgb 0.8196078431372549 0.8352941176470589 0.8549019607843137);
149
- --ntl-neutral-400: color(srgb 0.615686274509804 0.6549019607843137 0.6980392156862745);
150
- --ntl-neutral-500: color(srgb 0.4666666666666667 0.5019607843137255 0.5372549019607843);
151
- --ntl-neutral-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
152
- --ntl-neutral-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
153
- --ntl-neutral-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
154
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
145
+ --ntl-neutral-000: var(--ntl-neutral-light-000);
146
+ --ntl-neutral-100: var(--ntl-neutral-light-100);
147
+ --ntl-neutral-200: var(--ntl-neutral-light-200);
148
+ --ntl-neutral-300: var(--ntl-neutral-light-300);
149
+ --ntl-neutral-400: var(--ntl-neutral-light-400);
150
+ --ntl-neutral-500: var(--ntl-neutral-light-500);
151
+ --ntl-neutral-600: var(--ntl-neutral-light-600);
152
+ --ntl-neutral-700: var(--ntl-neutral-light-700);
153
+ --ntl-neutral-800: var(--ntl-neutral-light-800);
154
+ --ntl-neutral-900: var(--ntl-neutral-light-900);
155
+ --ntl-neutral-dark-000: color(srgb 1 1 1);
156
+ --ntl-neutral-dark-100: color(srgb 0.9019607843137255 0.9254901960784314 0.9490196078431372);
157
+ --ntl-neutral-dark-200: color(srgb 0.6705882352941176 0.7098039215686275 0.7490196078431373);
158
+ --ntl-neutral-dark-300: color(srgb 0.49411764705882355 0.5294117647058824 0.5725490196078431);
159
+ --ntl-neutral-dark-400: color(srgb 0.30196078431372547 0.33725490196078434 0.37254901960784315);
160
+ --ntl-neutral-dark-500: color(srgb 0.23137254901960785 0.2627450980392157 0.2980392156862745);
161
+ --ntl-neutral-dark-600: color(srgb 0.15294117647058825 0.1843137254901961 0.2196078431372549);
162
+ --ntl-neutral-dark-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
163
+ --ntl-neutral-dark-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
164
+ --ntl-neutral-dark-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
165
+ --ntl-neutral-light-000: color(srgb 1 1 1);
166
+ --ntl-neutral-light-100: color(srgb 0.9647058823529412 0.9647058823529412 0.9686274509803922);
167
+ --ntl-neutral-light-200: color(srgb 0.9137254901960784 0.9215686274509803 0.9294117647058824);
168
+ --ntl-neutral-light-300: color(srgb 0.8196078431372549 0.8352941176470589 0.8549019607843137);
169
+ --ntl-neutral-light-400: color(srgb 0.615686274509804 0.6549019607843137 0.6980392156862745);
170
+ --ntl-neutral-light-500: color(srgb 0.4666666666666667 0.5019607843137255 0.5372549019607843);
171
+ --ntl-neutral-light-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
172
+ --ntl-neutral-light-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
173
+ --ntl-neutral-light-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
174
+ --ntl-neutral-light-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
155
175
  --ntl-page-content-max-width: 80rem;
156
176
  --ntl-page-gutter: var(--ntl-space-l);
157
177
  --ntl-pink-000: color(srgb 0.9882352941176471 0.9411764705882353 0.984313725490196);
@@ -314,16 +334,16 @@
314
334
  --ntl-eyebrow-text-color: var(--ntl-teal-200);
315
335
  --ntl-filter-invert: invert(1);
316
336
  --ntl-heading-text-color: var(--ntl-neutral-100);
317
- --ntl-neutral-000: color(srgb 1 1 1);
318
- --ntl-neutral-100: color(srgb 0.9019607843137255 0.9254901960784314 0.9490196078431372);
319
- --ntl-neutral-200: color(srgb 0.6705882352941176 0.7098039215686275 0.7490196078431373);
320
- --ntl-neutral-300: color(srgb 0.49411764705882355 0.5294117647058824 0.5725490196078431);
321
- --ntl-neutral-400: color(srgb 0.30196078431372547 0.33725490196078434 0.37254901960784315);
322
- --ntl-neutral-500: color(srgb 0.23137254901960785 0.2627450980392157 0.2980392156862745);
323
- --ntl-neutral-600: color(srgb 0.15294117647058825 0.1843137254901961 0.2196078431372549);
324
- --ntl-neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
325
- --ntl-neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
326
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
337
+ --ntl-neutral-000: var(--ntl-neutral-dark-000);
338
+ --ntl-neutral-100: var(--ntl-neutral-dark-100);
339
+ --ntl-neutral-200: var(--ntl-neutral-dark-200);
340
+ --ntl-neutral-300: var(--ntl-neutral-dark-300);
341
+ --ntl-neutral-400: var(--ntl-neutral-dark-400);
342
+ --ntl-neutral-500: var(--ntl-neutral-dark-500);
343
+ --ntl-neutral-600: var(--ntl-neutral-dark-600);
344
+ --ntl-neutral-700: var(--ntl-neutral-dark-700);
345
+ --ntl-neutral-800: var(--ntl-neutral-dark-800);
346
+ --ntl-neutral-900: var(--ntl-neutral-dark-900);
327
347
  --ntl-search-answer-message-color: var(--ntl-neutral-600);
328
348
  --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
329
349
  --ntl-search-bg-color: var(--ntl-neutral-700);
@@ -413,16 +433,16 @@
413
433
  --ntl-eyebrow-text-color: var(--ntl-teal-200);
414
434
  --ntl-filter-invert: invert(1);
415
435
  --ntl-heading-text-color: var(--ntl-neutral-100);
416
- --ntl-neutral-000: color(srgb 1 1 1);
417
- --ntl-neutral-100: color(srgb 0.9019607843137255 0.9254901960784314 0.9490196078431372);
418
- --ntl-neutral-200: color(srgb 0.6705882352941176 0.7098039215686275 0.7490196078431373);
419
- --ntl-neutral-300: color(srgb 0.49411764705882355 0.5294117647058824 0.5725490196078431);
420
- --ntl-neutral-400: color(srgb 0.30196078431372547 0.33725490196078434 0.37254901960784315);
421
- --ntl-neutral-500: color(srgb 0.23137254901960785 0.2627450980392157 0.2980392156862745);
422
- --ntl-neutral-600: color(srgb 0.15294117647058825 0.1843137254901961 0.2196078431372549);
423
- --ntl-neutral-700: color(srgb 0.11764705882352941 0.1411764705882353 0.17254901960784313);
424
- --ntl-neutral-800: color(srgb 0.07058823529411765 0.09411764705882353 0.12156862745098039);
425
- --ntl-neutral-900: color(srgb 0.023529411764705882 0.043137254901960784 0.06274509803921569);
436
+ --ntl-neutral-000: var(--ntl-neutral-dark-000);
437
+ --ntl-neutral-100: var(--ntl-neutral-dark-100);
438
+ --ntl-neutral-200: var(--ntl-neutral-dark-200);
439
+ --ntl-neutral-300: var(--ntl-neutral-dark-300);
440
+ --ntl-neutral-400: var(--ntl-neutral-dark-400);
441
+ --ntl-neutral-500: var(--ntl-neutral-dark-500);
442
+ --ntl-neutral-600: var(--ntl-neutral-dark-600);
443
+ --ntl-neutral-700: var(--ntl-neutral-dark-700);
444
+ --ntl-neutral-800: var(--ntl-neutral-dark-800);
445
+ --ntl-neutral-900: var(--ntl-neutral-dark-900);
426
446
  --ntl-search-answer-message-color: var(--ntl-neutral-600);
427
447
  --ntl-search-back-btn-bg-color: var(--ntl-neutral-500);
428
448
  --ntl-search-bg-color: var(--ntl-neutral-700);
@@ -511,15 +531,15 @@
511
531
  --ntl-eyebrow-text-color: var(--ntl-blue-700);
512
532
  --ntl-filter-invert: none;
513
533
  --ntl-heading-text-color: var(--ntl-neutral-800);
514
- --ntl-neutral-000: color(srgb 1 1 1);
515
- --ntl-neutral-100: color(srgb 0.9647058823529412 0.9647058823529412 0.9686274509803922);
516
- --ntl-neutral-200: color(srgb 0.9137254901960784 0.9215686274509803 0.9294117647058824);
517
- --ntl-neutral-300: color(srgb 0.8196078431372549 0.8352941176470589 0.8549019607843137);
518
- --ntl-neutral-400: color(srgb 0.615686274509804 0.6549019607843137 0.6980392156862745);
519
- --ntl-neutral-500: color(srgb 0.4666666666666667 0.5019607843137255 0.5372549019607843);
520
- --ntl-neutral-600: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451);
521
- --ntl-neutral-700: color(srgb 0.20784313725490197 0.22745098039215686 0.24313725490196078);
522
- --ntl-neutral-800: color(srgb 0.09411764705882353 0.10196078431372549 0.10980392156862745);
534
+ --ntl-neutral-000: var(--ntl-neutral-light-000);
535
+ --ntl-neutral-100: var(--ntl-neutral-light-100);
536
+ --ntl-neutral-200: var(--ntl-neutral-light-200);
537
+ --ntl-neutral-300: var(--ntl-neutral-light-300);
538
+ --ntl-neutral-400: var(--ntl-neutral-light-400);
539
+ --ntl-neutral-500: var(--ntl-neutral-light-500);
540
+ --ntl-neutral-600: var(--ntl-neutral-light-600);
541
+ --ntl-neutral-700: var(--ntl-neutral-light-700);
542
+ --ntl-neutral-800: var(--ntl-neutral-light-800);
523
543
  --ntl-search-answer-message-color: var(--ntl-neutral-200);
524
544
  --ntl-search-back-btn-bg-color: var(--ntl-neutral-100);
525
545
  --ntl-search-bg-color: var(--ntl-neutral-000);