@veritone-ce/design-system 2.7.1 → 2.7.3

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.
@@ -0,0 +1,110 @@
1
+ import { INTERNAL_buildStoreRev1, INTERNAL_initializeStoreHooks } from './vanilla/internals.js';
2
+
3
+ let keyCount = 0;
4
+ function atom(read, write) {
5
+ const key = `atom${++keyCount}`;
6
+ const config = {
7
+ toString() {
8
+ return (import.meta.env ? import.meta.env.MODE : void 0) !== "production" && this.debugLabel ? key + ":" + this.debugLabel : key;
9
+ }
10
+ };
11
+ {
12
+ config.init = read;
13
+ config.read = defaultRead;
14
+ config.write = defaultWrite;
15
+ }
16
+ return config;
17
+ }
18
+ function defaultRead(get) {
19
+ return get(this);
20
+ }
21
+ function defaultWrite(get, set, arg) {
22
+ return set(
23
+ this,
24
+ typeof arg === "function" ? arg(get(this)) : arg
25
+ );
26
+ }
27
+
28
+ const createDevStoreRev4 = () => {
29
+ let inRestoreAtom = 0;
30
+ const storeHooks = INTERNAL_initializeStoreHooks({});
31
+ const atomStateMap = /* @__PURE__ */ new WeakMap();
32
+ const mountedAtoms = /* @__PURE__ */ new WeakMap();
33
+ const store = INTERNAL_buildStoreRev1(
34
+ atomStateMap,
35
+ mountedAtoms,
36
+ void 0,
37
+ void 0,
38
+ void 0,
39
+ void 0,
40
+ storeHooks,
41
+ void 0,
42
+ (atom, get, set, ...args) => {
43
+ if (inRestoreAtom) {
44
+ return set(atom, ...args);
45
+ }
46
+ return atom.write(get, set, ...args);
47
+ }
48
+ );
49
+ const debugMountedAtoms = /* @__PURE__ */ new Set();
50
+ storeHooks.m.add(void 0, (atom) => {
51
+ debugMountedAtoms.add(atom);
52
+ const atomState = atomStateMap.get(atom);
53
+ atomState.m = mountedAtoms.get(atom);
54
+ });
55
+ storeHooks.u.add(void 0, (atom) => {
56
+ debugMountedAtoms.delete(atom);
57
+ const atomState = atomStateMap.get(atom);
58
+ delete atomState.m;
59
+ });
60
+ const devStore = {
61
+ // store dev methods (these are tentative and subject to change without notice)
62
+ dev4_get_internal_weak_map: () => {
63
+ console.log("Deprecated: Use devstore from the devtools library");
64
+ return atomStateMap;
65
+ },
66
+ dev4_get_mounted_atoms: () => debugMountedAtoms,
67
+ dev4_restore_atoms: (values) => {
68
+ const restoreAtom = {
69
+ read: () => null,
70
+ write: (_get, set) => {
71
+ ++inRestoreAtom;
72
+ try {
73
+ for (const [atom, value] of values) {
74
+ if ("init" in atom) {
75
+ set(atom, value);
76
+ }
77
+ }
78
+ } finally {
79
+ --inRestoreAtom;
80
+ }
81
+ }
82
+ };
83
+ store.set(restoreAtom);
84
+ }
85
+ };
86
+ return Object.assign(store, devStore);
87
+ };
88
+ function createStore() {
89
+ if ((import.meta.env ? import.meta.env.MODE : void 0) !== "production") {
90
+ return createDevStoreRev4();
91
+ }
92
+ return INTERNAL_buildStoreRev1();
93
+ }
94
+ let defaultStore;
95
+ function getDefaultStore() {
96
+ if (!defaultStore) {
97
+ defaultStore = createStore();
98
+ if ((import.meta.env ? import.meta.env.MODE : void 0) !== "production") {
99
+ globalThis.__JOTAI_DEFAULT_STORE__ || (globalThis.__JOTAI_DEFAULT_STORE__ = defaultStore);
100
+ if (globalThis.__JOTAI_DEFAULT_STORE__ !== defaultStore) {
101
+ console.warn(
102
+ "Detected multiple Jotai instances. It may cause unexpected behavior with the default store. https://github.com/pmndrs/jotai/discussions/2044"
103
+ );
104
+ }
105
+ }
106
+ }
107
+ return defaultStore;
108
+ }
109
+
110
+ export { atom, createStore, getDefaultStore };
@@ -29,11 +29,13 @@ function createPaletteActionVariantsColors(options, disabled) {
29
29
  surface: toHex(desaturate(darken(b.surface, 1 / 10), 1 / 4)),
30
30
  on: b.on
31
31
  });
