@rogieking/figui3 6.13.1 → 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 -8
- 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,7 +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);
|
|
3064
|
-
--slider-number-width:
|
|
3065
|
+
--slider-number-width: var(--input-opacity-width);
|
|
3065
3066
|
--handle-transition: none;
|
|
3066
3067
|
--slider-transition: none;
|
|
3067
3068
|
--slider-handle-shadow:
|
|
@@ -3676,6 +3677,7 @@ fig-input-number {
|
|
|
3676
3677
|
flex: 0 1 auto;
|
|
3677
3678
|
color: var(--figma-color-text);
|
|
3678
3679
|
|
|
3680
|
+
|
|
3679
3681
|
&[full]:not([full="false"]) {
|
|
3680
3682
|
display: flex;
|
|
3681
3683
|
flex: 1;
|
|
@@ -3861,14 +3863,14 @@ fig-input-fill {
|
|
|
3861
3863
|
}
|
|
3862
3864
|
|
|
3863
3865
|
& > .input-combo > fig-tooltip > .fig-input-fill-opacity {
|
|
3864
|
-
flex: 0 0
|
|
3865
|
-
width:
|
|
3866
|
-
min-width:
|
|
3866
|
+
flex: 0 0 var(--input-opacity-width);
|
|
3867
|
+
width: var(--input-opacity-width);
|
|
3868
|
+
min-width: var(--input-opacity-width);
|
|
3867
3869
|
}
|
|
3868
3870
|
|
|
3869
3871
|
fig-input-number {
|
|
3870
3872
|
flex: 0;
|
|
3871
|
-
flex-basis:
|
|
3873
|
+
flex-basis: var(--input-opacity-width);
|
|
3872
3874
|
box-shadow: inset 1px 0 0 0 var(--figma-color-bg) !important;
|
|
3873
3875
|
background-color: transparent !important;
|
|
3874
3876
|
outline: 0 !important;
|
|
@@ -3919,9 +3921,9 @@ fig-input-fill {
|
|
|
3919
3921
|
|
|
3920
3922
|
fig-input-color {
|
|
3921
3923
|
& > .input-combo > fig-tooltip > fig-input-number {
|
|
3922
|
-
flex: 0 0
|
|
3923
|
-
width:
|
|
3924
|
-
min-width:
|
|
3924
|
+
flex: 0 0 var(--input-opacity-width);
|
|
3925
|
+
width: var(--input-opacity-width);
|
|
3926
|
+
min-width: var(--input-opacity-width);
|
|
3925
3927
|
}
|
|
3926
3928
|
|
|
3927
3929
|
& > .input-combo > fig-input-text {
|