genesys-spark 4.199.0 → 4.199.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -5
- package/dist/scss/_mixins.scss +71 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -178,12 +178,13 @@ function domLocaleOverride(localeString) {
|
|
|
178
178
|
}
|
|
179
179
|
}
|
|
180
180
|
function browserLocaleOverride(localeString) {
|
|
181
|
-
var _a
|
|
181
|
+
var _a;
|
|
182
|
+
const browserLang = (_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
182
183
|
switch (localeString.toLowerCase()) {
|
|
183
184
|
case "zh-cn":
|
|
184
|
-
return Boolean((
|
|
185
|
+
return Boolean((browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith("zh-")) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith("-sg")));
|
|
185
186
|
case "zh-tw":
|
|
186
|
-
return Boolean((
|
|
187
|
+
return Boolean((browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith("zh-")) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith("-hk")));
|
|
187
188
|
default:
|
|
188
189
|
return false;
|
|
189
190
|
}
|
|
@@ -220,8 +221,8 @@ var sparkIntl = /*#__PURE__*/Object.freeze({
|
|
|
220
221
|
relativeTimeFormat: relativeTimeFormat
|
|
221
222
|
});
|
|
222
223
|
|
|
223
|
-
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.199.
|
|
224
|
-
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.199.
|
|
224
|
+
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.199.2-921/genesys-webcomponents/";
|
|
225
|
+
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.199.2-921/chart/genesys-chart-webcomponents/";
|
|
225
226
|
function loadSparkFonts(opts) {
|
|
226
227
|
const fontOrigin = getFontOrigin();
|
|
227
228
|
const flareFonts = {
|
package/dist/scss/_mixins.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use '~genesys-spark/dist/tokens/flare/ui.scss';
|
|
2
|
+
@use '~genesys-spark/dist/scss/checkbox-icons.scss';
|
|
2
3
|
|
|
3
4
|
@mixin gux-hide-offscreen {
|
|
4
5
|
position: absolute;
|
|
@@ -70,3 +71,73 @@
|
|
|
70
71
|
scrollbar-color: ui.$gse-ui-menu-border-color transparent;
|
|
71
72
|
scrollbar-width: thin;
|
|
72
73
|
}
|
|
74
|
+
|
|
75
|
+
@mixin gux-checkbox-style {
|
|
76
|
+
input[type='checkbox'] {
|
|
77
|
+
display: inline-grid;
|
|
78
|
+
inline-size: ui.$gse-ui-checkbox-icon-width;
|
|
79
|
+
block-size: ui.$gse-ui-checkbox-icon-height;
|
|
80
|
+
margin: 0;
|
|
81
|
+
vertical-align: middle;
|
|
82
|
+
text-align: center;
|
|
83
|
+
-webkit-appearance: none;
|
|
84
|
+
appearance: none;
|
|
85
|
+
cursor: pointer;
|
|
86
|
+
outline: none;
|
|
87
|
+
border: 0;
|
|
88
|
+
|
|
89
|
+
&::before {
|
|
90
|
+
grid-area: 1/1;
|
|
91
|
+
content: '';
|
|
92
|
+
border-radius: 15%;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&:focus-visible {
|
|
96
|
+
outline: ui.$gse-ui-checkbox-focus-border-width
|
|
97
|
+
ui.$gse-ui-checkbox-focus-border-style
|
|
98
|
+
ui.$gse-ui-checkbox-focus-border-color;
|
|
99
|
+
outline-offset: ui.$gse-ui-checkbox-focus-offset;
|
|
100
|
+
border-radius: ui.$gse-ui-checkbox-focus-borderRadiusSmall;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
&:not(:checked)::before {
|
|
104
|
+
@include checkbox-icons.unchecked;
|
|
105
|
+
|
|
106
|
+
background: ui.$gse-ui-checkbox-icon-default-unselectedForegroundColor;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
&:not(:checked):not(:disabled):not(:indeterminate):hover::before {
|
|
110
|
+
@include checkbox-icons.unchecked-hover;
|
|
111
|
+
|
|
112
|
+
background: ui.$gse-ui-checkbox-icon-hover-foregroundColor;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
&:checked::before {
|
|
116
|
+
@include checkbox-icons.checked;
|
|
117
|
+
|
|
118
|
+
background: ui.$gse-ui-checkbox-icon-default-selectedForegroundColor;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
&:checked:not(:disabled):hover::before {
|
|
122
|
+
@include checkbox-icons.checked-hover;
|
|
123
|
+
|
|
124
|
+
background: ui.$gse-ui-checkbox-icon-hover-foregroundColor;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
&:indeterminate::before {
|
|
128
|
+
@include checkbox-icons.indeterminate;
|
|
129
|
+
|
|
130
|
+
background: ui.$gse-ui-checkbox-icon-default-selectedForegroundColor;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
&:not(:disabled):indeterminate:hover::before {
|
|
134
|
+
@include checkbox-icons.indeterminate-hover;
|
|
135
|
+
|
|
136
|
+
background: ui.$gse-ui-checkbox-icon-hover-foregroundColor;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
&:disabled::before {
|
|
140
|
+
cursor: not-allowed;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|