genesys-spark 4.31.1 → 4.33.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 (6) hide show
  1. package/dist/global.css +744 -0
  2. package/dist/global.css.map +1 -0
  3. package/dist/index.js +2 -2
  4. package/dist/reset.css +95 -0
  5. package/dist/reset.css.map +1 -0
  6. package/package.json +17 -2
package/dist/global.css ADDED
@@ -0,0 +1,744 @@
1
+ :root {
2
+ --gse-core-spacing-4xs: 4px;
3
+ --gse-core-spacing-3xs: 8px;
4
+ --gse-core-spacing-2xs: 12px;
5
+ --gse-core-spacing-xs: 16px;
6
+ --gse-core-spacing-sm: 20px;
7
+ --gse-core-spacing-md: 24px;
8
+ --gse-core-spacing-lg: 32px;
9
+ --gse-core-zIndex-0: 0;
10
+ --gse-core-zIndex-1: 1;
11
+ --gse-core-zIndex-100: 100;
12
+ --gse-core-zIndex-200: 200;
13
+ --gse-core-zIndex-300: 300;
14
+ --gse-core-zIndex-400: 400;
15
+ --gse-core-zIndex-500: 500;
16
+ --gse-core-zIndex-600: 600;
17
+ --gse-core-borderRadius-none: 0;
18
+ --gse-core-borderRadius-sm: 4px;
19
+ --gse-core-borderRadius-md: 8px;
20
+ --gse-core-borderRadius-lg: 16px;
21
+ --gse-core-borderRadius-xl: 20px;
22
+ --gse-core-borderRadius-full: 100%;
23
+ --gse-core-color-white: #ffffff;
24
+ --gse-core-color-black: #000000;
25
+ --gse-core-color-transparent: #00000000;
26
+ --gse-core-color-cornflower-100: #f2f2f3;
27
+ --gse-core-color-cornflower-200: #e4e5e7;
28
+ --gse-core-color-cornflower-300: #c6c8ce;
29
+ --gse-core-color-cornflower-400: #a3a7b0;
30
+ --gse-core-color-cornflower-500: #767c8d;
31
+ --gse-core-color-cornflower-600: #626e84;
32
+ --gse-core-color-cornflower-700: #3e5374;
33
+ --gse-core-color-cornflower-800: #23395d;
34
+ --gse-core-color-cornflower-900: #1b2c48;
35
+ --gse-core-color-cornflower-1000: #0f1929;
36
+ --gse-core-color-islandaqua-100: #edf8f9;
37
+ --gse-core-color-islandaqua-200: #daf0f4;
38
+ --gse-core-color-islandaqua-300: #b5e2e8;
39
+ --gse-core-color-islandaqua-400: #90d3dd;
40
+ --gse-core-color-islandaqua-500: #6bc5d1;
41
+ --gse-core-color-islandaqua-600: #46b6c6;
42
+ --gse-core-color-islandaqua-700: #38929e;
43
+ --gse-core-color-islandaqua-800: #0d7482;
44
+ --gse-core-color-islandaqua-900: #115d71;
45
+ --gse-core-color-islandaqua-1000: #094052;
46
+ --gse-core-color-tomato-100: #fef3f3;
47
+ --gse-core-color-tomato-200: #fee8e6;
48
+ --gse-core-color-tomato-300: #fecfcb;
49
+ --gse-core-color-tomato-400: #feb2ab;
50
+ --gse-core-color-tomato-500: #fe8f85;
51
+ --gse-core-color-tomato-600: #fe624d;
52
+ --gse-core-color-tomato-700: #e35744;
53
+ --gse-core-color-tomato-800: #c44b3b;
54
+ --gse-core-color-tomato-900: #a03d30;
55
+ --gse-core-color-tomato-1000: #712b22;
56
+ --gse-core-color-lavenderhaze-100: #fbfcfe;
57
+ --gse-core-color-lavenderhaze-200: #f3f5fb;
58
+ --gse-core-color-lavenderhaze-300: #e8ebf7;
59
+ --gse-core-color-lavenderhaze-400: #d1d7ef;
60
+ --gse-core-color-lavenderhaze-500: #c6ceec;
61
+ --gse-core-color-lavenderhaze-600: #b5bfe6;
62
+ --gse-core-color-lavenderhaze-700: #a8b4e2;
63
+ --gse-core-color-lavenderhaze-800: #9ba9dd;
64
+ --gse-core-color-lavenderhaze-900: #7785b8;
65
+ --gse-core-color-lavenderhaze-1000: #626d97;
66
+ --gse-core-color-blueberry-50: #eff0fe;
67
+ --gse-core-color-blueberry-100: #dee1fd;
68
+ --gse-core-color-blueberry-200: #ced2fc;
69
+ --gse-core-color-blueberry-300: #9ca6f9;
70
+ --gse-core-color-blueberry-400: #7b88f7;
71
+ --gse-core-color-blueberry-500: #5a6af5;
72
+ --gse-core-color-blueberry-600: #4856cb;
73
+ --gse-core-color-blueberry-700: #3742a2;
74
+ --gse-core-color-blueberry-800: #252e78;
75
+ --gse-core-color-blueberry-900: #1c2463;
76
+ --gse-core-color-blueberry-1000: #141a4f;
77
+ --gse-core-color-mineral-100: #ddeaf7;
78
+ --gse-core-color-mineral-200: #cde0f4;
79
+ --gse-core-color-mineral-300: #bcd6f0;
80
+ --gse-core-color-mineral-400: #9ac1e8;
81
+ --gse-core-color-mineral-500: #79ade1;
82
+ --gse-core-color-mineral-600: #5798d9;
83
+ --gse-core-color-mineral-700: #467aae;
84
+ --gse-core-color-mineral-800: #345b82;
85
+ --gse-core-color-mineral-900: #233d57;
86
+ --gse-core-color-mineral-1000: #1a2e41;
87
+ --gse-core-color-plum-100: #eee3ff;
88
+ --gse-core-color-plum-200: #e6d6ff;
89
+ --gse-core-color-plum-300: #dec8ff;
90
+ --gse-core-color-plum-400: #cdacff;
91
+ --gse-core-color-plum-500: #bd91ff;
92
+ --gse-core-color-plum-600: #ac75ff;
93
+ --gse-core-color-plum-700: #8a5ecc;
94
+ --gse-core-color-plum-800: #674699;
95
+ --gse-core-color-plum-900: #452f66;
96
+ --gse-core-color-plum-1000: #34234d;
97
+ --gse-core-color-raspberry-100: #fadff5;
98
+ --gse-core-color-raspberry-200: #f7cff0;
99
+ --gse-core-color-raspberry-300: #f5bfeb;
100
+ --gse-core-color-raspberry-400: #ef9ee1;
101
+ --gse-core-color-raspberry-500: #ea7ed7;
102
+ --gse-core-color-raspberry-600: #e55ecd;
103
+ --gse-core-color-raspberry-700: #b74ba4;
104
+ --gse-core-color-raspberry-800: #89387b;
105
+ --gse-core-color-raspberry-900: #5c2652;
106
+ --gse-core-color-raspberry-1000: #451c3e;
107
+ --gse-core-color-coral-100: #ffdee4;
108
+ --gse-core-color-coral-200: #ffced6;
109
+ --gse-core-color-coral-300: #ffbec9;
110
+ --gse-core-color-coral-400: #ff9dad;
111
+ --gse-core-color-coral-500: #ff7d92;
112
+ --gse-core-color-coral-600: #ff5c77;
113
+ --gse-core-color-coral-700: #cc4a5f;
114
+ --gse-core-color-coral-800: #993747;
115
+ --gse-core-color-coral-900: #662530;
116
+ --gse-core-color-coral-1000: #4d1c24;
117
+ --gse-core-color-mango-100: #fff4dc;
118
+ --gse-core-color-mango-200: #ffeeca;
119
+ --gse-core-color-mango-300: #ffe8b9;
120
+ --gse-core-color-mango-400: #ffdd96;
121
+ --gse-core-color-mango-500: #ffd173;
122
+ --gse-core-color-mango-600: #ffc650;
123
+ --gse-core-color-mango-700: #cc9e40;
124
+ --gse-core-color-mango-800: #997730;
125
+ --gse-core-color-mango-900: #664f20;
126
+ --gse-core-color-mango-1000: #4d3b18;
127
+ --gse-core-color-pear-100: #edf5df;
128
+ --gse-core-color-pear-200: #e3eecc;
129
+ --gse-core-color-pear-300: #d9e8bb;
130
+ --gse-core-color-pear-400: #c6dd98;
131
+ --gse-core-color-pear-500: #b3d176;
132
+ --gse-core-color-pear-600: #a0c654;
133
+ --gse-core-color-pear-700: #809e43;
134
+ --gse-core-color-pear-800: #607732;
135
+ --gse-core-color-pear-900: #404f22;
136
+ --gse-core-color-pear-1000: #303b19;
137
+ --gse-core-color-jade-100: #dff5f0;
138
+ --gse-core-color-jade-200: #cceee6;
139
+ --gse-core-color-jade-300: #bbe8de;
140
+ --gse-core-color-jade-400: #98ddcd;
141
+ --gse-core-color-jade-500: #76d1bc;
142
+ --gse-core-color-jade-600: #54c6ab;
143
+ --gse-core-color-jade-700: #439e89;
144
+ --gse-core-color-jade-800: #327767;
145
+ --gse-core-color-jade-900: #224f45;
146
+ --gse-core-color-jade-1000: #193b33;
147
+ --gse-core-fontFamily-body: Noto Sans;
148
+ --gse-core-fontFamily-heading: Urbanist;
149
+ --gse-core-fontSize-xs: 12px;
150
+ --gse-core-fontSize-sm: 14px;
151
+ --gse-core-fontSize-md: 16px;
152
+ --gse-core-fontSize-lg: 18px;
153
+ --gse-core-fontSize-xl: 24px;
154
+ --gse-core-fontSize-xxl: 36px;
155
+ --gse-core-fontWeight-regular: 400;
156
+ --gse-core-fontWeight-semiBold: 600;
157
+ --gse-core-fontWeight-bold: 700;
158
+ --gse-core-lineHeight-2xs: 16px;
159
+ --gse-core-lineHeight-xs: 18px;
160
+ --gse-core-lineHeight-sm: 20px;
161
+ --gse-core-lineHeight-md: 24px;
162
+ --gse-core-lineHeight-lg: 27px;
163
+ --gse-core-lineHeight-xl: 32px;
164
+ --gse-core-lineHeight-2xl: 44px;
165
+ --gse-core-lineHeight-matchFontSize: 1;
166
+ --gse-core-typography-body-sm-fontFamily: Noto Sans;
167
+ --gse-core-typography-body-sm-lineHeight: 18px;
168
+ --gse-core-typography-body-sm-fontSize: 12px;
169
+ --gse-core-typography-body-sm-fontWeight: 400;
170
+ --gse-core-typography-body-smBold-fontFamily: Noto Sans;
171
+ --gse-core-typography-body-smBold-lineHeight: 18px;
172
+ --gse-core-typography-body-smBold-fontSize: 12px;
173
+ --gse-core-typography-body-smBold-fontWeight: 700;
174
+ --gse-core-typography-body-smSemiBold-fontFamily: Noto Sans;
175
+ --gse-core-typography-body-smSemiBold-lineHeight: 18px;
176
+ --gse-core-typography-body-smSemiBold-fontSize: 12px;
177
+ --gse-core-typography-body-smSemiBold-fontWeight: 600;
178
+ --gse-core-typography-body-smRegular-fontFamily: Noto Sans;
179
+ --gse-core-typography-body-smRegular-lineHeight: 18px;
180
+ --gse-core-typography-body-smRegular-fontSize: 12px;
181
+ --gse-core-typography-body-smRegular-fontWeight: 400;
182
+ --gse-core-typography-body-md-fontFamily: Noto Sans;
183
+ --gse-core-typography-body-md-lineHeight: 20px;
184
+ --gse-core-typography-body-md-fontSize: 14px;
185
+ --gse-core-typography-body-md-fontWeight: 400;
186
+ --gse-core-typography-body-mdRegular-fontFamily: Noto Sans;
187
+ --gse-core-typography-body-mdRegular-lineHeight: 20px;
188
+ --gse-core-typography-body-mdRegular-fontSize: 14px;
189
+ --gse-core-typography-body-mdRegular-fontWeight: 400;
190
+ --gse-core-typography-body-mdSemiBold-fontFamily: Noto Sans;
191
+ --gse-core-typography-body-mdSemiBold-lineHeight: 20px;
192
+ --gse-core-typography-body-mdSemiBold-fontSize: 14px;
193
+ --gse-core-typography-body-mdSemiBold-fontWeight: 600;
194
+ --gse-core-typography-body-mdBold-fontFamily: Noto Sans;
195
+ --gse-core-typography-body-mdBold-lineHeight: 20px;
196
+ --gse-core-typography-body-mdBold-fontSize: 14px;
197
+ --gse-core-typography-body-mdBold-fontWeight: 700;
198
+ --gse-core-typography-body-lg-fontFamily: Noto Sans;
199
+ --gse-core-typography-body-lg-lineHeight: 24px;
200
+ --gse-core-typography-body-lg-fontSize: 16px;
201
+ --gse-core-typography-body-lg-fontWeight: 400;
202
+ --gse-core-typography-body-lgRegular-fontFamily: Noto Sans;
203
+ --gse-core-typography-body-lgRegular-lineHeight: 24px;
204
+ --gse-core-typography-body-lgRegular-fontSize: 16px;
205
+ --gse-core-typography-body-lgRegular-fontWeight: 400;
206
+ --gse-core-typography-body-lgSemiBold-fontFamily: Noto Sans;
207
+ --gse-core-typography-body-lgSemiBold-lineHeight: 24px;
208
+ --gse-core-typography-body-lgSemiBold-fontSize: 16px;
209
+ --gse-core-typography-body-lgSemiBold-fontWeight: 600;
210
+ --gse-core-typography-body-lgBold-fontFamily: Noto Sans;
211
+ --gse-core-typography-body-lgBold-lineHeight: 24px;
212
+ --gse-core-typography-body-lgBold-fontSize: 16px;
213
+ --gse-core-typography-body-lgBold-fontWeight: 700;
214
+ --gse-core-typography-heading-xs-fontFamily: Urbanist;
215
+ --gse-core-typography-heading-xs-lineHeight: 24px;
216
+ --gse-core-typography-heading-xs-fontSize: 14px;
217
+ --gse-core-typography-heading-xs-fontWeight: 700;
218
+ --gse-core-typography-heading-xsBold-fontFamily: Urbanist;
219
+ --gse-core-typography-heading-xsBold-lineHeight: 24px;
220
+ --gse-core-typography-heading-xsBold-fontSize: 14px;
221
+ --gse-core-typography-heading-xsBold-fontWeight: 700;
222
+ --gse-core-typography-heading-xsSemiBold-fontFamily: Urbanist;
223
+ --gse-core-typography-heading-xsSemiBold-lineHeight: 24px;
224
+ --gse-core-typography-heading-xsSemiBold-fontSize: 14px;
225
+ --gse-core-typography-heading-xsSemiBold-fontWeight: 600;
226
+ --gse-core-typography-heading-sm-fontFamily: Urbanist;
227
+ --gse-core-typography-heading-sm-lineHeight: 24px;
228
+ --gse-core-typography-heading-sm-fontSize: 16px;
229
+ --gse-core-typography-heading-sm-fontWeight: 700;
230
+ --gse-core-typography-heading-smBold-fontFamily: Urbanist;
231
+ --gse-core-typography-heading-smBold-lineHeight: 24px;
232
+ --gse-core-typography-heading-smBold-fontSize: 16px;
233
+ --gse-core-typography-heading-smBold-fontWeight: 700;
234
+ --gse-core-typography-heading-smSemiBold-fontFamily: Urbanist;
235
+ --gse-core-typography-heading-smSemiBold-lineHeight: 24px;
236
+ --gse-core-typography-heading-smSemiBold-fontSize: 16px;
237
+ --gse-core-typography-heading-smSemiBold-fontWeight: 600;
238
+ --gse-core-typography-heading-md-fontFamily: Urbanist;
239
+ --gse-core-typography-heading-md-lineHeight: 27px;
240
+ --gse-core-typography-heading-md-fontSize: 18px;
241
+ --gse-core-typography-heading-md-fontWeight: 700;
242
+ --gse-core-typography-heading-mdBold-fontFamily: Urbanist;
243
+ --gse-core-typography-heading-mdBold-lineHeight: 27px;
244
+ --gse-core-typography-heading-mdBold-fontSize: 18px;
245
+ --gse-core-typography-heading-mdBold-fontWeight: 700;
246
+ --gse-core-typography-heading-mdSemiBold-fontFamily: Urbanist;
247
+ --gse-core-typography-heading-mdSemiBold-lineHeight: 27px;
248
+ --gse-core-typography-heading-mdSemiBold-fontSize: 18px;
249
+ --gse-core-typography-heading-mdSemiBold-fontWeight: 600;
250
+ --gse-core-typography-heading-lg-fontFamily: Urbanist;
251
+ --gse-core-typography-heading-lg-lineHeight: 32px;
252
+ --gse-core-typography-heading-lg-fontSize: 24px;
253
+ --gse-core-typography-heading-lg-fontWeight: 700;
254
+ --gse-core-typography-heading-lgBold-fontFamily: Urbanist;
255
+ --gse-core-typography-heading-lgBold-lineHeight: 32px;
256
+ --gse-core-typography-heading-lgBold-fontSize: 24px;
257
+ --gse-core-typography-heading-lgBold-fontWeight: 700;
258
+ --gse-core-typography-heading-lgSemiBold-fontFamily: Urbanist;
259
+ --gse-core-typography-heading-lgSemiBold-lineHeight: 32px;
260
+ --gse-core-typography-heading-lgSemiBold-fontSize: 24px;
261
+ --gse-core-typography-heading-lgSemiBold-fontWeight: 600;
262
+ --gse-core-typography-heading-xl-fontFamily: Urbanist;
263
+ --gse-core-typography-heading-xl-lineHeight: 44px;
264
+ --gse-core-typography-heading-xl-fontSize: 36px;
265
+ --gse-core-typography-heading-xl-fontWeight: 700;
266
+ --gse-core-typography-heading-xlBold-fontFamily: Urbanist;
267
+ --gse-core-typography-heading-xlBold-lineHeight: 44px;
268
+ --gse-core-typography-heading-xlBold-fontSize: 36px;
269
+ --gse-core-typography-heading-xlBold-fontWeight: 700;
270
+ --gse-core-typography-heading-xlSemiBold-fontFamily: Urbanist;
271
+ --gse-core-typography-heading-xlSemiBold-lineHeight: 44px;
272
+ --gse-core-typography-heading-xlSemiBold-fontSize: 36px;
273
+ --gse-core-typography-heading-xlSemiBold-fontWeight: 600;
274
+ --gse-core-typography-heading-overline-fontFamily: Urbanist;
275
+ --gse-core-typography-heading-overline-fontWeight: 600;
276
+ --gse-core-typography-heading-overline-lineHeight: 16px;
277
+ --gse-core-typography-heading-overline-fontSize: 12px;
278
+ --gse-core-typography-heading-overline-letterSpacing: 1.5px;
279
+ --gse-core-typography-heading-overline-textCase: uppercase;
280
+ --gse-core-typography-subheading-fontFamily: Urbanist;
281
+ --gse-core-typography-subheading-fontWeight: 700;
282
+ --gse-core-typography-subheading-lineHeight: 20px;
283
+ --gse-core-typography-subheading-fontSize: 14px;
284
+ --gse-core-typography-subheadingBold-fontFamily: Urbanist;
285
+ --gse-core-typography-subheadingBold-fontWeight: 700;
286
+ --gse-core-typography-subheadingBold-lineHeight: 20px;
287
+ --gse-core-typography-subheadingBold-fontSize: 14px;
288
+ --gse-core-typography-subheadingSemiBold-fontFamily: Urbanist;
289
+ --gse-core-typography-subheadingSemiBold-fontWeight: 600;
290
+ --gse-core-typography-subheadingSemiBold-lineHeight: 20px;
291
+ --gse-core-typography-subheadingSemiBold-fontSize: 14px;
292
+ --gse-core-typography-subheadingRegular-fontFamily: Urbanist;
293
+ --gse-core-typography-subheadingRegular-fontWeight: 400;
294
+ --gse-core-typography-subheadingRegular-lineHeight: 20px;
295
+ --gse-core-typography-subheadingRegular-fontSize: 14px;
296
+ --gse-core-elevation-low-x: 0;
297
+ --gse-core-elevation-low-y: 2px;
298
+ --gse-core-elevation-low-blur: 4px;
299
+ --gse-core-elevation-low-spread: 1px;
300
+ --gse-core-elevation-low-color: #23395c1a;
301
+ --gse-core-elevation-low-type: dropShadow;
302
+ --gse-core-elevation-medium-x: 0;
303
+ --gse-core-elevation-medium-y: 4px;
304
+ --gse-core-elevation-medium-blur: 6px;
305
+ --gse-core-elevation-medium-spread: 1px;
306
+ --gse-core-elevation-medium-color: #23395c1f;
307
+ --gse-core-elevation-medium-type: dropShadow;
308
+ --gse-core-elevation-high-x: 0;
309
+ --gse-core-elevation-high-y: 6px;
310
+ --gse-core-elevation-high-blur: 8px;
311
+ --gse-core-elevation-high-spread: 1px;
312
+ --gse-core-elevation-high-color: #23395c26;
313
+ --gse-core-elevation-high-type: dropShadow;
314
+ --gse-core-size-xs: 16px;
315
+ --gse-core-size-sm: 20px;
316
+ --gse-core-size-md: 24px;
317
+ --gse-core-size-lg: 32px;
318
+ --gse-core-size-xl: 40px;
319
+ --gse-core-size-2xl: 48px;
320
+ --gse-core-size-3xl: 98px;
321
+ --gse-core-textDecoration-underline: underline;
322
+ }
323
+
324
+ :root {
325
+ --gse-semantic-color-info-lightest: #e2dff8;
326
+ --gse-semantic-color-info-lighter: #c5bef1;
327
+ --gse-semantic-color-info-main: #6e5ddb;
328
+ --gse-semantic-color-info-darker: #443989;
329
+ --gse-semantic-color-info-darkest: #2e275f;
330
+ --gse-semantic-color-warning-lightest: #fef4d8;
331
+ --gse-semantic-color-warning-lighter: #fce9b2;
332
+ --gse-semantic-color-warning-main: #f8c73e;
333
+ --gse-semantic-color-warning-darker: #6c5619;
334
+ --gse-semantic-color-warning-darkest: #3d300c;
335
+ --gse-semantic-color-error-lightest: #f9d3da;
336
+ --gse-semantic-color-error-lighter: #f3a7b5;
337
+ --gse-semantic-color-error-main: #e22245;
338
+ --gse-semantic-color-error-darker: #881429;
339
+ --gse-semantic-color-error-darkest: #440a15;
340
+ --gse-semantic-color-success-lightest: #cef0e6;
341
+ --gse-semantic-color-success-lighter: #9de1cd;
342
+ --gse-semantic-color-success-main: #09b581;
343
+ --gse-semantic-color-success-darker: #056d4d;
344
+ --gse-semantic-color-success-darkest: #033627;
345
+ --gse-semantic-color-primary-lightest: #ced2fc;
346
+ --gse-semantic-color-primary-lighter: #9ca6f9;
347
+ --gse-semantic-color-primary-main: #4856cb;
348
+ --gse-semantic-color-primary-darker: #3742a2;
349
+ --gse-semantic-color-primary-darkest: #252e78;
350
+ --gse-semantic-color-focus: #7b88f7;
351
+ --gse-semantic-focusRing-width: 3px;
352
+ --gse-semantic-focusRing-offset: 1px;
353
+ --gse-semantic-focusRing-cornerRadius: 4px;
354
+ --gse-semantic-focusRing-default-border-color: #7b88f7;
355
+ --gse-semantic-focusRing-default-border-width: 3px;
356
+ --gse-semantic-focusRing-default-border-style: solid;
357
+ --gse-semantic-focusRing-small-border-color: #7b88f7;
358
+ --gse-semantic-focusRing-small-border-width: 2px;
359
+ --gse-semantic-focusRing-small-border-style: solid;
360
+ --gse-semantic-zIndex-base: 0;
361
+ --gse-semantic-zIndex-showFocus: 1;
362
+ --gse-semantic-zIndex-sticky: 1;
363
+ --gse-semantic-zIndex-popup: 100;
364
+ --gse-semantic-zIndex-popover: 200;
365
+ --gse-semantic-zIndex-tooltip: 200;
366
+ --gse-semantic-zIndex-panel: 300;
367
+ --gse-semantic-zIndex-navbar: 400;
368
+ --gse-semantic-zIndex-sidebar: 400;
369
+ --gse-semantic-zIndex-toast: 500;
370
+ --gse-semantic-zIndex-modal: 600;
371
+ }
372
+
373
+ /* Button */
374
+ button:focus-visible {
375
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
376
+ outline-offset: var(--gse-semantic-focusRing-offset);
377
+ }
378
+
379
+ /* Input */
380
+ input:focus-visible {
381
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
382
+ outline-offset: var(--gse-semantic-focusRing-offset);
383
+ }
384
+
385
+ /* Helper classes */
386
+ .gux-focus-ring-focused:focus {
387
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
388
+ outline-offset: var(--gse-semantic-focusRing-offset);
389
+ }
390
+
391
+ .gux-focus-ring-focused-within:focus-within {
392
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
393
+ outline-offset: var(--gse-semantic-focusRing-offset);
394
+ }
395
+
396
+ .gux-focus-ring-focused-visible:focus-visible {
397
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
398
+ outline-offset: var(--gse-semantic-focusRing-offset);
399
+ }
400
+
401
+ .gux-focus-ring-small-focused:focus {
402
+ outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
403
+ }
404
+
405
+ .gux-focus-ring-small-focused-within:focus-within {
406
+ outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
407
+ }
408
+
409
+ .gux-focus-ring-small-focused-visible:focus-visible {
410
+ outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
411
+ }
412
+
413
+ .gux-focus-ring {
414
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
415
+ outline-offset: var(--gse-semantic-focusRing-offset);
416
+ }
417
+
418
+ .gux-focus-ring-small {
419
+ outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
420
+ }
421
+
422
+ /*
423
+ * Typography styles and mixins.
424
+ */
425
+ /* Headings */
426
+ /* Body Copy */
427
+ /* Anchor */
428
+ h1 {
429
+ font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
430
+ font-size: var(--gse-core-typography-heading-xl-fontSize);
431
+ line-height: var(--gse-core-typography-heading-xl-lineHeight);
432
+ font-weight: var(--gse-core-fontWeight-bold);
433
+ }
434
+
435
+ h2 {
436
+ font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
437
+ font-size: var(--gse-core-typography-heading-lg-fontSize);
438
+ line-height: var(--gse-core-typography-heading-lg-lineHeight);
439
+ font-weight: var(--gse-core-fontWeight-bold);
440
+ }
441
+
442
+ h3 {
443
+ font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
444
+ font-size: var(--gse-core-typography-heading-md-fontSize);
445
+ line-height: var(--gse-core-typography-heading-md-lineHeight);
446
+ font-weight: var(--gse-core-fontWeight-bold);
447
+ }
448
+
449
+ h4,
450
+ h5,
451
+ h6 {
452
+ font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
453
+ font-size: var(--gse-core-typography-heading-sm-fontSize);
454
+ line-height: var(--gse-core-typography-heading-sm-lineHeight);
455
+ font-weight: var(--gse-core-fontWeight-bold);
456
+ }
457
+
458
+ .gux-heading-xl,
459
+ .gux-heading-xl-bold {
460
+ font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
461
+ font-size: var(--gse-core-typography-heading-xl-fontSize);
462
+ line-height: var(--gse-core-typography-heading-xl-lineHeight);
463
+ font-weight: var(--gse-core-fontWeight-bold);
464
+ }
465
+
466
+ .gux-heading-xl-semibold {
467
+ font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
468
+ font-size: var(--gse-core-typography-heading-xl-fontSize);
469
+ line-height: var(--gse-core-typography-heading-xl-lineHeight);
470
+ font-weight: var(--gse-core-fontWeight-semiBold);
471
+ }
472
+
473
+ .gux-heading-lg,
474
+ .gux-heading-lg-bold {
475
+ font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
476
+ font-size: var(--gse-core-typography-heading-lg-fontSize);
477
+ line-height: var(--gse-core-typography-heading-lg-lineHeight);
478
+ font-weight: var(--gse-core-fontWeight-bold);
479
+ }
480
+
481
+ .gux-heading-lg-semibold {
482
+ font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
483
+ font-size: var(--gse-core-typography-heading-lg-fontSize);
484
+ line-height: var(--gse-core-typography-heading-lg-lineHeight);
485
+ font-weight: var(--gse-core-fontWeight-semiBold);
486
+ }
487
+
488
+ .gux-heading-md,
489
+ .gux-heading-md-bold {
490
+ font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
491
+ font-size: var(--gse-core-typography-heading-md-fontSize);
492
+ line-height: var(--gse-core-typography-heading-md-lineHeight);
493
+ font-weight: var(--gse-core-fontWeight-bold);
494
+ }
495
+
496
+ .gux-heading-md-semibold {
497
+ font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
498
+ font-size: var(--gse-core-typography-heading-md-fontSize);
499
+ line-height: var(--gse-core-typography-heading-md-lineHeight);
500
+ font-weight: var(--gse-core-fontWeight-semiBold);
501
+ }
502
+
503
+ .gux-heading-sm,
504
+ .gux-heading-sm-bold {
505
+ font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
506
+ font-size: var(--gse-core-typography-heading-sm-fontSize);
507
+ line-height: var(--gse-core-typography-heading-sm-lineHeight);
508
+ font-weight: var(--gse-core-fontWeight-bold);
509
+ }
510
+
511
+ .gux-heading-sm-semibold {
512
+ font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
513
+ font-size: var(--gse-core-typography-heading-sm-fontSize);
514
+ line-height: var(--gse-core-typography-heading-sm-lineHeight);
515
+ font-weight: var(--gse-core-fontWeight-semiBold);
516
+ }
517
+
518
+ .gux-heading-xs,
519
+ .gux-heading-xs-bold {
520
+ font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
521
+ font-size: var(--gse-core-typography-heading-xs-fontSize);
522
+ line-height: var(--gse-core-typography-heading-xs-lineHeight);
523
+ font-weight: var(--gse-core-fontWeight-bold);
524
+ }
525
+
526
+ .gux-heading-xs-semibold {
527
+ font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
528
+ font-size: var(--gse-core-typography-heading-xs-fontSize);
529
+ line-height: var(--gse-core-typography-heading-xs-lineHeight);
530
+ font-weight: var(--gse-core-fontWeight-semiBold);
531
+ }
532
+
533
+ .gux-heading-subheading-regular {
534
+ font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
535
+ font-size: var(--gse-core-typography-subheading-fontSize);
536
+ line-height: var(--gse-core-typography-subheading-lineHeight);
537
+ font-weight: var(--gse-core-fontWeight-regular);
538
+ }
539
+
540
+ .gux-heading-subheading,
541
+ .gux-heading-subheading-bold {
542
+ font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
543
+ font-size: var(--gse-core-typography-subheading-fontSize);
544
+ line-height: var(--gse-core-typography-subheading-lineHeight);
545
+ font-weight: var(--gse-core-fontWeight-bold);
546
+ }
547
+
548
+ .gux-heading-subheading-semibold {
549
+ font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
550
+ font-size: var(--gse-core-typography-subheading-fontSize);
551
+ line-height: var(--gse-core-typography-subheading-lineHeight);
552
+ font-weight: var(--gse-core-fontWeight-semiBold);
553
+ }
554
+
555
+ .gux-heading-overline {
556
+ font-family: var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
557
+ font-size: var(--gse-core-typography-heading-overline-fontSize);
558
+ line-height: var(--gse-core-typography-heading-overline-lineHeight);
559
+ text-transform: var(--gse-core-typography-heading-overline-textCase);
560
+ letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing);
561
+ font-weight: var(--gse-core-fontWeight-regular);
562
+ }
563
+
564
+ body {
565
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
566
+ font-size: var(--gse-core-typography-body-sm-fontSize);
567
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
568
+ font-weight: var(--gse-core-fontWeight-regular);
569
+ }
570
+
571
+ .gux-body-lg-regular {
572
+ font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
573
+ font-size: var(--gse-core-typography-body-lg-fontSize);
574
+ line-height: var(--gse-core-typography-body-lg-lineHeight);
575
+ font-weight: var(--gse-core-fontWeight-regular);
576
+ }
577
+
578
+ .gux-body-lg-semibold {
579
+ font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
580
+ font-size: var(--gse-core-typography-body-lg-fontSize);
581
+ line-height: var(--gse-core-typography-body-lg-lineHeight);
582
+ font-weight: var(--gse-core-fontWeight-semiBold);
583
+ }
584
+
585
+ .gux-body-lg-bold {
586
+ font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
587
+ font-size: var(--gse-core-typography-body-lg-fontSize);
588
+ line-height: var(--gse-core-typography-body-lg-lineHeight);
589
+ font-weight: var(--gse-core-fontWeight-bold);
590
+ }
591
+
592
+ .gux-body-md-regular {
593
+ font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
594
+ font-size: var(--gse-core-typography-body-md-fontSize);
595
+ line-height: var(--gse-core-typography-body-md-lineHeight);
596
+ font-weight: var(--gse-core-fontWeight-regular);
597
+ }
598
+
599
+ .gux-body-md-semibold {
600
+ font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
601
+ font-size: var(--gse-core-typography-body-md-fontSize);
602
+ line-height: var(--gse-core-typography-body-md-lineHeight);
603
+ font-weight: var(--gse-core-fontWeight-semiBold);
604
+ }
605
+
606
+ .gux-body-md-bold {
607
+ font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
608
+ font-size: var(--gse-core-typography-body-md-fontSize);
609
+ line-height: var(--gse-core-typography-body-md-lineHeight);
610
+ font-weight: var(--gse-core-fontWeight-bold);
611
+ }
612
+
613
+ .gux-body-sm-regular {
614
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
615
+ font-size: var(--gse-core-typography-body-sm-fontSize);
616
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
617
+ font-weight: var(--gse-core-fontWeight-regular);
618
+ }
619
+
620
+ .gux-body-sm-semibold {
621
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
622
+ font-size: var(--gse-core-typography-body-sm-fontSize);
623
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
624
+ font-weight: var(--gse-core-fontWeight-semiBold);
625
+ }
626
+
627
+ .gux-body-sm-bold {
628
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
629
+ font-size: var(--gse-core-typography-body-sm-fontSize);
630
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
631
+ font-weight: var(--gse-core-fontWeight-bold);
632
+ }
633
+
634
+ .gux-ui-button {
635
+ font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
636
+ font-size: var(--gse-core-typography-body-md-fontSize);
637
+ font-weight: var(--gse-core-fontWeight-semiBold);
638
+ line-height: var(--gse-core-typography-body-md-lineHeight);
639
+ }
640
+
641
+ .gux-ui-link {
642
+ font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
643
+ font-size: var(--gse-core-typography-body-md-fontSize);
644
+ font-weight: var(--gse-core-fontWeight-regular);
645
+ line-height: var(--gse-core-typography-body-md-lineHeight);
646
+ }
647
+
648
+ .gux-ui-label {
649
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
650
+ font-size: var(--gse-core-typography-body-sm-fontSize);
651
+ font-weight: var(--gse-core-fontWeight-bold);
652
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
653
+ }
654
+
655
+ .gux-ui-placeholder {
656
+ font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
657
+ font-size: var(--gse-core-typography-body-sm-fontSize);
658
+ font-weight: var(--gse-core-fontWeight-regular);
659
+ line-height: var(--gse-core-typography-body-sm-lineHeight);
660
+ }
661
+
662
+ a {
663
+ color: var(--gse-ui-link-default-foregroundColor);
664
+ text-decoration: underline;
665
+ border-radius: var(--gse-ui-links-borderRadius);
666
+ }
667
+ a:hover {
668
+ color: var(--gse-ui-link-hover-foregroundColor);
669
+ }
670
+ a:active {
671
+ color: var(--gse-ui-link-active-foregroundColor);
672
+ }
673
+ a:visited {
674
+ color: var(--gse-ui-link-visited-foregroundColor);
675
+ }
676
+ a:focus-visible {
677
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
678
+ outline-offset: var(--gse-semantic-focusRing-offset);
679
+ }
680
+
681
+ table a {
682
+ color: var(--gse-ui-link-default-foregroundColor);
683
+ text-decoration: underline;
684
+ border-radius: var(--gse-ui-links-borderRadius);
685
+ text-decoration: none;
686
+ }
687
+ table a:hover {
688
+ color: var(--gse-ui-link-hover-foregroundColor);
689
+ }
690
+ table a:active {
691
+ color: var(--gse-ui-link-active-foregroundColor);
692
+ }
693
+ table a:visited {
694
+ color: var(--gse-ui-link-visited-foregroundColor);
695
+ }
696
+ table a:focus-visible {
697
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
698
+ outline-offset: var(--gse-semantic-focusRing-offset);
699
+ }
700
+
701
+ .gux-ui-anchor {
702
+ color: var(--gse-ui-link-default-foregroundColor);
703
+ text-decoration: underline;
704
+ border-radius: var(--gse-ui-links-borderRadius);
705
+ }
706
+ .gux-ui-anchor:hover {
707
+ color: var(--gse-ui-link-hover-foregroundColor);
708
+ }
709
+ .gux-ui-anchor:active {
710
+ color: var(--gse-ui-link-active-foregroundColor);
711
+ }
712
+ .gux-ui-anchor:visited {
713
+ color: var(--gse-ui-link-visited-foregroundColor);
714
+ }
715
+ .gux-ui-anchor:focus-visible {
716
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
717
+ outline-offset: var(--gse-semantic-focusRing-offset);
718
+ }
719
+
720
+ .gux-anchor-table {
721
+ color: var(--gse-ui-link-default-foregroundColor);
722
+ text-decoration: underline;
723
+ border-radius: var(--gse-ui-links-borderRadius);
724
+ text-decoration: none;
725
+ }
726
+ .gux-anchor-table:hover {
727
+ color: var(--gse-ui-link-hover-foregroundColor);
728
+ }
729
+ .gux-anchor-table:active {
730
+ color: var(--gse-ui-link-active-foregroundColor);
731
+ }
732
+ .gux-anchor-table:visited {
733
+ color: var(--gse-ui-link-visited-foregroundColor);
734
+ }
735
+ .gux-anchor-table:focus-visible {
736
+ outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
737
+ outline-offset: var(--gse-semantic-focusRing-offset);
738
+ }
739
+
740
+ .gux-icon-anchor .gux-icon {
741
+ padding-right: var(--gse-ui-links-inLine-padding);
742
+ }
743
+
744
+ /*# sourceMappingURL=global.css.map */
package/dist/global.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../../genesys-spark-tokens/dist/css/gse-core.css","../../genesys-spark-tokens/dist/css/gse-semantic.css","../src/style/global-focusable.scss","../src/style/_focus.scss","../src/style/_typography.scss","../src/style/global-typography.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AChUF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5CF;AAEE;ECHA;EAGA;;;ADKF;AAEE;ECVA;EAGA;;;ADYF;AAEE;ECjBA;EAGA;;;ADoBA;ECvBA;EAGA;;;AD0BA;EC7BA;EAGA;;;ADgCA;EC5BA;;;ADkCA;EClCA;;;ADwCA;ECxCA;;;AD6CF;ECpDE;EAGA;;;ADqDF;ECjDE;;;ACNF;AAAA;AAAA;AAIA;AAkKA;AA4GA;AChRA;EDIE;EAEA;EACA;EAkDA;;;ACrDF;EDOE;EAEA;EACA;EA2DA;;;ACjEF;EDUE;EAEA;EACA;EAoEA;;;AC7EF;AAAA;AAAA;EDaE;EAEA;EACA;EA6EA;;;ACvFF;AAAA;EDdE;EAEA;EACA;EAkDA;;;AClCF;EDnBE;EAEA;EACA;EAwDA;;;ACpCF;AAAA;EDhBE;EAEA;EACA;EA2DA;;;ACzCF;EDrBE;EAEA;EACA;EAiEA;;;AC3CF;AAAA;EDlBE;EAEA;EACA;EAoEA;;;AChDF;EDvBE;EAEA;EACA;EA0EA;;;AClDF;AAAA;EDpBE;EAEA;EACA;EA6EA;;;ACvDF;EDzBE;EAEA;EACA;EAmFA;;;ACzDF;AAAA;EDtBE;EAEA;EACA;EAsFA;;;AC9DF;ED3BE;EAEA;EACA;EA4FA;;;AChEF;EDxBE;EAEA;EACA;EA2GA;;;AClFF;AAAA;ED5BE;EAEA;EACA;EA+FA;;;ACjEF;EDjCE;EAEA;EACA;EAqGA;;;ACnEF;ED9BE;EAEA;EACA;EACA;EACA;EA4GA;;;AC7EF;EDkGE;EAEA;EACA;EA0CA;;;AC3IF;EDgFE;EAEA;EACA;EAoBA;;;ACnGF;ED4EE;EAEA;EACA;EA0BA;;;ACrGF;EDwEE;EAEA;EACA;EAgCA;;;ACvGF;ED2EE;EAEA;EACA;EA+BA;;;ACzGF;EDuEE;EAEA;EACA;EAqCA;;;AC3GF;EDmEE;EAEA;EACA;EA2CA;;;AC7GF;EDsEE;EAEA;EACA;EA0CA;;;AC/GF;EDkEE;EAEA;EACA;EAgDA;;;ACjHF;ED8DE;EAEA;EACA;EAsDA;;;ACjHF;EDqHE;EAEA;EACA;EACA;;;ACrHF;EDyHE;EAEA;EACA;EACA;;;ACzHF;ED6HE;EAEA;EACA;EACA;;;AC7HF;EDiIE;EAEA;EACA;EACA;;;AC/HF;EDoIE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EDrSA;EAGA;;;AEkJF;EDgIE;EACA;EACA;EAsBA;;AApBA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EDrSA;EAGA;;;AEsJF;ED4HE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EDrSA;EAGA;;;AE0JF;EDwHE;EACA;EACA;EAsBA;;AApBA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EDrSA;EAGA;;;AE+JA;EACE","file":"global.css"}
package/dist/index.js CHANGED
@@ -198,8 +198,8 @@ var intl = /*#__PURE__*/Object.freeze({
198
198
  relativeTimeFormat: relativeTimeFormat
199
199
  });
