@rogieking/figui3 6.13.0 → 6.13.2
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/components.css +10 -13
- package/dist/components.css +1 -1
- package/dist/fig.css +1 -1
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -253,6 +253,7 @@
|
|
|
253
253
|
--bg-selected-active: #e5f4ff;
|
|
254
254
|
--bg-tooltip: var(--figma-color-bg-menu);
|
|
255
255
|
--color-tooltip: var(--figma-color-text);
|
|
256
|
+
--input-opacity-width: calc(3.5rem - 2px);
|
|
256
257
|
|
|
257
258
|
/* Transparent Backgrounds - use light-dark() */
|
|
258
259
|
--figma-color-bordertranslucent: light-dark(
|
|
@@ -3061,6 +3062,7 @@ fig-slider {
|
|
|
3061
3062
|
--slider-thumb-size: 0.75rem;
|
|
3062
3063
|
--slider-tick-width: calc(var(--slider-height) / 2);
|
|
3063
3064
|
--slider-tick-height: calc(var(--slider-height) / 2);
|
|
3065
|
+
--slider-number-width: var(--input-opacity-width);
|
|
3064
3066
|
--handle-transition: none;
|
|
3065
3067
|
--slider-transition: none;
|
|
3066
3068
|
--slider-handle-shadow:
|
|
@@ -3088,7 +3090,7 @@ fig-slider {
|
|
|
3088
3090
|
}
|
|
3089
3091
|
fig-input-text,
|
|
3090
3092
|
fig-input-number {
|
|
3091
|
-
flex-basis:
|
|
3093
|
+
flex-basis: var(--slider-number-width);
|
|
3092
3094
|
border-top-left-radius: 0;
|
|
3093
3095
|
border-bottom-left-radius: 0;
|
|
3094
3096
|
border-left: 1px solid var(--figma-color-bg);
|
|
@@ -3675,11 +3677,6 @@ fig-input-number {
|
|
|
3675
3677
|
flex: 0 1 auto;
|
|
3676
3678
|
color: var(--figma-color-text);
|
|
3677
3679
|
|
|
3678
|
-
fig-field:not([direction="vertical"]) & {
|
|
3679
|
-
flex: 1;
|
|
3680
|
-
min-width: 0;
|
|
3681
|
-
width: 100%;
|
|
3682
|
-
}
|
|
3683
3680
|
|
|
3684
3681
|
&[full]:not([full="false"]) {
|
|
3685
3682
|
display: flex;
|
|
@@ -3866,14 +3863,14 @@ fig-input-fill {
|
|
|
3866
3863
|
}
|
|
3867
3864
|
|
|
3868
3865
|
& > .input-combo > fig-tooltip > .fig-input-fill-opacity {
|
|
3869
|
-
flex: 0 0
|
|
3870
|
-
width:
|
|
3871
|
-
min-width:
|
|
3866
|
+
flex: 0 0 var(--input-opacity-width);
|
|
3867
|
+
width: var(--input-opacity-width);
|
|
3868
|
+
min-width: var(--input-opacity-width);
|
|
3872
3869
|
}
|
|
3873
3870
|
|
|
3874
3871
|
fig-input-number {
|
|
3875
3872
|
flex: 0;
|
|
3876
|
-
flex-basis:
|
|
3873
|
+
flex-basis: var(--input-opacity-width);
|
|
3877
3874
|
box-shadow: inset 1px 0 0 0 var(--figma-color-bg) !important;
|
|
3878
3875
|
background-color: transparent !important;
|
|
3879
3876
|
outline: 0 !important;
|
|
@@ -3924,9 +3921,9 @@ fig-input-fill {
|
|
|
3924
3921
|
|
|
3925
3922
|
fig-input-color {
|
|
3926
3923
|
& > .input-combo > fig-tooltip > fig-input-number {
|
|
3927
|
-
flex: 0 0
|
|
3928
|
-
width:
|
|
3929
|
-
min-width:
|
|
3924
|
+
flex: 0 0 var(--input-opacity-width);
|
|
3925
|
+
width: var(--input-opacity-width);
|
|
3926
|
+
min-width: var(--input-opacity-width);
|
|
3930
3927
|
}
|
|
3931
3928
|
|
|
3932
3929
|
& > .input-combo > fig-input-text {
|