32
+ const activeFromBase = (b) => hoverFromBase(b);
32
33
  if (isPaletteSurfaceColorsOptions(options)) {
33
34
  const resolved = createPaletteSurfaceColors(options);
34
35
  return {
35
36
  base: resolved,
36
37
  hover: hoverFromBase(resolved),
38
+ active: activeFromBase(resolved),
37
39
  disabled
38
40
  };
39
41
  } else {
@@ -41,6 +43,7 @@ function createPaletteActionVariantsColors(options, disabled) {
41
43
  return {
42
44
  base,
43
45
  hover: options.hover ? createPaletteSurfaceColors(options.hover) : hoverFromBase(base),
46
+ active: options.active ? createPaletteSurfaceColors(options.active) : activeFromBase(base),
44
47
  disabled
45
48
  };
46
49
  }
@@ -76,7 +76,8 @@ const defaultThemeOptions = {
76
76
  surface: "#FFFFFF",
77
77
  on: "#2A323C"
78
78
  },
79
- hover: "#EAF1FA"
79
+ hover: "#ECEFF2",
80
+ active: "#ECEFF2"
80
81
  },
81
82
  tooltip: {
82
83
  surface: disabled.on,
@@ -6,30 +6,40 @@ $default-theme: (
6
6
  "palette-brand-1-base-on": (#fff),
7
7
  "palette-brand-1-hover-surface": (#080808),
8
8
  "palette-brand-1-hover-on": (#fff),
9
+ "palette-brand-1-active-surface": (#080808),
10
+ "palette-brand-1-active-on": (#fff),
9
11
  "palette-brand-1-disabled-surface": (#FAFAFA),
10
12
  "palette-brand-1-disabled-on": (#7C848D),
11
13
  "palette-brand-2-base-surface": (#FA524D),
12
14
  "palette-brand-2-base-on": (#000),
13
15
  "palette-brand-2-hover-surface": (#dc3d38),
14
16
  "palette-brand-2-hover-on": (#000),
17
+ "palette-brand-2-active-surface": (#dc3d38),
18
+ "palette-brand-2-active-on": (#000),
15
19
  "palette-brand-2-disabled-surface": (#FAFAFA),
16
20
  "palette-brand-2-disabled-on": (#7C848D),
17
21
  "palette-brand-3-base-surface": (#080808),
18
22
  "palette-brand-3-base-on": (#fff),
19
23
  "palette-brand-3-hover-surface": (#000000),
20
24
  "palette-brand-3-hover-on": (#fff),
25
+ "palette-brand-3-active-surface": (#000000),
26
+ "palette-brand-3-active-on": (#fff),
21
27
  "palette-brand-3-disabled-surface": (#FAFAFA),
22
28
  "palette-brand-3-disabled-on": (#7C848D),
23
29
  "palette-brand-4-base-surface": (#616161),
24
30
  "palette-brand-4-base-on": (#fff),
25
31
  "palette-brand-4-hover-surface": (#474747),
26
32
  "palette-brand-4-hover-on": (#fff),
33
+ "palette-brand-4-active-surface": (#474747),
34
+ "palette-brand-4-active-on": (#fff),
27
35
  "palette-brand-4-disabled-surface": (#FAFAFA),
28
36
  "palette-brand-4-disabled-on": (#7C848D),
29
37
  "palette-brand-5-base-surface": (#404040),
30
38
  "palette-brand-5-base-on": (#fff),
31
39
  "palette-brand-5-hover-surface": (#262626),
32
40
  "palette-brand-5-hover-on": (#fff),
41
+ "palette-brand-5-active-surface": (#262626),
42
+ "palette-brand-5-active-on": (#fff),
33
43
  "palette-brand-5-disabled-surface": (#FAFAFA),
34
44
  "palette-brand-5-disabled-on": (#7C848D),
35
45
  "palette-text-primary": (#2A323C),
@@ -39,60 +49,80 @@ $default-theme: (
39
49
  "palette-action-primary-base-on": (#FFFFFF),
40
50
  "palette-action-primary-hover-surface": (#335B89),
41
51
  "palette-action-primary-hover-on": (#FFFFFF),
52
+ "palette-action-primary-active-surface": (#2c5ea0),
53
+ "palette-action-primary-active-on": (#FFFFFF),
42
54
  "palette-action-primary-disabled-surface": (#FAFAFA),
43
55
  "palette-action-primary-disabled-on": (#7C848D),
44
56
  "palette-action-secondary-base-surface": (#475364),
45
57
  "palette-action-secondary-base-on": (#FFFFFF),
46
58
  "palette-action-secondary-hover-surface": (#335B89),
47
59
  "palette-action-secondary-hover-on": (#FFFFFF),
60
+ "palette-action-secondary-active-surface": (#3d3d3d),
61
+ "palette-action-secondary-active-on": (#FFFFFF),
48
62
  "palette-action-secondary-disabled-surface": (#FAFAFA),
49
63
  "palette-action-secondary-disabled-on": (#7C848D),
50
64
  "palette-action-destructive-base-surface": (#EB0000),
51
65
  "palette-action-destructive-base-on": (#FFFFFF),
52
66
  "palette-action-destructive-hover-surface": (#a63737),
53
67
  "palette-action-destructive-hover-on": (#FFFFFF),
68
+ "palette-action-destructive-active-surface": (#a11717),
69
+ "palette-action-destructive-active-on": (#FFFFFF),
54
70
  "palette-action-destructive-disabled-surface": (#FAFAFA),
55
71
  "palette-action-destructive-disabled-on": (#7C848D),
56
72
  "palette-action-text-base-surface": (#465364),
57
73
  "palette-action-text-base-on": (#fff),
58
74
  "palette-action-text-hover-surface": (#335B89),
59
75
  "palette-action-text-hover-on": (#FFFFFF),
76
+ "palette-action-text-active-surface": (#2c5ea0),
77
+ "palette-action-text-active-on": (#FFFFFF),
60
78
  "palette-action-text-disabled-surface": (#FAFAFA),
61
79
  "palette-action-text-disabled-on": (#7C848D),
62
80
  "palette-indicator-success-base-surface": (#28BA3F),
63
81
  "palette-indicator-success-base-on": (#FFFFFF),
64
82
  "palette-indicator-success-hover-surface": (#34793e),
65
83
  "palette-indicator-success-hover-on": (#FFFFFF),
84
+ "palette-indicator-success-active-surface": (#34793e),
85
+ "palette-indicator-success-active-on": (#FFFFFF),
66
86
  "palette-indicator-success-disabled-surface": (#FAFAFA),
67
87
  "palette-indicator-success-disabled-on": (#7C848D),
68
88
  "palette-indicator-info-base-surface": (#335B89),
69
89
  "palette-indicator-info-base-on": (#FFFFFF),
70
90
  "palette-indicator-info-hover-surface": (#364453),
71
91
  "palette-indicator-info-hover-on": (#FFFFFF),
92
+ "palette-indicator-info-active-surface": (#364453),
93
+ "palette-indicator-info-active-on": (#FFFFFF),
72
94
  "palette-indicator-info-disabled-surface": (#FAFAFA),
73
95
  "palette-indicator-info-disabled-on": (#7C848D),
74
96
  "palette-indicator-warning-base-surface": (#FFBB0A),
75
97
  "palette-indicator-warning-base-on": (#FFFFFF),
76
98
  "palette-indicator-warning-hover-surface": (#bb8e1b),
77
99
  "palette-indicator-warning-hover-on": (#FFFFFF),
100
+ "palette-indicator-warning-active-surface": (#bb8e1b),
101
+ "palette-indicator-warning-active-on": (#FFFFFF),
78
102
  "palette-indicator-warning-disabled-surface": (#FAFAFA),
79
103
  "palette-indicator-warning-disabled-on": (#7C848D),
80
104
  "palette-indicator-error-base-surface": (#EB0000),
81
105
  "palette-indicator-error-base-on": (#FFFFFF),
82
106
  "palette-indicator-error-hover-surface": (#a11717),
83
107
  "palette-indicator-error-hover-on": (#FFFFFF),
108
+ "palette-indicator-error-active-surface": (#a11717),
109
+ "palette-indicator-error-active-on": (#FFFFFF),
84
110
  "palette-indicator-error-disabled-surface": (#FAFAFA),
85
111
  "palette-indicator-error-disabled-on": (#7C848D),
86
112
  "palette-indicator-pending-base-surface": (#7C848D),
87
113
  "palette-indicator-pending-base-on": (#FFFFFF),
88
114
  "palette-indicator-pending-hover-surface": (#6b6b6b),
89
115
  "palette-indicator-pending-hover-on": (#FFFFFF),
116
+ "palette-indicator-pending-active-surface": (#6b6b6b),
117
+ "palette-indicator-pending-active-on": (#FFFFFF),
90
118
  "palette-indicator-pending-disabled-surface": (#FAFAFA),
91
119
  "palette-indicator-pending-disabled-on": (#7C848D),
92
120
  "palette-indicator-processing-base-surface": (#FFBB0A),
93
121
  "palette-indicator-processing-base-on": (#FFFFFF),
94
122
  "palette-indicator-processing-hover-surface": (#bb8e1b),
95
123
  "palette-indicator-processing-hover-on": (#FFFFFF),
124
+ "palette-indicator-processing-active-surface": (#bb8e1b),
125
+ "palette-indicator-processing-active-on": (#FFFFFF),
96
126
  "palette-indicator-processing-disabled-surface": (#FAFAFA),
97
127
  "palette-indicator-processing-disabled-on": (#7C848D),
98
128
  "palette-disabled-surface": (#FAFAFA),
@@ -102,8 +132,10 @@ $default-theme: (
102
132
  "palette-stroke-primary": (#D8D8D8),
103
133
  "palette-table-base-surface": (#FFFFFF),
104
134
  "palette-table-base-on": (#2A323C),
105
- "palette-table-hover-surface": (#EAF1FA),
135
+ "palette-table-hover-surface": (#ECEFF2),
106
136
  "palette-table-hover-on": (#000),
137
+ "palette-table-active-surface": (#ECEFF2),
138
+ "palette-table-active-on": (#000),
107
139
  "palette-table-disabled-surface": (#FAFAFA),
108
140
  "palette-table-disabled-on": (#7C848D),
109
141
  "palette-tooltip-surface": (#7C848D),
@@ -249,30 +281,40 @@ $theme-palette-brand-1-base-surface: var(--vt-ce-theme-palette-brand-1-base-surf
249
281
  $theme-palette-brand-1-base-on: var(--vt-ce-theme-palette-brand-1-base-on, (#fff));
250
282
  $theme-palette-brand-1-hover-surface: var(--vt-ce-theme-palette-brand-1-hover-surface, (#080808));
251
283
  $theme-palette-brand-1-hover-on: var(--vt-ce-theme-palette-brand-1-hover-on, (#fff));
284
+ $theme-palette-brand-1-active-surface: var(--vt-ce-theme-palette-brand-1-active-surface, (#080808));
285
+ $theme-palette-brand-1-active-on: var(--vt-ce-theme-palette-brand-1-active-on, (#fff));
252
286
  $theme-palette-brand-1-disabled-surface: var(--vt-ce-theme-palette-brand-1-disabled-surface, (#FAFAFA));
253
287
  $theme-palette-brand-1-disabled-on: var(--vt-ce-theme-palette-brand-1-disabled-on, (#7C848D));
254
288
  $theme-palette-brand-2-base-surface: var(--vt-ce-theme-palette-brand-2-base-surface, (#FA524D));
255
289
  $theme-palette-brand-2-base-on: var(--vt-ce-theme-palette-brand-2-base-on, (#000));
256
290
  $theme-palette-brand-2-hover-surface: var(--vt-ce-theme-palette-brand-2-hover-surface, (#dc3d38));
257
291
  $theme-palette-brand-2-hover-on: var(--vt-ce-theme-palette-brand-2-hover-on, (#000));
292
+ $theme-palette-brand-2-active-surface: var(--vt-ce-theme-palette-brand-2-active-surface, (#dc3d38));
293
+ $theme-palette-brand-2-active-on: var(--vt-ce-theme-palette-brand-2-active-on, (#000));
258
294
  $theme-palette-brand-2-disabled-surface: var(--vt-ce-theme-palette-brand-2-disabled-surface, (#FAFAFA));
259
295
  $theme-palette-brand-2-disabled-on: var(--vt-ce-theme-palette-brand-2-disabled-on, (#7C848D));
260
296
  $theme-palette-brand-3-base-surface: var(--vt-ce-theme-palette-brand-3-base-surface, (#080808));
261
297
  $theme-palette-brand-3-base-on: var(--vt-ce-theme-palette-brand-3-base-on, (#fff));
262
298
  $theme-palette-brand-3-hover-surface: var(--vt-ce-theme-palette-brand-3-hover-surface, (#000000));
263
299
  $theme-palette-brand-3-hover-on: var(--vt-ce-theme-palette-brand-3-hover-on, (#fff));
300
+ $theme-palette-brand-3-active-surface: var(--vt-ce-theme-palette-brand-3-active-surface, (#000000));
301
+ $theme-palette-brand-3-active-on: var(--vt-ce-theme-palette-brand-3-active-on, (#fff));
264
302
  $theme-palette-brand-3-disabled-surface: var(--vt-ce-theme-palette-brand-3-disabled-surface, (#FAFAFA));
265
303
  $theme-palette-brand-3-disabled-on: var(--vt-ce-theme-palette-brand-3-disabled-on, (#7C848D));
266
304
  $theme-palette-brand-4-base-surface: var(--vt-ce-theme-palette-brand-4-base-surface, (#616161));
267
305
  $theme-palette-brand-4-base-on: var(--vt-ce-theme-palette-brand-4-base-on, (#fff));
268
306
  $theme-palette-brand-4-hover-surface: var(--vt-ce-theme-palette-brand-4-hover-surface, (#474747));
269
307
  $theme-palette-brand-4-hover-on: var(--vt-ce-theme-palette-brand-4-hover-on, (#fff));
308
+ $theme-palette-brand-4-active-surface: var(--vt-ce-theme-palette-brand-4-active-surface, (#474747));
309
+ $theme-palette-brand-4-active-on: var(--vt-ce-theme-palette-brand-4-active-on, (#fff));
270
310
  $theme-palette-brand-4-disabled-surface: var(--vt-ce-theme-palette-brand-4-disabled-surface, (#FAFAFA));
271
311
  $theme-palette-brand-4-disabled-on: var(--vt-ce-theme-palette-brand-4-disabled-on, (#7C848D));
272
312
  $theme-palette-brand-5-base-surface: var(--vt-ce-theme-palette-brand-5-base-surface, (#404040));
273
313
  $theme-palette-brand-5-base-on: var(--vt-ce-theme-palette-brand-5-base-on, (#fff));
274
314
  $theme-palette-brand-5-hover-surface: var(--vt-ce-theme-palette-brand-5-hover-surface, (#262626));
275
315
  $theme-palette-brand-5-hover-on: var(--vt-ce-theme-palette-brand-5-hover-on, (#fff));
316
+ $theme-palette-brand-5-active-surface: var(--vt-ce-theme-palette-brand-5-active-surface, (#262626));
317
+ $theme-palette-brand-5-active-on: var(--vt-ce-theme-palette-brand-5-active-on, (#fff));
276
318
  $theme-palette-brand-5-disabled-surface: var(--vt-ce-theme-palette-brand-5-disabled-surface, (#FAFAFA));
277
319
  $theme-palette-brand-5-disabled-on: var(--vt-ce-theme-palette-brand-5-disabled-on, (#7C848D));
278
320
  $theme-palette-text-primary: var(--vt-ce-theme-palette-text-primary, (#2A323C));
@@ -282,60 +324,80 @@ $theme-palette-action-primary-base-surface: var(--vt-ce-theme-palette-action-pri
282
324
  $theme-palette-action-primary-base-on: var(--vt-ce-theme-palette-action-primary-base-on, (#FFFFFF));
283
325
  $theme-palette-action-primary-hover-surface: var(--vt-ce-theme-palette-action-primary-hover-surface, (#335B89));
284
326
  $theme-palette-action-primary-hover-on: var(--vt-ce-theme-palette-action-primary-hover-on, (#FFFFFF));
327
+ $theme-palette-action-primary-active-surface: var(--vt-ce-theme-palette-action-primary-active-surface, (#2c5ea0));
328
+ $theme-palette-action-primary-active-on: var(--vt-ce-theme-palette-action-primary-active-on, (#FFFFFF));
285
329
  $theme-palette-action-primary-disabled-surface: var(--vt-ce-theme-palette-action-primary-disabled-surface, (#FAFAFA));
286
330
  $theme-palette-action-primary-disabled-on: var(--vt-ce-theme-palette-action-primary-disabled-on, (#7C848D));
287
331
  $theme-palette-action-secondary-base-surface: var(--vt-ce-theme-palette-action-secondary-base-surface, (#475364));
288
332
  $theme-palette-action-secondary-base-on: var(--vt-ce-theme-palette-action-secondary-base-on, (#FFFFFF));
289
333
  $theme-palette-action-secondary-hover-surface: var(--vt-ce-theme-palette-action-secondary-hover-surface, (#335B89));
290
334
  $theme-palette-action-secondary-hover-on: var(--vt-ce-theme-palette-action-secondary-hover-on, (#FFFFFF));
335
+ $theme-palette-action-secondary-active-surface: var(--vt-ce-theme-palette-action-secondary-active-surface, (#3d3d3d));
336
+ $theme-palette-action-secondary-active-on: var(--vt-ce-theme-palette-action-secondary-active-on, (#FFFFFF));
291
337
  $theme-palette-action-secondary-disabled-surface: var(--vt-ce-theme-palette-action-secondary-disabled-surface, (#FAFAFA));
292
338
  $theme-palette-action-secondary-disabled-on: var(--vt-ce-theme-palette-action-secondary-disabled-on, (#7C848D));
293
339
  $theme-palette-action-destructive-base-surface: var(--vt-ce-theme-palette-action-destructive-base-surface, (#EB0000));
294
340
  $theme-palette-action-destructive-base-on: var(--vt-ce-theme-palette-action-destructive-base-on, (#FFFFFF));
295
341
  $theme-palette-action-destructive-hover-surface: var(--vt-ce-theme-palette-action-destructive-hover-surface, (#a63737));
296
342
  $theme-palette-action-destructive-hover-on: var(--vt-ce-theme-palette-action-destructive-hover-on, (#FFFFFF));
343
+ $theme-palette-action-destructive-active-surface: var(--vt-ce-theme-palette-action-destructive-active-surface, (#a11717));
344
+ $theme-palette-action-destructive-active-on: var(--vt-ce-theme-palette-action-destructive-active-on, (#FFFFFF));
297
345
  $theme-palette-action-destructive-disabled-surface: var(--vt-ce-theme-palette-action-destructive-disabled-surface, (#FAFAFA));
298
346
  $theme-palette-action-destructive-disabled-on: var(--vt-ce-theme-palette-action-destructive-disabled-on, (#7C848D));
299
347
  $theme-palette-action-text-base-surface: var(--vt-ce-theme-palette-action-text-base-surface, (#465364));
300
348
  $theme-palette-action-text-base-on: var(--vt-ce-theme-palette-action-text-base-on, (#fff));
301
349
  $theme-palette-action-text-hover-surface: var(--vt-ce-theme-palette-action-text-hover-surface, (#335B89));
302
350
  $theme-palette-action-text-hover-on: var(--vt-ce-theme-palette-action-text-hover-on, (#FFFFFF));
351
+ $theme-palette-action-text-active-surface: var(--vt-ce-theme-palette-action-text-active-surface, (#2c5ea0));
352
+ $theme-palette-action-text-active-on: var(--vt-ce-theme-palette-action-text-active-on, (#FFFFFF));
303
353
  $theme-palette-action-text-disabled-surface: var(--vt-ce-theme-palette-action-text-disabled-surface, (#FAFAFA));
304
354
  $theme-palette-action-text-disabled-on: var(--vt-ce-theme-palette-action-text-disabled-on, (#7C848D));
305
355
  $theme-palette-indicator-success-base-surface: var(--vt-ce-theme-palette-indicator-success-base-surface, (#28BA3F));
306
356
  $theme-palette-indicator-success-base-on: var(--vt-ce-theme-palette-indicator-success-base-on, (#FFFFFF));
307
357
  $theme-palette-indicator-success-hover-surface: var(--vt-ce-theme-palette-indicator-success-hover-surface, (#34793e));
308
358
  $theme-palette-indicator-success-hover-on: var(--vt-ce-theme-palette-indicator-success-hover-on, (#FFFFFF));
359
+ $theme-palette-indicator-success-active-surface: var(--vt-ce-theme-palette-indicator-success-active-surface, (#34793e));
360
+ $theme-palette-indicator-success-active-on: var(--vt-ce-theme-palette-indicator-success-active-on, (#FFFFFF));
309
361
  $theme-palette-indicator-success-disabled-surface: var(--vt-ce-theme-palette-indicator-success-disabled-surface, (#FAFAFA));
310
362
  $theme-palette-indicator-success-disabled-on: var(--vt-ce-theme-palette-indicator-success-disabled-on, (#7C848D));
311
363
  $theme-palette-indicator-info-base-surface: var(--vt-ce-theme-palette-indicator-info-base-surface, (#335B89));
312
364
  $theme-palette-indicator-info-base-on: var(--vt-ce-theme-palette-indicator-info-base-on, (#FFFFFF));
313
365
  $theme-palette-indicator-info-hover-surface: var(--vt-ce-theme-palette-indicator-info-hover-surface, (#364453));
314
366
  $theme-palette-indicator-info-hover-on: var(--vt-ce-theme-palette-indicator-info-hover-on, (#FFFFFF));
367
+ $theme-palette-indicator-info-active-surface: var(--vt-ce-theme-palette-indicator-info-active-surface, (#364453));
368
+ $theme-palette-indicator-info-active-on: var(--vt-ce-theme-palette-indicator-info-active-on, (#FFFFFF));
315
369
  $theme-palette-indicator-info-disabled-surface: var(--vt-ce-theme-palette-indicator-info-disabled-surface, (#FAFAFA));
316
370
  $theme-palette-indicator-info-disabled-on: var(--vt-ce-theme-palette-indicator-info-disabled-on, (#7C848D));
317
371
  $theme-palette-indicator-warning-base-surface: var(--vt-ce-theme-palette-indicator-warning-base-surface, (#FFBB0A));
318
372
  $theme-palette-indicator-warning-base-on: var(--vt-ce-theme-palette-indicator-warning-base-on, (#FFFFFF));
319
373
  $theme-palette-indicator-warning-hover-surface: var(--vt-ce-theme-palette-indicator-warning-hover-surface, (#bb8e1b));
320
374
  $theme-palette-indicator-warning-hover-on: var(--vt-ce-theme-palette-indicator-warning-hover-on, (#FFFFFF));
375
+ $theme-palette-indicator-warning-active-surface: var(--vt-ce-theme-palette-indicator-warning-active-surface, (#bb8e1b));
376
+ $theme-palette-indicator-warning-active-on: var(--vt-ce-theme-palette-indicator-warning-active-on, (#FFFFFF));
321
377
  $theme-palette-indicator-warning-disabled-surface: var(--vt-ce-theme-palette-indicator-warning-disabled-surface, (#FAFAFA));
322
378
  $theme-palette-indicator-warning-disabled-on: var(--vt-ce-theme-palette-indicator-warning-disabled-on, (#7C848D));
323
379
  $theme-palette-indicator-error-base-surface: var(--vt-ce-theme-palette-indicator-error-base-surface, (#EB0000));
324
380
  $theme-palette-indicator-error-base-on: var(--vt-ce-theme-palette-indicator-error-base-on, (#FFFFFF));
325
381
  $theme-palette-indicator-error-hover-surface: var(--vt-ce-theme-palette-indicator-error-hover-surface, (#a11717));
326
382
  $theme-palette-indicator-error-hover-on: var(--vt-ce-theme-palette-indicator-error-hover-on, (#FFFFFF));
383
+ $theme-palette-indicator-error-active-surface: var(--vt-ce-theme-palette-indicator-error-active-surface, (#a11717));
384
+ $theme-palette-indicator-error-active-on: var(--vt-ce-theme-palette-indicator-error-active-on, (#FFFFFF));
327
385
  $theme-palette-indicator-error-disabled-surface: var(--vt-ce-theme-palette-indicator-error-disabled-surface, (#FAFAFA));
328
386
  $theme-palette-indicator-error-disabled-on: var(--vt-ce-theme-palette-indicator-error-disabled-on, (#7C848D));
329
387
  $theme-palette-indicator-pending-base-surface: var(--vt-ce-theme-palette-indicator-pending-base-surface, (#7C848D));
330
388
  $theme-palette-indicator-pending-base-on: var(--vt-ce-theme-palette-indicator-pending-base-on, (#FFFFFF));
331
389
  $theme-palette-indicator-pending-hover-surface: var(--vt-ce-theme-palette-indicator-pending-hover-surface, (#6b6b6b));
332
390
  $theme-palette-indicator-pending-hover-on: var(--vt-ce-theme-palette-indicator-pending-hover-on, (#FFFFFF));
391
+ $theme-palette-indicator-pending-active-surface: var(--vt-ce-theme-palette-indicator-pending-active-surface, (#6b6b6b));
392
+ $theme-palette-indicator-pending-active-on: var(--vt-ce-theme-palette-indicator-pending-active-on, (#FFFFFF));
333
393
  $theme-palette-indicator-pending-disabled-surface: var(--vt-ce-theme-palette-indicator-pending-disabled-surface, (#FAFAFA));
334
394
  $theme-palette-indicator-pending-disabled-on: var(--vt-ce-theme-palette-indicator-pending-disabled-on, (#7C848D));
335
395
  $theme-palette-indicator-processing-base-surface: var(--vt-ce-theme-palette-indicator-processing-base-surface, (#FFBB0A));
336
396
  $theme-palette-indicator-processing-base-on: var(--vt-ce-theme-palette-indicator-processing-base-on, (#FFFFFF));
337
397
  $theme-palette-indicator-processing-hover-surface: var(--vt-ce-theme-palette-indicator-processing-hover-surface, (#bb8e1b));
338
398
  $theme-palette-indicator-processing-hover-on: var(--vt-ce-theme-palette-indicator-processing-hover-on, (#FFFFFF));
399
+ $theme-palette-indicator-processing-active-surface: var(--vt-ce-theme-palette-indicator-processing-active-surface, (#bb8e1b));
400
+ $theme-palette-indicator-processing-active-on: var(--vt-ce-theme-palette-indicator-processing-active-on, (#FFFFFF));
339
401
  $theme-palette-indicator-processing-disabled-surface: var(--vt-ce-theme-palette-indicator-processing-disabled-surface, (#FAFAFA));
340
402
  $theme-palette-indicator-processing-disabled-on: var(--vt-ce-theme-palette-indicator-processing-disabled-on, (#7C848D));
341
403
  $theme-palette-disabled-surface: var(--vt-ce-theme-palette-disabled-surface, (#FAFAFA));
@@ -345,8 +407,10 @@ $theme-palette-background-secondary: var(--vt-ce-theme-palette-background-second
345
407
  $theme-palette-stroke-primary: var(--vt-ce-theme-palette-stroke-primary, (#D8D8D8));
346
408
  $theme-palette-table-base-surface: var(--vt-ce-theme-palette-table-base-surface, (#FFFFFF));
347
409
  $theme-palette-table-base-on: var(--vt-ce-theme-palette-table-base-on, (#2A323C));
348
- $theme-palette-table-hover-surface: var(--vt-ce-theme-palette-table-hover-surface, (#EAF1FA));
410
+ $theme-palette-table-hover-surface: var(--vt-ce-theme-palette-table-hover-surface, (#ECEFF2));
349
411
  $theme-palette-table-hover-on: var(--vt-ce-theme-palette-table-hover-on, (#000));
412
+ $theme-palette-table-active-surface: var(--vt-ce-theme-palette-table-active-surface, (#ECEFF2));
413
+ $theme-palette-table-active-on: var(--vt-ce-theme-palette-table-active-on, (#000));
350
414
  $theme-palette-table-disabled-surface: var(--vt-ce-theme-palette-table-disabled-surface, (#FAFAFA));
351
415
  $theme-palette-table-disabled-on: var(--vt-ce-theme-palette-table-disabled-on, (#7C848D));
352
416
  $theme-palette-tooltip-surface: var(--vt-ce-theme-palette-tooltip-surface, (#7C848D));