genesys-spark 4.87.0 → 4.88.1

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 (19) hide show
  1. package/dist/css/global-focusable.css +16 -16
  2. package/dist/css/global-focusable.css.map +1 -1
  3. package/dist/css/global-typography.css +150 -150
  4. package/dist/css/global-typography.css.map +1 -1
  5. package/dist/css/global.css +166 -166
  6. package/dist/css/global.css.map +1 -1
  7. package/dist/css/ui.css +2 -2
  8. package/dist/global.css +166 -166
  9. package/dist/global.css.map +1 -1
  10. package/dist/index.d.ts +2 -2
  11. package/dist/index.js +11 -13
  12. package/dist/scss/_focus.scss +22 -7
  13. package/dist/scss/_mixins.scss +5 -2
  14. package/dist/scss/_typography.scss +319 -85
  15. package/dist/ui.css +2 -2
  16. package/package.json +1 -1
  17. package/dist/css/temp.css +0 -43
  18. package/dist/css/temp.css.map +0 -1
  19. package/dist/scss/temp.scss +0 -41
package/dist/css/global-focusable.css CHANGED
@@ -1,50 +1,50 @@
1
1
  /* Button */
2
2
  button:focus-visible {
3
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
4
- outline-offset: var(--gse-semantic-focusRing-offset);
3
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
4
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
5
5
  }
6
6
 
7
7
  /* Input */
8
8
  input:focus-visible {
9
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
10
- outline-offset: var(--gse-semantic-focusRing-offset);
9
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
10
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
11
11
  }
12
12
 
13
13
  /* Helper classes */
14
14
  .gux-focus-ring-focused:focus {
15
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
16
- outline-offset: var(--gse-semantic-focusRing-offset);
15
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
16
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
17
17
  }
18
18
 
19
19
  .gux-focus-ring-focused-within:focus-within {
20
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
21
- outline-offset: var(--gse-semantic-focusRing-offset);
20
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
21
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
22
22
  }
23
23
 
24
24
  .gux-focus-ring-focused-visible:focus-visible {
25
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
26
- outline-offset: var(--gse-semantic-focusRing-offset);
25
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
26
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
27
27
  }
28
28
 
29
29
  .gux-focus-ring-small-focused:focus {
30
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
30
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
31
31
  }
32
32
 
33
33
  .gux-focus-ring-small-focused-within:focus-within {
34
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
34
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
35
35
  }
36
36
 
37
37
  .gux-focus-ring-small-focused-visible:focus-visible {
38
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
38
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
39
39
  }
40
40
 
41
41
  .gux-focus-ring {
42
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
43
- outline-offset: var(--gse-semantic-focusRing-offset);
42
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
43
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
44
44
  }
45
45
 
46
46
  .gux-focus-ring-small {
47
- outline: var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);
47
+ outline: var(--gse-semantic-focusRing-small-border-color, var(--gse-semantic-border-focus)) var(--gse-semantic-focusRing-small-border-style, solid) var(--gse-semantic-focusRing-small-border-width, var(--gse-semantic-focusOutline-sm-borderWidth));
48
48
  }
49
49
 
50
50
  /*# sourceMappingURL=global-focusable.css.map */
package/dist/css/global-focusable.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/style/global-focusable.scss","../../src/style/_focus.scss"],"names":[],"mappings":"AAEA;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","file":"global-focusable.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/style/global-focusable.scss","../../src/style/_focus.scss"],"names":[],"mappings":"AAEA;AAEE;ECHA;EASA;;;ADDF;AAEE;ECVA;EASA;;;ADMF;AAEE;ECjBA;EASA;;;ADcA;ECvBA;EASA;;;ADoBA;EC7BA;EASA;;;AD0BA;ECnBA;;;ADyBA;ECzBA;;;AD+BA;EC/BA;;;ADoCF;ECpDE;EASA;;;AD+CF;ECxCE","file":"global-focusable.css"}
package/dist/css/global-typography.css CHANGED
@@ -5,316 +5,316 @@
5
5
  /* Body Copy */
6
6
  /* Anchor */
