@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
package/lib/dist/dialtone.css
CHANGED
|
@@ -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);
|