@rogieking/figui3 1.0.21 → 1.0.22
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/fig.css +17 -4
- package/package.json +1 -1
package/fig.css
CHANGED
|
@@ -629,6 +629,7 @@ fig-button {
|
|
|
629
629
|
border-radius: var(--radius-medium);
|
|
630
630
|
height: var(--spacer-4);
|
|
631
631
|
padding: 0 var(--spacer-2);
|
|
632
|
+
color: inherit;
|
|
632
633
|
}
|
|
633
634
|
|
|
634
635
|
&:has(>button) {
|
|
@@ -736,8 +737,12 @@ fig-button {
|
|
|
736
737
|
}
|
|
737
738
|
|
|
738
739
|
&[selected]:not([selected=false]) {
|
|
739
|
-
|
|
740
|
-
|
|
740
|
+
|
|
741
|
+
&,
|
|
742
|
+
&:hover {
|
|
743
|
+
color: var(--figma-color-icon-brand);
|
|
744
|
+
background-color: var(--figma-color-bg-selected);
|
|
745
|
+
}
|
|
741
746
|
}
|
|
742
747
|
|
|
743
748
|
&:focus,
|
|
@@ -1000,12 +1005,16 @@ input[type=checkbox]:not(.switch) {
|
|
|
1000
1005
|
|
|
1001
1006
|
&:checked {
|
|
1002
1007
|
background-color: var(--figma-color-bg-brand);
|
|
1008
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-border-selected-strong);
|
|
1003
1009
|
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.50012 7.5L7.50012 10.5L11.5001 4.5' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' /%3E%3C/svg%3E%0A");
|
|
1004
1010
|
}
|
|
1005
1011
|
|
|
1006
1012
|
&:focus {
|
|
1007
1013
|
outline: 0;
|
|
1008
|
-
|
|
1014
|
+
|
|
1015
|
+
&:not(:checked) {
|
|
1016
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-border-selected);
|
|
1017
|
+
}
|
|
1009
1018
|
}
|
|
1010
1019
|
}
|
|
1011
1020
|
|
|
@@ -1036,6 +1045,7 @@ input[type=radio] {
|
|
|
1036
1045
|
|
|
1037
1046
|
&:checked {
|
|
1038
1047
|
background-color: var(--figma-color-bg-brand);
|
|
1048
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-border-selected-strong);
|
|
1039
1049
|
|
|
1040
1050
|
&::after {
|
|
1041
1051
|
transform: scale(1);
|
|
@@ -1044,7 +1054,10 @@ input[type=radio] {
|
|
|
1044
1054
|
|
|
1045
1055
|
&:focus {
|
|
1046
1056
|
outline: 0;
|
|
1047
|
-
|
|
1057
|
+
|
|
1058
|
+
&:not(:checked) {
|
|
1059
|
+
box-shadow: inset 0 0 0 1px var(--figma-color-border-selected);
|
|
1060
|
+
}
|
|
1048
1061
|
}
|
|
1049
1062
|
|
|
1050
1063
|
&:hover:not(:checked) {
|
package/package.json
CHANGED