@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
|
@@ -6799,7 +6799,9 @@ template {
|
|
|
6799
6799
|
transform: translate(-50%, 0);
|
|
6800
6800
|
}
|
|
6801
6801
|
.d-toggle:focus-visible {
|
|
6802
|
-
|
|
6802
|
+
box-shadow: none;
|
|
6803
|
+
}
|
|
6804
|
+
.d-toggle:focus-visible::after {
|
|
6803
6805
|
box-shadow: var(--dt-shadow-focus);
|
|
6804
6806
|
}
|
|
6805
6807
|
.d-toggle--disabled,
|
|
@@ -9539,8 +9541,16 @@ legend .d-label {
|
|
|
9539
9541
|
.d-checkbox:focus,
|
|
9540
9542
|
.d-checkbox:focus-visible,
|
|
9541
9543
|
.d-checkbox:checked:focus-visible {
|
|
9544
|
+
--check-radio-color-border: var(--dt-color-border-focus);
|
|
9542
9545
|
box-shadow: var(--dt-shadow-focus);
|
|
9543
9546
|
}
|
|
9547
|
+
.d-checkbox:checked:focus,
|
|
9548
|
+
.d-checkbox:checked:focus-visible,
|
|
9549
|
+
.d-checkbox:indeterminate:focus,
|
|
9550
|
+
.d-checkbox:indeterminate:focus-visible {
|
|
9551
|
+
outline: var(--dt-size-border-200) solid CanvasText;
|
|
9552
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
9553
|
+
}
|
|
9544
9554
|
.d-checkbox:checked {
|
|
9545
9555
|
--check-radio-color-background: var(--check-radio-color-background-checked);
|
|
9546
9556
|
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>");
|
|
@@ -9612,7 +9622,9 @@ legend .d-label {
|
|
|
9612
9622
|
.d-radio:focus,
|
|
9613
9623
|
.d-radio:focus-visible,
|
|
9614
9624
|
.d-radio:checked:focus-visible {
|
|
9615
|
-
|
|
9625
|
+
outline: var(--dt-size-border-200) solid var(--dt-color-border-focus);
|
|
9626
|
+
outline-offset: calc(var(--dt-size-border-200) * -1);
|
|
9627
|
+
box-shadow: inset 0 0 0 var(--dt-size-border-200) var(--dt-radio-color-foreground-checked);
|
|
9616
9628
|
}
|
|
9617
9629
|
.d-radio--disabled:checked {
|
|
9618
9630
|
--check-radio-color-border: var(--check-radio-color-border-disabled);
|