7
7
  h1 {
8
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
9
- font-size: var(--gse-core-typography-heading-xl-fontSize);
10
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
11
- font-weight: var(--gse-core-fontWeight-bold);
8
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
9
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
10
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
11
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xl-bold-fontWeight));
12
12
  }
13
13
 
14
14
  h2 {
15
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
16
- font-size: var(--gse-core-typography-heading-lg-fontSize);
17
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
18
- font-weight: var(--gse-core-fontWeight-bold);
15
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
16
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
17
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
18
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-lg-bold-fontWeight));
19
19
  }
20
20
 
21
21
  h3 {
22
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
23
- font-size: var(--gse-core-typography-heading-md-fontSize);
24
- line-height: var(--gse-core-typography-heading-md-lineHeight);
25
- font-weight: var(--gse-core-fontWeight-bold);
22
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
23
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
24
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
25
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-md-bold-fontWeight));
26
26
  }
27
27
 
28
28
  h4,
29
29
  h5,
30
30
  h6 {
31
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
32
- font-size: var(--gse-core-typography-heading-sm-fontSize);
33
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
34
- font-weight: var(--gse-core-fontWeight-bold);
31
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
32
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
33
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
34
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-sm-bold-fontWeight));
35
35
  }
36
36
 
37
37
  .gux-heading-xl,
38
38
  .gux-heading-xl-bold {
39
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
40
- font-size: var(--gse-core-typography-heading-xl-fontSize);
41
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
42
- font-weight: var(--gse-core-fontWeight-bold);
39
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
40
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
41
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
42
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xl-bold-fontWeight));
43
43
  }
44
44
 
45
45
  .gux-heading-xl-semibold {
46
- font-family: var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
47
- font-size: var(--gse-core-typography-heading-xl-fontSize);
48
- line-height: var(--gse-core-typography-heading-xl-lineHeight);
49
- font-weight: var(--gse-core-fontWeight-semiBold);
46
+ font-family: var(--gse-core-typography-heading-xl-fontFamily, var(--gse-semantic-heading-xl-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
47
+ font-size: var(--gse-core-typography-heading-xl-fontSize, var(--gse-semantic-heading-xl-bold-fontSize));
48
+ line-height: var(--gse-core-typography-heading-xl-lineHeight, var(--gse-semantic-heading-xl-bold-lineHeight));
49
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-lg-semiBold-fontWeight));
50
50
  }
51
51
 
52
52
  .gux-heading-lg,
53
53
  .gux-heading-lg-bold {
54
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
55
- font-size: var(--gse-core-typography-heading-lg-fontSize);
56
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
57
- font-weight: var(--gse-core-fontWeight-bold);
54
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
55
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
56
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
57
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-lg-bold-fontWeight));
58
58
  }
59
59
 
60
60
  .gux-heading-lg-semibold {
61
- font-family: var(--gse-core-typography-heading-lg-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
62
- font-size: var(--gse-core-typography-heading-lg-fontSize);
63
- line-height: var(--gse-core-typography-heading-lg-lineHeight);
64
- font-weight: var(--gse-core-fontWeight-semiBold);
61
+ font-family: var(--gse-core-typography-heading-lg-fontFamily, var(--gse-semantic-heading-lg-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
62
+ font-size: var(--gse-core-typography-heading-lg-fontSize, var(--gse-semantic-heading-lg-bold-fontSize));
63
+ line-height: var(--gse-core-typography-heading-lg-lineHeight, var(--gse-semantic-heading-lg-bold-lineHeight));
64
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-lg-semiBold-fontWeight));
65
65
  }
66
66
 
67
67
  .gux-heading-md,
68
68
  .gux-heading-md-bold {
69
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
70
- font-size: var(--gse-core-typography-heading-md-fontSize);
71
- line-height: var(--gse-core-typography-heading-md-lineHeight);
72
- font-weight: var(--gse-core-fontWeight-bold);
69
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
70
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
71
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
72
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-md-bold-fontWeight));
73
73
  }
74
74
 