200
200
 
201
- const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.31.1-159/genesys-webcomponents/";
202
- const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.31.1-159/genesys-chart-webcomponents/";
201
+ const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.33.0-162/genesys-webcomponents/";
202
+ const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.33.0-162/genesys-chart-webcomponents/";
203
203
  function loadSparkFonts() {
204
204
  const fontOrigin = getFontOrigin();
205
205
  const FONTS = {
package/dist/reset.css ADDED
@@ -0,0 +1,95 @@
1
+ /**
2
+ * A minimal reset stylesheet intended to reduce browser inconsistencies and set some smart default styles for common html elements.
3
+ * Taken from https://piccalil.li/blog/a-more-modern-css-reset/
4
+ */
5
+ /* Box sizing rules */
6
+ *,
7
+ *::before,
8
+ *::after {
9
+ box-sizing: border-box;
10
+ }
11
+
12
+ /* Prevent font size inflation */
13
+ html {
14
+ -moz-text-size-adjust: none;
15
+ -webkit-text-size-adjust: none;
16
+ text-size-adjust: none;
17
+ }
18
+
19
+ /* Remove default margin in favour of better control in authored CSS */
20
+ body,
21
+ h1,
22
+ h2,
23
+ h3,
24
+ h4,
25
+ p,
26
+ figure,
27
+ blockquote,
28
+ dl,
29
+ dd {
30
+ margin-block-end: 0;
31
+ }
32
+
33
+ /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
34
+ ul[role=list],
35
+ ol[role=list] {
36
+ list-style: none;
37
+ }
38
+
39
+ /* Set core body defaults */
40
+ body {
41
+ min-height: 100vh;
42
+ line-height: 1.5;
43
+ }
44
+
45
+ /* Set shorter line heights on headings and interactive elements */
46
+ h1,
47
+ h2,
48
+ h3,
49
+ h4,
50
+ button,
51
+ input,
52
+ label {
53
+ line-height: 1.1;
54
+ }
55
+
56
+ /* Balance text wrapping on headings */
57
+ h1,
58
+ h2,
59
+ h3,
60
+ h4 {
61
+ text-wrap: balance;
62
+ }
63
+
64
+ /* A elements that don't have a class get default styles */
65
+ a:not([class]) {
66
+ text-decoration-skip-ink: auto;
67
+ color: currentcolor;
68
+ }
69
+
70
+ /* Make images easier to work with */
71
+ img,
72
+ picture {
73
+ display: block;
74
+ max-width: 100%;
75
+ }
76
+
77
+ /* Inherit fonts for inputs and buttons */
78
+ input,
79
+ button,
80
+ textarea,
81
+ select {
82
+ font: inherit;
83
+ }
84
+
85
+ /* Make sure textareas without a rows attribute are not tiny */
86
+ textarea:not([rows]) {
87
+ min-height: 10em;
88
+ }
89
+
90
+ /* Anything that has been anchored to should have extra scroll margin */
91
+ :target {
92
+ scroll-margin-block: 5ex;
93
+ }
94
+
95
+ /*# sourceMappingURL=reset.css.map */
package/dist/reset.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sourceRoot":"","sources":["../src/style/reset.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AACA;AAAA;AAAA;EAGE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUE;;;AAGF;AACA;AAAA;EAEE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;AAAA;EAEE;EACA;;;AAGF;AACA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE","file":"reset.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "genesys-spark",
3
- "version": "4.31.1",
3
+ "version": "4.33.0",
4
4
  "description": "",
5
5
  "license": "ISC",
6
6
  "author": "",
@@ -11,29 +11,44 @@
11
11
  ],
12
12
  "scripts": {
13
13
  "prebuild": "npm run clean",
14
- "build": "rollup -c",
14
+ "build": "npm run build.style-sheets && npm run build.rollup && npm run build.generate-component-data",
15
+ "build.generate-component-data": "node ./scripts/generate-component-data.js",
16
+ "build.rollup": "rollup -c",
17
+ "build.style-sheets": "./scripts/build-style-sheets.sh",
15
18
  "clean": "rm -r ./dist || true",
16
19
  "dev": "rollup -c --watch",
17
20
  "eslint": "eslint --fix './**/*.ts'",
18
21
  "lint-staged": "lint-staged --concurrent false",
19
22
  "prettier": "prettier --log-level silent --ignore-path .gitignore --ignore-unknown --write .",
23
+ "stylelint": "stylelint --fix \"**/*.{css,html,scss}\"",
20
24
  "test": "jest",
21
25
  "test.ci": "npm run test",
22
26
  "test.watch": "jest --watch",
23
27
  "version-sync": "npm version --no-git-tag-version --allow-same-version"
24
28
  },
25
29
  "types": "dist/index.d.ts",
30
+ "optionalDependencies": {
31
+ "@rollup/rollup-linux-x64-gnu": "^4.13.2"
32
+ },
26
33
  "devDependencies": {
27
34
  "@rollup/plugin-replace": "^5.0.5",
28
35
  "@tsconfig/strictest": "^2.0.3",
29
36
  "@typescript-eslint/eslint-plugin": "^7.1.0",
30
37
  "@typescript-eslint/parser": "^7.1.0",
31
38
  "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
39
+ "glob": "^10.3.10",
32
40
  "jest": "^29.7.0",
33
41
  "jest-environment-jsdom": "^29.7.0",
34
42
  "rollup": "^4.12.1",
35
43
  "rollup-plugin-dts": "^6.1.0",
36
44
  "rollup-plugin-esbuild": "^6.1.1",
45
+ "sass": "^1.72.0",
46
+ "stylelint": "^16.2.1",
47
+ "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
48
+ "stylelint-config-html": "^1.1.0",
49
+ "stylelint-config-recess-order": "^4.6.0",
50
+ "stylelint-config-standard": "^36.0.0",
51
+ "stylelint-scss": "^6.2.1",
37
52
  "ts-jest": "^29.1.2"
38
53
  }
39
54
  }