@wistia/ui 0.6.1 → 0.6.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 (5) hide show
  1. package/dist/index.cjs +40 -30
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +40 -30
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  /*
3
- * @license @wistia/ui v0.6.1
3
+ * @license @wistia/ui v0.6.2
4
4
  *
5
5
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
6
6
  *
@@ -2283,45 +2283,55 @@ var defaultScheme = import_styled_components14.css`
2283
2283
  --wui-color-focus-ring: var(--wui-blue-9);
2284
2284
  `;
2285
2285
  var navScheme = import_styled_components14.css`
2286
- --wui-color-bg-fill-active: var(--wui-blue-5);
2287
- --wui-color-bg-fill-hover: var(--wui-blue-4);
2286
+ --wui-color-bg-app: #1e3399;
2287
+
2288
2288
  --wui-color-bg-fill: var(--wui-blue-1);
2289
- --wui-color-bg-surface-active: #15246b;
2290
- --wui-color-bg-surface-hover: #18297a;
2291
- --wui-color-bg-surface-secondary-active: #121f5c;
2292
- --wui-color-bg-surface-secondary-hover: #15246b;
2293
- --wui-color-bg-surface-secondary: #18297a;
2294
- --wui-color-bg-surface-tertiary: #3547a3;
2295
- --wui-color-bg-surface: #1e3399;
2296
- --wui-color-border: var(--wui-blue-1);
2297
- --wui-color-border-hover: var(--wui-blue-2);
2298
- --wui-color-border-active: var(--wui-blue-3);
2299
- --wui-color-border-secondary: var(--wui-blue-9);
2300
- --wui-color-border-secondary-hover: var(--wui-blue-10);
2301
- --wui-color-border-secondary-active: var(--wui-blue-12);
2302
- --wui-color-icon-on-fill: var(--wui-blue-9);
2303
- --wui-color-icon: var(--wui-blue-4);
2304
- --wui-color-text-link: var(--wui-blue-4);
2305
- --wui-color-text-on-fill: var(--wui-blue-9);
2306
- --wui-color-text-secondary: var(--wui-blue-4);
2289
+ --wui-color-bg-fill-hover: #e7e9f4;
2290
+ --wui-color-bg-fill-active: #dcdfef;
2291
+
2292
+ --wui-color-bg-surface: transparent;
2293
+ --wui-color-bg-surface-hover: #15267b;
2294
+ --wui-color-bg-surface-active: #122271;
2295
+
2296
+ --wui-color-bg-surface-secondary: #15267b;
2297
+ --wui-color-bg-surface-secondary-hover: #122271;
2298
+ --wui-color-bg-surface-secondary-active: #101e67;
2299
+
2300
+ --wui-color-bg-surface-tertiary: #0d1a5c;
2301
+
2302
+ --wui-color-border: #101e67;
2303
+ --wui-color-border-hover: #0e1c61;
2304
+ --wui-color-border-active: #0d1a5c;
2305
+
2306
+ --wui-color-border-secondary: var(--wui-color-bg-fill);
2307
+ --wui-color-border-secondary-hover: var(--wui-color-bg-fill-hover);
2308
+ --wui-color-border-secondary-active: var(--wui-color-bg-fill-active);
2309
+
2310
+ --wui-color-icon: var(--wui-blue-1);
2311
+ --wui-color-icon-on-fill: var(--wui-color-bg-app);
2312
+
2307
2313
  --wui-color-text: var(--wui-blue-1);
2314
+ --wui-color-text-on-fill: var(--wui-color-bg-app);
2315
+ --wui-color-text-link: var(--wui-blue-4);
2316
+ --wui-color-text-secondary: var(--wui-blue-6);
2308
2317
  --wui-color-text-button: var(--wui-blue-1);
2318
+
2309
2319
  --wui-color-focus-ring: var(--wui-blue-1);
2310
2320
 
2311
2321
  /* Nav - Disabled */
2312
- --wui-color-bg-surface-disabled: var(--wui-blue-12);
2322
+ --wui-color-bg-surface-disabled: transparent;
2313
2323
  --wui-color-icon-disabled: var(--wui-blue-8);
2314
2324
  --wui-color-text-disabled: var(--wui-blue-8);
2315
2325
 
2316
2326
  /* Nav - Selected */
2317
- --wui-color-bg-surface-selected: var(--wui-blue-3);
2318
- --wui-color-bg-surface-selected-active: var(--wui-blue-5);
2319
- --wui-color-bg-surface-selected-hover: var(--wui-blue-4);
2320
- --wui-color-icon-selected: var(--wui-blue-9);
2321
- --wui-color-text-selected: var(--wui-blue-9);
2322
- --wui-color-border-selected: rgba(0, 0, 0, 0);
2323
- --wui-color-border-hover-selected: rgba(0, 0, 0, 0);
2324
- --wui-color-border-active-selected: rgba(0, 0, 0, 0);
2327
+ --wui-color-bg-surface-selected: var(--wui-color-bg-fill);
2328
+ --wui-color-bg-surface-selected-active: var(--wui-color-bg-fill-active);
2329
+ --wui-color-bg-surface-selected-hover: var(--wui-color-bg-fill-hover);
2330
+ --wui-color-icon-selected: var(--wui-color-bg-app);
2331
+ --wui-color-text-selected: var(--wui-color-bg-app);
2332
+ --wui-color-border-selected: transparent;
2333
+ --wui-color-border-hover-selected: transparent;
2334
+ --wui-color-border-active-selected: transparent;
2325
2335
  `;
2326
2336
  var getColorScheme = (colorScheme) => {
2327
2337
  if (colorScheme === "nav") {