@deque/cauldron-styles 6.5.0-canary.946b10da → 6.5.0-canary.c49bfd2b
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.css +43 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -915,6 +915,17 @@ textarea.Field--has-error:focus:hover,
|
|
|
915
915
|
appearance: none;
|
|
916
916
|
}
|
|
917
917
|
|
|
918
|
+
.Checkbox input[type='checkbox']:indeterminate ~ .Checkbox__overlay.Icon {
|
|
919
|
+
color: var(--field-icon-checked-color);
|
|
920
|
+
}
|
|
921
|
+
|
|
922
|
+
.Checkbox
|
|
923
|
+
input[type='checkbox']:indeterminate
|
|
924
|
+
~ .Checkbox__overlay--disabled.Icon {
|
|
925
|
+
color: var(--field-icon-checked-disabled-color);
|
|
926
|
+
cursor: default;
|
|
927
|
+
}
|
|
928
|
+
|
|
918
929
|
.Checkbox__overlay.Checkbox__overlay--focused,
|
|
919
930
|
.Radio__overlay.Radio__overlay--focused {
|
|
920
931
|
box-shadow: 0 0 0 2px var(--field-icon-focus-color);
|
|
@@ -942,6 +953,29 @@ textarea.Field--has-error:focus:hover,
|
|
|
942
953
|
border: 1px solid currentColor;
|
|
943
954
|
}
|
|
944
955
|
|
|
956
|
+
.Checkbox input[type='checkbox']:indeterminate ~ .Checkbox__overlay:before {
|
|
957
|
+
content: '';
|
|
958
|
+
display: block;
|
|
959
|
+
position: absolute;
|
|
960
|
+
height: calc(var(--icon-size) - 8px);
|
|
961
|
+
width: calc(var(--icon-size) - 8px);
|
|
962
|
+
background: currentColor;
|
|
963
|
+
transform: translate(4px, 4px);
|
|
964
|
+
}
|
|
965
|
+
|
|
966
|
+
.Checkbox input[type='checkbox']:indeterminate ~ .Checkbox__overlay:after {
|
|
967
|
+
content: '';
|
|
968
|
+
display: block;
|
|
969
|
+
position: absolute;
|
|
970
|
+
height: 3px;
|
|
971
|
+
width: calc(var(--icon-size) / 3);
|
|
972
|
+
background-color: var(--field-background-color);
|
|
973
|
+
transform: translate(
|
|
974
|
+
calc(var(--icon-size) / 3),
|
|
975
|
+
calc(var(--icon-size) / 2 * -1 - 1.5px)
|
|
976
|
+
);
|
|
977
|
+
}
|
|
978
|
+
|
|
945
979
|
.Checkbox input[type='checkbox'] {
|
|
946
980
|
position: absolute;
|
|
947
981
|
opacity: 0;
|
|
@@ -1364,6 +1398,15 @@ button.Link {
|
|
|
1364
1398
|
padding: 0 var(--space-small);
|
|
1365
1399
|
}
|
|
1366
1400
|
|
|
1401
|
+
.Button--condensed {
|
|
1402
|
+
min-width: var(--button-height);
|
|
1403
|
+
padding: 0;
|
|
1404
|
+
}
|
|
1405
|
+
|
|
1406
|
+
.Button--condensed:is(.Button--thin) {
|
|
1407
|
+
min-width: var(--button-thin-height);
|
|
1408
|
+
}
|
|
1409
|
+
|
|
1367
1410
|
[class*='Button--'] + [class*='Button--'] {
|
|
1368
1411
|
margin-left: var(--space-smallest);
|
|
1369
1412
|
}
|
package/package.json
CHANGED