figma-kit 1.0.0-beta.30 → 1.0.0-beta.32
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/styles.css +15 -5
- package/dist/tailwind.css +18 -5
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -968,6 +968,12 @@
|
|
|
968
968
|
.fp-ComboboxTrigger {
|
|
969
969
|
cursor: default;
|
|
970
970
|
}
|
|
971
|
+
.fp-ComboboxTrigger:hover:where(:not([data-disabled])) {
|
|
972
|
+
background-color: var(--figma-color-bg-hover);
|
|
973
|
+
}
|
|
974
|
+
.fp-ComboboxTrigger:where([data-popup-open]) {
|
|
975
|
+
background-color: var(--figma-color-bg-hover);
|
|
976
|
+
}
|
|
971
977
|
.fp-ComboboxTrigger:focus-visible {
|
|
972
978
|
border-color: var(--figma-color-border-selected);
|
|
973
979
|
}
|
|
@@ -1607,7 +1613,7 @@
|
|
|
1607
1613
|
.fp-TabsList {
|
|
1608
1614
|
display: flex;
|
|
1609
1615
|
overflow-y: auto;
|
|
1610
|
-
gap: var(--space-
|
|
1616
|
+
gap: var(--space-1);
|
|
1611
1617
|
}
|
|
1612
1618
|
.fp-TabsTrigger {
|
|
1613
1619
|
all: unset;
|
|
@@ -1623,18 +1629,22 @@
|
|
|
1623
1629
|
font-weight: var(--font-weight-default);
|
|
1624
1630
|
letter-spacing: var(--letter-spacing-default);
|
|
1625
1631
|
line-height: var(--line-height-default);
|
|
1632
|
+
color: var(--figma-color-text-secondary);
|
|
1633
|
+
--color-icon: var(--figma-color-icon-secondary);
|
|
1634
|
+
border-radius: var(--radius-medium);
|
|
1626
1635
|
white-space: nowrap;
|
|
1627
1636
|
}
|
|
1628
|
-
.fp-TabsTrigger:where(:not([data-
|
|
1629
|
-
|
|
1630
|
-
--color-icon: var(--figma-color-icon-secondary);
|
|
1637
|
+
.fp-TabsTrigger:hover:where(:not([data-disabled])) {
|
|
1638
|
+
background: var(--figma-color-bg-secondary);
|
|
1631
1639
|
}
|
|
1632
1640
|
.fp-TabsTrigger:where([data-active]) {
|
|
1633
1641
|
font-weight: var(--font-weight-strong);
|
|
1634
1642
|
color: var(--figma-color-text);
|
|
1635
1643
|
--color-icon: var(--figma-color-icon);
|
|
1636
1644
|
background: var(--figma-color-bg-secondary);
|
|
1637
|
-
|
|
1645
|
+
}
|
|
1646
|
+
.fp-TabsTrigger:where([data-disabled]) {
|
|
1647
|
+
color: var(--figma-color-text-disabled);
|
|
1638
1648
|
}
|
|
1639
1649
|
.fp-CheckboxRoot {
|
|
1640
1650
|
position: relative;
|
package/dist/tailwind.css
CHANGED
|
@@ -1124,6 +1124,14 @@
|
|
|
1124
1124
|
cursor: default;
|
|
1125
1125
|
}
|
|
1126
1126
|
|
|
1127
|
+
.fp-ComboboxTrigger:hover:where(:not([data-disabled])) {
|
|
1128
|
+
background-color: var(--figma-color-bg-hover);
|
|
1129
|
+
}
|
|
1130
|
+
|
|
1131
|
+
.fp-ComboboxTrigger:where([data-popup-open]) {
|
|
1132
|
+
background-color: var(--figma-color-bg-hover);
|
|
1133
|
+
}
|
|
1134
|
+
|
|
1127
1135
|
.fp-ComboboxTrigger:focus-visible {
|
|
1128
1136
|
border-color: var(--figma-color-border-selected);
|
|
1129
1137
|
}
|
|
@@ -1899,7 +1907,7 @@
|
|
|
1899
1907
|
.fp-TabsList {
|
|
1900
1908
|
display: flex;
|
|
1901
1909
|
overflow-y: auto;
|
|
1902
|
-
gap: var(--space-
|
|
1910
|
+
gap: var(--space-1);
|
|
1903
1911
|
}
|
|
1904
1912
|
|
|
1905
1913
|
.fp-TabsTrigger {
|
|
@@ -1916,12 +1924,14 @@
|
|
|
1916
1924
|
font-weight: var(--font-weight-default);
|
|
1917
1925
|
letter-spacing: var(--letter-spacing-default);
|
|
1918
1926
|
line-height: var(--line-height-default);
|
|
1927
|
+
color: var(--figma-color-text-secondary);
|
|
1928
|
+
--color-icon: var(--figma-color-icon-secondary);
|
|
1929
|
+
border-radius: var(--radius-medium);
|
|
1919
1930
|
white-space: nowrap;
|
|
1920
1931
|
}
|
|
1921
1932
|
|
|
1922
|
-
.fp-TabsTrigger:where(:not([data-
|
|
1923
|
-
|
|
1924
|
-
--color-icon: var(--figma-color-icon-secondary);
|
|
1933
|
+
.fp-TabsTrigger:hover:where(:not([data-disabled])) {
|
|
1934
|
+
background: var(--figma-color-bg-secondary);
|
|
1925
1935
|
}
|
|
1926
1936
|
|
|
1927
1937
|
.fp-TabsTrigger:where([data-active]) {
|
|
@@ -1929,7 +1939,10 @@
|
|
|
1929
1939
|
color: var(--figma-color-text);
|
|
1930
1940
|
--color-icon: var(--figma-color-icon);
|
|
1931
1941
|
background: var(--figma-color-bg-secondary);
|
|
1932
|
-
|
|
1942
|
+
}
|
|
1943
|
+
|
|
1944
|
+
.fp-TabsTrigger:where([data-disabled]) {
|
|
1945
|
+
color: var(--figma-color-text-disabled);
|
|
1933
1946
|
}
|
|
1934
1947
|
}
|
|
1935
1948
|
@layer components {
|
package/package.json
CHANGED