genesys-spark 4.80.1 → 4.81.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.
- package/dist/css/global.css +14 -14
- package/dist/css/ui.css +63 -65
- package/dist/css/ui.css.map +1 -1
- package/dist/global.css +14 -14
- package/dist/index.js +2 -2
- package/dist/scss/_checkbox-icons.scss +54 -0
- package/dist/scss/_radio-icons.scss +36 -0
- package/dist/ui.css +63 -65
- package/dist/ui.css.map +1 -1
- package/package.json +1 -1
package/dist/global.css
CHANGED
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
--gse-core-color-jade-800: #327767;
|
|
147
147
|
--gse-core-color-jade-900: #224f45;
|
|
148
148
|
--gse-core-color-jade-1000: #193b33;
|
|
149
|
-
--gse-core-fontFamily-body: Noto Sans;
|
|
149
|
+
--gse-core-fontFamily-body: "Noto Sans";
|
|
150
150
|
--gse-core-fontFamily-heading: Urbanist;
|
|
151
151
|
--gse-core-fontSize-xs: 12px;
|
|
152
152
|
--gse-core-fontSize-sm: 14px;
|
|
@@ -165,51 +165,51 @@
|
|
|
165
165
|
--gse-core-lineHeight-xl: 32px;
|
|
166
166
|
--gse-core-lineHeight-2xl: 44px;
|
|
167
167
|
--gse-core-lineHeight-matchFontSize: 1;
|
|
168
|
-
--gse-core-typography-body-sm-fontFamily: Noto Sans;
|
|
168
|
+
--gse-core-typography-body-sm-fontFamily: "Noto Sans";
|
|
169
169
|
--gse-core-typography-body-sm-lineHeight: 18px;
|
|
170
170
|
--gse-core-typography-body-sm-fontSize: 12px;
|
|
171
171
|
--gse-core-typography-body-sm-fontWeight: 400;
|
|
172
|
-
--gse-core-typography-body-smBold-fontFamily: Noto Sans;
|
|
172
|
+
--gse-core-typography-body-smBold-fontFamily: "Noto Sans";
|
|
173
173
|
--gse-core-typography-body-smBold-lineHeight: 18px;
|
|
174
174
|
--gse-core-typography-body-smBold-fontSize: 12px;
|
|
175
175
|
--gse-core-typography-body-smBold-fontWeight: 700;
|
|
176
|
-
--gse-core-typography-body-smSemiBold-fontFamily: Noto Sans;
|
|
176
|
+
--gse-core-typography-body-smSemiBold-fontFamily: "Noto Sans";
|
|
177
177
|
--gse-core-typography-body-smSemiBold-lineHeight: 18px;
|
|
178
178
|
--gse-core-typography-body-smSemiBold-fontSize: 12px;
|
|
179
179
|
--gse-core-typography-body-smSemiBold-fontWeight: 600;
|
|
180
|
-
--gse-core-typography-body-smRegular-fontFamily: Noto Sans;
|
|
180
|
+
--gse-core-typography-body-smRegular-fontFamily: "Noto Sans";
|
|
181
181
|
--gse-core-typography-body-smRegular-lineHeight: 18px;
|
|
182
182
|
--gse-core-typography-body-smRegular-fontSize: 12px;
|
|
183
183
|
--gse-core-typography-body-smRegular-fontWeight: 400;
|
|
184
|
-
--gse-core-typography-body-md-fontFamily: Noto Sans;
|
|
184
|
+
--gse-core-typography-body-md-fontFamily: "Noto Sans";
|
|
185
185
|
--gse-core-typography-body-md-lineHeight: 20px;
|
|
186
186
|
--gse-core-typography-body-md-fontSize: 14px;
|
|
187
187
|
--gse-core-typography-body-md-fontWeight: 400;
|
|
188
|
-
--gse-core-typography-body-mdRegular-fontFamily: Noto Sans;
|
|
188
|
+
--gse-core-typography-body-mdRegular-fontFamily: "Noto Sans";
|
|
189
189
|
--gse-core-typography-body-mdRegular-lineHeight: 20px;
|
|
190
190
|
--gse-core-typography-body-mdRegular-fontSize: 14px;
|
|
191
191
|
--gse-core-typography-body-mdRegular-fontWeight: 400;
|
|
192
|
-
--gse-core-typography-body-mdSemiBold-fontFamily: Noto Sans;
|
|
192
|
+
--gse-core-typography-body-mdSemiBold-fontFamily: "Noto Sans";
|
|
193
193
|
--gse-core-typography-body-mdSemiBold-lineHeight: 20px;
|
|
194
194
|
--gse-core-typography-body-mdSemiBold-fontSize: 14px;
|
|
195
195
|
--gse-core-typography-body-mdSemiBold-fontWeight: 600;
|
|
196
|
-
--gse-core-typography-body-mdBold-fontFamily: Noto Sans;
|
|
196
|
+
--gse-core-typography-body-mdBold-fontFamily: "Noto Sans";
|
|
197
197
|
--gse-core-typography-body-mdBold-lineHeight: 20px;
|
|
198
198
|
--gse-core-typography-body-mdBold-fontSize: 14px;
|
|
199
199
|
--gse-core-typography-body-mdBold-fontWeight: 700;
|
|
200
|
-
--gse-core-typography-body-lg-fontFamily: Noto Sans;
|
|
200
|
+
--gse-core-typography-body-lg-fontFamily: "Noto Sans";
|
|
201
201
|
--gse-core-typography-body-lg-lineHeight: 24px;
|
|
202
202
|
--gse-core-typography-body-lg-fontSize: 16px;
|
|
203
203
|
--gse-core-typography-body-lg-fontWeight: 400;
|
|
204
|
-
--gse-core-typography-body-lgRegular-fontFamily: Noto Sans;
|
|
204
|
+
--gse-core-typography-body-lgRegular-fontFamily: "Noto Sans";
|
|
205
205
|
--gse-core-typography-body-lgRegular-lineHeight: 24px;
|
|
206
206
|
--gse-core-typography-body-lgRegular-fontSize: 16px;
|
|
207
207
|
--gse-core-typography-body-lgRegular-fontWeight: 400;
|
|
208
|
-
--gse-core-typography-body-lgSemiBold-fontFamily: Noto Sans;
|
|
208
|
+
--gse-core-typography-body-lgSemiBold-fontFamily: "Noto Sans";
|
|
209
209
|
--gse-core-typography-body-lgSemiBold-lineHeight: 24px;
|
|
210
210
|
--gse-core-typography-body-lgSemiBold-fontSize: 16px;
|
|
211
211
|
--gse-core-typography-body-lgSemiBold-fontWeight: 600;
|
|
212
|
-
--gse-core-typography-body-lgBold-fontFamily: Noto Sans;
|
|
212
|
+
--gse-core-typography-body-lgBold-fontFamily: "Noto Sans";
|
|
213
213
|
--gse-core-typography-body-lgBold-lineHeight: 24px;
|
|
214
214
|
--gse-core-typography-body-lgBold-fontSize: 16px;
|
|
215
215
|
--gse-core-typography-body-lgBold-fontWeight: 700;
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
--gse-semantic-forms-fieldset-header-text-fontSize: 18px;
|
|
394
394
|
--gse-semantic-forms-fieldset-header-text-fontWeight: 700;
|
|
395
395
|
--gse-semantic-forms-paragraph-foregroundColor: #3e5374;
|
|
396
|
-
--gse-semantic-forms-paragraph-text-fontFamily: Noto Sans;
|
|
396
|
+
--gse-semantic-forms-paragraph-text-fontFamily: "Noto Sans";
|
|
397
397
|
--gse-semantic-forms-paragraph-text-lineHeight: 18px;
|
|
398
398
|
--gse-semantic-forms-paragraph-text-fontSize: 12px;
|
|
399
399
|
--gse-semantic-forms-paragraph-text-fontWeight: 400;
|
package/dist/index.js
CHANGED
|
@@ -196,8 +196,8 @@ var intl = /*#__PURE__*/Object.freeze({
|
|
|
196
196
|
relativeTimeFormat: relativeTimeFormat
|
|
197
197
|
});
|
|
198
198
|
|
|
199
|
-
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.
|
|
200
|
-
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.
|
|
199
|
+
const COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.81.1-340/genesys-webcomponents/";
|
|
200
|
+
const CHART_COMPONENT_ASSET_PREFIX = "/spark-components/build-assets/4.81.1-340/chart/genesys-chart-webcomponents/";
|
|
201
201
|
function loadSparkFonts() {
|
|
202
202
|
const fontOrigin = getFontOrigin();
|
|
203
203
|
const FONTS = {
|
|
@@ -0,0 +1,54 @@
|
|
|
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
|
+
$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-hover: "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";
|
|
5
|
+
$gux-icon-checkbox-indeterminate-hover: "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";
|
|
6
|
+
$gux-icon-checkbox-checked-hover: "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";
|
|
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";
|
|
10
|
+
|
|
11
|
+
@mixin unchecked {
|
|
12
|
+
-webkit-mask-image: url($gux-icon-checkbox-unchecked);
|
|
13
|
+
mask-image: url($gux-icon-checkbox-unchecked);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@mixin unchecked-hover {
|
|
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 {
|
|
22
|
+
-webkit-mask-image: url($gux-icon-checkbox-checked);
|
|
23
|
+
mask-image: url($gux-icon-checkbox-checked);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
@mixin checked {
|
|
27
|
+
-webkit-mask-image: url($gux-icon-checkbox-checked);
|
|
28
|
+
mask-image: url($gux-icon-checkbox-checked);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin unchecked-error {
|
|
32
|
+
-webkit-mask-image: url($gux-icon-checkbox-unchecked-error);
|
|
33
|
+
mask-image: url($gux-icon-checkbox-unchecked-error);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@mixin checked-error {
|
|
37
|
+
-webkit-mask-image: url($gux-icon-checkbox-checked-error);
|
|
38
|
+
mask-image: url($gux-icon-checkbox-checked-error);
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
@mixin indeterminate {
|
|
42
|
+
-webkit-mask-image: url($gux-icon-checkbox-indeterminate);
|
|
43
|
+
mask-image: url($gux-icon-checkbox-indeterminate);
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@mixin indeterminate-hover {
|
|
47
|
+
-webkit-mask-image: url($gux-icon-checkbox-indeterminate-hover);
|
|
48
|
+
mask-image: url($gux-icon-checkbox-indeterminate-hover);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@mixin indeterminate-error {
|
|
52
|
+
-webkit-mask-image: url($gux-icon-checkbox-indeterminate-error);
|
|
53
|
+
mask-image: url($gux-icon-checkbox-indeterminate-error);
|
|
54
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
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.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' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E";
|
|
2
|
+
$gux-icon-radio-unchecked-hover: "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.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' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E";
|
|
3
|
+
$gux-icon-radio-checked-hover: "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";
|
|
4
|
+
$gux-icon-radio-checked: "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";
|
|
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";
|
|
7
|
+
|
|
8
|
+
@mixin unchecked {
|
|
9
|
+
-webkit-mask-image: url($gux-icon-radio-unchecked);
|
|
10
|
+
mask-image: url($gux-icon-radio-unchecked);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@mixin unchecked-hover {
|
|
14
|
+
-webkit-mask-image: url($gux-icon-radio-unchecked);
|
|
15
|
+
mask-image: url($gux-icon-radio-unchecked);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
@mixin checked-hover {
|
|
19
|
+
-webkit-mask-image: url($gux-icon-radio-checked-hover);
|
|
20
|
+
mask-image: url($gux-icon-radio-checked-hover);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@mixin checked {
|
|
24
|
+
-webkit-mask-image: url($gux-icon-radio-checked);
|
|
25
|
+
mask-image: url($gux-icon-radio-checked);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin unchecked-error {
|
|
29
|
+
-webkit-mask-image: url($gux-icon-radio-unchecked-error);
|
|
30
|
+
mask-image: url($gux-icon-radio-unchecked-error);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@mixin checked-error {
|
|
34
|
+
-webkit-mask-image: url($gux-icon-radio-checked-error);
|
|
35
|
+
mask-image: url($gux-icon-radio-checked-error);
|
|
36
|
+
}
|