75
75
  .gux-heading-md-semibold {
76
- font-family: var(--gse-core-typography-heading-md-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
77
- font-size: var(--gse-core-typography-heading-md-fontSize);
78
- line-height: var(--gse-core-typography-heading-md-lineHeight);
79
- font-weight: var(--gse-core-fontWeight-semiBold);
76
+ font-family: var(--gse-core-typography-heading-md-fontFamily, var(--gse-semantic-heading-md-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
77
+ font-size: var(--gse-core-typography-heading-md-fontSize, var(--gse-semantic-heading-md-bold-fontSize));
78
+ line-height: var(--gse-core-typography-heading-md-lineHeight, var(--gse-semantic-heading-md-bold-lineHeight));
79
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-md-semiBold-fontWeight));
80
80
  }
81
81
 
82
82
  .gux-heading-sm,
83
83
  .gux-heading-sm-bold {
84
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
85
- font-size: var(--gse-core-typography-heading-sm-fontSize);
86
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
87
- font-weight: var(--gse-core-fontWeight-bold);
84
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
85
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
86
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
87
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-sm-bold-fontWeight));
88
88
  }
89
89
 
90
90
  .gux-heading-sm-semibold {
91
- font-family: var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
92
- font-size: var(--gse-core-typography-heading-sm-fontSize);
93
- line-height: var(--gse-core-typography-heading-sm-lineHeight);
94
- font-weight: var(--gse-core-fontWeight-semiBold);
91
+ font-family: var(--gse-core-typography-heading-sm-fontFamily, var(--gse-semantic-heading-sm-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
92
+ font-size: var(--gse-core-typography-heading-sm-fontSize, var(--gse-semantic-heading-sm-bold-fontSize));
93
+ line-height: var(--gse-core-typography-heading-sm-lineHeight, var(--gse-semantic-heading-sm-bold-lineHeight));
94
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-sm-semiBold-fontWeight));
95
95
  }
96
96
 
97
97
  .gux-heading-xs,
98
98
  .gux-heading-xs-bold {
99
- font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
100
- font-size: var(--gse-core-typography-heading-xs-fontSize);
101
- line-height: var(--gse-core-typography-heading-xs-lineHeight);
102
- font-weight: var(--gse-core-fontWeight-bold);
99
+ font-family: var(--gse-core-typography-heading-xs-fontFamily, var(--gse-semantic-heading-xs-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
100
+ font-size: var(--gse-core-typography-heading-xs-fontSize, var(--gse-semantic-heading-xs-bold-fontSize));
101
+ line-height: var(--gse-core-typography-heading-xs-lineHeight, var(--gse-semantic-heading-xs-bold-lineHeight));
102
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-heading-xs-bold-fontWeight));
103
103
  }
104
104
 
105
105
  .gux-heading-xs-semibold {
106
- font-family: var(--gse-core-typography-heading-xs-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
107
- font-size: var(--gse-core-typography-heading-xs-fontSize);
108
- line-height: var(--gse-core-typography-heading-xs-lineHeight);
109
- font-weight: var(--gse-core-fontWeight-semiBold);
106
+ font-family: var(--gse-core-typography-heading-xs-fontFamily, var(--gse-semantic-heading-xs-bold-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
107
+ font-size: var(--gse-core-typography-heading-xs-fontSize, var(--gse-semantic-heading-xs-bold-fontSize));
108
+ line-height: var(--gse-core-typography-heading-xs-lineHeight, var(--gse-semantic-heading-xs-bold-lineHeight));
109
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-heading-xs-semiBold-fontWeight));
110
110
  }
111
111
 
112
112
  .gux-heading-subheading-regular {
113
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
114
- font-size: var(--gse-core-typography-subheading-fontSize);
115
- line-height: var(--gse-core-typography-subheading-lineHeight);
116
- font-weight: var(--gse-core-fontWeight-regular);
113
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
114
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
115
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
116
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-subheading-regular-fontWeight));
117
117
  }
118
118
 
119
119
  .gux-heading-subheading,
