@wistia/ui 2.11.2-beta.90db95cd.e9943eb → 2.11.2-beta.ebaea1ee.e826bd6
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/dist/css/schemes/blue.css +70 -0
- package/dist/css/schemes/error.css +70 -0
- package/dist/css/schemes/green.css +70 -0
- package/dist/css/schemes/info.css +70 -0
- package/dist/css/schemes/nav.css +76 -0
- package/dist/css/schemes/orange.css +70 -0
- package/dist/css/schemes/pink.css +70 -0
- package/dist/css/schemes/purple.css +70 -0
- package/dist/css/schemes/red.css +70 -0
- package/dist/css/schemes/remix-lime.css +70 -0
- package/dist/css/schemes/standard.css +70 -0
- package/dist/css/schemes/success.css +70 -0
- package/dist/css/schemes/vendor-hubspot.css +70 -0
- package/dist/css/schemes/vendor-marketo.css +70 -0
- package/dist/css/schemes/vendor-pardot.css +70 -0
- package/dist/css/schemes/warning.css +70 -0
- package/dist/css/schemes/yellow.css +70 -0
- package/dist/css/tokens.css +2217 -0
- package/dist/index.js +1 -1
- package/package.json +7 -3
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, remix-lime permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-remix-lime-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-remix-lime-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-remix-lime-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-remix-lime-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-remix-lime-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-remix-lime-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-remix-lime-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-remix-lime-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-remix-lime-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-remix-lime-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-remix-lime-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-remix-lime-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-remix-lime-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-remix-lime-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-remix-lime-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-remix-lime-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-remix-lime-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-remix-lime-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-remix-lime-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-remix-lime-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-remix-lime-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-remix-lime-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-remix-lime-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-remix-lime-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-remix-lime-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-remix-lime-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-remix-lime-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-remix-lime-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-remix-lime-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, standard permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-blue-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-blue-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-blue-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-blue-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-blue-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-blue-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-blue-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-blue-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-blue-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-blue-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-blue-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-blue-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-blue-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-gray-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-gray-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-gray-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-gray-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-gray-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-gray-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-gray-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-gray-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-gray-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-gray-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-gray-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-gray-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-gray-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-gray-1);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-gray-12);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-color-accent-11);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, success permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-success-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-success-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-success-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-success-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-success-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-success-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-success-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-success-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-success-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-success-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-success-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-success-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-success-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-success-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-success-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-success-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-success-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-success-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-success-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-success-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-success-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-success-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-success-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-success-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-success-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-success-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-success-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-success-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-success-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, vendor-hubspot permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-vendor-hubspot-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-vendor-hubspot-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-vendor-hubspot-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-vendor-hubspot-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-vendor-hubspot-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-vendor-hubspot-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-vendor-hubspot-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-vendor-hubspot-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-vendor-hubspot-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-vendor-hubspot-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-vendor-hubspot-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-vendor-hubspot-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-vendor-hubspot-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-vendor-hubspot-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-vendor-hubspot-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-vendor-hubspot-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-vendor-hubspot-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-vendor-hubspot-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-vendor-hubspot-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-vendor-hubspot-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-vendor-hubspot-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-vendor-hubspot-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-vendor-hubspot-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-vendor-hubspot-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-vendor-hubspot-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-vendor-hubspot-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-vendor-hubspot-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-vendor-hubspot-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-vendor-hubspot-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, vendor-marketo permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-vendor-marketo-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-vendor-marketo-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-vendor-marketo-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-vendor-marketo-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-vendor-marketo-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-vendor-marketo-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-vendor-marketo-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-vendor-marketo-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-vendor-marketo-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-vendor-marketo-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-vendor-marketo-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-vendor-marketo-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-vendor-marketo-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-vendor-marketo-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-vendor-marketo-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-vendor-marketo-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-vendor-marketo-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-vendor-marketo-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-vendor-marketo-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-vendor-marketo-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-vendor-marketo-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-vendor-marketo-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-vendor-marketo-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-vendor-marketo-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-vendor-marketo-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-vendor-marketo-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-vendor-marketo-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-vendor-marketo-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-vendor-marketo-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, vendor-pardot permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-vendor-pardot-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-vendor-pardot-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-vendor-pardot-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-vendor-pardot-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-vendor-pardot-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-vendor-pardot-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-vendor-pardot-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-vendor-pardot-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-vendor-pardot-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-vendor-pardot-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-vendor-pardot-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-vendor-pardot-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-vendor-pardot-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-vendor-pardot-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-vendor-pardot-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-vendor-pardot-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-vendor-pardot-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-vendor-pardot-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-vendor-pardot-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-vendor-pardot-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-vendor-pardot-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-vendor-pardot-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-vendor-pardot-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-vendor-pardot-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-vendor-pardot-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-vendor-pardot-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-vendor-pardot-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-vendor-pardot-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-vendor-pardot-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, warning permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-warning-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-warning-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-warning-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-warning-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-warning-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-warning-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-warning-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-warning-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-warning-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-warning-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-warning-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-warning-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-warning-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-warning-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-warning-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-warning-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-warning-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-warning-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-warning-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-warning-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-warning-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-warning-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-warning-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-warning-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-warning-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-warning-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-warning-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-warning-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-warning-11);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/* -------------------------------------------
|
|
2
|
+
* Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
|
|
3
|
+
* Source: generated/tokens.css, yellow permutation
|
|
4
|
+
* ------------------------------------------- */
|
|
5
|
+
--wui-color-accent-1: var(--wui-yellow-1);
|
|
6
|
+
--wui-color-accent-2: var(--wui-yellow-2);
|
|
7
|
+
--wui-color-accent-3: var(--wui-yellow-3);
|
|
8
|
+
--wui-color-accent-4: var(--wui-yellow-4);
|
|
9
|
+
--wui-color-accent-5: var(--wui-yellow-5);
|
|
10
|
+
--wui-color-accent-6: var(--wui-yellow-6);
|
|
11
|
+
--wui-color-accent-7: var(--wui-yellow-7);
|
|
12
|
+
--wui-color-accent-8: var(--wui-yellow-8);
|
|
13
|
+
--wui-color-accent-9: var(--wui-yellow-9);
|
|
14
|
+
--wui-color-accent-10: var(--wui-yellow-10);
|
|
15
|
+
--wui-color-accent-11: var(--wui-yellow-11);
|
|
16
|
+
--wui-color-accent-12: var(--wui-yellow-12);
|
|
17
|
+
--wui-color-accent-contrast: var(--wui-yellow-contrast);
|
|
18
|
+
--wui-color-base-1: var(--wui-yellow-1);
|
|
19
|
+
--wui-color-base-2: var(--wui-yellow-2);
|
|
20
|
+
--wui-color-base-3: var(--wui-yellow-3);
|
|
21
|
+
--wui-color-base-4: var(--wui-yellow-4);
|
|
22
|
+
--wui-color-base-5: var(--wui-yellow-5);
|
|
23
|
+
--wui-color-base-6: var(--wui-yellow-6);
|
|
24
|
+
--wui-color-base-7: var(--wui-yellow-7);
|
|
25
|
+
--wui-color-base-8: var(--wui-yellow-8);
|
|
26
|
+
--wui-color-base-9: var(--wui-yellow-9);
|
|
27
|
+
--wui-color-base-10: var(--wui-yellow-10);
|
|
28
|
+
--wui-color-base-11: var(--wui-yellow-11);
|
|
29
|
+
--wui-color-base-12: var(--wui-yellow-12);
|
|
30
|
+
--wui-color-base-contrast: var(--wui-yellow-contrast);
|
|
31
|
+
/* Solid accent background for the highest-emphasis element in a region: primary buttons, checked controls, progress fills. Pair with the -on-fill foreground tokens. */
|
|
32
|
+
--wui-color-bg-fill: var(--wui-color-accent-9);
|
|
33
|
+
/* Pressed background for a fill element. */
|
|
34
|
+
--wui-color-bg-fill-active: var(--wui-color-accent-11);
|
|
35
|
+
/* Hover background for an interactive fill element. */
|
|
36
|
+
--wui-color-bg-fill-hover: var(--wui-color-accent-10);
|
|
37
|
+
/* Default background for a container that sits on the app background: cards, menus, popovers, toasts, sidebars, input interiors. */
|
|
38
|
+
--wui-color-bg-surface: var(--wui-color-surface-token);
|
|
39
|
+
/* Pressed background for an item resting on surface. */
|
|
40
|
+
--wui-color-bg-surface-active: var(--wui-color-base-4);
|
|
41
|
+
/* Hover background for an interactive item resting on surface: menu items, listbox options, editable text. */
|
|
42
|
+
--wui-color-bg-surface-hover: var(--wui-color-base-3);
|
|
43
|
+
/* Background for an element one nesting level deeper than surface, or a subtle tinted chip: badges, banners, tags, keyboard shortcuts, meter and progress tracks, secondary buttons. */
|
|
44
|
+
--wui-color-bg-surface-secondary: var(--wui-color-base-3);
|
|
45
|
+
/* Pressed background for a surface-secondary element. */
|
|
46
|
+
--wui-color-bg-surface-secondary-active: var(--wui-color-base-5);
|
|
47
|
+
/* Hover background for an interactive surface-secondary element. */
|
|
48
|
+
--wui-color-bg-surface-secondary-hover: var(--wui-color-base-4);
|
|
49
|
+
/* Strongest non-interactive tint: text highlights, skeleton and placeholder shapes, off-state control tracks. Has no hover/active variants. */
|
|
50
|
+
--wui-color-bg-surface-tertiary: var(--wui-color-base-5);
|
|
51
|
+
--wui-color-border: var(--wui-color-base-6);
|
|
52
|
+
--wui-color-border-active: var(--wui-color-base-9);
|
|
53
|
+
--wui-color-border-hover: var(--wui-color-base-8);
|
|
54
|
+
--wui-color-border-secondary: var(--wui-color-base-8);
|
|
55
|
+
--wui-color-border-secondary-active: var(--wui-color-base-11);
|
|
56
|
+
--wui-color-border-secondary-hover: var(--wui-color-base-10);
|
|
57
|
+
--wui-color-focus-ring: var(--wui-color-accent-11);
|
|
58
|
+
--wui-color-icon: var(--wui-color-base-11);
|
|
59
|
+
--wui-color-icon-on-fill: var(--wui-color-accent-contrast);
|
|
60
|
+
/* Internal indirection target used by scheme definitions — use color.bg.surface instead. */
|
|
61
|
+
--wui-color-surface-token: var(--wui-yellow-2);
|
|
62
|
+
--wui-color-text: var(--wui-color-base-12);
|
|
63
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
64
|
+
--wui-color-text-button: var(--wui-color-text-button-token);
|
|
65
|
+
/* Internal indirection target used by scheme definitions — use color.text-button instead. */
|
|
66
|
+
--wui-color-text-button-token: var(--wui-yellow-11);
|
|
67
|
+
--wui-color-text-link: var(--wui-color-text-link-token);
|
|
68
|
+
--wui-color-text-link-token: var(--wui-yellow-9);
|
|
69
|
+
--wui-color-text-on-fill: var(--wui-color-accent-contrast);
|
|
70
|
+
--wui-color-text-secondary: var(--wui-color-base-11);
|