@dialpad/dialtone-css 8.81.0-next.12 → 8.81.0-next.13
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/lib/build/less/components/radio-checkbox.less +15 -1
- package/lib/build/less/components/toggle.less +5 -2
- package/lib/dist/dialtone-default-theme.css +14 -2
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +14 -2
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/no-layers/dialtone-default-theme.css +14 -2
- package/lib/dist/no-layers/dialtone-default-theme.min.css +1 -1
- package/lib/dist/no-layers/dialtone.css +14 -2
- package/lib/dist/no-layers/dialtone.min.css +1 -1
- package/package.json +1 -1
|
@@ -197,9 +197,19 @@
|
|
|
197
197
|
&:focus,
|
|
198
198
|
&:focus-visible,
|
|
199
199
|
&:checked:focus-visible {
|
|
200
|
+
--check-radio-color-border: var(--dt-color-border-focus);
|
|
201
|
+
|
|
200
202
|
box-shadow: var(--dt-shadow-focus);
|
|
201
203
|
}
|
|
202
204
|
|
|
205
|
+
&:checked:focus,
|
|
206
|
+
&:checked:focus-visible,
|
|
207
|
+
&:indeterminate:focus,
|
|
208
|
+
&:indeterminate:focus-visible {
|
|
209
|
+
outline: var(--dt-size-border-200) solid CanvasText;
|
|
210
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
211
|
+
}
|
|
212
|
+
|
|
203
213
|
&:checked {
|
|
204
214
|
--check-radio-color-background: var(--check-radio-color-background-checked);
|
|
205
215
|
|
|
@@ -295,7 +305,11 @@
|
|
|
295
305
|
&:focus,
|
|
296
306
|
&:focus-visible,
|
|
297
307
|
&:checked:focus-visible {
|
|
298
|
-
|
|
308
|
+
outline: var(--dt-size-border-200) solid var(--dt-color-border-focus);
|
|
309
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
310
|
+
box-shadow:
|
|
311
|
+
inset 0 0 0 var(--dt-size-border-200) var(--dt-radio-color-foreground-checked)
|
|
312
|
+
;
|
|
299
313
|
}
|
|
300
314
|
|
|
301
315
|
&--disabled:checked {
|
|
@@ -151,8 +151,11 @@
|
|
|
151
151
|
// $$ FOCUSED TOGGLE
|
|
152
152
|
// ----------------------------------------------------------------------------
|
|
153
153
|
&:focus-visible {
|
|
154
|
-
|
|
155
|
-
|
|
154
|
+
box-shadow: none;
|
|
155
|
+
|
|
156
|
+
&::after {
|
|
157
|
+
box-shadow: var(--dt-shadow-focus);
|
|
158
|
+
}
|
|
156
159
|
}
|
|
157
160
|
|
|
158
161
|
// $$ DISABLED TOGGLE
|
|
@@ -6833,7 +6833,9 @@
|
|
|
6833
6833
|
transform: translate(-50%, 0);
|
|
6834
6834
|
}
|
|
6835
6835
|
.d-toggle:focus-visible {
|
|
6836
|
-
|
|
6836
|
+
box-shadow: none;
|
|
6837
|
+
}
|
|
6838
|
+
.d-toggle:focus-visible::after {
|
|
6837
6839
|
box-shadow: var(--dt-shadow-focus);
|
|
6838
6840
|
}
|
|
6839
6841
|
.d-toggle--disabled,
|
|
@@ -9635,8 +9637,16 @@
|
|
|
9635
9637
|
.d-checkbox:focus,
|
|
9636
9638
|
.d-checkbox:focus-visible,
|
|
9637
9639
|
.d-checkbox:checked:focus-visible {
|
|
9640
|
+
--check-radio-color-border: var(--dt-color-border-focus);
|
|
9638
9641
|
box-shadow: var(--dt-shadow-focus);
|
|
9639
9642
|
}
|
|
9643
|
+
.d-checkbox:checked:focus,
|
|
9644
|
+
.d-checkbox:checked:focus-visible,
|
|
9645
|
+
.d-checkbox:indeterminate:focus,
|
|
9646
|
+
.d-checkbox:indeterminate:focus-visible {
|
|
9647
|
+
outline: var(--dt-size-border-200) solid CanvasText;
|
|
9648
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
9649
|
+
}
|
|
9640
9650
|
.d-checkbox:checked {
|
|
9641
9651
|
--check-radio-color-background: var(--check-radio-color-background-checked);
|
|
9642
9652
|
background-image: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'> <path fill-rule='evenodd' clip-rule='evenodd' d='M12.1083 3.05806C12.3524 3.30214 12.3524 3.69786 12.1083 3.94194L5.69162 10.3586C5.44754 10.6027 5.05181 10.6027 4.80773 10.3586L1.89107 7.44194C1.64699 7.19786 1.64699 6.80214 1.89107 6.55806C2.13514 6.31398 2.53087 6.31398 2.77495 6.55806L5.24967 9.03278L11.2244 3.05806C11.4685 2.81398 11.8642 2.81398 12.1083 3.05806Z' fill='white'/> </svg>");
|
|
@@ -9708,7 +9718,9 @@
|
|
|
9708
9718
|
.d-radio:focus,
|
|
9709
9719
|
.d-radio:focus-visible,
|
|
9710
9720
|
.d-radio:checked:focus-visible {
|
|
9711
|
-
|
|
9721
|
+
outline: var(--dt-size-border-200) solid var(--dt-color-border-focus);
|
|
9722
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
9723
|
+
box-shadow: inset 0 0 0 var(--dt-size-border-200) var(--dt-radio-color-foreground-checked);
|
|
9712
9724
|
}
|
|
9713
9725
|
.d-radio--disabled:checked {
|
|
9714
9726
|
--check-radio-color-border: var(--check-radio-color-border-disabled);
|