120
120
  .gux-heading-subheading-bold {
121
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
122
- font-size: var(--gse-core-typography-subheading-fontSize);
123
- line-height: var(--gse-core-typography-subheading-lineHeight);
124
- font-weight: var(--gse-core-fontWeight-bold);
121
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
122
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
123
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
124
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-subheading-bold-fontWeight));
125
125
  }
126
126
 
127
127
  .gux-heading-subheading-semibold {
128
- font-family: var(--gse-core-typography-subheading-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
129
- font-size: var(--gse-core-typography-subheading-fontSize);
130
- line-height: var(--gse-core-typography-subheading-lineHeight);
131
- font-weight: var(--gse-core-fontWeight-semiBold);
128
+ font-family: var(--gse-core-typography-subheading-fontFamily, var(--gse-semantic-subheading-regular-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
129
+ font-size: var(--gse-core-typography-subheading-fontSize, var(--gse-semantic-subheading-regular-fontSize));
130
+ line-height: var(--gse-core-typography-subheading-lineHeight, var(--gse-semantic-subheading-regular-lineHeight));
131
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-subheading-semiBold-fontWeight));
132
132
  }
133
133
 
134
134
  .gux-heading-overline {
135
- font-family: var(--gse-core-typography-heading-overline-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;
136
- font-size: var(--gse-core-typography-heading-overline-fontSize);
137
- line-height: var(--gse-core-typography-heading-overline-lineHeight);
138
- text-transform: var(--gse-core-typography-heading-overline-textCase);
139
- letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing);
140
- font-weight: var(--gse-core-fontWeight-regular);
135
+ font-family: var(--gse-core-typography-heading-overline-fontFamily, var(--gse-semantic-heading-overline-fontFamily)), var(--gse-core-fontFamily-heading, var(--gse-semantic-theme-fontFamily-headings)), sans-serif;
136
+ font-size: var(--gse-core-typography-heading-overline-fontSize, var(--gse-semantic-heading-overline-fontSize));
137
+ line-height: var(--gse-core-typography-heading-overline-lineHeight, var(--gse-semantic-heading-overline-lineHeight));
138
+ text-transform: var(--gse-core-typography-heading-overline-textCase, var(--gse-semantic-heading-overline-textCase));
139
+ letter-spacing: var(--gse-core-typography-heading-overline-letterSpacing, var(--gse-semantic-heading-overline-letterSpacing));
140
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-heading-overline-fontWeight));
141
141
  }
142
142
 
143
143
  body {
144
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
145
- font-size: var(--gse-core-typography-body-sm-fontSize);
146
- line-height: var(--gse-core-typography-body-sm-lineHeight);
147
- font-weight: var(--gse-core-fontWeight-regular);
144
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
145
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
146
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
147
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
148
148
  }
149
149
 
150
150
  .gux-body-lg-regular {
151
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
152
- font-size: var(--gse-core-typography-body-lg-fontSize);
153
- line-height: var(--gse-core-typography-body-lg-lineHeight);
154
- font-weight: var(--gse-core-fontWeight-regular);
151
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
152
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
153
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
154
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-lg-regular-fontWeight));
155
155
  }
156
156
 
157
157
  .gux-body-lg-semibold {
158
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
159
- font-size: var(--gse-core-typography-body-lg-fontSize);
160
- line-height: var(--gse-core-typography-body-lg-lineHeight);
161
- font-weight: var(--gse-core-fontWeight-semiBold);
158
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
159
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
160
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
161
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-lg-semiBold-fontWeight));
162
162
  }
163
163
 
164
164
  .gux-body-lg-bold {
165
- font-family: var(--gse-core-typography-body-lg-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
166
- font-size: var(--gse-core-typography-body-lg-fontSize);
167
- line-height: var(--gse-core-typography-body-lg-lineHeight);
168
- font-weight: var(--gse-core-fontWeight-bold);
165
+ font-family: var(--gse-core-typography-body-lg-fontFamily, var(--gse-semantic-body-lg-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
166
+ font-size: var(--gse-core-typography-body-lg-fontSize, var(--gse-semantic-body-lg-regular-fontSize));
167
+ line-height: var(--gse-core-typography-body-lg-lineHeight, var(--gse-semantic-body-lg-regular-lineHeight));
168
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-lg-bold-fontWeight));
169
169
  }
170
170
 
171
171
  .gux-body-md-regular {
172
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
173
- font-size: var(--gse-core-typography-body-md-fontSize);
174
- line-height: var(--gse-core-typography-body-md-lineHeight);
175
- font-weight: var(--gse-core-fontWeight-regular);
172
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
173
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
174
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
175
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-md-regular-fontWeight));
176
176
  }
