@netlify/spark-ui 1.8.1 → 1.8.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/packages/styles/tokens.css +24 -25
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.8.1",
4
+ "version": "1.8.2",
5
5
  "type": "module",
6
6
  "main": "dist/components/preact/index.js",
7
7
  "types": "dist/components/preact/index.d.ts",
package/packages/styles/tokens.css CHANGED
@@ -179,13 +179,11 @@
179
179
  --space-s: 1rem;
180
180
  --space-xl: 3rem;
181
181
  --space-xs: 0.75rem;
182
- --switcher-tab-bg-color: color(srgb 1 1 1 / 0.047058823529411764);
183
- --switcher-tab-bg-color-tabbed-content-bg-color: var(--neutral-000);
184
- --switcher-tab-bg-color-tabbed-content-bg-color-active: var(--neutral-000);
185
- --switcher-tab-bg-color-tabbed-content-border-color: var(--color-icon);
186
- --switcher-tab-bg-color-tabbed-content-code-bg-color: var(--neutral-900);
187
- --switcher-tab-bg-color-tabbed-content-tab-text-color-active: var(--color-icon);
188
- --switcher-tab-bg-color-title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
182
+ --tabbed-content-bg-color: var(--neutral-000);
183
+ --tabbed-content-bg-color-active: var(--neutral-000);
184
+ --tabbed-content-border-color: var(--color-icon);
185
+ --tabbed-content-code-bg-color: var(--neutral-900);
186
+ --tabbed-content-tab-text-color-active: var(--color-icon);
189
187
  --teal-000: color(srgb 0.8705882352941177 1 0.996078431372549);
190
188
  --teal-100: color(srgb 0.5568627450980392 0.984313725490196 0.9686274509803922);
191
189
  --teal-200: color(srgb 0.19607843137254902 0.9019607843137255 0.8862745098039215);
@@ -196,6 +194,7 @@
196
194
  --teal-700: color(srgb 0.00392156862745098 0.4117647058823529 0.40784313725490196);
197
195
  --teal-800: color(srgb 0.00392156862745098 0.2823529411764706 0.2784313725490196);
198
196
  --teal-900: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117);
197
+ --title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
199
198
  }
200
199
 
201
200
  @media (prefers-color-scheme: dark) {
@@ -271,12 +270,12 @@
271
270
  --search-loading-color: var(--teal-200);
272
271
  --search-submit-btn-bg-color: var(--teal-200);
273
272
  --search-user-message-color: var(--teal-800);
274
- --switcher-tab-bg-color-tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
275
- --switcher-tab-bg-color-tabbed-content-bg-color-active: var(--teal-900);
276
- --switcher-tab-bg-color-tabbed-content-border-color: var(--color-icon);
277
- --switcher-tab-bg-color-tabbed-content-code-bg-color: var(--neutral-900);
278
- --switcher-tab-bg-color-tabbed-content-tab-text-color-active: var(--color-icon);
279
- --switcher-tab-bg-color-title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
273
+ --tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
274
+ --tabbed-content-bg-color-active: var(--teal-900);
275
+ --tabbed-content-border-color: var(--color-icon);
276
+ --tabbed-content-code-bg-color: var(--neutral-900);
277
+ --tabbed-content-tab-text-color-active: var(--color-icon);
278
+ --title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
280
279
  }
281
280
  }
282
281
 
@@ -352,12 +351,12 @@
352
351
  --search-loading-color: var(--teal-200);
353
352
  --search-submit-btn-bg-color: var(--teal-200);
354
353
  --search-user-message-color: var(--teal-800);
355
- --switcher-tab-bg-color-tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
356
- --switcher-tab-bg-color-tabbed-content-bg-color-active: var(--teal-900);
357
- --switcher-tab-bg-color-tabbed-content-border-color: var(--color-icon);
358
- --switcher-tab-bg-color-tabbed-content-code-bg-color: var(--neutral-900);
359
- --switcher-tab-bg-color-tabbed-content-tab-text-color-active: var(--color-icon);
360
- --switcher-tab-bg-color-title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
354
+ --tabbed-content-bg-color: color(srgb 0.047058823529411764 0.16470588235294117 0.16470588235294117 / 0.2);
355
+ --tabbed-content-bg-color-active: var(--teal-900);
356
+ --tabbed-content-border-color: var(--color-icon);
357
+ --tabbed-content-code-bg-color: var(--neutral-900);
358
+ --tabbed-content-tab-text-color-active: var(--color-icon);
359
+ --title-text-color: color(srgb 0.8352941176470589 1 0.996078431372549 / 0.7490196078431373);
361
360
  }
362
361
 
363
362
  [data-theme="light"] {
@@ -431,11 +430,11 @@
431
430
  --search-loading-color: var(--teal-700);
432
431
  --search-submit-btn-bg-color: var(--teal-200);
433
432
  --search-user-message-color: var(--teal-000);
434
- --switcher-tab-bg-color-tabbed-content-bg-color: var(--neutral-000);
435
- --switcher-tab-bg-color-tabbed-content-bg-color-active: var(--neutral-000);
436
- --switcher-tab-bg-color-tabbed-content-border-color: var(--color-icon);
437
- --switcher-tab-bg-color-tabbed-content-code-bg-color: var(--neutral-900);
438
- --switcher-tab-bg-color-tabbed-content-tab-text-color-active: var(--color-icon);
439
- --switcher-tab-bg-color-title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
433
+ --tabbed-content-bg-color: var(--neutral-000);
434
+ --tabbed-content-bg-color-active: var(--neutral-000);
435
+ --tabbed-content-border-color: var(--color-icon);
436
+ --tabbed-content-code-bg-color: var(--neutral-900);
437
+ --tabbed-content-tab-text-color-active: var(--color-icon);
438
+ --title-text-color: color(srgb 0.32941176470588235 0.35294117647058826 0.3803921568627451 / 0.7490196078431373);
440
439
  }
441
440