@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.mjs 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
  *
@@ -2175,45 +2175,55 @@ var defaultScheme = css13`
2175
2175
  --wui-color-focus-ring: var(--wui-blue-9);
2176
2176
  `;
2177
2177
  var navScheme = css13`
2178
- --wui-color-bg-fill-active: var(--wui-blue-5);
2179
- --wui-color-bg-fill-hover: var(--wui-blue-4);
2178
+ --wui-color-bg-app: #1e3399;
2179
+
2180
2180
  --wui-color-bg-fill: var(--wui-blue-1);
2181
- --wui-color-bg-surface-active: #15246b;
2182
- --wui-color-bg-surface-hover: #18297a;
2183
- --wui-color-bg-surface-secondary-active: #121f5c;
2184
- --wui-color-bg-surface-secondary-hover: #15246b;
2185
- --wui-color-bg-surface-secondary: #18297a;
2186
- --wui-color-bg-surface-tertiary: #3547a3;
2187
- --wui-color-bg-surface: #1e3399;
2188
- --wui-color-border: var(--wui-blue-1);
2189
- --wui-color-border-hover: var(--wui-blue-2);
2190
- --wui-color-border-active: var(--wui-blue-3);
2191
- --wui-color-border-secondary: var(--wui-blue-9);
2192
- --wui-color-border-secondary-hover: var(--wui-blue-10);
2193
- --wui-color-border-secondary-active: var(--wui-blue-12);
2194
- --wui-color-icon-on-fill: var(--wui-blue-9);
2195
- --wui-color-icon: var(--wui-blue-4);
2196
- --wui-color-text-link: var(--wui-blue-4);
2197
- --wui-color-text-on-fill: var(--wui-blue-9);
2198
- --wui-color-text-secondary: var(--wui-blue-4);
2181
+ --wui-color-bg-fill-hover: #e7e9f4;
2182
+ --wui-color-bg-fill-active: #dcdfef;
2183
+
2184
+ --wui-color-bg-surface: transparent;
2185
+ --wui-color-bg-surface-hover: #15267b;
2186
+ --wui-color-bg-surface-active: #122271;
2187
+
2188
+ --wui-color-bg-surface-secondary: #15267b;
2189
+ --wui-color-bg-surface-secondary-hover: #122271;
2190
+ --wui-color-bg-surface-secondary-active: #101e67;
2191
+
2192
+ --wui-color-bg-surface-tertiary: #0d1a5c;
2193
+
2194
+ --wui-color-border: #101e67;
2195
+ --wui-color-border-hover: #0e1c61;
2196
+ --wui-color-border-active: #0d1a5c;
2197
+
2198
+ --wui-color-border-secondary: var(--wui-color-bg-fill);
2199
+ --wui-color-border-secondary-hover: var(--wui-color-bg-fill-hover);
2200
+ --wui-color-border-secondary-active: var(--wui-color-bg-fill-active);
2201
+
2202
+ --wui-color-icon: var(--wui-blue-1);
2203
+ --wui-color-icon-on-fill: var(--wui-color-bg-app);
2204
+
2199
2205
  --wui-color-text: var(--wui-blue-1);
2206
+ --wui-color-text-on-fill: var(--wui-color-bg-app);
2207
+ --wui-color-text-link: var(--wui-blue-4);
2208
+ --wui-color-text-secondary: var(--wui-blue-6);
2200
2209
  --wui-color-text-button: var(--wui-blue-1);
2210
+
2201
2211
  --wui-color-focus-ring: var(--wui-blue-1);
2202
2212
 
2203
2213
  /* Nav - Disabled */
2204
- --wui-color-bg-surface-disabled: var(--wui-blue-12);
2214
+ --wui-color-bg-surface-disabled: transparent;
2205
2215
  --wui-color-icon-disabled: var(--wui-blue-8);
2206
2216
  --wui-color-text-disabled: var(--wui-blue-8);
2207
2217
 
2208
2218
  /* Nav - Selected */
2209
- --wui-color-bg-surface-selected: var(--wui-blue-3);
2210
- --wui-color-bg-surface-selected-active: var(--wui-blue-5);
2211
- --wui-color-bg-surface-selected-hover: var(--wui-blue-4);
2212
- --wui-color-icon-selected: var(--wui-blue-9);
2213
- --wui-color-text-selected: var(--wui-blue-9);
2214
- --wui-color-border-selected: rgba(0, 0, 0, 0);
2215
- --wui-color-border-hover-selected: rgba(0, 0, 0, 0);
2216
- --wui-color-border-active-selected: rgba(0, 0, 0, 0);
2219
+ --wui-color-bg-surface-selected: var(--wui-color-bg-fill);
2220
+ --wui-color-bg-surface-selected-active: var(--wui-color-bg-fill-active);
2221
+ --wui-color-bg-surface-selected-hover: var(--wui-color-bg-fill-hover);
2222
+ --wui-color-icon-selected: var(--wui-color-bg-app);
2223
+ --wui-color-text-selected: var(--wui-color-bg-app);
2224
+ --wui-color-border-selected: transparent;
2225
+ --wui-color-border-hover-selected: transparent;
2226
+ --wui-color-border-active-selected: transparent;
2217
2227
  `;
2218
2228
  var getColorScheme = (colorScheme) => {
2219
2229
  if (colorScheme === "nav") {