177
177
 
178
178
  .gux-body-md-semibold {
179
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
180
- font-size: var(--gse-core-typography-body-md-fontSize);
181
- line-height: var(--gse-core-typography-body-md-lineHeight);
182
- font-weight: var(--gse-core-fontWeight-semiBold);
179
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
180
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
181
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
182
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-md-semiBold-fontWeight));
183
183
  }
184
184
 
185
185
  .gux-body-md-bold {
186
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
187
- font-size: var(--gse-core-typography-body-md-fontSize);
188
- line-height: var(--gse-core-typography-body-md-lineHeight);
189
- font-weight: var(--gse-core-fontWeight-bold);
186
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
187
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
188
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
189
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-md-bold-fontWeight));
190
190
  }
191
191
 
192
192
  .gux-body-sm-regular {
193
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
194
- font-size: var(--gse-core-typography-body-sm-fontSize);
195
- line-height: var(--gse-core-typography-body-sm-lineHeight);
196
- font-weight: var(--gse-core-fontWeight-regular);
193
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
194
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
195
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
196
+ font-weight: var(--gse-core-fontWeight-regular, var(--gse-semantic-body-sm-regular-fontWeight));
197
197
  }
198
198
 
199
199
  .gux-body-sm-semibold {
200
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
201
- font-size: var(--gse-core-typography-body-sm-fontSize);
202
- line-height: var(--gse-core-typography-body-sm-lineHeight);
203
- font-weight: var(--gse-core-fontWeight-semiBold);
200
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
201
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
202
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
203
+ font-weight: var(--gse-core-fontWeight-semiBold, var(--gse-semantic-body-sm-semiBold-fontWeight));
204
204
  }
205
205
 
206
206
  .gux-body-sm-bold {
207
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
208
- font-size: var(--gse-core-typography-body-sm-fontSize);
209
- line-height: var(--gse-core-typography-body-sm-lineHeight);
210
- font-weight: var(--gse-core-fontWeight-bold);
207
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
208
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
209
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
210
+ font-weight: var(--gse-core-fontWeight-bold, var(--gse-semantic-body-sm-bold-fontWeight));
211
211
  }
212
212
 
213
213
  .gux-ui-button {
214
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
215
- font-size: var(--gse-core-typography-body-md-fontSize);
214
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
215
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
216
216
  font-weight: var(--gse-core-fontWeight-semiBold);
217
- line-height: var(--gse-core-typography-body-md-lineHeight);
217
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
218
218
  }
219
219
 
