@watermarkinsights/ripple 4.11.0 → 5.0.0

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 (27) hide show
  1. package/dist/cjs/app-globals-d6c37251.js +92 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/ripple.cjs.js +1 -1
  4. package/dist/collection/global/global.js +0 -5
  5. package/dist/esm/app-globals-2df700e6.js +90 -0
  6. package/dist/esm/loader.js +1 -1
  7. package/dist/esm/ripple.js +1 -1
  8. package/dist/esm-es5/app-globals-2df700e6.js +1 -0
  9. package/dist/esm-es5/loader.js +1 -1
  10. package/dist/esm-es5/ripple.js +1 -1
  11. package/dist/ripple/p-764cee74.system.js +1 -0
  12. package/dist/ripple/{p-a5d1db19.system.js → p-838d75c2.system.js} +1 -1
  13. package/dist/ripple/p-ce492826.js +1 -0
  14. package/dist/ripple/ripple.esm.js +1 -1
  15. package/dist/ripple/ripple.js +1 -1
  16. package/package.json +1 -1
  17. package/dist/cjs/app-globals-4d0c4389.js +0 -341
  18. package/dist/collection/global/themes/default.js +0 -230
  19. package/dist/collection/global/themes/neutral.js +0 -14
  20. package/dist/collection/global/themes/ugly.js +0 -48
  21. package/dist/esm/app-globals-52d71b0e.js +0 -339
  22. package/dist/esm-es5/app-globals-52d71b0e.js +0 -1
  23. package/dist/ripple/p-862f5861.js +0 -1
  24. package/dist/ripple/p-fbbf3172.system.js +0 -1
  25. package/dist/types/global/themes/default.d.ts +0 -1
  26. package/dist/types/global/themes/neutral.d.ts +0 -1
  27. package/dist/types/global/themes/ugly.d.ts +0 -1
