@rogieking/figui3 1.0.28 → 1.0.30
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 +44 -31
- package/package.json +1 -1
package/fig.css
CHANGED
|
@@ -551,37 +551,6 @@ input[type="number"],
|
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
553
|
|
|
554
|
-
/* Segmented control */
|
|
555
|
-
.segmented-control,
|
|
556
|
-
fig-segmented-control {
|
|
557
|
-
background-color: var(--figma-color-bg-secondary);
|
|
558
|
-
border: 0;
|
|
559
|
-
border-radius: var(--radius-medium);
|
|
560
|
-
min-width: 6rem;
|
|
561
|
-
height: 1.5rem;
|
|
562
|
-
padding: 1px;
|
|
563
|
-
display: inline-flex;
|
|
564
|
-
align-items: stretch;
|
|
565
|
-
|
|
566
|
-
& > fig-segment,
|
|
567
|
-
& > label {
|
|
568
|
-
flex: 1;
|
|
569
|
-
display: flex;
|
|
570
|
-
align-items: center;
|
|
571
|
-
justify-content: center;
|
|
572
|
-
position: relative;
|
|
573
|
-
appearance: none;
|
|
574
|
-
padding: 0 var(--spacer-2);
|
|
575
|
-
|
|
576
|
-
&[selected]:not([selected="false"]),
|
|
577
|
-
&[selected="true"] {
|
|
578
|
-
background-color: var(--figma-color-bg);
|
|
579
|
-
border-radius: calc(var(--radius-medium) - 1px);
|
|
580
|
-
box-shadow: var(--handle-shadow);
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
}
|
|
584
|
-
|
|
585
554
|
/* Textarea */
|
|
586
555
|
textarea {
|
|
587
556
|
min-height: 2rem;
|
|
@@ -775,6 +744,18 @@ fig-button {
|
|
|
775
744
|
padding: var(--spacer-1) var(--spacer-2);
|
|
776
745
|
}
|
|
777
746
|
|
|
747
|
+
&[type="select"],
|
|
748
|
+
&[type="upload"] {
|
|
749
|
+
position: relative;
|
|
750
|
+
select,
|
|
751
|
+
input {
|
|
752
|
+
position: absolute;
|
|
753
|
+
inset: 0;
|
|
754
|
+
opacity: 0;
|
|
755
|
+
appearance: none;
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
|
|
778
759
|
&[inline="false"] {
|
|
779
760
|
padding: 0;
|
|
780
761
|
}
|
|
@@ -1895,6 +1876,38 @@ fig-spinner {
|
|
|
1895
1876
|
animation: fig-spinner-spin 1s linear infinite;
|
|
1896
1877
|
}
|
|
1897
1878
|
|
|
1879
|
+
/* Segmented control */
|
|
1880
|
+
.segmented-control,
|
|
1881
|
+
fig-segmented-control {
|
|
1882
|
+
background-color: var(--figma-color-bg-secondary);
|
|
1883
|
+
border: 0;
|
|
1884
|
+
border-radius: var(--radius-medium);
|
|
1885
|
+
min-width: 6rem;
|
|
1886
|
+
height: 1.5rem;
|
|
1887
|
+
padding: 1px;
|
|
1888
|
+
gap: 0;
|
|
1889
|
+
display: inline-flex;
|
|
1890
|
+
align-items: stretch;
|
|
1891
|
+
|
|
1892
|
+
& > fig-segment,
|
|
1893
|
+
& > label {
|
|
1894
|
+
flex: 1;
|
|
1895
|
+
display: flex;
|
|
1896
|
+
align-items: center;
|
|
1897
|
+
justify-content: center;
|
|
1898
|
+
position: relative;
|
|
1899
|
+
appearance: none;
|
|
1900
|
+
padding: 0 var(--spacer-2);
|
|
1901
|
+
|
|
1902
|
+
&[selected]:not([selected="false"]),
|
|
1903
|
+
&[selected="true"] {
|
|
1904
|
+
background-color: var(--figma-color-bg);
|
|
1905
|
+
border-radius: calc(var(--radius-medium) - 1px);
|
|
1906
|
+
box-shadow: var(--handle-shadow);
|
|
1907
|
+
}
|
|
1908
|
+
}
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1898
1911
|
/* Utilities */
|
|
1899
1912
|
|
|
1900
1913
|
@keyframes fig-spinner-spin {
|
package/package.json
CHANGED