figma-kit 1.0.0-beta.30 → 1.0.0-beta.31
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 +9 -5
- package/dist/tailwind.css +10 -5
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1607,7 +1607,7 @@
|
|
|
1607
1607
|
.fp-TabsList {
|
|
1608
1608
|
display: flex;
|
|
1609
1609
|
overflow-y: auto;
|
|
1610
|
-
gap: var(--space-
|
|
1610
|
+
gap: var(--space-1);
|
|
1611
1611
|
}
|
|
1612
1612
|
.fp-TabsTrigger {
|
|
1613
1613
|
all: unset;
|
|
@@ -1623,18 +1623,22 @@
|
|
|
1623
1623
|
font-weight: var(--font-weight-default);
|
|
1624
1624
|
letter-spacing: var(--letter-spacing-default);
|
|
1625
1625
|
line-height: var(--line-height-default);
|
|
1626
|
+
color: var(--figma-color-text-secondary);
|
|
1627
|
+
--color-icon: var(--figma-color-icon-secondary);
|
|
1628
|
+
border-radius: var(--radius-medium);
|
|
1626
1629
|
white-space: nowrap;
|
|
1627
1630
|
}
|
|
1628
|
-
.fp-TabsTrigger:where(:not([data-
|
|
1629
|
-
|
|
1630
|
-
--color-icon: var(--figma-color-icon-secondary);
|
|
1631
|
+
.fp-TabsTrigger:hover:where(:not([data-disabled])) {
|
|
1632
|
+
background: var(--figma-color-bg-secondary);
|
|
1631
1633
|
}
|
|
1632
1634
|
.fp-TabsTrigger:where([data-active]) {
|
|
1633
1635
|
font-weight: var(--font-weight-strong);
|
|
1634
1636
|
color: var(--figma-color-text);
|
|
1635
1637
|
--color-icon: var(--figma-color-icon);
|
|
1636
1638
|
background: var(--figma-color-bg-secondary);
|
|
1637
|
-
|
|
1639
|
+
}
|
|
1640
|
+
.fp-TabsTrigger:where([data-disabled]) {
|
|
1641
|
+
color: var(--figma-color-text-disabled);
|
|
1638
1642
|
}
|
|
1639
1643
|
.fp-CheckboxRoot {
|
|
1640
1644
|
position: relative;
|
package/dist/tailwind.css
CHANGED
|
@@ -1899,7 +1899,7 @@
|
|
|
1899
1899
|
.fp-TabsList {
|
|
1900
1900
|
display: flex;
|
|
1901
1901
|
overflow-y: auto;
|
|
1902
|
-
gap: var(--space-
|
|
1902
|
+
gap: var(--space-1);
|
|
1903
1903
|
}
|
|
1904
1904
|
|
|
1905
1905
|
.fp-TabsTrigger {
|
|
@@ -1916,12 +1916,14 @@
|
|
|
1916
1916
|
font-weight: var(--font-weight-default);
|
|
1917
1917
|
letter-spacing: var(--letter-spacing-default);
|
|
1918
1918
|
line-height: var(--line-height-default);
|
|
1919
|
+
color: var(--figma-color-text-secondary);
|
|
1920
|
+
--color-icon: var(--figma-color-icon-secondary);
|
|
1921
|
+
border-radius: var(--radius-medium);
|
|
1919
1922
|
white-space: nowrap;
|
|
1920
1923
|
}
|
|
1921
1924
|
|
|
1922
|
-
.fp-TabsTrigger:where(:not([data-
|
|
1923
|
-
|
|
1924
|
-
--color-icon: var(--figma-color-icon-secondary);
|
|
1925
|
+
.fp-TabsTrigger:hover:where(:not([data-disabled])) {
|
|
1926
|
+
background: var(--figma-color-bg-secondary);
|
|
1925
1927
|
}
|
|
1926
1928
|
|
|
1927
1929
|
.fp-TabsTrigger:where([data-active]) {
|
|
@@ -1929,7 +1931,10 @@
|
|
|
1929
1931
|
color: var(--figma-color-text);
|
|
1930
1932
|
--color-icon: var(--figma-color-icon);
|
|
1931
1933
|
background: var(--figma-color-bg-secondary);
|
|
1932
|
-
|
|
1934
|
+
}
|
|
1935
|
+
|
|
1936
|
+
.fp-TabsTrigger:where([data-disabled]) {
|
|
1937
|
+
color: var(--figma-color-text-disabled);
|
|
1933
1938
|
}
|
|
1934
1939
|
}
|
|
1935
1940
|
@layer components {
|
package/package.json
CHANGED