package/dist/collection/global/themes/default.js DELETED
@@ -1,230 +0,0 @@
1
- export function injectDefaultTheme() {
2
- const style = `
3
- :root {
4
- /* Color Palette */
5
- --wmcolor-acidwashjeans: #9bb6d7;
6
- --wmcolor-asphalt: #353b48;
7
- --wmcolor-asphalt-light: #454b57;
8
- --wmcolor-blueberry: #667eed;
9
- --wmcolor-cement: #afadb1;
10
- --wmcolor-charcoal: #4a4a4a;
11
- --wmcolor-cowboyjeans: #18314E;
12
- --wmcolor-cyan: #19a1a9;
13
- --wmcolor-cyan-dark: #15868d;
14
- --wmcolor-cyan-darker: #116b71;
15
- --wmcolor-cyber: #ddf1f2;
16
- --wmcolor-dadjeans: #244974;
17
- --wmcolor-firetruck: #c0392b;
18
- --wmcolor-firetruck-dark: #9a2e22;
19
- --wmcolor-firetruck-darker: #73221a;
20
- --wmcolor-firetruck-light: #f6e1df;
21
- --wmcolor-forest: #088000;
22
- --wmcolor-forest-dark: #054d00;
23
- --wmcolor-forest-light: #daecd9;
24
- --wmcolor-gray: #6b6b6b;
25
- --wmcolor-gray-light: #A6A6A6;
26
- --wmcolor-lavender: #8B86CA;
27
- --wmcolor-linen: #E1E9F3;
28
- --wmcolor-meteorite: #454b57;
29
- --wmcolor-midnight: #2e1b46;
30
- --wmcolor-momjeans: #366dae;
31
- --wmcolor-orchid: #b36dcd;
32
- --wmcolor-palelilacgray: #e9e7ec;
33
- --wmcolor-palelilacgray-dark: #d2d0d4;
34
- --wmcolor-paleviolet: #eeedf7;
35
- --wmcolor-periwinkle: #575195;
36
- --wmcolor-periwinkle-dark: #464177;
37
- --wmcolor-salmon: #ff5f4e;
38
- --wmcolor-salmon-dark: #cc4c3e;
39
- --wmcolor-salmon-darker: #a33d32;
40
- --wmcolor-snow: #fafafa;
41
- --wmcolor-transparent: transparent;
42
- --wmcolor-white: #fff;
43
- --wmcolor-whitesmoke: #f4f4f4;
44
-
45
- /* Base Tokens */
46
- --wmcolor-background-dark-secondary: var(--wmcolor-meteorite);
47
- --wmcolor-background-dark: var(--wmcolor-asphalt);
48
- --wmcolor-background-disabled: var(--wmcolor-whitesmoke);
49
- --wmcolor-background-error: var(--wmcolor-firetruck-light);
50
- --wmcolor-background-highlight: var(--wmcolor-cyber);
51
- --wmcolor-background-positive: var(--wmcolor-forest-light);
52
- --wmcolor-background-readonly: var(--wmcolor-whitesmoke);
53
- --wmcolor-background-selected: var(--wmcolor-paleviolet);
54
- --wmcolor-background-transparent: var(--wmcolor-transparent);
55
- --wmcolor-background: var(--wmcolor-white);
56
- --wmcolor-border-dark: var(--wmcolor-charcoal);
57
- --wmcolor-border-error: var(--wmcolor-negative);
58
- --wmcolor-border-focus: var(--wmcolor-cyan);
59
- --wmcolor-border-light: var(--wmcolor-whitesmoke);
60
- --wmcolor-border: var(--wmcolor-palelilacgray-dark);
61
- --wmcolor-brand-dark: var(--wmcolor-midnight);
62
- --wmcolor-brand: var(--wmcolor-periwinkle);
63
- --wmcolor-card-background: var(--wmcolor-white);
64
- --wmcolor-icon: var(--wmcolor-charcoal);
65
- --wmcolor-icon-ondark: var(--wmcolor-text-ondark);
66
- --wmcolor-icon-accent: var(--wmcolor-gray);
67
- --wmcolor-interactive-background-focus: var(--wmcolor-palelilacgray);
68
- --wmcolor-interactive-background-hover: var(--wmcolor-whitesmoke);
69
- --wmcolor-interactive-delete-hover: var(--wmcolor-firetruck-dark);
70
- --wmcolor-interactive-delete: var(--wmcolor-firetruck);
71
- --wmcolor-interactive-disabled-ondark: var(--wmcolor-gray-light);
72
- --wmcolor-interactive-disabled: var(--wmcolor-gray);
73
- --wmcolor-interactive-focus-ondark: var(--wmcolor-interactive-focus); /* deprecated */
74
- --wmcolor-interactive-focus-textonly-ondark: var(--wmcolor-interactive-focus); /* deprecated */
75
- --wmcolor-interactive-focus-textonly: var(--wmcolor-interactive-focus); /* deprecated */
76
- --wmcolor-interactive-focus: var(--wmcolor-orchid);
77
- --wmcolor-interactive-hover-ondark: var(--wmcolor-palelilacgray);
78
- --wmcolor-interactive-hover: var(--wmcolor-periwinkle-dark);
79
- --wmcolor-interactive-negative-hover: var(--wmcolor-salmon-darker);
80
- --wmcolor-interactive-negative: var(--wmcolor-salmon-dark);
81
- --wmcolor-interactive-ondark: var(--wmcolor-white);
82
- --wmcolor-interactive-positive-hover: var(--wmcolor-cyan-darker);
83
- --wmcolor-interactive-positive: var(--wmcolor-cyan-dark);
84
- --wmcolor-interactive-text-disabled-ondark: var(--wmcolor-asphalt);
85
- --wmcolor-interactive-text-ondark: var(--wmcolor-brand);
86
- --wmcolor-interactive-text-selected: var(--wmcolor-interactive-text);
87
- --wmcolor-interactive-text: var(--wmcolor-white);
88
- --wmcolor-interactive: var(--wmcolor-brand);
89
- --wmcolor-link-text: var(--wmcolor-interactive);
90
- --wmcolor-negative: var(--wmcolor-firetruck);
91
- --wmcolor-option-background-focus: var(--wmcolor-palelilacgray);
92
- --wmcolor-option-background-hover: var(--wmcolor-interactive-background-hover);
93
- --wmcolor-option-background: var(--wmcolor-background);
94
- --wmcolor-option-background-selected: var(--wmcolor-background-selected);
95
- --wmcolor-option-background-disabled: var(--wmcolor-background-disabled);
96
- --wmcolor-option-border: var(--wmcolor-border-light);
97
- --wmcolor-option-text-disabled: var(--wmcolor-interactive-disabled);
98
- --wmcolor-option-text: var(--wmcolor-text);
99
- --wmcolor-overlay: rgba(25,25,25,0.4);
100
- --wmcolor-page-background: var(--wmcolor-snow);
101
- --wmcolor-positive-dark: var(--wmcolor-forest-dark);
102
- --wmcolor-positive: var(--wmcolor-forest);
103
- --wmcolor-progress: var(--wmcolor-cyan-dark);
104
- --wmcolor-table-altrow-background: var(--wmcolor-snow);
105
- --wmcolor-table-header-background: var(--wmcolor-palelilacgray);
106
- --wmcolor-table-row-background-selected: var(--wmcolor-background-highlight);
107
- --wmcolor-table-row-background: var(--wmcolor-white);
108
- --wmcolor-table-row-border-selected: var(--wmcolor-border-focus);
109
- --wmcolor-table-row-border: var(--wmcolor-border);
110
- --wmcolor-text-error: var(--wmcolor-negative);
111
- --wmcolor-text-negative: var(--wmcolor-firetruck);
112
- --wmcolor-text-ondark: var(--wmcolor-white);
113
- --wmcolor-text-positive: var(--wmcolor-positive);
114
- --wmcolor-text-required: var(--wmcolor-negative);
115
- --wmcolor-text: var(--wmcolor-charcoal);
116
- --wmcolor-tooltip-background: black; /* EXCEPTION */
117
- --wmcolor-tooltip-text: var(--wmcolor-text-ondark);
118
-
119
- /* Shared Tokens */
120
- --wmcolor-button-background-delete-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
121
- --wmcolor-button-background-delete-disabled: var(--wmcolor-interactive-disabled);
122
- --wmcolor-button-background-delete-hover: var(--wmcolor-interactive-delete-hover);
123
- --wmcolor-button-background-delete: var(--wmcolor-interactive-delete);
124
- --wmcolor-button-background-icononly-hover-ondark: var(--wmcolor-interactive-ondark);
125
- --wmcolor-button-background-icononly-hover: var(--wmcolor-interactive-hover);
126
- --wmcolor-button-background-icononly-ondark: var(--wmcolor-background-transparent);
127
- --wmcolor-button-background-icononly: var(--wmcolor-background);
128
- --wmcolor-button-background-navigational-hover-ondark: var(--wmcolor-interactive-ondark);
129
- --wmcolor-button-background-navigational-hover: var(--wmcolor-interactive-hover-ondark);
130
- --wmcolor-button-background-navigational-ondark: var(--wmcolor-background-transparent);
131
- --wmcolor-button-background-navigational: var(--wmcolor-background-transparent);
132
- --wmcolor-button-background-negative-disabled: var(--wmcolor-interactive-disabled);
133
- --wmcolor-button-background-negative-hover: var(--wmcolor-interactive-negative-hover);
134
- --wmcolor-button-background-negative: var(--wmcolor-interactive-negative);
135
- --wmcolor-button-background-positive-disabled: var(--wmcolor-interactive-disabled);
136
- --wmcolor-button-background-positive-hover: var(--wmcolor-interactive-positive-hover);
137
- --wmcolor-button-background-positive: var(--wmcolor-interactive-positive);
138
- --wmcolor-button-background-primary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
139
- --wmcolor-button-background-primary-disabled: var(--wmcolor-interactive-disabled);
140
- --wmcolor-button-background-primary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
141
- --wmcolor-button-background-primary-hover: var(--wmcolor-interactive-hover);
142
- --wmcolor-button-background-primary-ondark: var(--wmcolor-interactive-ondark);
143
- --wmcolor-button-background-primary: var(--wmcolor-interactive);
144
- --wmcolor-button-background-secondary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
145
- --wmcolor-button-background-secondary-hover: var(--wmcolor-interactive-hover);
146
- --wmcolor-button-background-secondary-ondark: var(--wmcolor-background-transparent);
147
- --wmcolor-button-background-secondary: var(--wmcolor-background);
148
- --wmcolor-button-background-selector-hover-ondark: var(--wmcolor-interactive-hover-ondark);
149
- --wmcolor-button-background-selector-hover: var(--wmcolor-interactive-hover);
150
- --wmcolor-button-background-selector-ondark: var(--wmcolor-background-transparent);
151
- --wmcolor-button-background-selector: var(--wmcolor-background);
152
- --wmcolor-button-background-selectorprimary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
153
- --wmcolor-button-background-selectorprimary-disabled: var(--wmcolor-interactive-disabled);
154
- --wmcolor-button-background-selectorprimary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
155
- --wmcolor-button-background-selectorprimary-hover: var(--wmcolor-interactive-hover);
156
- --wmcolor-button-background-selectorprimary-ondark: var(--wmcolor-interactive-ondark);
157
- --wmcolor-button-background-selectorprimary: var(--wmcolor-interactive);
158
- --wmcolor-button-border-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
159
- --wmcolor-button-border-icononly-disabled: var(--wmcolor-interactive-disabled);
160
- --wmcolor-button-border-icononly-ondark: var(--wmcolor-interactive-ondark);
161
- --wmcolor-button-border-icononly: var(--wmcolor-interactive);
162
- --wmcolor-button-border-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
163
- --wmcolor-button-border-secondary-disabled: var(--wmcolor-interactive-disabled);
164
- --wmcolor-button-border-secondary-ondark: var(--wmcolor-interactive-ondark);
165
- --wmcolor-button-border-secondary: var(--wmcolor-interactive);
166
- --wmcolor-button-border-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
167
- --wmcolor-button-border-selector-disabled: var(--wmcolor-interactive-disabled);
168
- --wmcolor-button-border-selector-ondark: var(--wmcolor-interactive-ondark);
169
- --wmcolor-button-border-selector: var(--wmcolor-interactive);
170
- --wmcolor-button-icon-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
171
- --wmcolor-button-icon-icononly-disabled: var(--wmcolor-interactive-disabled);
172
- --wmcolor-button-icon-icononly-hover-ondark: var(--wmcolor-interactive);
173
- --wmcolor-button-icon-icononly-hover: var(--wmcolor-interactive-ondark);
174
- --wmcolor-button-icon-icononly-ondark: var(--wmcolor-interactive-ondark);
175
- --wmcolor-button-icon-icononly: var(--wmcolor-interactive);
176
- --wmcolor-button-icon-navigational-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
177
- --wmcolor-button-icon-navigational-disabled: var(--wmcolor-interactive-disabled);
178
- --wmcolor-button-icon-navigational-hover-ondark: var(--wmcolor-interactive);
179
- --wmcolor-button-icon-navigational-hover: var(--wmcolor-interactive);
180
- --wmcolor-button-icon-navigational-ondark: var(--wmcolor-interactive-ondark);
181
- --wmcolor-button-icon-navigational: var(--wmcolor-interactive);
182
- --wmcolor-button-text-delete-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
183
- --wmcolor-button-text-delete-disabled: var(--wmcolor-interactive-text);
184
- --wmcolor-button-text-delete: var(--wmcolor-interactive-text);
185
- --wmcolor-button-text-negative-disabled: var(--wmcolor-interactive-text);
186
- --wmcolor-button-text-negative: var(--wmcolor-interactive-text);
187
- --wmcolor-button-text-positive-disabled: var(--wmcolor-interactive-text);
188
- --wmcolor-button-text-positive: var(--wmcolor-interactive-text);
189
- --wmcolor-button-text-primary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
190
- --wmcolor-button-text-primary-disabled: var(--wmcolor-interactive-text);
191
- --wmcolor-button-text-primary-ondark: var(--wmcolor-interactive-text-ondark);
192
- --wmcolor-button-text-primary: var(--wmcolor-interactive-text);
193
- --wmcolor-button-text-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
194
- --wmcolor-button-text-secondary-disabled: var(--wmcolor-interactive-disabled);
195
- --wmcolor-button-text-secondary-hover-ondark: var(--wmcolor-interactive);
196
- --wmcolor-button-text-secondary-hover: var(--wmcolor-interactive-ondark);
197
- --wmcolor-button-text-secondary-ondark: var(--wmcolor-interactive-ondark);
198
- --wmcolor-button-text-secondary: var(--wmcolor-interactive);
199
- --wmcolor-button-text-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
200
- --wmcolor-button-text-selector-disabled: var(--wmcolor-interactive-disabled);
201
- --wmcolor-button-text-selector-hover-ondark: var(--wmcolor-interactive);
202
- --wmcolor-button-text-selector-hover: var(--wmcolor-interactive-ondark);
203
- --wmcolor-button-text-selector-ondark: var(--wmcolor-interactive-ondark);
204
- --wmcolor-button-text-selector: var(--wmcolor-interactive);
205
- --wmcolor-button-text-selectorprimary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
206
- --wmcolor-button-text-selectorprimary-disabled: var(--wmcolor-interactive-text);
207
- --wmcolor-button-text-selectorprimary-ondark: var(--wmcolor-interactive-text-ondark);
208
- --wmcolor-button-text-selectorprimary: var(--wmcolor-interactive-text);
209
- --wmcolor-button-text-textonly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
210
- --wmcolor-button-text-textonly-disabled: var(--wmcolor-interactive-disabled);
211
- --wmcolor-button-text-textonly-ondark: var(--wmcolor-interactive-ondark);
212
- --wmcolor-button-text-textonly: var(--wmcolor-interactive);
213
- --wmcolor-chart-gridline: var(--wmcolor-border);
214
- --wmcolor-chart-popover-background: var(--wmcolor-background);
215
- --wmcolor-input-background-disabled: var(--wmcolor-background-disabled);
216
- --wmcolor-input-background: var(--wmcolor-background);
217
- --wmcolor-input-border-disabled: var(--wmcolor-interactive-disabled);
218
- --wmcolor-input-border-error: var(--wmcolor-border-error);
219
- --wmcolor-input-border-focus: var(--wmcolor-border-focus);
220
- --wmcolor-input-border: var(--wmcolor-border-dark);
221
- --wmcolor-input-charcount-background: var(--wmcolor-background-readonly);
222
- --wmcolor-input-text-disabled: var(--wmcolor-interactive-disabled);
223
- --wmcolor-input-text: var(--wmcolor-text);
224
- --wmcolor-input-unit-background: var(--wmcolor-background-readonly);
225
- }
226
- `;
227
- const themeStyleEl = document.createElement("style");
228
- themeStyleEl.textContent = style;
229
- document.head.appendChild(themeStyleEl);
230
- }
package/dist/collection/global/themes/neutral.js DELETED
@@ -1,14 +0,0 @@
1
- export function injectNeutralTheme() {
2
- const style = `
3
- :root[wm-theme="neutral"] {
4
- --wmcolor-brand: var(--wmcolor-momjeans);
5
- --wmcolor-brand-dark: var(--wmcolor-cowboyjeans);
6
- --wmcolor-interactive-focus: var(--wmcolor-blueberry);
7
- --wmcolor-interactive-hover: var(--wmcolor-dadjeans);
8
- --wmcolor-background-selected: var(--wmcolor-linen);
9
- }
10
- `;
11
- const themeStyleEl = document.createElement("style");
12
- themeStyleEl.textContent = style;
13
- document.head.appendChild(themeStyleEl);
14
- }
package/dist/collection/global/themes/ugly.js DELETED
@@ -1,48 +0,0 @@
1
- export function injectNeutralTheme() {
2
- const style = `
3
- :root[wm-theme="ugly"] {
4
- --wmcolor-acidwashjeans: fuchsia;
5
- --wmcolor-asphalt: fuchsia;
6
- --wmcolor-asphalt-light: fuchsia;
7
- --wmcolor-blueberry: fuchsia;
8
- --wmcolor-cement: fuchsia;
9
- --wmcolor-charcoal: fuchsia;
10
- --wmcolor-cowboyjeans: fuchsia;
11
- --wmcolor-cyan: fuchsia;
12
- --wmcolor-cyan-dark: fuchsia;
13
- --wmcolor-cyan-darker: fuchsia;
14
- --wmcolor-cyber: fuchsia;
15
- --wmcolor-dadjeans: fuchsia;
16
- --wmcolor-firetruck: fuchsia;
17
- --wmcolor-firetruck-dark: fuchsia;
18
- --wmcolor-firetruck-darker: fuchsia;
19
- --wmcolor-firetruck-light: fuchsia;
20
- --wmcolor-forest: fuchsia;
21
- --wmcolor-forest-dark: fuchsia;
22
- --wmcolor-forest-light: fuchsia;
23
- --wmcolor-gray: fuchsia;
24
- --wmcolor-gray-light: fuchsia;
25
- --wmcolor-lavender: fuchsia;
26
- --wmcolor-linen: fuchsia;
27
- --wmcolor-meteorite: fuchsia;
28
- --wmcolor-midnight: fuchsia;
29
- --wmcolor-momjeans: fuchsia;
30
- --wmcolor-orchid: fuchsia;
31
- --wmcolor-palelilacgray: fuchsia;
32
- --wmcolor-palelilacgray-dark: fuchsia;
33
- --wmcolor-paleviolet: fuchsia;
34
- --wmcolor-periwinkle: fuchsia;
35
- --wmcolor-periwinkle-dark: fuchsia;
36
- --wmcolor-salmon: fuchsia;
37
- --wmcolor-salmon-dark: fuchsia;
38
- --wmcolor-salmon-darker: fuchsia;
39
- --wmcolor-snow: fuchsia;
40
- --wmcolor-transparent: fuchsia;
41
- --wmcolor-white: #fff;
42
- --wmcolor-whitesmoke: fuchsia;
43
- }
44
- `;
45
- const themeStyleEl = document.createElement("style");
46
- themeStyleEl.textContent = style;
47
- document.head.appendChild(themeStyleEl);
48
- }
package/dist/esm/app-globals-52d71b0e.js DELETED
@@ -1,339 +0,0 @@
1
- import './index-5815b978.js';
2
-
3
- const version = "4.11.0";
4
-
5
- function injectDefaultTheme() {
6
- const style = `
7
- :root {
8
- /* Color Palette */
9
- --wmcolor-acidwashjeans: #9bb6d7;
10
- --wmcolor-asphalt: #353b48;
11
- --wmcolor-asphalt-light: #454b57;
12
- --wmcolor-blueberry: #667eed;
13
- --wmcolor-cement: #afadb1;
14
- --wmcolor-charcoal: #4a4a4a;
15
- --wmcolor-cowboyjeans: #18314E;
16
- --wmcolor-cyan: #19a1a9;
17
- --wmcolor-cyan-dark: #15868d;
18
- --wmcolor-cyan-darker: #116b71;
19
- --wmcolor-cyber: #ddf1f2;
20
- --wmcolor-dadjeans: #244974;
21
- --wmcolor-firetruck: #c0392b;
22
- --wmcolor-firetruck-dark: #9a2e22;
23
- --wmcolor-firetruck-darker: #73221a;
24
- --wmcolor-firetruck-light: #f6e1df;
25
- --wmcolor-forest: #088000;
26
- --wmcolor-forest-dark: #054d00;
27
- --wmcolor-forest-light: #daecd9;
28
- --wmcolor-gray: #6b6b6b;
29
- --wmcolor-gray-light: #A6A6A6;
30
- --wmcolor-lavender: #8B86CA;
31
- --wmcolor-linen: #E1E9F3;
32
- --wmcolor-meteorite: #454b57;
33
- --wmcolor-midnight: #2e1b46;
34
- --wmcolor-momjeans: #366dae;
35
- --wmcolor-orchid: #b36dcd;
36
- --wmcolor-palelilacgray: #e9e7ec;
37
- --wmcolor-palelilacgray-dark: #d2d0d4;
38
- --wmcolor-paleviolet: #eeedf7;
39
- --wmcolor-periwinkle: #575195;
40
- --wmcolor-periwinkle-dark: #464177;
41
- --wmcolor-salmon: #ff5f4e;
42
- --wmcolor-salmon-dark: #cc4c3e;
43
- --wmcolor-salmon-darker: #a33d32;
44
- --wmcolor-snow: #fafafa;
45
- --wmcolor-transparent: transparent;
46
- --wmcolor-white: #fff;
47
- --wmcolor-whitesmoke: #f4f4f4;
48
-
49
- /* Base Tokens */
50
- --wmcolor-background-dark-secondary: var(--wmcolor-meteorite);
51
- --wmcolor-background-dark: var(--wmcolor-asphalt);
52
- --wmcolor-background-disabled: var(--wmcolor-whitesmoke);
53
- --wmcolor-background-error: var(--wmcolor-firetruck-light);
54
- --wmcolor-background-highlight: var(--wmcolor-cyber);
55
- --wmcolor-background-positive: var(--wmcolor-forest-light);
56
- --wmcolor-background-readonly: var(--wmcolor-whitesmoke);
57
- --wmcolor-background-selected: var(--wmcolor-paleviolet);
58
- --wmcolor-background-transparent: var(--wmcolor-transparent);
59
- --wmcolor-background: var(--wmcolor-white);
60
- --wmcolor-border-dark: var(--wmcolor-charcoal);
61
- --wmcolor-border-error: var(--wmcolor-negative);
62
- --wmcolor-border-focus: var(--wmcolor-cyan);
63
- --wmcolor-border-light: var(--wmcolor-whitesmoke);
64
- --wmcolor-border: var(--wmcolor-palelilacgray-dark);
65
- --wmcolor-brand-dark: var(--wmcolor-midnight);
66
- --wmcolor-brand: var(--wmcolor-periwinkle);
67
- --wmcolor-card-background: var(--wmcolor-white);
68
- --wmcolor-icon: var(--wmcolor-charcoal);
69
- --wmcolor-icon-ondark: var(--wmcolor-text-ondark);
70
- --wmcolor-icon-accent: var(--wmcolor-gray);
71
- --wmcolor-interactive-background-focus: var(--wmcolor-palelilacgray);
72
- --wmcolor-interactive-background-hover: var(--wmcolor-whitesmoke);
73
- --wmcolor-interactive-delete-hover: var(--wmcolor-firetruck-dark);
74
- --wmcolor-interactive-delete: var(--wmcolor-firetruck);
75
- --wmcolor-interactive-disabled-ondark: var(--wmcolor-gray-light);
76
- --wmcolor-interactive-disabled: var(--wmcolor-gray);
77
- --wmcolor-interactive-focus-ondark: var(--wmcolor-interactive-focus); /* deprecated */
78
- --wmcolor-interactive-focus-textonly-ondark: var(--wmcolor-interactive-focus); /* deprecated */
79
- --wmcolor-interactive-focus-textonly: var(--wmcolor-interactive-focus); /* deprecated */
80
- --wmcolor-interactive-focus: var(--wmcolor-orchid);
81
- --wmcolor-interactive-hover-ondark: var(--wmcolor-palelilacgray);
82
- --wmcolor-interactive-hover: var(--wmcolor-periwinkle-dark);
83
- --wmcolor-interactive-negative-hover: var(--wmcolor-salmon-darker);
84
- --wmcolor-interactive-negative: var(--wmcolor-salmon-dark);
85
- --wmcolor-interactive-ondark: var(--wmcolor-white);
86
- --wmcolor-interactive-positive-hover: var(--wmcolor-cyan-darker);
87
- --wmcolor-interactive-positive: var(--wmcolor-cyan-dark);
88
- --wmcolor-interactive-text-disabled-ondark: var(--wmcolor-asphalt);
89
- --wmcolor-interactive-text-ondark: var(--wmcolor-brand);
90
- --wmcolor-interactive-text-selected: var(--wmcolor-interactive-text);
91
- --wmcolor-interactive-text: var(--wmcolor-white);
92
- --wmcolor-interactive: var(--wmcolor-brand);
93
- --wmcolor-link-text: var(--wmcolor-interactive);
94
- --wmcolor-negative: var(--wmcolor-firetruck);
95
- --wmcolor-option-background-focus: var(--wmcolor-palelilacgray);
96
- --wmcolor-option-background-hover: var(--wmcolor-interactive-background-hover);
97
- --wmcolor-option-background: var(--wmcolor-background);
98
- --wmcolor-option-background-selected: var(--wmcolor-background-selected);
99
- --wmcolor-option-background-disabled: var(--wmcolor-background-disabled);
100
- --wmcolor-option-border: var(--wmcolor-border-light);
101
- --wmcolor-option-text-disabled: var(--wmcolor-interactive-disabled);
102
- --wmcolor-option-text: var(--wmcolor-text);
103
- --wmcolor-overlay: rgba(25,25,25,0.4);
104
- --wmcolor-page-background: var(--wmcolor-snow);
105
- --wmcolor-positive-dark: var(--wmcolor-forest-dark);
106
- --wmcolor-positive: var(--wmcolor-forest);
107
- --wmcolor-progress: var(--wmcolor-cyan-dark);
108
- --wmcolor-table-altrow-background: var(--wmcolor-snow);
109
- --wmcolor-table-header-background: var(--wmcolor-palelilacgray);
110
- --wmcolor-table-row-background-selected: var(--wmcolor-background-highlight);
111
- --wmcolor-table-row-background: var(--wmcolor-white);
112
- --wmcolor-table-row-border-selected: var(--wmcolor-border-focus);
113
- --wmcolor-table-row-border: var(--wmcolor-border);
114
- --wmcolor-text-error: var(--wmcolor-negative);
115
- --wmcolor-text-negative: var(--wmcolor-firetruck);
116
- --wmcolor-text-ondark: var(--wmcolor-white);
117
- --wmcolor-text-positive: var(--wmcolor-positive);
118
- --wmcolor-text-required: var(--wmcolor-negative);
119
- --wmcolor-text: var(--wmcolor-charcoal);
120
- --wmcolor-tooltip-background: black; /* EXCEPTION */
121
- --wmcolor-tooltip-text: var(--wmcolor-text-ondark);
122
-
123
- /* Shared Tokens */
124
- --wmcolor-button-background-delete-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
125
- --wmcolor-button-background-delete-disabled: var(--wmcolor-interactive-disabled);
126
- --wmcolor-button-background-delete-hover: var(--wmcolor-interactive-delete-hover);
127
- --wmcolor-button-background-delete: var(--wmcolor-interactive-delete);
128
- --wmcolor-button-background-icononly-hover-ondark: var(--wmcolor-interactive-ondark);
129
- --wmcolor-button-background-icononly-hover: var(--wmcolor-interactive-hover);
130
- --wmcolor-button-background-icononly-ondark: var(--wmcolor-background-transparent);
131
- --wmcolor-button-background-icononly: var(--wmcolor-background);
132
- --wmcolor-button-background-navigational-hover-ondark: var(--wmcolor-interactive-ondark);
133
- --wmcolor-button-background-navigational-hover: var(--wmcolor-interactive-hover-ondark);
134
- --wmcolor-button-background-navigational-ondark: var(--wmcolor-background-transparent);
135
- --wmcolor-button-background-navigational: var(--wmcolor-background-transparent);
136
- --wmcolor-button-background-negative-disabled: var(--wmcolor-interactive-disabled);
137
- --wmcolor-button-background-negative-hover: var(--wmcolor-interactive-negative-hover);
138
- --wmcolor-button-background-negative: var(--wmcolor-interactive-negative);
139
- --wmcolor-button-background-positive-disabled: var(--wmcolor-interactive-disabled);
140
- --wmcolor-button-background-positive-hover: var(--wmcolor-interactive-positive-hover);
141
- --wmcolor-button-background-positive: var(--wmcolor-interactive-positive);
142
- --wmcolor-button-background-primary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
143
- --wmcolor-button-background-primary-disabled: var(--wmcolor-interactive-disabled);
144
- --wmcolor-button-background-primary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
145
- --wmcolor-button-background-primary-hover: var(--wmcolor-interactive-hover);
146
- --wmcolor-button-background-primary-ondark: var(--wmcolor-interactive-ondark);
147
- --wmcolor-button-background-primary: var(--wmcolor-interactive);
148
- --wmcolor-button-background-secondary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
149
- --wmcolor-button-background-secondary-hover: var(--wmcolor-interactive-hover);
150
- --wmcolor-button-background-secondary-ondark: var(--wmcolor-background-transparent);
151
- --wmcolor-button-background-secondary: var(--wmcolor-background);
152
- --wmcolor-button-background-selector-hover-ondark: var(--wmcolor-interactive-hover-ondark);
153
- --wmcolor-button-background-selector-hover: var(--wmcolor-interactive-hover);
154
- --wmcolor-button-background-selector-ondark: var(--wmcolor-background-transparent);
155
- --wmcolor-button-background-selector: var(--wmcolor-background);
156
- --wmcolor-button-background-selectorprimary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
157
- --wmcolor-button-background-selectorprimary-disabled: var(--wmcolor-interactive-disabled);
158
- --wmcolor-button-background-selectorprimary-hover-ondark: var(--wmcolor-interactive-hover-ondark);
159
- --wmcolor-button-background-selectorprimary-hover: var(--wmcolor-interactive-hover);
160
- --wmcolor-button-background-selectorprimary-ondark: var(--wmcolor-interactive-ondark);
161
- --wmcolor-button-background-selectorprimary: var(--wmcolor-interactive);
162
- --wmcolor-button-border-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
163
- --wmcolor-button-border-icononly-disabled: var(--wmcolor-interactive-disabled);
164
- --wmcolor-button-border-icononly-ondark: var(--wmcolor-interactive-ondark);
165
- --wmcolor-button-border-icononly: var(--wmcolor-interactive);
166
- --wmcolor-button-border-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
167
- --wmcolor-button-border-secondary-disabled: var(--wmcolor-interactive-disabled);
168
- --wmcolor-button-border-secondary-ondark: var(--wmcolor-interactive-ondark);
169
- --wmcolor-button-border-secondary: var(--wmcolor-interactive);
170
- --wmcolor-button-border-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
171
- --wmcolor-button-border-selector-disabled: var(--wmcolor-interactive-disabled);
172
- --wmcolor-button-border-selector-ondark: var(--wmcolor-interactive-ondark);
173
- --wmcolor-button-border-selector: var(--wmcolor-interactive);
174
- --wmcolor-button-icon-icononly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
175
- --wmcolor-button-icon-icononly-disabled: var(--wmcolor-interactive-disabled);
176
- --wmcolor-button-icon-icononly-hover-ondark: var(--wmcolor-interactive);
177
- --wmcolor-button-icon-icononly-hover: var(--wmcolor-interactive-ondark);
178
- --wmcolor-button-icon-icononly-ondark: var(--wmcolor-interactive-ondark);
179
- --wmcolor-button-icon-icononly: var(--wmcolor-interactive);
180
- --wmcolor-button-icon-navigational-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
181
- --wmcolor-button-icon-navigational-disabled: var(--wmcolor-interactive-disabled);
182
- --wmcolor-button-icon-navigational-hover-ondark: var(--wmcolor-interactive);
183
- --wmcolor-button-icon-navigational-hover: var(--wmcolor-interactive);
184
- --wmcolor-button-icon-navigational-ondark: var(--wmcolor-interactive-ondark);
185
- --wmcolor-button-icon-navigational: var(--wmcolor-interactive);
186
- --wmcolor-button-text-delete-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
187
- --wmcolor-button-text-delete-disabled: var(--wmcolor-interactive-text);
188
- --wmcolor-button-text-delete: var(--wmcolor-interactive-text);
189
- --wmcolor-button-text-negative-disabled: var(--wmcolor-interactive-text);
190
- --wmcolor-button-text-negative: var(--wmcolor-interactive-text);
191
- --wmcolor-button-text-positive-disabled: var(--wmcolor-interactive-text);
192
- --wmcolor-button-text-positive: var(--wmcolor-interactive-text);
193
- --wmcolor-button-text-primary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
194
- --wmcolor-button-text-primary-disabled: var(--wmcolor-interactive-text);
195
- --wmcolor-button-text-primary-ondark: var(--wmcolor-interactive-text-ondark);
196
- --wmcolor-button-text-primary: var(--wmcolor-interactive-text);
197
- --wmcolor-button-text-secondary-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
198
- --wmcolor-button-text-secondary-disabled: var(--wmcolor-interactive-disabled);
199
- --wmcolor-button-text-secondary-hover-ondark: var(--wmcolor-interactive);
200
- --wmcolor-button-text-secondary-hover: var(--wmcolor-interactive-ondark);
201
- --wmcolor-button-text-secondary-ondark: var(--wmcolor-interactive-ondark);
202
- --wmcolor-button-text-secondary: var(--wmcolor-interactive);
203
- --wmcolor-button-text-selector-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
204
- --wmcolor-button-text-selector-disabled: var(--wmcolor-interactive-disabled);
205
- --wmcolor-button-text-selector-hover-ondark: var(--wmcolor-interactive);
206
- --wmcolor-button-text-selector-hover: var(--wmcolor-interactive-ondark);
207
- --wmcolor-button-text-selector-ondark: var(--wmcolor-interactive-ondark);
208
- --wmcolor-button-text-selector: var(--wmcolor-interactive);
209
- --wmcolor-button-text-selectorprimary-disabled-ondark: var(--wmcolor-interactive-text-disabled-ondark);
210
- --wmcolor-button-text-selectorprimary-disabled: var(--wmcolor-interactive-text);
211
- --wmcolor-button-text-selectorprimary-ondark: var(--wmcolor-interactive-text-ondark);
212
- --wmcolor-button-text-selectorprimary: var(--wmcolor-interactive-text);
213
- --wmcolor-button-text-textonly-disabled-ondark: var(--wmcolor-interactive-disabled-ondark);
214
- --wmcolor-button-text-textonly-disabled: var(--wmcolor-interactive-disabled);
215
- --wmcolor-button-text-textonly-ondark: var(--wmcolor-interactive-ondark);
216
- --wmcolor-button-text-textonly: var(--wmcolor-interactive);
217
- --wmcolor-chart-gridline: var(--wmcolor-border);
218
- --wmcolor-chart-popover-background: var(--wmcolor-background);
219
- --wmcolor-input-background-disabled: var(--wmcolor-background-disabled);
220
- --wmcolor-input-background: var(--wmcolor-background);
221
- --wmcolor-input-border-disabled: var(--wmcolor-interactive-disabled);
222
- --wmcolor-input-border-error: var(--wmcolor-border-error);
223
- --wmcolor-input-border-focus: var(--wmcolor-border-focus);
224
- --wmcolor-input-border: var(--wmcolor-border-dark);
225
- --wmcolor-input-charcount-background: var(--wmcolor-background-readonly);
226
- --wmcolor-input-text-disabled: var(--wmcolor-interactive-disabled);
227
- --wmcolor-input-text: var(--wmcolor-text);
228
- --wmcolor-input-unit-background: var(--wmcolor-background-readonly);
229
- }
230
- `;
231
- const themeStyleEl = document.createElement("style");
232
- themeStyleEl.textContent = style;
233
- document.head.appendChild(themeStyleEl);
234
- }
235
-
236
- function injectNeutralTheme() {
237
- const style = `
238
- :root[wm-theme="neutral"] {
239
- --wmcolor-brand: var(--wmcolor-momjeans);
240
- --wmcolor-brand-dark: var(--wmcolor-cowboyjeans);
241
- --wmcolor-interactive-focus: var(--wmcolor-blueberry);
242
- --wmcolor-interactive-hover: var(--wmcolor-dadjeans);
243
- --wmcolor-background-selected: var(--wmcolor-linen);
244
- }
245
- `;
246
- const themeStyleEl = document.createElement("style");
247
- themeStyleEl.textContent = style;
248
- document.head.appendChild(themeStyleEl);
249
- }
250
-
251
- // PRINT RIPPLE VERSION IN CONSOLE
252
- // test envs return 0 for plugin.length
253
- // do not print version number there as it causes issues
254
- if (window.navigator.plugins.length > 0) {
255
- console.log("Ripple component library", version);
256
- }
257
- // Dispatching events to track whether user is navigating with keyboard or mouse
258
- // no longer necessary for keyboard focus indicators (thanks to :focus-visible)
259
- // but still used in several components for other things (search for isTabbing)
260
- function wmComponentKeys(ev) {
261
- if (ev.key == "Tab") {
262
- var event = new Event("wmUserIsTabbing");
263
- window.dispatchEvent(event);
264
- document.querySelector("body").classList.add("wmcl-user-is-tabbing");
265
- }
266
- if (ev.key == "ArrowLeft" || ev.key == "ArrowUp" || ev.key == "ArrowRight" || ev.key == "ArrowDown") {
267
- var event = new Event("wmUserIsKeying");
268
- window.dispatchEvent(event);
269
- document.querySelector("body").classList.add("wmcl-user-is-keying");
270
- }
271
- }
272
- function wmComponentMouseDownOnce() {
273
- var event = new Event("wmUserIsNotTabbing");
274
- window.dispatchEvent(event);
275
- document.querySelector("body").classList.remove("wmcl-user-is-tabbing");
276
- document.querySelector("body").classList.remove("wmcl-user-is-keying");
277
- }
278
- window.addEventListener("keydown", wmComponentKeys);
279
- window.addEventListener("mousedown", wmComponentMouseDownOnce);
280
- // TOOLTIP
281
- // Add a tooltip element
282
- // This allows tooltips to be always at the highest stacking context (always on top)
283
- // Element is added withing a container to avoid performance impact
284
- const tooltipContainer = document.createElement("div");
285
- tooltipContainer.id = "wm-tooltip-container";
286
- const tooltipEl = document.createElement("div");
287
- tooltipEl.id = "wm-tooltip";
288
- tooltipEl.classList.add("wm-tooltip");
289
- tooltipEl.setAttribute("popover", "manual");
290
- tooltipEl.setAttribute("aria-hidden", "true");
291
- const tooltipStyles = document.createElement("style");
292
- tooltipStyles.textContent = `
293
- .wm-tooltip {
294
- position: fixed;
295
- overflow: hidden;
296
- pointer-events: none;
297
- line-height: normal;
298
- font-family: inherit;
299
- font-size: 0.875rem;
300
- text-transform: none;
301
- font-weight: normal;
302
- background: var(--wmcolor-tooltip-background);
303
- color: var(--wmcolor-tooltip-text);
304
- z-index: 999999;
305
- max-width: var(--wmTooltipMaxWidth, 13.75rem);
306
- margin-right: 1.5rem;
307
- padding: 0.375rem;
308
- transition-property: opacity;
309
- transition-delay: 0s;
310
- opacity: 0;
311
- inset: unset;
312
- top: 0;
313
- left: 0;
314
- transform: translateZ(0);
315
- will-change: transform;
316
- transform: translate(var(--wmTooltipLeft), var(--wmTooltipTop));
317
- border: none;
318
- }
319
-
320
- .wm-tooltip:popover-open {
321
- opacity: 0;
322
- }
323
-
324
- .wm-tooltip.show {
325
- transition-delay: 500ms;
326
- opacity: 1;
327
- }
328
- `;
329
- document.head.appendChild(tooltipStyles);
330
- tooltipContainer.appendChild(tooltipEl);
331
- document.querySelector("body").appendChild(tooltipContainer);
332
- // Inject theme
333
- injectDefaultTheme();
334
- document.documentElement.getAttribute("wm-theme") == "neutral" && injectNeutralTheme();
335
- const globalFn = () => { };
336
-
337
- const globalScripts = globalFn;
338
-
339
- export { globalScripts as g };