genesys-spark 4.239.0 → 4.242.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.
- package/dist/index.js +19 -7
- package/dist/scss/_checkbox-icons.scss +41 -29
- package/dist/scss/_radio-icons.scss +27 -19
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
function getWindowLocationHostname() {
|
|
2
|
+
return window.location.hostname;
|
|
3
|
+
}
|
|
4
|
+
|
|
1
5
|
const DOMAIN_LIST = [
|
|
2
6
|
".inindca.com",
|
|
3
7
|
".dev-pure.cloud",
|
|
@@ -9,7 +13,8 @@ const DOMAIN_LIST = [
|
|
|
9
13
|
".mypurecloud.ie",
|
|
10
14
|
".mypurecloud.jp",
|
|
11
15
|
".pure.cloud",
|
|
12
|
-
".maximus-pure.cloud"
|
|
16
|
+
".maximus-pure.cloud",
|
|
17
|
+
".eusc-pure.cloud"
|
|
13
18
|
// 'use2.us-gov-pure.cloud', Assets are not currently deployed to FedRAMP and should fallback to the default domain
|
|
14
19
|
];
|
|
15
20
|
function getComponentAssetsOrigin() {
|
|
@@ -26,7 +31,7 @@ function getFontOrigin() {
|
|
|
26
31
|
return getComponentAssetsOrigin();
|
|
27
32
|
}
|
|
28
33
|
function getRegionDomain() {
|
|
29
|
-
const hostname =
|
|
34
|
+
const hostname = getWindowLocationHostname();
|
|
30
35
|
const matchedDomain = DOMAIN_LIST.some(
|
|
31
36
|
(regionDomain) => hostname.endsWith(regionDomain)
|
|
32
37
|
);
|
|
@@ -168,7 +173,8 @@ function determineDisplayLocale(element = document.body) {
|
|
|
168
173
|
}
|
|
169
174
|
function browserHasRegionData(localeString) {
|
|
170
175
|
var _a;
|
|
171
|
-
return browserLocaleOverride(localeString) || localeString.length == 2 &&
|
|
176
|
+
return browserLocaleOverride(localeString) || localeString.length == 2 && /* istanbul ignore next -- navigator.language is always defined in browser environments */
|
|
177
|
+
((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`));
|
|
172
178
|
}
|
|
173
179
|
function domLocaleOverride(localeString) {
|
|
174
180
|
if ((localeString === null || localeString === void 0 ? void 0 : localeString.toLowerCase()) === "en-us") {
|
|
@@ -182,9 +188,15 @@ function browserLocaleOverride(localeString) {
|
|
|
182
188
|
const browserLang = (_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase();
|
|
183
189
|
switch (localeString.toLowerCase()) {
|
|
184
190
|
case "zh-cn":
|
|
185
|
-
return Boolean(
|
|
191
|
+
return Boolean(
|
|
192
|
+
/* istanbul ignore next -- browserLang null path unreachable when navigator.language is defined */
|
|
193
|
+
(browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith("zh-")) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith("-sg"))
|
|
194
|
+
);
|
|
186
195
|
case "zh-tw":
|
|
187
|
-
return Boolean(
|
|
196
|
+
return Boolean(
|
|
197
|
+
/* istanbul ignore next -- browserLang null path unreachable when navigator.language is defined */
|
|
198
|
+
(browserLang === null || browserLang === void 0 ? void 0 : browserLang.startsWith("zh-")) && (browserLang === null || browserLang === void 0 ? void 0 : browserLang.endsWith("-hk"))
|
|
199
|
+
);
|
|
188
200
|
default:
|
|
189
201
|
return false;
|
|
190
202
|
}
|
|
@@ -221,8 +233,8 @@ var sparkIntl = /*#__PURE__*/Object.freeze({
|
|
|
221
233
|
relativeTimeFormat: relativeTimeFormat
|
|
222
234
|
});
|
|
223
235
|
|
|
224
|
-
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.
|
|
225
|
-
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.
|
|
236
|
+
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.242.0-1057/genesys-webcomponents/";
|
|
237
|
+
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.242.0-1057/chart/genesys-chart-webcomponents/";
|
|
226
238
|
function loadSparkFonts(opts) {
|
|
227
239
|
const fontOrigin = getFontOrigin();
|
|
228
240
|
const flareFonts = {
|
|
@@ -1,54 +1,66 @@
|
|
|
1
1
|
$gux-icon-checkbox-unchecked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E";
|
|
2
2
|
$gux-icon-checkbox-checked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E";
|
|
3
|
-
$gux-icon-checkbox-indeterminate: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z'/%3E%3C/svg%3E";
|
|
4
|
-
$gux-icon-checkbox-unchecked-
|
|
5
|
-
$gux-icon-checkbox-
|
|
6
|
-
$gux-icon-checkbox-
|
|
7
|
-
$gux-icon-checkbox-unchecked-error: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M13.7143 0C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143ZM13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429Z' /%3E%3C/svg%3E";
|
|
8
|
-
$gux-icon-checkbox-checked-error: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V2.28571C16 1.025 14.975 0 13.7143 0H2.28571ZM12.0357 6.32143L7.46429 10.8929C7.12857 11.2286 6.58571 11.2286 6.25357 10.8929L3.96786 8.60714C3.63214 8.27143 3.63214 7.72857 3.96786 7.39643C4.30357 7.06429 4.84643 7.06071 5.17857 7.39643L6.85714 9.075L10.8214 5.10714C11.1571 4.77143 11.7 4.77143 12.0321 5.10714C12.3643 5.44286 12.3679 5.98571 12.0321 6.31786L12.0357 6.32143Z' /%3E%3C/svg%3E";
|
|
9
|
-
$gux-icon-checkbox-indeterminate-error: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E";
|
|
3
|
+
$gux-icon-checkbox-indeterminate: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429ZM0 2.28571C0 1.02321 1.02321 0 2.28571 0H13.7143C14.975 0 16 1.02321 16 2.28571V13.7143C16 14.975 14.975 16 13.7143 16H2.28571C1.02321 16 0 14.975 0 13.7143V2.28571ZM1.71429 2.28571V13.7143C1.71429 14.0286 1.97 14.2857 2.28571 14.2857H13.7143C14.0286 14.2857 14.2857 14.0286 14.2857 13.7143V2.28571C14.2857 1.97 14.0286 1.71429 13.7143 1.71429H2.28571C1.97 1.71429 1.71429 1.97 1.71429 2.28571Z' /%3E%3C/svg%3E";
|
|
4
|
+
$gux-icon-checkbox-unchecked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571Z' /%3E%3C/svg%3E";
|
|
5
|
+
$gux-icon-checkbox-checked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M9.06426 0V0.00137C9.06426 0.74364 9.49616 1.39544 10.14982 1.69805H10.15122L13.03452 3.02968L14.3648 5.91308L14.3662 5.91445C14.6623 6.55326 15.29146 6.97082 16 6.99453V13.7139C16 14.9746 14.9746 16 13.7139 16H2.28613C1.02542 16 0 14.9746 0 13.7139V2.28613C0 1.02542 1.02542 0 2.28613 0H9.06426ZM12.0322 5.10742C11.7001 4.77171 11.157 4.77171 10.8213 5.10742L6.85742 9.0752L5.17871 7.3965C4.84657 7.0608 4.30349 7.0643 3.96777 7.3965C3.63213 7.7286 3.63208 8.2717 3.96777 8.6074L6.25391 10.8926C6.58603 11.2282 7.12816 11.2282 7.46387 10.8926L12.0361 6.3213L12.0322 6.3174C12.3676 5.98528 12.3641 5.44306 12.0322 5.10742Z' /%3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571Z' /%3E%3C/svg%3E";
|
|
6
|
+
$gux-icon-checkbox-indeterminate-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3E%3Cpath d='M2.28571 0C1.025 0 0 1.025 0 2.28571V13.7143C0 14.975 1.025 16 2.28571 16H13.7143C14.975 16 16 14.975 16 13.7143V5.59375C15.7539 5.84687 15.414 6 15.0449 6C14.7661 6 14.5044 5.91125 14.2857 5.76V13.7143C14.2857 14.0286 14.0286 14.2857 13.7143 14.2857H2.28571C1.97 14.2857 1.71429 14.0286 1.71429 13.7143V2.28571C1.71429 1.97 1.97 1.71429 2.28571 1.71429H10.2529C10.1215 1.50625 10.0459 1.26175 10.0459 1.001C10.0459 0.611 10.2141 0.2497 10.4961 0H2.28571ZM11.1429 7.14286C11.6179 7.14286 12 7.525 12 8C12 8.475 11.6179 8.85714 11.1429 8.85714H4.85714C4.38214 8.85714 4 8.475 4 8C4 7.525 4.38214 7.14286 4.85714 7.14286H11.1429Z' /%3E%3C/svg%3E";
|
|
10
7
|
|
|
11
8
|
@mixin unchecked {
|
|
12
9
|
-webkit-mask-image: url($gux-icon-checkbox-unchecked);
|
|
13
10
|
mask-image: url($gux-icon-checkbox-unchecked);
|
|
14
11
|
}
|
|
15
12
|
|
|
16
|
-
@mixin
|
|
17
|
-
-webkit-mask-image: url($gux-icon-checkbox-unchecked-hover);
|
|
18
|
-
mask-image: url($gux-icon-checkbox-unchecked-hover);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
@mixin checked-hover {
|
|
13
|
+
@mixin checked {
|
|
22
14
|
-webkit-mask-image: url($gux-icon-checkbox-checked);
|
|
23
15
|
mask-image: url($gux-icon-checkbox-checked);
|
|
24
16
|
}
|
|
25
17
|
|
|
26
|
-
@mixin
|
|
27
|
-
-webkit-mask-image: url($gux-icon-checkbox-
|
|
28
|
-
mask-image: url($gux-icon-checkbox-
|
|
18
|
+
@mixin indeterminate {
|
|
19
|
+
-webkit-mask-image: url($gux-icon-checkbox-indeterminate);
|
|
20
|
+
mask-image: url($gux-icon-checkbox-indeterminate);
|
|
29
21
|
}
|
|
30
22
|
|
|
31
|
-
@mixin unchecked-
|
|
32
|
-
-webkit-mask-image: url($gux-icon-checkbox-unchecked-
|
|
33
|
-
mask-image: url($gux-icon-checkbox-unchecked-
|
|
23
|
+
@mixin unchecked-notched {
|
|
24
|
+
-webkit-mask-image: url($gux-icon-checkbox-unchecked-notched);
|
|
25
|
+
mask-image: url($gux-icon-checkbox-unchecked-notched);
|
|
34
26
|
}
|
|
35
27
|
|
|
36
|
-
@mixin checked-
|
|
37
|
-
-webkit-mask-image: url($gux-icon-checkbox-checked-
|
|
38
|
-
mask-image: url($gux-icon-checkbox-checked-
|
|
28
|
+
@mixin checked-notched {
|
|
29
|
+
-webkit-mask-image: url($gux-icon-checkbox-checked-notched);
|
|
30
|
+
mask-image: url($gux-icon-checkbox-checked-notched);
|
|
39
31
|
}
|
|
40
32
|
|
|
41
|
-
@mixin indeterminate {
|
|
42
|
-
-webkit-mask-image: url($gux-icon-checkbox-indeterminate);
|
|
43
|
-
mask-image: url($gux-icon-checkbox-indeterminate);
|
|
33
|
+
@mixin indeterminate-notched {
|
|
34
|
+
-webkit-mask-image: url($gux-icon-checkbox-indeterminate-notched);
|
|
35
|
+
mask-image: url($gux-icon-checkbox-indeterminate-notched);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// @deprecated - use `unchecked` mixin instead (COMUI-4793)
|
|
39
|
+
@mixin unchecked-hover {
|
|
40
|
+
@include unchecked;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// @deprecated - use `checked` mixin instead (COMUI-4793)
|
|
44
|
+
@mixin checked-hover {
|
|
45
|
+
@include checked;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
// @deprecated - use `unchecked` mixin instead (COMUI-4793)
|
|
49
|
+
@mixin unchecked-error {
|
|
50
|
+
@include unchecked;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
// @deprecated - use `checked` mixin instead (COMUI-4793)
|
|
54
|
+
@mixin checked-error {
|
|
55
|
+
@include checked;
|
|
44
56
|
}
|
|
45
57
|
|
|
58
|
+
// @deprecated - use `indeterminate` mixin instead (COMUI-4793)
|
|
46
59
|
@mixin indeterminate-hover {
|
|
47
|
-
|
|
48
|
-
mask-image: url($gux-icon-checkbox-indeterminate-hover);
|
|
60
|
+
@include indeterminate;
|
|
49
61
|
}
|
|
50
62
|
|
|
63
|
+
// @deprecated - use `indeterminate` mixin instead (COMUI-4793)
|
|
51
64
|
@mixin indeterminate-error {
|
|
52
|
-
|
|
53
|
-
mask-image: url($gux-icon-checkbox-indeterminate-error);
|
|
65
|
+
@include indeterminate;
|
|
54
66
|
}
|
|
@@ -1,36 +1,44 @@
|
|
|
1
|
-
$gux-icon-radio-unchecked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.
|
|
2
|
-
$gux-icon-radio-
|
|
3
|
-
$gux-icon-radio-
|
|
4
|
-
$gux-icon-radio-checked: "data:image/svg+xml,%3Csvg
|
|
5
|
-
$gux-icon-radio-unchecked-error: "data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E";
|
|
6
|
-
$gux-icon-radio-checked-error: "data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E";
|
|
1
|
+
$gux-icon-radio-unchecked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E";
|
|
2
|
+
$gux-icon-radio-checked: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E";
|
|
3
|
+
$gux-icon-radio-unchecked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C8.89689 0 9.75854 0.149735 10.5635 0.421875L9.77539 0.787109C9.43127 0.946426 9.17928 1.23943 9.06641 1.58789C8.7194 1.53064 8.36326 1.5 8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 7.63636 14.4685 7.27997 14.4111 6.93262C14.7601 6.81905 15.0525 6.56635 15.2109 6.22461V6.22363L15.5762 5.43066C15.8496 6.23728 16 7.10094 16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0Z' /%3E%3C/svg%3E";
|
|
4
|
+
$gux-icon-radio-checked-notched: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C8.89689 0 9.75854 0.149735 10.5635 0.421875L9.77539 0.787109C9.43127 0.946426 9.17928 1.23943 9.06641 1.58789C8.7194 1.53064 8.36326 1.5 8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 7.63636 14.4685 7.27997 14.4111 6.93262C14.7601 6.81905 15.0525 6.56635 15.2109 6.22461V6.22363L15.5762 5.43066C15.8496 6.23728 16 7.10094 16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0ZM8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8C5 6.31563 6.31563 5 8 5Z' /%3E%3C/svg%3E";
|
|
7
5
|
|
|
8
6
|
@mixin unchecked {
|
|
9
7
|
-webkit-mask-image: url($gux-icon-radio-unchecked);
|
|
10
8
|
mask-image: url($gux-icon-radio-unchecked);
|
|
11
9
|
}
|
|
12
10
|
|
|
13
|
-
@mixin
|
|
14
|
-
-webkit-mask-image: url($gux-icon-radio-
|
|
15
|
-
mask-image: url($gux-icon-radio-
|
|
11
|
+
@mixin checked {
|
|
12
|
+
-webkit-mask-image: url($gux-icon-radio-checked);
|
|
13
|
+
mask-image: url($gux-icon-radio-checked);
|
|
16
14
|
}
|
|
17
15
|
|
|
18
|
-
@mixin
|
|
19
|
-
-webkit-mask-image: url($gux-icon-radio-
|
|
20
|
-
mask-image: url($gux-icon-radio-
|
|
16
|
+
@mixin unchecked-notched {
|
|
17
|
+
-webkit-mask-image: url($gux-icon-radio-unchecked-notched);
|
|
18
|
+
mask-image: url($gux-icon-radio-unchecked-notched);
|
|
21
19
|
}
|
|
22
20
|
|
|
23
|
-
@mixin checked {
|
|
24
|
-
-webkit-mask-image: url($gux-icon-radio-checked);
|
|
25
|
-
mask-image: url($gux-icon-radio-checked);
|
|
21
|
+
@mixin checked-notched {
|
|
22
|
+
-webkit-mask-image: url($gux-icon-radio-checked-notched);
|
|
23
|
+
mask-image: url($gux-icon-radio-checked-notched);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
// @deprecated - use `unchecked` mixin instead (COMUI-4793)
|
|
27
|
+
@mixin unchecked-hover {
|
|
28
|
+
@include unchecked;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// @deprecated - use `checked` mixin instead (COMUI-4793)
|
|
32
|
+
@mixin checked-hover {
|
|
33
|
+
@include checked;
|
|
26
34
|
}
|
|
27
35
|
|
|
36
|
+
// @deprecated - use `unchecked` mixin instead (COMUI-4793)
|
|
28
37
|
@mixin unchecked-error {
|
|
29
|
-
|
|
30
|
-
mask-image: url($gux-icon-radio-unchecked-error);
|
|
38
|
+
@include unchecked;
|
|
31
39
|
}
|
|
32
40
|
|
|
41
|
+
// @deprecated - use `checked` mixin instead (COMUI-4793)
|
|
33
42
|
@mixin checked-error {
|
|
34
|
-
|
|
35
|
-
mask-image: url($gux-icon-radio-checked-error);
|
|
43
|
+
@include checked;
|
|
36
44
|
}
|