220
220
  .gux-ui-link {
221
- font-family: var(--gse-core-typography-body-md-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
222
- font-size: var(--gse-core-typography-body-md-fontSize);
221
+ font-family: var(--gse-core-typography-body-md-fontFamily, var(--gse-semantic-body-md-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
222
+ font-size: var(--gse-core-typography-body-md-fontSize, var(--gse-semantic-body-md-regular-fontSize));
223
223
  font-weight: var(--gse-core-fontWeight-regular);
224
- line-height: var(--gse-core-typography-body-md-lineHeight);
224
+ line-height: var(--gse-core-typography-body-md-lineHeight, var(--gse-semantic-body-md-regular-lineHeight));
225
225
  }
226
226
 
227
227
  .gux-ui-label {
228
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
229
- font-size: var(--gse-core-typography-body-sm-fontSize);
228
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
229
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
230
230
  font-weight: var(--gse-core-fontWeight-bold);
231
- line-height: var(--gse-core-typography-body-sm-lineHeight);
231
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
232
232
  }
233
233
 
234
234
  .gux-ui-placeholder {
235
- font-family: var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;
236
- font-size: var(--gse-core-typography-body-sm-fontSize);
235
+ font-family: var(--gse-core-typography-body-sm-fontFamily, var(--gse-semantic-body-sm-regular-fontFamily)), var(--gse-core-fontFamily-body, var(--gse-semantic-theme-fontFamily-body)), sans-serif;
236
+ font-size: var(--gse-core-typography-body-sm-fontSize, var(--gse-semantic-body-sm-regular-fontSize));
237
237
  font-weight: var(--gse-core-fontWeight-regular);
238
- line-height: var(--gse-core-typography-body-sm-lineHeight);
238
+ line-height: var(--gse-core-typography-body-sm-lineHeight, var(--gse-semantic-body-sm-regular-lineHeight));
239
239
  }
240
240
 
241
241
  a {
242
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
242
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
243
243
  text-decoration: underline;
244
244
  border-radius: var(--gse-ui-links-borderRadius);
245
245
  }
246
246
  a:hover {
247
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
247
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
248
248
  }
249
249
  a:active {
250
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
250
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
251
251
  }
252
252
  a:visited {
253
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
253
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
254
254
  }
255
255
  a:focus-visible {
256
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
257
- outline-offset: var(--gse-semantic-focusRing-offset);
256
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
257
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
258
258
  }
259
259
 
260
260
  table a {
261
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
261
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
262
262
  text-decoration: underline;
263
263
  border-radius: var(--gse-ui-links-borderRadius);
264
264
  }
265
265
  table a:hover {
266
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
266
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
267
267
  }
268
268
  table a:active {
269
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
269
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
270
270
  }
271
271
  table a:visited {
272
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
272
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
273
273
  }
274
274
  table a:focus-visible {
275
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
276
- outline-offset: var(--gse-semantic-focusRing-offset);
275
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
276
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
277
277
  }
278
278
  table a {
279
279
  text-decoration: none;
280
280
  }
281
281
 
282
282
  .gux-ui-anchor {
283
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
283
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
284
284
  text-decoration: underline;
285
285
  border-radius: var(--gse-ui-links-borderRadius);
286
286
  }
287
287
  .gux-ui-anchor:hover {
288
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
288
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
289
289
  }
290
290
  .gux-ui-anchor:active {
291
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
291
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
292
292
  }
293
293
  .gux-ui-anchor:visited {
294
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
294
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
295
295
  }
296
296
  .gux-ui-anchor:focus-visible {
297
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
298
- outline-offset: var(--gse-semantic-focusRing-offset);
297
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
298
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
299
299
  }
300
300
 
301
301
  .gux-anchor-table {
302
- color: var(--gse-ui-link-default-foregroundColor, --gse-ui-links-default-foregroundColor);
302
+ color: var(--gse-ui-link-default-foregroundColor, var(--gse-ui-links-default-foregroundColor));
303
303
  text-decoration: underline;
304
304
  border-radius: var(--gse-ui-links-borderRadius);
305
305
  }
306
306
  .gux-anchor-table:hover {
307
- color: var(--gse-ui-link-hover-foregroundColor, --gse-ui-links-hover-foregroundColor);
307
+ color: var(--gse-ui-link-hover-foregroundColor, var(--gse-ui-links-hover-foregroundColor));
308
308
  }
309
309
  .gux-anchor-table:active {
310
- color: var(--gse-ui-link-active-foregroundColor, --gse-ui-links-active-foregroundColor);
310
+ color: var(--gse-ui-link-active-foregroundColor, var(--gse-ui-links-active-foregroundColor));
311
311
  }
312
312
  .gux-anchor-table:visited {
313
- color: var(--gse-ui-link-visited-foregroundColor, --gse-ui-links-visited-foregroundColor);
313
+ color: var(--gse-ui-link-visited-foregroundColor, var(--gse-ui-links-visited-foregroundColor));
314
314
  }
315
315
  .gux-anchor-table:focus-visible {
316
- outline: var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);
317
- outline-offset: var(--gse-semantic-focusRing-offset);
316
+ outline: var(--gse-semantic-focusRing-default-border-color, var(--gse-semantic-border-focus)) solid var(--gse-semantic-focusRing-default-border-width, var(--gse-semantic-focusOutline-md-borderWidth));
317
+ outline-offset: var(--gse-semantic-focusRing-offset, var(--gse-semantic-focusOutline-offset));
318
318
  }
319
319
  .gux-anchor-table {
320
320
  text-decoration: none;
package/dist/css/global-typography.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/style/_typography.scss","../../src/style/global-typography.scss","../../src/style/_focus.scss"],"names":[],"mappings":"AAEA;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;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EEjTA;EAGA;;;ADkJF;EDgIE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EEjTA;EAGA;;AFuTA;EACE;;;AClKJ;ED4HE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EEjTA;EAGA;;;AD0JF;EDwHE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EEjTA;EAGA;;AFuTA;EACE;;;ACzJF;EACE","file":"global-typography.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/style/_typography.scss","../../src/style/global-typography.scss","../../src/style/_focus.scss"],"names":[],"mappings":"AAEA;AAAA;AAAA;AAIA;AA2SA;AA6MA;AC1fA;EDIE;EASA;EAIA;EAyIA;;;ACtJF;EDoBE;EASA;EAIA;EA2IA;;;ACxKF;EDoCE;EASA;EAIA;EA6IA;;;AC1LF;AAAA;AAAA;EDoDE;EASA;EAIA;EA+IA;;;AC1MF;AAAA;EDdE;EASA;EAIA;EAyIA;;;ACnIF;EDnBE;EASA;EAIA;EAkJA;;;ACxIF;AAAA;EDHE;EASA;EAIA;EA2IA;;;AChJF;EDRE;EASA;EAIA;EAoJA;;;ACrJF;AAAA;EDQE;EASA;EAIA;EA6IA;;;AC7JF;EDGE;EASA;EAIA;EAsJA;;;AClKF;AAAA;EDmBE;EASA;EAIA;EA+IA;;;AC1KF;EDcE;EASA;EAIA;EAwJA;;;AC/KF;AAAA;ED8BE;EASA;EAIA;EAiJA;;;ACvLF;EDyBE;EASA;EAIA;EA0JA;;;AC5LF;EDyCE;EASA;EAIA;EAqKA;;;ACvNF;AAAA;EDqCE;EASA;EAIA;EAmJA;;;AChMF;EDgCE;EASA;EAIA;EA4JA;;;ACrMF;EDgDE;EASA;EAIA;EAIA;EAIA;EAsJA;;;ACrNF;ED+PE;EAMA;EAIA;EA+DA;;;ACpUF;EDyNE;EAMA;EAIA;EA2CA;;;AC1QF;EDqNE;EAMA;EAIA;EAoDA;;;AC/QF;EDiNE;EAMA;EAIA;EA6DA;;;ACpRF;ED8NE;EAMA;EAIA;EAqDA;;;ACzRF;ED0NE;EAMA;EAIA;EA8DA;;;AC9RF;EDsNE;EAMA;EAIA;EAuEA;;;ACnSF;EDmOE;EAMA;EAIA;EA+DA;;;ACxSF;ED+NE;EAMA;EAIA;EAwEA;;;AC7SF;ED2NE;EAMA;EAIA;EAiFA;;;AChTF;EDuTE;EAMA;EAIA;EACA;;;AC9TF;EDqUE;EAMA;EAIA;EACA;;;AC5UF;EDmVE;EAMA;EAIA;EACA;;;AC1VF;EDiWE;EAMA;EAIA;EACA;;;ACtWF;ED8WE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EE3hBA;EASA;;;AD4IF;ED0WE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EE3hBA;EASA;;AF2hBA;EACE;;;AC5YJ;EDsWE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EE3hBA;EASA;;;ADoJF;EDkWE;EAIA;EACA;;AAEA;EACE;;AAMF;EACE;;AAMF;EACE;;AAMF;EE3hBA;EASA;;AF2hBA;EACE;;;ACnYF;EACE","file":"global-typography.css"}