@rovula/ui 0.1.6 → 0.1.7
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/cjs/bundle.css +361 -355
- package/dist/cjs/bundle.js +171 -171
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/utils/colors.d.ts +267 -267
- package/dist/components/Switch/Switch.styles.js +1 -1
- package/dist/esm/bundle.css +361 -355
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/utils/colors.d.ts +267 -267
- package/dist/index.d.ts +267 -267
- package/dist/src/theme/global.css +2396 -2540
- package/dist/utils/colors.js +267 -267
- package/package.json +1 -1
- package/src/components/Button/Buttons.stories.tsx +15 -7
- package/src/components/Switch/Switch.styles.ts +1 -1
- package/src/theme/THEME_MAPPING.md +36 -37
- package/src/theme/global.css +7 -3
- package/src/theme/presets/colors.js +26 -28
- package/src/theme/themes/skyller/baseline.css +0 -4
- package/src/theme/themes/variable-mapping.css +1064 -0
- package/src/theme/themes/variable.css +248 -230
- package/src/theme/themes/xspector/baseline.css +0 -4
- package/src/theme/themes/xspector/components/dropdown-menu.css +4 -4
- package/src/theme/tokens/baseline.css +0 -3
- package/src/theme/tokens/color.css +34 -63
- package/src/theme/tokens/components/action-button.css +6 -6
- package/src/theme/tokens/components/button.css +189 -189
- package/src/theme/tokens/components/dropdown-menu.css +2 -2
- package/src/theme/tokens/components/footer.css +1 -1
- package/src/theme/tokens/components/switch.css +10 -10
- package/src/theme/tokens/typography.css +28 -28
- package/src/theme/tokens_old/baseline.css +13 -0
- package/src/theme/tokens_old/color.css +78 -0
- package/src/theme/tokens_old/components/action-button.css +127 -0
- package/src/theme/tokens_old/components/button.css +512 -0
- package/src/theme/tokens_old/components/dropdown-menu.css +27 -0
- package/src/theme/tokens_old/components/footer.css +9 -0
- package/src/theme/tokens_old/components/loading.css +11 -0
- package/src/theme/tokens_old/components/navbar.css +9 -0
- package/src/theme/tokens_old/components/progress-bar.css +8 -0
- package/src/theme/tokens_old/components/switch.css +29 -0
- package/src/theme/tokens_old/typography.css +199 -0
- package/src/theme/tokens_old/variables.css +28 -0
- package/src/theme/utils.js +16 -16
- package/src/utils/colors.ts +275 -278
- package/src/theme/themes/skyller/color.css +0 -79
- package/src/theme/themes/skyller/palette.css +0 -143
- package/src/theme/themes/skyller/state.css +0 -94
- package/src/theme/themes/skyller/transparent.css +0 -94
- package/src/theme/themes/xspector/color.css +0 -83
- package/src/theme/themes/xspector/palette.css +0 -142
- package/src/theme/themes/xspector/state.css +0 -94
- package/src/theme/themes/xspector/transparent.css +0 -93
- /package/src/theme/{tokens → tokens_old}/palette.css +0 -0
- /package/src/theme/{tokens → tokens_old}/state.css +0 -0
- /package/src/theme/{tokens → tokens_old}/transparent.css +0 -0
package/dist/esm/bundle.css
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
@import "./tokens/baseline.css";
|
|
2
1
|
@import "./themes/variable.css";
|
|
3
|
-
@import "./themes/
|
|
4
|
-
@import "./
|
|
2
|
+
@import "./themes/variable-mapping.css";
|
|
3
|
+
@import "./tokens/color.css";
|
|
4
|
+
@import "./tokens/baseline.css";
|
|
5
|
+
|
|
6
|
+
/* TODO: remove this */
|
|
7
|
+
/* @import "./themes/xspector/baseline.css";
|
|
8
|
+
@import "./themes/skyller/baseline.css"; */
|
|
5
9
|
|
|
6
10
|
*, ::before, ::after{
|
|
7
11
|
--tw-border-spacing-x: 0;
|
|
@@ -111,9 +115,7 @@
|
|
|
111
115
|
--tw-contain-style: ;
|
|
112
116
|
}
|
|
113
117
|
|
|
114
|
-
/*
|
|
115
|
-
! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
|
|
116
|
-
*/
|
|
118
|
+
/* ! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com */
|
|
117
119
|
|
|
118
120
|
/*
|
|
119
121
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
@@ -1590,7 +1592,7 @@ input[type=number] {
|
|
|
1590
1592
|
}
|
|
1591
1593
|
.border-error-stroke{
|
|
1592
1594
|
--tw-border-opacity: 1;
|
|
1593
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1595
|
+
border-color: color-mix(in srgb, var(--state-error-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1594
1596
|
}
|
|
1595
1597
|
.border-function-default-solid{
|
|
1596
1598
|
--tw-border-opacity: 1;
|
|
@@ -1598,23 +1600,23 @@ input[type=number] {
|
|
|
1598
1600
|
}
|
|
1599
1601
|
.border-info{
|
|
1600
1602
|
--tw-border-opacity: 1;
|
|
1601
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1603
|
+
border-color: color-mix(in srgb, var(--state-info-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1602
1604
|
}
|
|
1603
1605
|
.border-info-stroke{
|
|
1604
1606
|
--tw-border-opacity: 1;
|
|
1605
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1607
|
+
border-color: color-mix(in srgb, var(--state-info-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1606
1608
|
}
|
|
1607
1609
|
.border-input-default-stroke{
|
|
1608
1610
|
--tw-border-opacity: 1;
|
|
1609
|
-
border-color: color-mix(in srgb, var(--input-
|
|
1611
|
+
border-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1610
1612
|
}
|
|
1611
1613
|
.border-primary{
|
|
1612
1614
|
--tw-border-opacity: 1;
|
|
1613
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1615
|
+
border-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1614
1616
|
}
|
|
1615
1617
|
.border-primary-10{
|
|
1616
1618
|
--tw-border-opacity: 1;
|
|
1617
|
-
border-color: color-mix(in srgb, var(--
|
|
1619
|
+
border-color: color-mix(in srgb, var(--ramps-primary-10) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1618
1620
|
}
|
|
1619
1621
|
.border-red-500{
|
|
1620
1622
|
--tw-border-opacity: 1;
|
|
@@ -1622,15 +1624,15 @@ input[type=number] {
|
|
|
1622
1624
|
}
|
|
1623
1625
|
.border-secondary{
|
|
1624
1626
|
--tw-border-opacity: 1;
|
|
1625
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1627
|
+
border-color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1626
1628
|
}
|
|
1627
1629
|
.border-state-disable-outline{
|
|
1628
1630
|
--tw-border-opacity: 1;
|
|
1629
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1631
|
+
border-color: color-mix(in srgb, var(--state-disable-outline) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1630
1632
|
}
|
|
1631
1633
|
.border-success-stroke{
|
|
1632
1634
|
--tw-border-opacity: 1;
|
|
1633
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1635
|
+
border-color: color-mix(in srgb, var(--state-success-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1634
1636
|
}
|
|
1635
1637
|
.border-surface{
|
|
1636
1638
|
--tw-border-opacity: 1;
|
|
@@ -1641,7 +1643,7 @@ input[type=number] {
|
|
|
1641
1643
|
}
|
|
1642
1644
|
.border-warning-stroke{
|
|
1643
1645
|
--tw-border-opacity: 1;
|
|
1644
|
-
border-color: color-mix(in srgb, var(--state-
|
|
1646
|
+
border-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1645
1647
|
}
|
|
1646
1648
|
.border-white{
|
|
1647
1649
|
--tw-border-opacity: 1;
|
|
@@ -1652,38 +1654,42 @@ input[type=number] {
|
|
|
1652
1654
|
}
|
|
1653
1655
|
.border-l-input-default-stroke{
|
|
1654
1656
|
--tw-border-opacity: 1;
|
|
1655
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
1657
|
+
border-left-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1656
1658
|
}
|
|
1657
1659
|
.border-l-input-disable-stroke{
|
|
1658
1660
|
--tw-border-opacity: 1;
|
|
1659
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
1661
|
+
border-left-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1660
1662
|
}
|
|
1661
1663
|
.border-l-input-error{
|
|
1662
1664
|
--tw-border-opacity: 1;
|
|
1663
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
1665
|
+
border-left-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1664
1666
|
}
|
|
1665
1667
|
.border-l-warning-stroke{
|
|
1666
1668
|
--tw-border-opacity: 1;
|
|
1667
|
-
border-left-color: color-mix(in srgb, var(--state-
|
|
1669
|
+
border-left-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1668
1670
|
}
|
|
1669
1671
|
.border-r-input-default-stroke{
|
|
1670
1672
|
--tw-border-opacity: 1;
|
|
1671
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
1673
|
+
border-right-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1672
1674
|
}
|
|
1673
1675
|
.border-r-input-error{
|
|
1674
1676
|
--tw-border-opacity: 1;
|
|
1675
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
1677
|
+
border-right-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1676
1678
|
}
|
|
1677
1679
|
.border-r-warning-stroke{
|
|
1678
1680
|
--tw-border-opacity: 1;
|
|
1679
|
-
border-right-color: color-mix(in srgb, var(--state-
|
|
1681
|
+
border-right-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1680
1682
|
}
|
|
1681
1683
|
.border-t-\[var\(--footer-border-color\)\]{
|
|
1682
1684
|
border-top-color: var(--footer-border-color);
|
|
1683
1685
|
}
|
|
1686
|
+
.border-t-grey-transparent-24{
|
|
1687
|
+
--tw-border-opacity: 1;
|
|
1688
|
+
border-top-color: color-mix(in srgb, var(--transparent-grey-24) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1689
|
+
}
|
|
1684
1690
|
.border-t-secondary{
|
|
1685
1691
|
--tw-border-opacity: 1;
|
|
1686
|
-
border-top-color: color-mix(in srgb, var(--state-
|
|
1692
|
+
border-top-color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
1687
1693
|
}
|
|
1688
1694
|
.\!bg-action-button-icon-active-hover{
|
|
1689
1695
|
--tw-bg-opacity: 1 !important;
|
|
@@ -1816,27 +1822,27 @@ input[type=number] {
|
|
|
1816
1822
|
}
|
|
1817
1823
|
.bg-black-transparent-12{
|
|
1818
1824
|
--tw-bg-opacity: 1;
|
|
1819
|
-
background-color: color-mix(in srgb, var(--
|
|
1825
|
+
background-color: color-mix(in srgb, var(--transparent-black-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1820
1826
|
}
|
|
1821
1827
|
.bg-black-transparent-16{
|
|
1822
1828
|
--tw-bg-opacity: 1;
|
|
1823
|
-
background-color: color-mix(in srgb, var(--
|
|
1829
|
+
background-color: color-mix(in srgb, var(--transparent-black-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1824
1830
|
}
|
|
1825
1831
|
.bg-black-transparent-24{
|
|
1826
1832
|
--tw-bg-opacity: 1;
|
|
1827
|
-
background-color: color-mix(in srgb, var(--
|
|
1833
|
+
background-color: color-mix(in srgb, var(--transparent-black-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1828
1834
|
}
|
|
1829
1835
|
.bg-black-transparent-32{
|
|
1830
1836
|
--tw-bg-opacity: 1;
|
|
1831
|
-
background-color: color-mix(in srgb, var(--
|
|
1837
|
+
background-color: color-mix(in srgb, var(--transparent-black-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1832
1838
|
}
|
|
1833
1839
|
.bg-black-transparent-48{
|
|
1834
1840
|
--tw-bg-opacity: 1;
|
|
1835
|
-
background-color: color-mix(in srgb, var(--
|
|
1841
|
+
background-color: color-mix(in srgb, var(--transparent-black-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1836
1842
|
}
|
|
1837
1843
|
.bg-black-transparent-8{
|
|
1838
1844
|
--tw-bg-opacity: 1;
|
|
1839
|
-
background-color: color-mix(in srgb, var(--
|
|
1845
|
+
background-color: color-mix(in srgb, var(--transparent-black-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1840
1846
|
}
|
|
1841
1847
|
.bg-button-error-flat-default{
|
|
1842
1848
|
--tw-bg-opacity: 1;
|
|
@@ -1932,47 +1938,47 @@ input[type=number] {
|
|
|
1932
1938
|
}
|
|
1933
1939
|
.bg-error{
|
|
1934
1940
|
--tw-bg-opacity: 1;
|
|
1935
|
-
background-color: color-mix(in srgb, var(--state-
|
|
1941
|
+
background-color: color-mix(in srgb, var(--state-error-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1936
1942
|
}
|
|
1937
1943
|
.bg-error-100{
|
|
1938
1944
|
--tw-bg-opacity: 1;
|
|
1939
|
-
background-color: color-mix(in srgb, var(--
|
|
1945
|
+
background-color: color-mix(in srgb, var(--ramps-error-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1940
1946
|
}
|
|
1941
1947
|
.bg-error-200{
|
|
1942
1948
|
--tw-bg-opacity: 1;
|
|
1943
|
-
background-color: color-mix(in srgb, var(--
|
|
1949
|
+
background-color: color-mix(in srgb, var(--ramps-error-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1944
1950
|
}
|
|
1945
1951
|
.bg-error-300{
|
|
1946
1952
|
--tw-bg-opacity: 1;
|
|
1947
|
-
background-color: color-mix(in srgb, var(--
|
|
1953
|
+
background-color: color-mix(in srgb, var(--ramps-error-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1948
1954
|
}
|
|
1949
1955
|
.bg-error-400{
|
|
1950
1956
|
--tw-bg-opacity: 1;
|
|
1951
|
-
background-color: color-mix(in srgb, var(--
|
|
1957
|
+
background-color: color-mix(in srgb, var(--ramps-error-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1952
1958
|
}
|
|
1953
1959
|
.bg-error-50{
|
|
1954
1960
|
--tw-bg-opacity: 1;
|
|
1955
|
-
background-color: color-mix(in srgb, var(--
|
|
1961
|
+
background-color: color-mix(in srgb, var(--ramps-error-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1956
1962
|
}
|
|
1957
1963
|
.bg-error-500{
|
|
1958
1964
|
--tw-bg-opacity: 1;
|
|
1959
|
-
background-color: color-mix(in srgb, var(--
|
|
1965
|
+
background-color: color-mix(in srgb, var(--ramps-error-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1960
1966
|
}
|
|
1961
1967
|
.bg-error-600{
|
|
1962
1968
|
--tw-bg-opacity: 1;
|
|
1963
|
-
background-color: color-mix(in srgb, var(--
|
|
1969
|
+
background-color: color-mix(in srgb, var(--ramps-error-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1964
1970
|
}
|
|
1965
1971
|
.bg-error-700{
|
|
1966
1972
|
--tw-bg-opacity: 1;
|
|
1967
|
-
background-color: color-mix(in srgb, var(--
|
|
1973
|
+
background-color: color-mix(in srgb, var(--ramps-error-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1968
1974
|
}
|
|
1969
1975
|
.bg-error-800{
|
|
1970
1976
|
--tw-bg-opacity: 1;
|
|
1971
|
-
background-color: color-mix(in srgb, var(--
|
|
1977
|
+
background-color: color-mix(in srgb, var(--ramps-error-800) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1972
1978
|
}
|
|
1973
1979
|
.bg-error-900{
|
|
1974
1980
|
--tw-bg-opacity: 1;
|
|
1975
|
-
background-color: color-mix(in srgb, var(--
|
|
1981
|
+
background-color: color-mix(in srgb, var(--ramps-error-900) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1976
1982
|
}
|
|
1977
1983
|
.bg-error-foreground{
|
|
1978
1984
|
--tw-bg-opacity: 1;
|
|
@@ -1980,27 +1986,27 @@ input[type=number] {
|
|
|
1980
1986
|
}
|
|
1981
1987
|
.bg-error-transparent-12{
|
|
1982
1988
|
--tw-bg-opacity: 1;
|
|
1983
|
-
background-color: color-mix(in srgb, var(--
|
|
1989
|
+
background-color: color-mix(in srgb, var(--transparent-error-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1984
1990
|
}
|
|
1985
1991
|
.bg-error-transparent-16{
|
|
1986
1992
|
--tw-bg-opacity: 1;
|
|
1987
|
-
background-color: color-mix(in srgb, var(--
|
|
1993
|
+
background-color: color-mix(in srgb, var(--transparent-error-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1988
1994
|
}
|
|
1989
1995
|
.bg-error-transparent-24{
|
|
1990
1996
|
--tw-bg-opacity: 1;
|
|
1991
|
-
background-color: color-mix(in srgb, var(--
|
|
1997
|
+
background-color: color-mix(in srgb, var(--transparent-error-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1992
1998
|
}
|
|
1993
1999
|
.bg-error-transparent-32{
|
|
1994
2000
|
--tw-bg-opacity: 1;
|
|
1995
|
-
background-color: color-mix(in srgb, var(--
|
|
2001
|
+
background-color: color-mix(in srgb, var(--transparent-error-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
1996
2002
|
}
|
|
1997
2003
|
.bg-error-transparent-48{
|
|
1998
2004
|
--tw-bg-opacity: 1;
|
|
1999
|
-
background-color: color-mix(in srgb, var(--
|
|
2005
|
+
background-color: color-mix(in srgb, var(--transparent-error-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2000
2006
|
}
|
|
2001
2007
|
.bg-error-transparent-8{
|
|
2002
2008
|
--tw-bg-opacity: 1;
|
|
2003
|
-
background-color: color-mix(in srgb, var(--
|
|
2009
|
+
background-color: color-mix(in srgb, var(--transparent-error-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2004
2010
|
}
|
|
2005
2011
|
.bg-foreground{
|
|
2006
2012
|
--tw-bg-opacity: 1;
|
|
@@ -2064,199 +2070,199 @@ input[type=number] {
|
|
|
2064
2070
|
}
|
|
2065
2071
|
.bg-grey-10{
|
|
2066
2072
|
--tw-bg-opacity: 1;
|
|
2067
|
-
background-color: color-mix(in srgb, var(--
|
|
2073
|
+
background-color: color-mix(in srgb, var(--ramps-grey-10) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2068
2074
|
}
|
|
2069
2075
|
.bg-grey-100{
|
|
2070
2076
|
--tw-bg-opacity: 1;
|
|
2071
|
-
background-color: color-mix(in srgb, var(--
|
|
2077
|
+
background-color: color-mix(in srgb, var(--ramps-grey-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2072
2078
|
}
|
|
2073
2079
|
.bg-grey-110{
|
|
2074
2080
|
--tw-bg-opacity: 1;
|
|
2075
|
-
background-color: color-mix(in srgb, var(--
|
|
2081
|
+
background-color: color-mix(in srgb, var(--ramps-grey-110) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2076
2082
|
}
|
|
2077
2083
|
.bg-grey-120{
|
|
2078
2084
|
--tw-bg-opacity: 1;
|
|
2079
|
-
background-color: color-mix(in srgb, var(--
|
|
2085
|
+
background-color: color-mix(in srgb, var(--ramps-grey-120) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2080
2086
|
}
|
|
2081
2087
|
.bg-grey-130{
|
|
2082
2088
|
--tw-bg-opacity: 1;
|
|
2083
|
-
background-color: color-mix(in srgb, var(--
|
|
2089
|
+
background-color: color-mix(in srgb, var(--ramps-grey-130) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2084
2090
|
}
|
|
2085
2091
|
.bg-grey-140{
|
|
2086
2092
|
--tw-bg-opacity: 1;
|
|
2087
|
-
background-color: color-mix(in srgb, var(--
|
|
2093
|
+
background-color: color-mix(in srgb, var(--ramps-grey-140) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2088
2094
|
}
|
|
2089
2095
|
.bg-grey-150{
|
|
2090
2096
|
--tw-bg-opacity: 1;
|
|
2091
|
-
background-color: color-mix(in srgb, var(--
|
|
2097
|
+
background-color: color-mix(in srgb, var(--ramps-grey-150) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2092
2098
|
}
|
|
2093
2099
|
.bg-grey-20{
|
|
2094
2100
|
--tw-bg-opacity: 1;
|
|
2095
|
-
background-color: color-mix(in srgb, var(--
|
|
2101
|
+
background-color: color-mix(in srgb, var(--ramps-grey-20) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2096
2102
|
}
|
|
2097
2103
|
.bg-grey-30{
|
|
2098
2104
|
--tw-bg-opacity: 1;
|
|
2099
|
-
background-color: color-mix(in srgb, var(--
|
|
2105
|
+
background-color: color-mix(in srgb, var(--ramps-grey-30) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2100
2106
|
}
|
|
2101
2107
|
.bg-grey-40{
|
|
2102
2108
|
--tw-bg-opacity: 1;
|
|
2103
|
-
background-color: color-mix(in srgb, var(--
|
|
2109
|
+
background-color: color-mix(in srgb, var(--ramps-grey-40) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2104
2110
|
}
|
|
2105
2111
|
.bg-grey-5{
|
|
2106
2112
|
--tw-bg-opacity: 1;
|
|
2107
|
-
background-color: color-mix(in srgb, var(--
|
|
2113
|
+
background-color: color-mix(in srgb, var(--ramps-grey-5) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2108
2114
|
}
|
|
2109
2115
|
.bg-grey-50{
|
|
2110
2116
|
--tw-bg-opacity: 1;
|
|
2111
|
-
background-color: color-mix(in srgb, var(--
|
|
2117
|
+
background-color: color-mix(in srgb, var(--ramps-grey-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2112
2118
|
}
|
|
2113
2119
|
.bg-grey-60{
|
|
2114
2120
|
--tw-bg-opacity: 1;
|
|
2115
|
-
background-color: color-mix(in srgb, var(--
|
|
2121
|
+
background-color: color-mix(in srgb, var(--ramps-grey-60) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2116
2122
|
}
|
|
2117
2123
|
.bg-grey-70{
|
|
2118
2124
|
--tw-bg-opacity: 1;
|
|
2119
|
-
background-color: color-mix(in srgb, var(--
|
|
2125
|
+
background-color: color-mix(in srgb, var(--ramps-grey-70) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2120
2126
|
}
|
|
2121
2127
|
.bg-grey-80{
|
|
2122
2128
|
--tw-bg-opacity: 1;
|
|
2123
|
-
background-color: color-mix(in srgb, var(--
|
|
2129
|
+
background-color: color-mix(in srgb, var(--ramps-grey-80) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2124
2130
|
}
|
|
2125
2131
|
.bg-grey-90{
|
|
2126
2132
|
--tw-bg-opacity: 1;
|
|
2127
|
-
background-color: color-mix(in srgb, var(--
|
|
2133
|
+
background-color: color-mix(in srgb, var(--ramps-grey-90) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2128
2134
|
}
|
|
2129
2135
|
.bg-grey-transparent-12{
|
|
2130
2136
|
--tw-bg-opacity: 1;
|
|
2131
|
-
background-color: color-mix(in srgb, var(--
|
|
2137
|
+
background-color: color-mix(in srgb, var(--transparent-grey-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2132
2138
|
}
|
|
2133
2139
|
.bg-grey-transparent-16{
|
|
2134
2140
|
--tw-bg-opacity: 1;
|
|
2135
|
-
background-color: color-mix(in srgb, var(--
|
|
2141
|
+
background-color: color-mix(in srgb, var(--transparent-grey-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2136
2142
|
}
|
|
2137
2143
|
.bg-grey-transparent-24{
|
|
2138
2144
|
--tw-bg-opacity: 1;
|
|
2139
|
-
background-color: color-mix(in srgb, var(--
|
|
2145
|
+
background-color: color-mix(in srgb, var(--transparent-grey-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2140
2146
|
}
|
|
2141
2147
|
.bg-grey-transparent-32{
|
|
2142
2148
|
--tw-bg-opacity: 1;
|
|
2143
|
-
background-color: color-mix(in srgb, var(--
|
|
2149
|
+
background-color: color-mix(in srgb, var(--transparent-grey-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2144
2150
|
}
|
|
2145
2151
|
.bg-grey-transparent-48{
|
|
2146
2152
|
--tw-bg-opacity: 1;
|
|
2147
|
-
background-color: color-mix(in srgb, var(--
|
|
2153
|
+
background-color: color-mix(in srgb, var(--transparent-grey-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2148
2154
|
}
|
|
2149
2155
|
.bg-grey-transparent-8{
|
|
2150
2156
|
--tw-bg-opacity: 1;
|
|
2151
|
-
background-color: color-mix(in srgb, var(--
|
|
2157
|
+
background-color: color-mix(in srgb, var(--transparent-grey-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2152
2158
|
}
|
|
2153
2159
|
.bg-grey2-100{
|
|
2154
2160
|
--tw-bg-opacity: 1;
|
|
2155
|
-
background-color: color-mix(in srgb, var(--
|
|
2161
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2156
2162
|
}
|
|
2157
2163
|
.bg-grey2-200{
|
|
2158
2164
|
--tw-bg-opacity: 1;
|
|
2159
|
-
background-color: color-mix(in srgb, var(--
|
|
2165
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2160
2166
|
}
|
|
2161
2167
|
.bg-grey2-300{
|
|
2162
2168
|
--tw-bg-opacity: 1;
|
|
2163
|
-
background-color: color-mix(in srgb, var(--
|
|
2169
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2164
2170
|
}
|
|
2165
2171
|
.bg-grey2-400{
|
|
2166
2172
|
--tw-bg-opacity: 1;
|
|
2167
|
-
background-color: color-mix(in srgb, var(--
|
|
2173
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2168
2174
|
}
|
|
2169
2175
|
.bg-grey2-50{
|
|
2170
2176
|
--tw-bg-opacity: 1;
|
|
2171
|
-
background-color: color-mix(in srgb, var(--
|
|
2177
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2172
2178
|
}
|
|
2173
2179
|
.bg-grey2-500{
|
|
2174
2180
|
--tw-bg-opacity: 1;
|
|
2175
|
-
background-color: color-mix(in srgb, var(--
|
|
2181
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2176
2182
|
}
|
|
2177
2183
|
.bg-grey2-600{
|
|
2178
2184
|
--tw-bg-opacity: 1;
|
|
2179
|
-
background-color: color-mix(in srgb, var(--
|
|
2185
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2180
2186
|
}
|
|
2181
2187
|
.bg-grey2-700{
|
|
2182
2188
|
--tw-bg-opacity: 1;
|
|
2183
|
-
background-color: color-mix(in srgb, var(--
|
|
2189
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2184
2190
|
}
|
|
2185
2191
|
.bg-grey2-800{
|
|
2186
2192
|
--tw-bg-opacity: 1;
|
|
2187
|
-
background-color: color-mix(in srgb, var(--
|
|
2193
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-800) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2188
2194
|
}
|
|
2189
2195
|
.bg-grey2-900{
|
|
2190
2196
|
--tw-bg-opacity: 1;
|
|
2191
|
-
background-color: color-mix(in srgb, var(--
|
|
2197
|
+
background-color: color-mix(in srgb, var(--ramps-grey2-900) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2192
2198
|
}
|
|
2193
2199
|
.bg-grey2-transparent-12{
|
|
2194
2200
|
--tw-bg-opacity: 1;
|
|
2195
|
-
background-color: color-mix(in srgb, var(--
|
|
2201
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2196
2202
|
}
|
|
2197
2203
|
.bg-grey2-transparent-16{
|
|
2198
2204
|
--tw-bg-opacity: 1;
|
|
2199
|
-
background-color: color-mix(in srgb, var(--
|
|
2205
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2200
2206
|
}
|
|
2201
2207
|
.bg-grey2-transparent-24{
|
|
2202
2208
|
--tw-bg-opacity: 1;
|
|
2203
|
-
background-color: color-mix(in srgb, var(--
|
|
2209
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2204
2210
|
}
|
|
2205
2211
|
.bg-grey2-transparent-32{
|
|
2206
2212
|
--tw-bg-opacity: 1;
|
|
2207
|
-
background-color: color-mix(in srgb, var(--
|
|
2213
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2208
2214
|
}
|
|
2209
2215
|
.bg-grey2-transparent-48{
|
|
2210
2216
|
--tw-bg-opacity: 1;
|
|
2211
|
-
background-color: color-mix(in srgb, var(--
|
|
2217
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2212
2218
|
}
|
|
2213
2219
|
.bg-grey2-transparent-8{
|
|
2214
2220
|
--tw-bg-opacity: 1;
|
|
2215
|
-
background-color: color-mix(in srgb, var(--
|
|
2221
|
+
background-color: color-mix(in srgb, var(--transparent-grey2-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2216
2222
|
}
|
|
2217
2223
|
.bg-info{
|
|
2218
2224
|
--tw-bg-opacity: 1;
|
|
2219
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2225
|
+
background-color: color-mix(in srgb, var(--state-info-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2220
2226
|
}
|
|
2221
2227
|
.bg-info-100{
|
|
2222
2228
|
--tw-bg-opacity: 1;
|
|
2223
|
-
background-color: color-mix(in srgb, var(--
|
|
2229
|
+
background-color: color-mix(in srgb, var(--ramps-info-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2224
2230
|
}
|
|
2225
2231
|
.bg-info-200{
|
|
2226
2232
|
--tw-bg-opacity: 1;
|
|
2227
|
-
background-color: color-mix(in srgb, var(--
|
|
2233
|
+
background-color: color-mix(in srgb, var(--ramps-info-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2228
2234
|
}
|
|
2229
2235
|
.bg-info-300{
|
|
2230
2236
|
--tw-bg-opacity: 1;
|
|
2231
|
-
background-color: color-mix(in srgb, var(--
|
|
2237
|
+
background-color: color-mix(in srgb, var(--ramps-info-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2232
2238
|
}
|
|
2233
2239
|
.bg-info-400{
|
|
2234
2240
|
--tw-bg-opacity: 1;
|
|
2235
|
-
background-color: color-mix(in srgb, var(--
|
|
2241
|
+
background-color: color-mix(in srgb, var(--ramps-info-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2236
2242
|
}
|
|
2237
2243
|
.bg-info-50{
|
|
2238
2244
|
--tw-bg-opacity: 1;
|
|
2239
|
-
background-color: color-mix(in srgb, var(--
|
|
2245
|
+
background-color: color-mix(in srgb, var(--ramps-info-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2240
2246
|
}
|
|
2241
2247
|
.bg-info-500{
|
|
2242
2248
|
--tw-bg-opacity: 1;
|
|
2243
|
-
background-color: color-mix(in srgb, var(--
|
|
2249
|
+
background-color: color-mix(in srgb, var(--ramps-info-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2244
2250
|
}
|
|
2245
2251
|
.bg-info-600{
|
|
2246
2252
|
--tw-bg-opacity: 1;
|
|
2247
|
-
background-color: color-mix(in srgb, var(--
|
|
2253
|
+
background-color: color-mix(in srgb, var(--ramps-info-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2248
2254
|
}
|
|
2249
2255
|
.bg-info-700{
|
|
2250
2256
|
--tw-bg-opacity: 1;
|
|
2251
|
-
background-color: color-mix(in srgb, var(--
|
|
2257
|
+
background-color: color-mix(in srgb, var(--ramps-info-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2252
2258
|
}
|
|
2253
2259
|
.bg-info-800{
|
|
2254
2260
|
--tw-bg-opacity: 1;
|
|
2255
|
-
background-color: color-mix(in srgb, var(--
|
|
2261
|
+
background-color: color-mix(in srgb, var(--ramps-info-800) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2256
2262
|
}
|
|
2257
2263
|
.bg-info-900{
|
|
2258
2264
|
--tw-bg-opacity: 1;
|
|
2259
|
-
background-color: color-mix(in srgb, var(--
|
|
2265
|
+
background-color: color-mix(in srgb, var(--ramps-info-900) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2260
2266
|
}
|
|
2261
2267
|
.bg-info-foreground{
|
|
2262
2268
|
--tw-bg-opacity: 1;
|
|
@@ -2264,63 +2270,63 @@ input[type=number] {
|
|
|
2264
2270
|
}
|
|
2265
2271
|
.bg-info-transparent-12{
|
|
2266
2272
|
--tw-bg-opacity: 1;
|
|
2267
|
-
background-color: color-mix(in srgb, var(--
|
|
2273
|
+
background-color: color-mix(in srgb, var(--transparent-info-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2268
2274
|
}
|
|
2269
2275
|
.bg-info-transparent-16{
|
|
2270
2276
|
--tw-bg-opacity: 1;
|
|
2271
|
-
background-color: color-mix(in srgb, var(--
|
|
2277
|
+
background-color: color-mix(in srgb, var(--transparent-info-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2272
2278
|
}
|
|
2273
2279
|
.bg-info-transparent-24{
|
|
2274
2280
|
--tw-bg-opacity: 1;
|
|
2275
|
-
background-color: color-mix(in srgb, var(--
|
|
2281
|
+
background-color: color-mix(in srgb, var(--transparent-info-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2276
2282
|
}
|
|
2277
2283
|
.bg-info-transparent-32{
|
|
2278
2284
|
--tw-bg-opacity: 1;
|
|
2279
|
-
background-color: color-mix(in srgb, var(--
|
|
2285
|
+
background-color: color-mix(in srgb, var(--transparent-info-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2280
2286
|
}
|
|
2281
2287
|
.bg-info-transparent-48{
|
|
2282
2288
|
--tw-bg-opacity: 1;
|
|
2283
|
-
background-color: color-mix(in srgb, var(--
|
|
2289
|
+
background-color: color-mix(in srgb, var(--transparent-info-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2284
2290
|
}
|
|
2285
2291
|
.bg-info-transparent-8{
|
|
2286
2292
|
--tw-bg-opacity: 1;
|
|
2287
|
-
background-color: color-mix(in srgb, var(--
|
|
2293
|
+
background-color: color-mix(in srgb, var(--transparent-info-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2288
2294
|
}
|
|
2289
2295
|
.bg-input-active-stroke{
|
|
2290
2296
|
--tw-bg-opacity: 1;
|
|
2291
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2297
|
+
background-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2292
2298
|
}
|
|
2293
2299
|
.bg-input-default-stroke{
|
|
2294
2300
|
--tw-bg-opacity: 1;
|
|
2295
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2301
|
+
background-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2296
2302
|
}
|
|
2297
2303
|
.bg-input-default-text{
|
|
2298
2304
|
--tw-bg-opacity: 1;
|
|
2299
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2305
|
+
background-color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2300
2306
|
}
|
|
2301
2307
|
.bg-input-disable-bg{
|
|
2302
2308
|
--tw-bg-opacity: 1;
|
|
2303
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2309
|
+
background-color: color-mix(in srgb, var(--input-disable-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2304
2310
|
}
|
|
2305
2311
|
.bg-input-disable-stroke{
|
|
2306
2312
|
--tw-bg-opacity: 1;
|
|
2307
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2313
|
+
background-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2308
2314
|
}
|
|
2309
2315
|
.bg-input-disable-text{
|
|
2310
2316
|
--tw-bg-opacity: 1;
|
|
2311
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2317
|
+
background-color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2312
2318
|
}
|
|
2313
2319
|
.bg-input-error{
|
|
2314
2320
|
--tw-bg-opacity: 1;
|
|
2315
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2321
|
+
background-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2316
2322
|
}
|
|
2317
2323
|
.bg-input-filled-text{
|
|
2318
2324
|
--tw-bg-opacity: 1;
|
|
2319
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2325
|
+
background-color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2320
2326
|
}
|
|
2321
2327
|
.bg-input-label-bg{
|
|
2322
2328
|
--tw-bg-opacity: 1;
|
|
2323
|
-
background-color: color-mix(in srgb, var(--input-
|
|
2329
|
+
background-color: color-mix(in srgb, var(--input-label-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2324
2330
|
}
|
|
2325
2331
|
.bg-pink-100{
|
|
2326
2332
|
--tw-bg-opacity: 1;
|
|
@@ -2328,75 +2334,75 @@ input[type=number] {
|
|
|
2328
2334
|
}
|
|
2329
2335
|
.bg-primary{
|
|
2330
2336
|
--tw-bg-opacity: 1;
|
|
2331
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2337
|
+
background-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2332
2338
|
}
|
|
2333
2339
|
.bg-primary-10{
|
|
2334
2340
|
--tw-bg-opacity: 1;
|
|
2335
|
-
background-color: color-mix(in srgb, var(--
|
|
2341
|
+
background-color: color-mix(in srgb, var(--ramps-primary-10) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2336
2342
|
}
|
|
2337
2343
|
.bg-primary-100{
|
|
2338
2344
|
--tw-bg-opacity: 1;
|
|
2339
|
-
background-color: color-mix(in srgb, var(--
|
|
2345
|
+
background-color: color-mix(in srgb, var(--ramps-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2340
2346
|
}
|
|
2341
2347
|
.bg-primary-110{
|
|
2342
2348
|
--tw-bg-opacity: 1;
|
|
2343
|
-
background-color: color-mix(in srgb, var(--
|
|
2349
|
+
background-color: color-mix(in srgb, var(--ramps-primary-110) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2344
2350
|
}
|
|
2345
2351
|
.bg-primary-120{
|
|
2346
2352
|
--tw-bg-opacity: 1;
|
|
2347
|
-
background-color: color-mix(in srgb, var(--
|
|
2353
|
+
background-color: color-mix(in srgb, var(--ramps-primary-120) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2348
2354
|
}
|
|
2349
2355
|
.bg-primary-130{
|
|
2350
2356
|
--tw-bg-opacity: 1;
|
|
2351
|
-
background-color: color-mix(in srgb, var(--
|
|
2357
|
+
background-color: color-mix(in srgb, var(--ramps-primary-130) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2352
2358
|
}
|
|
2353
2359
|
.bg-primary-140{
|
|
2354
2360
|
--tw-bg-opacity: 1;
|
|
2355
|
-
background-color: color-mix(in srgb, var(--
|
|
2361
|
+
background-color: color-mix(in srgb, var(--ramps-primary-140) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2356
2362
|
}
|
|
2357
2363
|
.bg-primary-150{
|
|
2358
2364
|
--tw-bg-opacity: 1;
|
|
2359
|
-
background-color: color-mix(in srgb, var(--
|
|
2365
|
+
background-color: color-mix(in srgb, var(--ramps-primary-150) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2360
2366
|
}
|
|
2361
2367
|
.bg-primary-20{
|
|
2362
2368
|
--tw-bg-opacity: 1;
|
|
2363
|
-
background-color: color-mix(in srgb, var(--
|
|
2369
|
+
background-color: color-mix(in srgb, var(--ramps-primary-20) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2364
2370
|
}
|
|
2365
2371
|
.bg-primary-30{
|
|
2366
2372
|
--tw-bg-opacity: 1;
|
|
2367
|
-
background-color: color-mix(in srgb, var(--
|
|
2373
|
+
background-color: color-mix(in srgb, var(--ramps-primary-30) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2368
2374
|
}
|
|
2369
2375
|
.bg-primary-40{
|
|
2370
2376
|
--tw-bg-opacity: 1;
|
|
2371
|
-
background-color: color-mix(in srgb, var(--
|
|
2377
|
+
background-color: color-mix(in srgb, var(--ramps-primary-40) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2372
2378
|
}
|
|
2373
2379
|
.bg-primary-5{
|
|
2374
2380
|
--tw-bg-opacity: 1;
|
|
2375
|
-
background-color: color-mix(in srgb, var(--
|
|
2381
|
+
background-color: color-mix(in srgb, var(--ramps-primary-5) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2376
2382
|
}
|
|
2377
2383
|
.bg-primary-50{
|
|
2378
2384
|
--tw-bg-opacity: 1;
|
|
2379
|
-
background-color: color-mix(in srgb, var(--
|
|
2385
|
+
background-color: color-mix(in srgb, var(--ramps-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2380
2386
|
}
|
|
2381
2387
|
.bg-primary-60{
|
|
2382
2388
|
--tw-bg-opacity: 1;
|
|
2383
|
-
background-color: color-mix(in srgb, var(--
|
|
2389
|
+
background-color: color-mix(in srgb, var(--ramps-primary-60) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2384
2390
|
}
|
|
2385
2391
|
.bg-primary-70{
|
|
2386
2392
|
--tw-bg-opacity: 1;
|
|
2387
|
-
background-color: color-mix(in srgb, var(--
|
|
2393
|
+
background-color: color-mix(in srgb, var(--ramps-primary-70) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2388
2394
|
}
|
|
2389
2395
|
.bg-primary-80{
|
|
2390
2396
|
--tw-bg-opacity: 1;
|
|
2391
|
-
background-color: color-mix(in srgb, var(--
|
|
2397
|
+
background-color: color-mix(in srgb, var(--ramps-primary-80) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2392
2398
|
}
|
|
2393
2399
|
.bg-primary-90{
|
|
2394
2400
|
--tw-bg-opacity: 1;
|
|
2395
|
-
background-color: color-mix(in srgb, var(--
|
|
2401
|
+
background-color: color-mix(in srgb, var(--ramps-primary-90) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2396
2402
|
}
|
|
2397
2403
|
.bg-primary-default{
|
|
2398
2404
|
--tw-bg-opacity: 1;
|
|
2399
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2405
|
+
background-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2400
2406
|
}
|
|
2401
2407
|
.bg-primary-foreground{
|
|
2402
2408
|
--tw-bg-opacity: 1;
|
|
@@ -2404,55 +2410,55 @@ input[type=number] {
|
|
|
2404
2410
|
}
|
|
2405
2411
|
.bg-primary-hover{
|
|
2406
2412
|
--tw-bg-opacity: 1;
|
|
2407
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2413
|
+
background-color: color-mix(in srgb, var(--state-primary-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2408
2414
|
}
|
|
2409
2415
|
.bg-primary-hover-bg{
|
|
2410
2416
|
--tw-bg-opacity: 1;
|
|
2411
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2417
|
+
background-color: color-mix(in srgb, var(--state-primary-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2412
2418
|
}
|
|
2413
2419
|
.bg-primary-pressed{
|
|
2414
2420
|
--tw-bg-opacity: 1;
|
|
2415
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2421
|
+
background-color: color-mix(in srgb, var(--state-primary-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2416
2422
|
}
|
|
2417
2423
|
.bg-primary-stroke{
|
|
2418
2424
|
--tw-bg-opacity: 1;
|
|
2419
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2425
|
+
background-color: color-mix(in srgb, var(--state-primary-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2420
2426
|
}
|
|
2421
2427
|
.bg-primary-text-outline{
|
|
2422
2428
|
--tw-bg-opacity: 1;
|
|
2423
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2429
|
+
background-color: color-mix(in srgb, var(--state-primary-text-outline) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2424
2430
|
}
|
|
2425
2431
|
.bg-primary-text-pressed{
|
|
2426
2432
|
--tw-bg-opacity: 1;
|
|
2427
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2433
|
+
background-color: color-mix(in srgb, var(--state-primary-text-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2428
2434
|
}
|
|
2429
2435
|
.bg-primary-text-solid{
|
|
2430
2436
|
--tw-bg-opacity: 1;
|
|
2431
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2437
|
+
background-color: color-mix(in srgb, var(--state-primary-text-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2432
2438
|
}
|
|
2433
2439
|
.bg-primary-transparent-12{
|
|
2434
2440
|
--tw-bg-opacity: 1;
|
|
2435
|
-
background-color: color-mix(in srgb, var(--
|
|
2441
|
+
background-color: color-mix(in srgb, var(--transparent-primary-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2436
2442
|
}
|
|
2437
2443
|
.bg-primary-transparent-16{
|
|
2438
2444
|
--tw-bg-opacity: 1;
|
|
2439
|
-
background-color: color-mix(in srgb, var(--
|
|
2445
|
+
background-color: color-mix(in srgb, var(--transparent-primary-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2440
2446
|
}
|
|
2441
2447
|
.bg-primary-transparent-24{
|
|
2442
2448
|
--tw-bg-opacity: 1;
|
|
2443
|
-
background-color: color-mix(in srgb, var(--
|
|
2449
|
+
background-color: color-mix(in srgb, var(--transparent-primary-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2444
2450
|
}
|
|
2445
2451
|
.bg-primary-transparent-32{
|
|
2446
2452
|
--tw-bg-opacity: 1;
|
|
2447
|
-
background-color: color-mix(in srgb, var(--
|
|
2453
|
+
background-color: color-mix(in srgb, var(--transparent-primary-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2448
2454
|
}
|
|
2449
2455
|
.bg-primary-transparent-48{
|
|
2450
2456
|
--tw-bg-opacity: 1;
|
|
2451
|
-
background-color: color-mix(in srgb, var(--
|
|
2457
|
+
background-color: color-mix(in srgb, var(--transparent-primary-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2452
2458
|
}
|
|
2453
2459
|
.bg-primary-transparent-8{
|
|
2454
2460
|
--tw-bg-opacity: 1;
|
|
2455
|
-
background-color: color-mix(in srgb, var(--
|
|
2461
|
+
background-color: color-mix(in srgb, var(--transparent-primary-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2456
2462
|
}
|
|
2457
2463
|
.bg-red-100{
|
|
2458
2464
|
--tw-bg-opacity: 1;
|
|
@@ -2460,75 +2466,75 @@ input[type=number] {
|
|
|
2460
2466
|
}
|
|
2461
2467
|
.bg-secondary{
|
|
2462
2468
|
--tw-bg-opacity: 1;
|
|
2463
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2469
|
+
background-color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2464
2470
|
}
|
|
2465
2471
|
.bg-secondary-10{
|
|
2466
2472
|
--tw-bg-opacity: 1;
|
|
2467
|
-
background-color: color-mix(in srgb, var(--
|
|
2473
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-10) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2468
2474
|
}
|
|
2469
2475
|
.bg-secondary-100{
|
|
2470
2476
|
--tw-bg-opacity: 1;
|
|
2471
|
-
background-color: color-mix(in srgb, var(--
|
|
2477
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2472
2478
|
}
|
|
2473
2479
|
.bg-secondary-110{
|
|
2474
2480
|
--tw-bg-opacity: 1;
|
|
2475
|
-
background-color: color-mix(in srgb, var(--
|
|
2481
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-110) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2476
2482
|
}
|
|
2477
2483
|
.bg-secondary-120{
|
|
2478
2484
|
--tw-bg-opacity: 1;
|
|
2479
|
-
background-color: color-mix(in srgb, var(--
|
|
2485
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-120) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2480
2486
|
}
|
|
2481
2487
|
.bg-secondary-130{
|
|
2482
2488
|
--tw-bg-opacity: 1;
|
|
2483
|
-
background-color: color-mix(in srgb, var(--
|
|
2489
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-130) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2484
2490
|
}
|
|
2485
2491
|
.bg-secondary-140{
|
|
2486
2492
|
--tw-bg-opacity: 1;
|
|
2487
|
-
background-color: color-mix(in srgb, var(--
|
|
2493
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-140) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2488
2494
|
}
|
|
2489
2495
|
.bg-secondary-150{
|
|
2490
2496
|
--tw-bg-opacity: 1;
|
|
2491
|
-
background-color: color-mix(in srgb, var(--
|
|
2497
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-150) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2492
2498
|
}
|
|
2493
2499
|
.bg-secondary-20{
|
|
2494
2500
|
--tw-bg-opacity: 1;
|
|
2495
|
-
background-color: color-mix(in srgb, var(--
|
|
2501
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-20) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2496
2502
|
}
|
|
2497
2503
|
.bg-secondary-30{
|
|
2498
2504
|
--tw-bg-opacity: 1;
|
|
2499
|
-
background-color: color-mix(in srgb, var(--
|
|
2505
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-30) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2500
2506
|
}
|
|
2501
2507
|
.bg-secondary-40{
|
|
2502
2508
|
--tw-bg-opacity: 1;
|
|
2503
|
-
background-color: color-mix(in srgb, var(--
|
|
2509
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-40) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2504
2510
|
}
|
|
2505
2511
|
.bg-secondary-5{
|
|
2506
2512
|
--tw-bg-opacity: 1;
|
|
2507
|
-
background-color: color-mix(in srgb, var(--
|
|
2513
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-5) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2508
2514
|
}
|
|
2509
2515
|
.bg-secondary-50{
|
|
2510
2516
|
--tw-bg-opacity: 1;
|
|
2511
|
-
background-color: color-mix(in srgb, var(--
|
|
2517
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2512
2518
|
}
|
|
2513
2519
|
.bg-secondary-60{
|
|
2514
2520
|
--tw-bg-opacity: 1;
|
|
2515
|
-
background-color: color-mix(in srgb, var(--
|
|
2521
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-60) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2516
2522
|
}
|
|
2517
2523
|
.bg-secondary-70{
|
|
2518
2524
|
--tw-bg-opacity: 1;
|
|
2519
|
-
background-color: color-mix(in srgb, var(--
|
|
2525
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-70) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2520
2526
|
}
|
|
2521
2527
|
.bg-secondary-80{
|
|
2522
2528
|
--tw-bg-opacity: 1;
|
|
2523
|
-
background-color: color-mix(in srgb, var(--
|
|
2529
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-80) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2524
2530
|
}
|
|
2525
2531
|
.bg-secondary-90{
|
|
2526
2532
|
--tw-bg-opacity: 1;
|
|
2527
|
-
background-color: color-mix(in srgb, var(--
|
|
2533
|
+
background-color: color-mix(in srgb, var(--ramps-secondary-90) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2528
2534
|
}
|
|
2529
2535
|
.bg-secondary-default{
|
|
2530
2536
|
--tw-bg-opacity: 1;
|
|
2531
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2537
|
+
background-color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2532
2538
|
}
|
|
2533
2539
|
.bg-secondary-foreground{
|
|
2534
2540
|
--tw-bg-opacity: 1;
|
|
@@ -2536,107 +2542,107 @@ input[type=number] {
|
|
|
2536
2542
|
}
|
|
2537
2543
|
.bg-secondary-hover{
|
|
2538
2544
|
--tw-bg-opacity: 1;
|
|
2539
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2545
|
+
background-color: color-mix(in srgb, var(--state-secondary-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2540
2546
|
}
|
|
2541
2547
|
.bg-secondary-hover-bg{
|
|
2542
2548
|
--tw-bg-opacity: 1;
|
|
2543
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2549
|
+
background-color: color-mix(in srgb, var(--state-secondary-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2544
2550
|
}
|
|
2545
2551
|
.bg-secondary-pressed{
|
|
2546
2552
|
--tw-bg-opacity: 1;
|
|
2547
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2553
|
+
background-color: color-mix(in srgb, var(--state-secondary-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2548
2554
|
}
|
|
2549
2555
|
.bg-secondary-stroke{
|
|
2550
2556
|
--tw-bg-opacity: 1;
|
|
2551
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2557
|
+
background-color: color-mix(in srgb, var(--state-secondary-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2552
2558
|
}
|
|
2553
2559
|
.bg-secondary-text-outline{
|
|
2554
2560
|
--tw-bg-opacity: 1;
|
|
2555
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2561
|
+
background-color: color-mix(in srgb, var(--state-secondary-text-outline) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2556
2562
|
}
|
|
2557
2563
|
.bg-secondary-text-pressed{
|
|
2558
2564
|
--tw-bg-opacity: 1;
|
|
2559
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2565
|
+
background-color: color-mix(in srgb, var(--state-secondary-text-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2560
2566
|
}
|
|
2561
2567
|
.bg-secondary-text-solid{
|
|
2562
2568
|
--tw-bg-opacity: 1;
|
|
2563
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2569
|
+
background-color: color-mix(in srgb, var(--state-secondary-text-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2564
2570
|
}
|
|
2565
2571
|
.bg-secondary-transparent-12{
|
|
2566
2572
|
--tw-bg-opacity: 1;
|
|
2567
|
-
background-color: color-mix(in srgb, var(--
|
|
2573
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2568
2574
|
}
|
|
2569
2575
|
.bg-secondary-transparent-16{
|
|
2570
2576
|
--tw-bg-opacity: 1;
|
|
2571
|
-
background-color: color-mix(in srgb, var(--
|
|
2577
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2572
2578
|
}
|
|
2573
2579
|
.bg-secondary-transparent-24{
|
|
2574
2580
|
--tw-bg-opacity: 1;
|
|
2575
|
-
background-color: color-mix(in srgb, var(--
|
|
2581
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2576
2582
|
}
|
|
2577
2583
|
.bg-secondary-transparent-32{
|
|
2578
2584
|
--tw-bg-opacity: 1;
|
|
2579
|
-
background-color: color-mix(in srgb, var(--
|
|
2585
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2580
2586
|
}
|
|
2581
2587
|
.bg-secondary-transparent-48{
|
|
2582
2588
|
--tw-bg-opacity: 1;
|
|
2583
|
-
background-color: color-mix(in srgb, var(--
|
|
2589
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2584
2590
|
}
|
|
2585
2591
|
.bg-secondary-transparent-8{
|
|
2586
2592
|
--tw-bg-opacity: 1;
|
|
2587
|
-
background-color: color-mix(in srgb, var(--
|
|
2593
|
+
background-color: color-mix(in srgb, var(--transparent-secondary-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2588
2594
|
}
|
|
2589
2595
|
.bg-state-disable-outline{
|
|
2590
2596
|
--tw-bg-opacity: 1;
|
|
2591
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2597
|
+
background-color: color-mix(in srgb, var(--state-disable-outline) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2592
2598
|
}
|
|
2593
2599
|
.bg-state-disable-solid{
|
|
2594
2600
|
--tw-bg-opacity: 1;
|
|
2595
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2601
|
+
background-color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2596
2602
|
}
|
|
2597
2603
|
.bg-success{
|
|
2598
2604
|
--tw-bg-opacity: 1;
|
|
2599
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2605
|
+
background-color: color-mix(in srgb, var(--state-success-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2600
2606
|
}
|
|
2601
2607
|
.bg-success-100{
|
|
2602
2608
|
--tw-bg-opacity: 1;
|
|
2603
|
-
background-color: color-mix(in srgb, var(--
|
|
2609
|
+
background-color: color-mix(in srgb, var(--ramps-success-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2604
2610
|
}
|
|
2605
2611
|
.bg-success-200{
|
|
2606
2612
|
--tw-bg-opacity: 1;
|
|
2607
|
-
background-color: color-mix(in srgb, var(--
|
|
2613
|
+
background-color: color-mix(in srgb, var(--ramps-success-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2608
2614
|
}
|
|
2609
2615
|
.bg-success-300{
|
|
2610
2616
|
--tw-bg-opacity: 1;
|
|
2611
|
-
background-color: color-mix(in srgb, var(--
|
|
2617
|
+
background-color: color-mix(in srgb, var(--ramps-success-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2612
2618
|
}
|
|
2613
2619
|
.bg-success-400{
|
|
2614
2620
|
--tw-bg-opacity: 1;
|
|
2615
|
-
background-color: color-mix(in srgb, var(--
|
|
2621
|
+
background-color: color-mix(in srgb, var(--ramps-success-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2616
2622
|
}
|
|
2617
2623
|
.bg-success-50{
|
|
2618
2624
|
--tw-bg-opacity: 1;
|
|
2619
|
-
background-color: color-mix(in srgb, var(--
|
|
2625
|
+
background-color: color-mix(in srgb, var(--ramps-success-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2620
2626
|
}
|
|
2621
2627
|
.bg-success-500{
|
|
2622
2628
|
--tw-bg-opacity: 1;
|
|
2623
|
-
background-color: color-mix(in srgb, var(--
|
|
2629
|
+
background-color: color-mix(in srgb, var(--ramps-success-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2624
2630
|
}
|
|
2625
2631
|
.bg-success-600{
|
|
2626
2632
|
--tw-bg-opacity: 1;
|
|
2627
|
-
background-color: color-mix(in srgb, var(--
|
|
2633
|
+
background-color: color-mix(in srgb, var(--ramps-success-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2628
2634
|
}
|
|
2629
2635
|
.bg-success-700{
|
|
2630
2636
|
--tw-bg-opacity: 1;
|
|
2631
|
-
background-color: color-mix(in srgb, var(--
|
|
2637
|
+
background-color: color-mix(in srgb, var(--ramps-success-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2632
2638
|
}
|
|
2633
2639
|
.bg-success-800{
|
|
2634
2640
|
--tw-bg-opacity: 1;
|
|
2635
|
-
background-color: color-mix(in srgb, var(--
|
|
2641
|
+
background-color: color-mix(in srgb, var(--ramps-success-800) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2636
2642
|
}
|
|
2637
2643
|
.bg-success-900{
|
|
2638
2644
|
--tw-bg-opacity: 1;
|
|
2639
|
-
background-color: color-mix(in srgb, var(--
|
|
2645
|
+
background-color: color-mix(in srgb, var(--ramps-success-900) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2640
2646
|
}
|
|
2641
2647
|
.bg-success-foreground{
|
|
2642
2648
|
--tw-bg-opacity: 1;
|
|
@@ -2644,27 +2650,27 @@ input[type=number] {
|
|
|
2644
2650
|
}
|
|
2645
2651
|
.bg-success-transparent-12{
|
|
2646
2652
|
--tw-bg-opacity: 1;
|
|
2647
|
-
background-color: color-mix(in srgb, var(--
|
|
2653
|
+
background-color: color-mix(in srgb, var(--transparent-success-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2648
2654
|
}
|
|
2649
2655
|
.bg-success-transparent-16{
|
|
2650
2656
|
--tw-bg-opacity: 1;
|
|
2651
|
-
background-color: color-mix(in srgb, var(--
|
|
2657
|
+
background-color: color-mix(in srgb, var(--transparent-success-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2652
2658
|
}
|
|
2653
2659
|
.bg-success-transparent-24{
|
|
2654
2660
|
--tw-bg-opacity: 1;
|
|
2655
|
-
background-color: color-mix(in srgb, var(--
|
|
2661
|
+
background-color: color-mix(in srgb, var(--transparent-success-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2656
2662
|
}
|
|
2657
2663
|
.bg-success-transparent-32{
|
|
2658
2664
|
--tw-bg-opacity: 1;
|
|
2659
|
-
background-color: color-mix(in srgb, var(--
|
|
2665
|
+
background-color: color-mix(in srgb, var(--transparent-success-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2660
2666
|
}
|
|
2661
2667
|
.bg-success-transparent-48{
|
|
2662
2668
|
--tw-bg-opacity: 1;
|
|
2663
|
-
background-color: color-mix(in srgb, var(--
|
|
2669
|
+
background-color: color-mix(in srgb, var(--transparent-success-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2664
2670
|
}
|
|
2665
2671
|
.bg-success-transparent-8{
|
|
2666
2672
|
--tw-bg-opacity: 1;
|
|
2667
|
-
background-color: color-mix(in srgb, var(--
|
|
2673
|
+
background-color: color-mix(in srgb, var(--transparent-success-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2668
2674
|
}
|
|
2669
2675
|
.bg-surface{
|
|
2670
2676
|
--tw-bg-opacity: 1;
|
|
@@ -2672,75 +2678,75 @@ input[type=number] {
|
|
|
2672
2678
|
}
|
|
2673
2679
|
.bg-tertiary{
|
|
2674
2680
|
--tw-bg-opacity: 1;
|
|
2675
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2681
|
+
background-color: color-mix(in srgb, var(--state-tertiary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2676
2682
|
}
|
|
2677
2683
|
.bg-tertiary-10{
|
|
2678
2684
|
--tw-bg-opacity: 1;
|
|
2679
|
-
background-color: color-mix(in srgb, var(--
|
|
2685
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-10) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2680
2686
|
}
|
|
2681
2687
|
.bg-tertiary-100{
|
|
2682
2688
|
--tw-bg-opacity: 1;
|
|
2683
|
-
background-color: color-mix(in srgb, var(--
|
|
2689
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2684
2690
|
}
|
|
2685
2691
|
.bg-tertiary-110{
|
|
2686
2692
|
--tw-bg-opacity: 1;
|
|
2687
|
-
background-color: color-mix(in srgb, var(--
|
|
2693
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-110) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2688
2694
|
}
|
|
2689
2695
|
.bg-tertiary-120{
|
|
2690
2696
|
--tw-bg-opacity: 1;
|
|
2691
|
-
background-color: color-mix(in srgb, var(--
|
|
2697
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-120) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2692
2698
|
}
|
|
2693
2699
|
.bg-tertiary-130{
|
|
2694
2700
|
--tw-bg-opacity: 1;
|
|
2695
|
-
background-color: color-mix(in srgb, var(--
|
|
2701
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-130) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2696
2702
|
}
|
|
2697
2703
|
.bg-tertiary-140{
|
|
2698
2704
|
--tw-bg-opacity: 1;
|
|
2699
|
-
background-color: color-mix(in srgb, var(--
|
|
2705
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-140) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2700
2706
|
}
|
|
2701
2707
|
.bg-tertiary-150{
|
|
2702
2708
|
--tw-bg-opacity: 1;
|
|
2703
|
-
background-color: color-mix(in srgb, var(--
|
|
2709
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-150) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2704
2710
|
}
|
|
2705
2711
|
.bg-tertiary-20{
|
|
2706
2712
|
--tw-bg-opacity: 1;
|
|
2707
|
-
background-color: color-mix(in srgb, var(--
|
|
2713
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-20) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2708
2714
|
}
|
|
2709
2715
|
.bg-tertiary-30{
|
|
2710
2716
|
--tw-bg-opacity: 1;
|
|
2711
|
-
background-color: color-mix(in srgb, var(--
|
|
2717
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-30) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2712
2718
|
}
|
|
2713
2719
|
.bg-tertiary-40{
|
|
2714
2720
|
--tw-bg-opacity: 1;
|
|
2715
|
-
background-color: color-mix(in srgb, var(--
|
|
2721
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-40) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2716
2722
|
}
|
|
2717
2723
|
.bg-tertiary-5{
|
|
2718
2724
|
--tw-bg-opacity: 1;
|
|
2719
|
-
background-color: color-mix(in srgb, var(--
|
|
2725
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-5) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2720
2726
|
}
|
|
2721
2727
|
.bg-tertiary-50{
|
|
2722
2728
|
--tw-bg-opacity: 1;
|
|
2723
|
-
background-color: color-mix(in srgb, var(--
|
|
2729
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2724
2730
|
}
|
|
2725
2731
|
.bg-tertiary-60{
|
|
2726
2732
|
--tw-bg-opacity: 1;
|
|
2727
|
-
background-color: color-mix(in srgb, var(--
|
|
2733
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-60) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2728
2734
|
}
|
|
2729
2735
|
.bg-tertiary-70{
|
|
2730
2736
|
--tw-bg-opacity: 1;
|
|
2731
|
-
background-color: color-mix(in srgb, var(--
|
|
2737
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-70) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2732
2738
|
}
|
|
2733
2739
|
.bg-tertiary-80{
|
|
2734
2740
|
--tw-bg-opacity: 1;
|
|
2735
|
-
background-color: color-mix(in srgb, var(--
|
|
2741
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-80) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2736
2742
|
}
|
|
2737
2743
|
.bg-tertiary-90{
|
|
2738
2744
|
--tw-bg-opacity: 1;
|
|
2739
|
-
background-color: color-mix(in srgb, var(--
|
|
2745
|
+
background-color: color-mix(in srgb, var(--ramps-tertiary-90) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2740
2746
|
}
|
|
2741
2747
|
.bg-tertiary-default{
|
|
2742
2748
|
--tw-bg-opacity: 1;
|
|
2743
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2749
|
+
background-color: color-mix(in srgb, var(--state-tertiary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2744
2750
|
}
|
|
2745
2751
|
.bg-tertiary-foreground{
|
|
2746
2752
|
--tw-bg-opacity: 1;
|
|
@@ -2748,55 +2754,55 @@ input[type=number] {
|
|
|
2748
2754
|
}
|
|
2749
2755
|
.bg-tertiary-hover{
|
|
2750
2756
|
--tw-bg-opacity: 1;
|
|
2751
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2757
|
+
background-color: color-mix(in srgb, var(--state-tertiary-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2752
2758
|
}
|
|
2753
2759
|
.bg-tertiary-hover-bg{
|
|
2754
2760
|
--tw-bg-opacity: 1;
|
|
2755
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2761
|
+
background-color: color-mix(in srgb, var(--state-tertiary-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2756
2762
|
}
|
|
2757
2763
|
.bg-tertiary-pressed{
|
|
2758
2764
|
--tw-bg-opacity: 1;
|
|
2759
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2765
|
+
background-color: color-mix(in srgb, var(--state-tertiary-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2760
2766
|
}
|
|
2761
2767
|
.bg-tertiary-stroke{
|
|
2762
2768
|
--tw-bg-opacity: 1;
|
|
2763
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2769
|
+
background-color: color-mix(in srgb, var(--state-tertiary-stroke) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2764
2770
|
}
|
|
2765
2771
|
.bg-tertiary-text-outline{
|
|
2766
2772
|
--tw-bg-opacity: 1;
|
|
2767
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2773
|
+
background-color: color-mix(in srgb, var(--state-tertiary-text-outline) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2768
2774
|
}
|
|
2769
2775
|
.bg-tertiary-text-pressed{
|
|
2770
2776
|
--tw-bg-opacity: 1;
|
|
2771
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2777
|
+
background-color: color-mix(in srgb, var(--state-tertiary-text-pressed) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2772
2778
|
}
|
|
2773
2779
|
.bg-tertiary-text-solid{
|
|
2774
2780
|
--tw-bg-opacity: 1;
|
|
2775
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2781
|
+
background-color: color-mix(in srgb, var(--state-tertiary-text-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2776
2782
|
}
|
|
2777
2783
|
.bg-tertiary-transparent-12{
|
|
2778
2784
|
--tw-bg-opacity: 1;
|
|
2779
|
-
background-color: color-mix(in srgb, var(--
|
|
2785
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2780
2786
|
}
|
|
2781
2787
|
.bg-tertiary-transparent-16{
|
|
2782
2788
|
--tw-bg-opacity: 1;
|
|
2783
|
-
background-color: color-mix(in srgb, var(--
|
|
2789
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2784
2790
|
}
|
|
2785
2791
|
.bg-tertiary-transparent-24{
|
|
2786
2792
|
--tw-bg-opacity: 1;
|
|
2787
|
-
background-color: color-mix(in srgb, var(--
|
|
2793
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2788
2794
|
}
|
|
2789
2795
|
.bg-tertiary-transparent-32{
|
|
2790
2796
|
--tw-bg-opacity: 1;
|
|
2791
|
-
background-color: color-mix(in srgb, var(--
|
|
2797
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2792
2798
|
}
|
|
2793
2799
|
.bg-tertiary-transparent-48{
|
|
2794
2800
|
--tw-bg-opacity: 1;
|
|
2795
|
-
background-color: color-mix(in srgb, var(--
|
|
2801
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2796
2802
|
}
|
|
2797
2803
|
.bg-tertiary-transparent-8{
|
|
2798
2804
|
--tw-bg-opacity: 1;
|
|
2799
|
-
background-color: color-mix(in srgb, var(--
|
|
2805
|
+
background-color: color-mix(in srgb, var(--transparent-tertiary-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2800
2806
|
}
|
|
2801
2807
|
.bg-text-black{
|
|
2802
2808
|
--tw-bg-opacity: 1;
|
|
@@ -2835,47 +2841,47 @@ input[type=number] {
|
|
|
2835
2841
|
}
|
|
2836
2842
|
.bg-warning{
|
|
2837
2843
|
--tw-bg-opacity: 1;
|
|
2838
|
-
background-color: color-mix(in srgb, var(--state-
|
|
2844
|
+
background-color: color-mix(in srgb, var(--state-warning-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2839
2845
|
}
|
|
2840
2846
|
.bg-warning-100{
|
|
2841
2847
|
--tw-bg-opacity: 1;
|
|
2842
|
-
background-color: color-mix(in srgb, var(--
|
|
2848
|
+
background-color: color-mix(in srgb, var(--ramps-warning-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2843
2849
|
}
|
|
2844
2850
|
.bg-warning-200{
|
|
2845
2851
|
--tw-bg-opacity: 1;
|
|
2846
|
-
background-color: color-mix(in srgb, var(--
|
|
2852
|
+
background-color: color-mix(in srgb, var(--ramps-warning-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2847
2853
|
}
|
|
2848
2854
|
.bg-warning-300{
|
|
2849
2855
|
--tw-bg-opacity: 1;
|
|
2850
|
-
background-color: color-mix(in srgb, var(--
|
|
2856
|
+
background-color: color-mix(in srgb, var(--ramps-warning-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2851
2857
|
}
|
|
2852
2858
|
.bg-warning-400{
|
|
2853
2859
|
--tw-bg-opacity: 1;
|
|
2854
|
-
background-color: color-mix(in srgb, var(--
|
|
2860
|
+
background-color: color-mix(in srgb, var(--ramps-warning-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2855
2861
|
}
|
|
2856
2862
|
.bg-warning-50{
|
|
2857
2863
|
--tw-bg-opacity: 1;
|
|
2858
|
-
background-color: color-mix(in srgb, var(--
|
|
2864
|
+
background-color: color-mix(in srgb, var(--ramps-warning-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2859
2865
|
}
|
|
2860
2866
|
.bg-warning-500{
|
|
2861
2867
|
--tw-bg-opacity: 1;
|
|
2862
|
-
background-color: color-mix(in srgb, var(--
|
|
2868
|
+
background-color: color-mix(in srgb, var(--ramps-warning-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2863
2869
|
}
|
|
2864
2870
|
.bg-warning-600{
|
|
2865
2871
|
--tw-bg-opacity: 1;
|
|
2866
|
-
background-color: color-mix(in srgb, var(--
|
|
2872
|
+
background-color: color-mix(in srgb, var(--ramps-warning-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2867
2873
|
}
|
|
2868
2874
|
.bg-warning-700{
|
|
2869
2875
|
--tw-bg-opacity: 1;
|
|
2870
|
-
background-color: color-mix(in srgb, var(--
|
|
2876
|
+
background-color: color-mix(in srgb, var(--ramps-warning-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2871
2877
|
}
|
|
2872
2878
|
.bg-warning-800{
|
|
2873
2879
|
--tw-bg-opacity: 1;
|
|
2874
|
-
background-color: color-mix(in srgb, var(--
|
|
2880
|
+
background-color: color-mix(in srgb, var(--ramps-warning-800) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2875
2881
|
}
|
|
2876
2882
|
.bg-warning-900{
|
|
2877
2883
|
--tw-bg-opacity: 1;
|
|
2878
|
-
background-color: color-mix(in srgb, var(--
|
|
2884
|
+
background-color: color-mix(in srgb, var(--ramps-warning-900) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2879
2885
|
}
|
|
2880
2886
|
.bg-warning-foreground{
|
|
2881
2887
|
--tw-bg-opacity: 1;
|
|
@@ -2883,27 +2889,27 @@ input[type=number] {
|
|
|
2883
2889
|
}
|
|
2884
2890
|
.bg-warning-transparent-12{
|
|
2885
2891
|
--tw-bg-opacity: 1;
|
|
2886
|
-
background-color: color-mix(in srgb, var(--
|
|
2892
|
+
background-color: color-mix(in srgb, var(--transparent-warning-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2887
2893
|
}
|
|
2888
2894
|
.bg-warning-transparent-16{
|
|
2889
2895
|
--tw-bg-opacity: 1;
|
|
2890
|
-
background-color: color-mix(in srgb, var(--
|
|
2896
|
+
background-color: color-mix(in srgb, var(--transparent-warning-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2891
2897
|
}
|
|
2892
2898
|
.bg-warning-transparent-24{
|
|
2893
2899
|
--tw-bg-opacity: 1;
|
|
2894
|
-
background-color: color-mix(in srgb, var(--
|
|
2900
|
+
background-color: color-mix(in srgb, var(--transparent-warning-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2895
2901
|
}
|
|
2896
2902
|
.bg-warning-transparent-32{
|
|
2897
2903
|
--tw-bg-opacity: 1;
|
|
2898
|
-
background-color: color-mix(in srgb, var(--
|
|
2904
|
+
background-color: color-mix(in srgb, var(--transparent-warning-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2899
2905
|
}
|
|
2900
2906
|
.bg-warning-transparent-48{
|
|
2901
2907
|
--tw-bg-opacity: 1;
|
|
2902
|
-
background-color: color-mix(in srgb, var(--
|
|
2908
|
+
background-color: color-mix(in srgb, var(--transparent-warning-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2903
2909
|
}
|
|
2904
2910
|
.bg-warning-transparent-8{
|
|
2905
2911
|
--tw-bg-opacity: 1;
|
|
2906
|
-
background-color: color-mix(in srgb, var(--
|
|
2912
|
+
background-color: color-mix(in srgb, var(--transparent-warning-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2907
2913
|
}
|
|
2908
2914
|
.bg-white{
|
|
2909
2915
|
--tw-bg-opacity: 1;
|
|
@@ -2911,27 +2917,27 @@ input[type=number] {
|
|
|
2911
2917
|
}
|
|
2912
2918
|
.bg-white-transparent-12{
|
|
2913
2919
|
--tw-bg-opacity: 1;
|
|
2914
|
-
background-color: color-mix(in srgb, var(--
|
|
2920
|
+
background-color: color-mix(in srgb, var(--transparent-white-12) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2915
2921
|
}
|
|
2916
2922
|
.bg-white-transparent-16{
|
|
2917
2923
|
--tw-bg-opacity: 1;
|
|
2918
|
-
background-color: color-mix(in srgb, var(--
|
|
2924
|
+
background-color: color-mix(in srgb, var(--transparent-white-16) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2919
2925
|
}
|
|
2920
2926
|
.bg-white-transparent-24{
|
|
2921
2927
|
--tw-bg-opacity: 1;
|
|
2922
|
-
background-color: color-mix(in srgb, var(--
|
|
2928
|
+
background-color: color-mix(in srgb, var(--transparent-white-24) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2923
2929
|
}
|
|
2924
2930
|
.bg-white-transparent-32{
|
|
2925
2931
|
--tw-bg-opacity: 1;
|
|
2926
|
-
background-color: color-mix(in srgb, var(--
|
|
2932
|
+
background-color: color-mix(in srgb, var(--transparent-white-32) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2927
2933
|
}
|
|
2928
2934
|
.bg-white-transparent-48{
|
|
2929
2935
|
--tw-bg-opacity: 1;
|
|
2930
|
-
background-color: color-mix(in srgb, var(--
|
|
2936
|
+
background-color: color-mix(in srgb, var(--transparent-white-48) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2931
2937
|
}
|
|
2932
2938
|
.bg-white-transparent-8{
|
|
2933
2939
|
--tw-bg-opacity: 1;
|
|
2934
|
-
background-color: color-mix(in srgb, var(--
|
|
2940
|
+
background-color: color-mix(in srgb, var(--transparent-white-8) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
2935
2941
|
}
|
|
2936
2942
|
.bg-gradient-to-r{
|
|
2937
2943
|
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
|
@@ -3064,52 +3070,52 @@ input[type=number] {
|
|
|
3064
3070
|
fill: currentColor;
|
|
3065
3071
|
}
|
|
3066
3072
|
.fill-error{
|
|
3067
|
-
fill: color-mix(in srgb, var(--state-
|
|
3073
|
+
fill: color-mix(in srgb, var(--state-error-default) calc(100% * 1), transparent);
|
|
3068
3074
|
}
|
|
3069
3075
|
.fill-info{
|
|
3070
|
-
fill: color-mix(in srgb, var(--state-
|
|
3076
|
+
fill: color-mix(in srgb, var(--state-info-default) calc(100% * 1), transparent);
|
|
3071
3077
|
}
|
|
3072
3078
|
.fill-inherit{
|
|
3073
3079
|
fill: inherit;
|
|
3074
3080
|
}
|
|
3075
3081
|
.fill-input-active-stroke{
|
|
3076
|
-
fill: color-mix(in srgb, var(--input-
|
|
3082
|
+
fill: color-mix(in srgb, var(--input-active-stroke) calc(100% * 1), transparent);
|
|
3077
3083
|
}
|
|
3078
3084
|
.fill-input-default-text{
|
|
3079
|
-
fill: color-mix(in srgb, var(--input-
|
|
3085
|
+
fill: color-mix(in srgb, var(--input-default-text) calc(100% * 1), transparent);
|
|
3080
3086
|
}
|
|
3081
3087
|
.fill-input-disable-stroke{
|
|
3082
|
-
fill: color-mix(in srgb, var(--input-
|
|
3088
|
+
fill: color-mix(in srgb, var(--input-disable-stroke) calc(100% * 1), transparent);
|
|
3083
3089
|
}
|
|
3084
3090
|
.fill-none{
|
|
3085
3091
|
fill: none;
|
|
3086
3092
|
}
|
|
3087
3093
|
.fill-primary{
|
|
3088
|
-
fill: color-mix(in srgb, var(--state-
|
|
3094
|
+
fill: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
3089
3095
|
}
|
|
3090
3096
|
.fill-primary-default{
|
|
3091
|
-
fill: color-mix(in srgb, var(--state-
|
|
3097
|
+
fill: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
3092
3098
|
}
|
|
3093
3099
|
.fill-secondary{
|
|
3094
|
-
fill: color-mix(in srgb, var(--state-
|
|
3100
|
+
fill: color-mix(in srgb, var(--state-secondary-default) calc(100% * 1), transparent);
|
|
3095
3101
|
}
|
|
3096
3102
|
.fill-warning{
|
|
3097
|
-
fill: color-mix(in srgb, var(--state-
|
|
3103
|
+
fill: color-mix(in srgb, var(--state-warning-default) calc(100% * 1), transparent);
|
|
3098
3104
|
}
|
|
3099
3105
|
.stroke-current{
|
|
3100
3106
|
stroke: currentColor;
|
|
3101
3107
|
}
|
|
3102
3108
|
.stroke-input-default-stroke{
|
|
3103
|
-
stroke: color-mix(in srgb, var(--input-
|
|
3109
|
+
stroke: color-mix(in srgb, var(--input-default-stroke) calc(100% * 1), transparent);
|
|
3104
3110
|
}
|
|
3105
3111
|
.stroke-input-default-text{
|
|
3106
|
-
stroke: color-mix(in srgb, var(--input-
|
|
3112
|
+
stroke: color-mix(in srgb, var(--input-default-text) calc(100% * 1), transparent);
|
|
3107
3113
|
}
|
|
3108
3114
|
.stroke-input-disable-stroke{
|
|
3109
|
-
stroke: color-mix(in srgb, var(--input-
|
|
3115
|
+
stroke: color-mix(in srgb, var(--input-disable-stroke) calc(100% * 1), transparent);
|
|
3110
3116
|
}
|
|
3111
3117
|
.stroke-primary-default{
|
|
3112
|
-
stroke: color-mix(in srgb, var(--state-
|
|
3118
|
+
stroke: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
3113
3119
|
}
|
|
3114
3120
|
.p-0{
|
|
3115
3121
|
padding: 0px;
|
|
@@ -3699,7 +3705,7 @@ input[type=number] {
|
|
|
3699
3705
|
}
|
|
3700
3706
|
.text-error{
|
|
3701
3707
|
--tw-text-opacity: 1;
|
|
3702
|
-
color: color-mix(in srgb, var(--state-
|
|
3708
|
+
color: color-mix(in srgb, var(--state-error-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3703
3709
|
}
|
|
3704
3710
|
.text-foreground{
|
|
3705
3711
|
--tw-text-opacity: 1;
|
|
@@ -3731,30 +3737,30 @@ input[type=number] {
|
|
|
3731
3737
|
}
|
|
3732
3738
|
.text-grey2-500{
|
|
3733
3739
|
--tw-text-opacity: 1;
|
|
3734
|
-
color: color-mix(in srgb, var(--
|
|
3740
|
+
color: color-mix(in srgb, var(--ramps-grey2-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3735
3741
|
}
|
|
3736
3742
|
.text-info{
|
|
3737
3743
|
--tw-text-opacity: 1;
|
|
3738
|
-
color: color-mix(in srgb, var(--state-
|
|
3744
|
+
color: color-mix(in srgb, var(--state-info-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3739
3745
|
}
|
|
3740
3746
|
.text-inherit{
|
|
3741
3747
|
color: inherit;
|
|
3742
3748
|
}
|
|
3743
3749
|
.text-input-default-text{
|
|
3744
3750
|
--tw-text-opacity: 1;
|
|
3745
|
-
color: color-mix(in srgb, var(--input-
|
|
3751
|
+
color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3746
3752
|
}
|
|
3747
3753
|
.text-input-disable-text{
|
|
3748
3754
|
--tw-text-opacity: 1;
|
|
3749
|
-
color: color-mix(in srgb, var(--input-
|
|
3755
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3750
3756
|
}
|
|
3751
3757
|
.text-input-error{
|
|
3752
3758
|
--tw-text-opacity: 1;
|
|
3753
|
-
color: color-mix(in srgb, var(--input-
|
|
3759
|
+
color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3754
3760
|
}
|
|
3755
3761
|
.text-input-filled-text{
|
|
3756
3762
|
--tw-text-opacity: 1;
|
|
3757
|
-
color: color-mix(in srgb, var(--input-
|
|
3763
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3758
3764
|
}
|
|
3759
3765
|
.text-pink-200{
|
|
3760
3766
|
--tw-text-opacity: 1;
|
|
@@ -3762,7 +3768,7 @@ input[type=number] {
|
|
|
3762
3768
|
}
|
|
3763
3769
|
.text-primary{
|
|
3764
3770
|
--tw-text-opacity: 1;
|
|
3765
|
-
color: color-mix(in srgb, var(--state-
|
|
3771
|
+
color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3766
3772
|
}
|
|
3767
3773
|
.text-red-500{
|
|
3768
3774
|
--tw-text-opacity: 1;
|
|
@@ -3770,11 +3776,11 @@ input[type=number] {
|
|
|
3770
3776
|
}
|
|
3771
3777
|
.text-secondary{
|
|
3772
3778
|
--tw-text-opacity: 1;
|
|
3773
|
-
color: color-mix(in srgb, var(--state-
|
|
3779
|
+
color: color-mix(in srgb, var(--state-secondary-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3774
3780
|
}
|
|
3775
3781
|
.text-secondary-120{
|
|
3776
3782
|
--tw-text-opacity: 1;
|
|
3777
|
-
color: color-mix(in srgb, var(--
|
|
3783
|
+
color: color-mix(in srgb, var(--ramps-secondary-120) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3778
3784
|
}
|
|
3779
3785
|
.text-secondary-foreground{
|
|
3780
3786
|
--tw-text-opacity: 1;
|
|
@@ -3782,15 +3788,15 @@ input[type=number] {
|
|
|
3782
3788
|
}
|
|
3783
3789
|
.text-state-disable-outline{
|
|
3784
3790
|
--tw-text-opacity: 1;
|
|
3785
|
-
color: color-mix(in srgb, var(--state-
|
|
3791
|
+
color: color-mix(in srgb, var(--state-disable-outline) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3786
3792
|
}
|
|
3787
3793
|
.text-state-disable-solid{
|
|
3788
3794
|
--tw-text-opacity: 1;
|
|
3789
|
-
color: color-mix(in srgb, var(--state-
|
|
3795
|
+
color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3790
3796
|
}
|
|
3791
3797
|
.text-success{
|
|
3792
3798
|
--tw-text-opacity: 1;
|
|
3793
|
-
color: color-mix(in srgb, var(--state-
|
|
3799
|
+
color: color-mix(in srgb, var(--state-success-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3794
3800
|
}
|
|
3795
3801
|
.text-surface-foreground{
|
|
3796
3802
|
--tw-text-opacity: 1;
|
|
@@ -3798,7 +3804,7 @@ input[type=number] {
|
|
|
3798
3804
|
}
|
|
3799
3805
|
.text-tertiary{
|
|
3800
3806
|
--tw-text-opacity: 1;
|
|
3801
|
-
color: color-mix(in srgb, var(--state-
|
|
3807
|
+
color: color-mix(in srgb, var(--state-tertiary-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3802
3808
|
}
|
|
3803
3809
|
.text-text-dark{
|
|
3804
3810
|
--tw-text-opacity: 1;
|
|
@@ -3822,7 +3828,7 @@ input[type=number] {
|
|
|
3822
3828
|
}
|
|
3823
3829
|
.text-warning{
|
|
3824
3830
|
--tw-text-opacity: 1;
|
|
3825
|
-
color: color-mix(in srgb, var(--state-
|
|
3831
|
+
color: color-mix(in srgb, var(--state-warning-default) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
3826
3832
|
}
|
|
3827
3833
|
.text-white{
|
|
3828
3834
|
--tw-text-opacity: 1;
|
|
@@ -3835,7 +3841,7 @@ input[type=number] {
|
|
|
3835
3841
|
text-underline-offset: 4px;
|
|
3836
3842
|
}
|
|
3837
3843
|
.caret-primary{
|
|
3838
|
-
caret-color: color-mix(in srgb, var(--state-
|
|
3844
|
+
caret-color: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
3839
3845
|
}
|
|
3840
3846
|
.opacity-0{
|
|
3841
3847
|
opacity: 0;
|
|
@@ -3910,23 +3916,23 @@ input[type=number] {
|
|
|
3910
3916
|
}
|
|
3911
3917
|
.ring-error{
|
|
3912
3918
|
--tw-ring-opacity: 1;
|
|
3913
|
-
--tw-ring-color: color-mix(in srgb, var(--state-
|
|
3919
|
+
--tw-ring-color: color-mix(in srgb, var(--state-error-default) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3914
3920
|
}
|
|
3915
3921
|
.ring-input-default-stroke{
|
|
3916
3922
|
--tw-ring-opacity: 1;
|
|
3917
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
3923
|
+
--tw-ring-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3918
3924
|
}
|
|
3919
3925
|
.ring-input-disable-stroke{
|
|
3920
3926
|
--tw-ring-opacity: 1;
|
|
3921
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
3927
|
+
--tw-ring-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3922
3928
|
}
|
|
3923
3929
|
.ring-input-error{
|
|
3924
3930
|
--tw-ring-opacity: 1;
|
|
3925
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
3931
|
+
--tw-ring-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3926
3932
|
}
|
|
3927
3933
|
.ring-warning-stroke{
|
|
3928
3934
|
--tw-ring-opacity: 1;
|
|
3929
|
-
--tw-ring-color: color-mix(in srgb, var(--state-
|
|
3935
|
+
--tw-ring-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
3930
3936
|
}
|
|
3931
3937
|
.ring-offset-background{
|
|
3932
3938
|
--tw-ring-offset-color: color-mix(in srgb, var(--background) calc(100% * 1), transparent);
|
|
@@ -4187,19 +4193,19 @@ input[type=number] {
|
|
|
4187
4193
|
}
|
|
4188
4194
|
.placeholder\:text-input-default-text::-moz-placeholder{
|
|
4189
4195
|
--tw-text-opacity: 1;
|
|
4190
|
-
color: color-mix(in srgb, var(--input-
|
|
4196
|
+
color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4191
4197
|
}
|
|
4192
4198
|
.placeholder\:text-input-default-text::placeholder{
|
|
4193
4199
|
--tw-text-opacity: 1;
|
|
4194
|
-
color: color-mix(in srgb, var(--input-
|
|
4200
|
+
color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4195
4201
|
}
|
|
4196
4202
|
.placeholder\:text-input-disable-text::-moz-placeholder{
|
|
4197
4203
|
--tw-text-opacity: 1;
|
|
4198
|
-
color: color-mix(in srgb, var(--input-
|
|
4204
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4199
4205
|
}
|
|
4200
4206
|
.placeholder\:text-input-disable-text::placeholder{
|
|
4201
4207
|
--tw-text-opacity: 1;
|
|
4202
|
-
color: color-mix(in srgb, var(--input-
|
|
4208
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4203
4209
|
}
|
|
4204
4210
|
.placeholder\:text-transparent::-moz-placeholder{
|
|
4205
4211
|
color: transparent;
|
|
@@ -4376,15 +4382,15 @@ input[type=number] {
|
|
|
4376
4382
|
}
|
|
4377
4383
|
.hover\:border-input-active-stroke:hover{
|
|
4378
4384
|
--tw-border-opacity: 1;
|
|
4379
|
-
border-color: color-mix(in srgb, var(--input-
|
|
4385
|
+
border-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
4380
4386
|
}
|
|
4381
4387
|
.hover\:border-l-input-active-stroke:hover{
|
|
4382
4388
|
--tw-border-opacity: 1;
|
|
4383
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
4389
|
+
border-left-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
4384
4390
|
}
|
|
4385
4391
|
.hover\:border-r-input-active-stroke:hover{
|
|
4386
4392
|
--tw-border-opacity: 1;
|
|
4387
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
4393
|
+
border-right-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
4388
4394
|
}
|
|
4389
4395
|
.hover\:bg-\[var\(--dropdown-menu-hover-bg\)\]:hover{
|
|
4390
4396
|
background-color: var(--dropdown-menu-hover-bg);
|
|
@@ -4506,19 +4512,19 @@ input[type=number] {
|
|
|
4506
4512
|
background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
|
|
4507
4513
|
}
|
|
4508
4514
|
.hover\:bg-input-active-stroke\/10:hover{
|
|
4509
|
-
background-color: color-mix(in srgb, var(--input-
|
|
4515
|
+
background-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * 0.1), transparent);
|
|
4510
4516
|
}
|
|
4511
4517
|
.hover\:bg-input-disable-bg:hover{
|
|
4512
4518
|
--tw-bg-opacity: 1;
|
|
4513
|
-
background-color: color-mix(in srgb, var(--input-
|
|
4519
|
+
background-color: color-mix(in srgb, var(--input-disable-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
4514
4520
|
}
|
|
4515
4521
|
.hover\:bg-primary-hover-bg:hover{
|
|
4516
4522
|
--tw-bg-opacity: 1;
|
|
4517
|
-
background-color: color-mix(in srgb, var(--state-
|
|
4523
|
+
background-color: color-mix(in srgb, var(--state-primary-hover-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
4518
4524
|
}
|
|
4519
4525
|
.hover\:bg-secondary-hover:hover{
|
|
4520
4526
|
--tw-bg-opacity: 1;
|
|
4521
|
-
background-color: color-mix(in srgb, var(--state-
|
|
4527
|
+
background-color: color-mix(in srgb, var(--state-secondary-hover) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
4522
4528
|
}
|
|
4523
4529
|
.hover\:fill-action-button-icon-active-hover:hover{
|
|
4524
4530
|
fill: color-mix(in srgb, var(--action-button-icon-active-hover-text) calc(100% * 1), transparent);
|
|
@@ -4602,13 +4608,13 @@ input[type=number] {
|
|
|
4602
4608
|
fill: color-mix(in srgb, var(--button-warning-solid-hover-text) calc(100% * 1), transparent);
|
|
4603
4609
|
}
|
|
4604
4610
|
.hover\:fill-input-default-text:hover{
|
|
4605
|
-
fill: color-mix(in srgb, var(--input-
|
|
4611
|
+
fill: color-mix(in srgb, var(--input-default-text) calc(100% * 1), transparent);
|
|
4606
4612
|
}
|
|
4607
4613
|
.hover\:fill-input-filled-text:hover{
|
|
4608
|
-
fill: color-mix(in srgb, var(--input-
|
|
4614
|
+
fill: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
4609
4615
|
}
|
|
4610
4616
|
.hover\:stroke-input-filled-text:hover{
|
|
4611
|
-
stroke: color-mix(in srgb, var(--input-
|
|
4617
|
+
stroke: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
4612
4618
|
}
|
|
4613
4619
|
.hover\:text-\[var\(--dropdown-menu-hover-text\)\]:hover{
|
|
4614
4620
|
color: var(--dropdown-menu-hover-text);
|
|
@@ -4723,11 +4729,11 @@ input[type=number] {
|
|
|
4723
4729
|
}
|
|
4724
4730
|
.hover\:text-input-disable-text:hover{
|
|
4725
4731
|
--tw-text-opacity: 1;
|
|
4726
|
-
color: color-mix(in srgb, var(--input-
|
|
4732
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4727
4733
|
}
|
|
4728
4734
|
.hover\:text-input-filled-text:hover{
|
|
4729
4735
|
--tw-text-opacity: 1;
|
|
4730
|
-
color: color-mix(in srgb, var(--input-
|
|
4736
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4731
4737
|
}
|
|
4732
4738
|
.hover\:text-text-grey-dark:hover{
|
|
4733
4739
|
--tw-text-opacity: 1;
|
|
@@ -4744,38 +4750,38 @@ input[type=number] {
|
|
|
4744
4750
|
}
|
|
4745
4751
|
.hover\:ring-input-active-stroke:hover{
|
|
4746
4752
|
--tw-ring-opacity: 1;
|
|
4747
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
4753
|
+
--tw-ring-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4748
4754
|
}
|
|
4749
4755
|
.hover\:ring-input-disable-stroke:hover{
|
|
4750
4756
|
--tw-ring-opacity: 1;
|
|
4751
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
4757
|
+
--tw-ring-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4752
4758
|
}
|
|
4753
4759
|
.hover\:ring-input-error:hover{
|
|
4754
4760
|
--tw-ring-opacity: 1;
|
|
4755
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
4761
|
+
--tw-ring-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4756
4762
|
}
|
|
4757
4763
|
.hover\:ring-warning-stroke:hover{
|
|
4758
4764
|
--tw-ring-opacity: 1;
|
|
4759
|
-
--tw-ring-color: color-mix(in srgb, var(--state-
|
|
4765
|
+
--tw-ring-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4760
4766
|
}
|
|
4761
4767
|
.hover\:placeholder\:text-input-disable-text:hover::-moz-placeholder{
|
|
4762
4768
|
--tw-text-opacity: 1;
|
|
4763
|
-
color: color-mix(in srgb, var(--input-
|
|
4769
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4764
4770
|
}
|
|
4765
4771
|
.hover\:placeholder\:text-input-disable-text:hover::placeholder{
|
|
4766
4772
|
--tw-text-opacity: 1;
|
|
4767
|
-
color: color-mix(in srgb, var(--input-
|
|
4773
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4768
4774
|
}
|
|
4769
4775
|
.focus\:border-input-default-stroke:focus{
|
|
4770
4776
|
--tw-border-opacity: 1;
|
|
4771
|
-
border-color: color-mix(in srgb, var(--input-
|
|
4777
|
+
border-color: color-mix(in srgb, var(--input-default-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
4772
4778
|
}
|
|
4773
4779
|
.focus\:\!bg-\[var\(--dropdown-menu-hover-bg\)\]:focus{
|
|
4774
4780
|
background-color: var(--dropdown-menu-hover-bg) !important;
|
|
4775
4781
|
}
|
|
4776
4782
|
.focus\:bg-primary:focus{
|
|
4777
4783
|
--tw-bg-opacity: 1;
|
|
4778
|
-
background-color: color-mix(in srgb, var(--state-
|
|
4784
|
+
background-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
4779
4785
|
}
|
|
4780
4786
|
.focus\:pe-10:focus{
|
|
4781
4787
|
padding-inline-end: 2.5rem;
|
|
@@ -4791,7 +4797,7 @@ input[type=number] {
|
|
|
4791
4797
|
}
|
|
4792
4798
|
.focus\:text-input-filled-text:focus{
|
|
4793
4799
|
--tw-text-opacity: 1;
|
|
4794
|
-
color: color-mix(in srgb, var(--input-
|
|
4800
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
4795
4801
|
}
|
|
4796
4802
|
.focus\:outline-none:focus{
|
|
4797
4803
|
outline: 2px solid transparent;
|
|
@@ -4812,15 +4818,15 @@ input[type=number] {
|
|
|
4812
4818
|
}
|
|
4813
4819
|
.focus\:ring-input-active-stroke:focus{
|
|
4814
4820
|
--tw-ring-opacity: 1;
|
|
4815
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
4821
|
+
--tw-ring-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4816
4822
|
}
|
|
4817
4823
|
.focus\:ring-input-error:focus{
|
|
4818
4824
|
--tw-ring-opacity: 1;
|
|
4819
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
4825
|
+
--tw-ring-color: color-mix(in srgb, var(--input-error) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4820
4826
|
}
|
|
4821
4827
|
.focus\:ring-warning-stroke:focus{
|
|
4822
4828
|
--tw-ring-opacity: 1;
|
|
4823
|
-
--tw-ring-color: color-mix(in srgb, var(--state-
|
|
4829
|
+
--tw-ring-color: color-mix(in srgb, var(--state-warning-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
4824
4830
|
}
|
|
4825
4831
|
.focus\:ring-offset-2:focus{
|
|
4826
4832
|
--tw-ring-offset-width: 2px;
|
|
@@ -5059,7 +5065,7 @@ input[type=number] {
|
|
|
5059
5065
|
}
|
|
5060
5066
|
.active\:bg-input-disable-bg:active{
|
|
5061
5067
|
--tw-bg-opacity: 1;
|
|
5062
|
-
background-color: color-mix(in srgb, var(--input-
|
|
5068
|
+
background-color: color-mix(in srgb, var(--input-disable-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
5063
5069
|
}
|
|
5064
5070
|
.active\:fill-action-button-icon-active-pressed:active{
|
|
5065
5071
|
fill: color-mix(in srgb, var(--action-button-icon-active-pressed-text) calc(100% * 1), transparent);
|
|
@@ -5143,7 +5149,7 @@ input[type=number] {
|
|
|
5143
5149
|
fill: color-mix(in srgb, var(--button-warning-solid-active-text) calc(100% * 1), transparent);
|
|
5144
5150
|
}
|
|
5145
5151
|
.active\:stroke-input-filled-text:active{
|
|
5146
|
-
stroke: color-mix(in srgb, var(--input-
|
|
5152
|
+
stroke: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
5147
5153
|
}
|
|
5148
5154
|
.active\:text-action-button-icon-active-pressed:active{
|
|
5149
5155
|
--tw-text-opacity: 1;
|
|
@@ -5255,11 +5261,11 @@ input[type=number] {
|
|
|
5255
5261
|
}
|
|
5256
5262
|
.active\:text-input-disable-text:active{
|
|
5257
5263
|
--tw-text-opacity: 1;
|
|
5258
|
-
color: color-mix(in srgb, var(--input-
|
|
5264
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5259
5265
|
}
|
|
5260
5266
|
.active\:text-input-filled-text:active{
|
|
5261
5267
|
--tw-text-opacity: 1;
|
|
5262
|
-
color: color-mix(in srgb, var(--input-
|
|
5268
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5263
5269
|
}
|
|
5264
5270
|
.active\:text-text-dark:active{
|
|
5265
5271
|
--tw-text-opacity: 1;
|
|
@@ -5276,15 +5282,15 @@ input[type=number] {
|
|
|
5276
5282
|
}
|
|
5277
5283
|
.active\:ring-input-disable-stroke:active{
|
|
5278
5284
|
--tw-ring-opacity: 1;
|
|
5279
|
-
--tw-ring-color: color-mix(in srgb, var(--input-
|
|
5285
|
+
--tw-ring-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-ring-opacity, 1)), transparent);
|
|
5280
5286
|
}
|
|
5281
5287
|
.active\:placeholder\:text-input-disable-text:active::-moz-placeholder{
|
|
5282
5288
|
--tw-text-opacity: 1;
|
|
5283
|
-
color: color-mix(in srgb, var(--input-
|
|
5289
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5284
5290
|
}
|
|
5285
5291
|
.active\:placeholder\:text-input-disable-text:active::placeholder{
|
|
5286
5292
|
--tw-text-opacity: 1;
|
|
5287
|
-
color: color-mix(in srgb, var(--input-
|
|
5293
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5288
5294
|
}
|
|
5289
5295
|
.disabled\:pointer-events-none:disabled{
|
|
5290
5296
|
pointer-events: none;
|
|
@@ -5378,7 +5384,7 @@ input[type=number] {
|
|
|
5378
5384
|
}
|
|
5379
5385
|
.disabled\:border-state-disable-solid:disabled{
|
|
5380
5386
|
--tw-border-opacity: 1;
|
|
5381
|
-
border-color: color-mix(in srgb, var(--state-
|
|
5387
|
+
border-color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5382
5388
|
}
|
|
5383
5389
|
.disabled\:bg-button-error-flat-disabled:disabled{
|
|
5384
5390
|
--tw-bg-opacity: 1;
|
|
@@ -5613,7 +5619,7 @@ input[type=number] {
|
|
|
5613
5619
|
}
|
|
5614
5620
|
.disabled\:text-state-disable-outline:disabled{
|
|
5615
5621
|
--tw-text-opacity: 1;
|
|
5616
|
-
color: color-mix(in srgb, var(--state-
|
|
5622
|
+
color: color-mix(in srgb, var(--state-disable-outline) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5617
5623
|
}
|
|
5618
5624
|
.disabled\:opacity-30:disabled{
|
|
5619
5625
|
opacity: 0.3;
|
|
@@ -5680,23 +5686,23 @@ input[type=number] {
|
|
|
5680
5686
|
}
|
|
5681
5687
|
.peer:hover ~ .peer-hover\:border-l-input-active-stroke{
|
|
5682
5688
|
--tw-border-opacity: 1;
|
|
5683
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
5689
|
+
border-left-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5684
5690
|
}
|
|
5685
5691
|
.peer:hover ~ .peer-hover\:border-r-input-active-stroke{
|
|
5686
5692
|
--tw-border-opacity: 1;
|
|
5687
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
5693
|
+
border-right-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5688
5694
|
}
|
|
5689
5695
|
.peer:hover ~ .peer-hover\:fill-input-filled-text{
|
|
5690
|
-
fill: color-mix(in srgb, var(--input-
|
|
5696
|
+
fill: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
5691
5697
|
}
|
|
5692
5698
|
.peer:hover ~ .peer-hover\:fill-primary-default{
|
|
5693
|
-
fill: color-mix(in srgb, var(--state-
|
|
5699
|
+
fill: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
5694
5700
|
}
|
|
5695
5701
|
.peer:hover ~ .peer-hover\:stroke-input-active-stroke{
|
|
5696
|
-
stroke: color-mix(in srgb, var(--input-
|
|
5702
|
+
stroke: color-mix(in srgb, var(--input-active-stroke) calc(100% * 1), transparent);
|
|
5697
5703
|
}
|
|
5698
5704
|
.peer:hover ~ .peer-hover\:stroke-primary-default{
|
|
5699
|
-
stroke: color-mix(in srgb, var(--state-
|
|
5705
|
+
stroke: color-mix(in srgb, var(--state-primary-default) calc(100% * 1), transparent);
|
|
5700
5706
|
}
|
|
5701
5707
|
.peer:focus ~ .peer-focus\:-top-1\.5{
|
|
5702
5708
|
top: -0.375rem;
|
|
@@ -5706,15 +5712,15 @@ input[type=number] {
|
|
|
5706
5712
|
}
|
|
5707
5713
|
.peer:focus ~ .peer-focus\:border-l-input-active-stroke{
|
|
5708
5714
|
--tw-border-opacity: 1;
|
|
5709
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
5715
|
+
border-left-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5710
5716
|
}
|
|
5711
5717
|
.peer:focus ~ .peer-focus\:border-r-input-active-stroke{
|
|
5712
5718
|
--tw-border-opacity: 1;
|
|
5713
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
5719
|
+
border-right-color: color-mix(in srgb, var(--input-active-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5714
5720
|
}
|
|
5715
5721
|
.peer:focus ~ .peer-focus\:bg-input-label-bg{
|
|
5716
5722
|
--tw-bg-opacity: 1;
|
|
5717
|
-
background-color: color-mix(in srgb, var(--input-
|
|
5723
|
+
background-color: color-mix(in srgb, var(--input-label-bg) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
5718
5724
|
}
|
|
5719
5725
|
.peer:focus ~ .peer-focus\:bg-red-500{
|
|
5720
5726
|
--tw-bg-opacity: 1;
|
|
@@ -5724,24 +5730,24 @@ input[type=number] {
|
|
|
5724
5730
|
background-color: transparent;
|
|
5725
5731
|
}
|
|
5726
5732
|
.peer:focus ~ .peer-focus\:fill-input-filled-text{
|
|
5727
|
-
fill: color-mix(in srgb, var(--input-
|
|
5733
|
+
fill: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
5728
5734
|
}
|
|
5729
5735
|
.peer:focus ~ .peer-focus\:fill-primary-hover{
|
|
5730
|
-
fill: color-mix(in srgb, var(--state-
|
|
5736
|
+
fill: color-mix(in srgb, var(--state-primary-hover) calc(100% * 1), transparent);
|
|
5731
5737
|
}
|
|
5732
5738
|
.peer:focus ~ .peer-focus\:stroke-input-filled-text{
|
|
5733
|
-
stroke: color-mix(in srgb, var(--input-
|
|
5739
|
+
stroke: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
5734
5740
|
}
|
|
5735
5741
|
.peer:focus ~ .peer-focus\:stroke-primary-hover{
|
|
5736
|
-
stroke: color-mix(in srgb, var(--state-
|
|
5742
|
+
stroke: color-mix(in srgb, var(--state-primary-hover) calc(100% * 1), transparent);
|
|
5737
5743
|
}
|
|
5738
5744
|
.peer:focus ~ .peer-focus\:text-input-default-text{
|
|
5739
5745
|
--tw-text-opacity: 1;
|
|
5740
|
-
color: color-mix(in srgb, var(--input-
|
|
5746
|
+
color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5741
5747
|
}
|
|
5742
5748
|
.peer:focus ~ .peer-focus\:text-input-filled-text{
|
|
5743
5749
|
--tw-text-opacity: 1;
|
|
5744
|
-
color: color-mix(in srgb, var(--input-
|
|
5750
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
5745
5751
|
}
|
|
5746
5752
|
.peer:focus ~ .peer-focus\:typography-label1{
|
|
5747
5753
|
font-size: var(--label-label1-size, 12px);
|
|
@@ -5754,21 +5760,21 @@ input[type=number] {
|
|
|
5754
5760
|
font-weight: var(--label-label2-weight, 400);
|
|
5755
5761
|
}
|
|
5756
5762
|
.peer:active ~ .peer-active\:fill-input-filled-text{
|
|
5757
|
-
fill: color-mix(in srgb, var(--input-
|
|
5763
|
+
fill: color-mix(in srgb, var(--input-filled-text) calc(100% * 1), transparent);
|
|
5758
5764
|
}
|
|
5759
5765
|
.peer:disabled ~ .peer-disabled\:cursor-not-allowed{
|
|
5760
5766
|
cursor: not-allowed;
|
|
5761
5767
|
}
|
|
5762
5768
|
.peer:disabled ~ .peer-disabled\:border-l-input-disable-stroke{
|
|
5763
5769
|
--tw-border-opacity: 1;
|
|
5764
|
-
border-left-color: color-mix(in srgb, var(--input-
|
|
5770
|
+
border-left-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5765
5771
|
}
|
|
5766
5772
|
.peer:disabled ~ .peer-disabled\:border-r-input-disable-stroke{
|
|
5767
5773
|
--tw-border-opacity: 1;
|
|
5768
|
-
border-right-color: color-mix(in srgb, var(--input-
|
|
5774
|
+
border-right-color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-border-opacity, 1)), transparent);
|
|
5769
5775
|
}
|
|
5770
5776
|
.peer:disabled ~ .peer-disabled\:fill-input-disable-stroke{
|
|
5771
|
-
fill: color-mix(in srgb, var(--input-
|
|
5777
|
+
fill: color-mix(in srgb, var(--input-disable-stroke) calc(100% * 1), transparent);
|
|
5772
5778
|
}
|
|
5773
5779
|
.peer:disabled ~ .peer-disabled\:opacity-70{
|
|
5774
5780
|
opacity: 0.7;
|
|
@@ -5807,7 +5813,7 @@ input[type=number] {
|
|
|
5807
5813
|
}
|
|
5808
5814
|
.data-\[disabled\]\:\!border-state-disable-solid[data-disabled]{
|
|
5809
5815
|
--tw-border-opacity: 1 !important;
|
|
5810
|
-
border-color: color-mix(in srgb, var(--state-
|
|
5816
|
+
border-color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
|
|
5811
5817
|
}
|
|
5812
5818
|
.data-\[loading\=true\]\:border-button-error-flat-active[data-loading="true"]{
|
|
5813
5819
|
--tw-border-opacity: 1;
|
|
@@ -6007,11 +6013,11 @@ input[type=number] {
|
|
|
6007
6013
|
}
|
|
6008
6014
|
.data-\[state\=open\]\:bg-primary[data-state="open"]{
|
|
6009
6015
|
--tw-bg-opacity: 1;
|
|
6010
|
-
background-color: color-mix(in srgb, var(--state-
|
|
6016
|
+
background-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
6011
6017
|
}
|
|
6012
6018
|
.data-\[state\=selected\]\:bg-grey-20[data-state="selected"]{
|
|
6013
6019
|
--tw-bg-opacity: 1;
|
|
6014
|
-
background-color: color-mix(in srgb, var(--
|
|
6020
|
+
background-color: color-mix(in srgb, var(--ramps-grey-20) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
6015
6021
|
}
|
|
6016
6022
|
.data-\[state\=unchecked\]\:bg-\[var\(--switch-thumb-default-color\)\][data-state="unchecked"]{
|
|
6017
6023
|
background-color: var(--switch-thumb-default-color);
|
|
@@ -6020,7 +6026,7 @@ input[type=number] {
|
|
|
6020
6026
|
background-color: var(--switch-thumb-hover-color);
|
|
6021
6027
|
}
|
|
6022
6028
|
.data-\[disabled\]\:\!fill-state-disable-solid[data-disabled]{
|
|
6023
|
-
fill: color-mix(in srgb, var(--state-
|
|
6029
|
+
fill: color-mix(in srgb, var(--state-disable-solid) calc(100% * 1), transparent) !important;
|
|
6024
6030
|
}
|
|
6025
6031
|
.data-\[loading\=true\]\:fill-button-error-flat-active[data-loading="true"]{
|
|
6026
6032
|
fill: color-mix(in srgb, var(--button-error-flat-active-text) calc(100% * 1), transparent);
|
|
@@ -6090,7 +6096,7 @@ input[type=number] {
|
|
|
6090
6096
|
}
|
|
6091
6097
|
.data-\[disabled\]\:\!text-state-disable-solid[data-disabled]{
|
|
6092
6098
|
--tw-text-opacity: 1 !important;
|
|
6093
|
-
color: color-mix(in srgb, var(--state-
|
|
6099
|
+
color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
|
|
6094
6100
|
}
|
|
6095
6101
|
.data-\[loading\=true\]\:text-button-error-flat-active[data-loading="true"]{
|
|
6096
6102
|
--tw-text-opacity: 1;
|
|
@@ -6179,8 +6185,8 @@ input[type=number] {
|
|
|
6179
6185
|
.data-\[state\=\'checked\'\]\:text-\[var\(--dropdown-menu-selected-text\)\][data-state='checked']{
|
|
6180
6186
|
color: var(--dropdown-menu-selected-text);
|
|
6181
6187
|
}
|
|
6182
|
-
.data-\[state\=checked\]\:text-\[var\(--state-
|
|
6183
|
-
color: var(--state-
|
|
6188
|
+
.data-\[state\=checked\]\:text-\[var\(--state-primary-hover-bg\)\][data-state="checked"]{
|
|
6189
|
+
color: var(--state-primary-hover-bg);
|
|
6184
6190
|
}
|
|
6185
6191
|
.data-\[state\=checked\]\:text-function-active-icon[data-state="checked"]{
|
|
6186
6192
|
--tw-text-opacity: 1;
|
|
@@ -6198,8 +6204,8 @@ input[type=number] {
|
|
|
6198
6204
|
--tw-text-opacity: 1;
|
|
6199
6205
|
color: color-mix(in srgb, var(--primary-foreground) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6200
6206
|
}
|
|
6201
|
-
.data-\[state\=unchecked\]\:text-\[var\(--state-
|
|
6202
|
-
color: var(--state-
|
|
6207
|
+
.data-\[state\=unchecked\]\:text-\[var\(--state-tertiary-hover-bg\)\][data-state="unchecked"]{
|
|
6208
|
+
color: var(--state-tertiary-hover-bg);
|
|
6203
6209
|
}
|
|
6204
6210
|
.data-\[swipe\=move\]\:transition-none[data-swipe="move"]{
|
|
6205
6211
|
transition-property: none;
|
|
@@ -6259,11 +6265,11 @@ input[type=number] {
|
|
|
6259
6265
|
}
|
|
6260
6266
|
.disabled\:data-\[state\=checked\]\:bg-state-disable-solid[data-state="checked"]:disabled{
|
|
6261
6267
|
--tw-bg-opacity: 1;
|
|
6262
|
-
background-color: color-mix(in srgb, var(--state-
|
|
6268
|
+
background-color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
6263
6269
|
}
|
|
6264
6270
|
.disabled\:data-\[state\=indeterminate\]\:bg-state-disable-solid[data-state="indeterminate"]:disabled{
|
|
6265
6271
|
--tw-bg-opacity: 1;
|
|
6266
|
-
background-color: color-mix(in srgb, var(--state-
|
|
6272
|
+
background-color: color-mix(in srgb, var(--state-disable-solid) calc(100% * var(--tw-bg-opacity, 1)), transparent);
|
|
6267
6273
|
}
|
|
6268
6274
|
.group:hover .group-hover\:data-\[state\=checked\]\:bg-\[var\(--switch-thumb-active-hover-color\)\][data-state="checked"]{
|
|
6269
6275
|
background-color: var(--switch-thumb-active-hover-color);
|
|
@@ -6356,11 +6362,11 @@ input[type=number] {
|
|
|
6356
6362
|
}
|
|
6357
6363
|
.\[\&_button\]\:\!border-primary button{
|
|
6358
6364
|
--tw-border-opacity: 1 !important;
|
|
6359
|
-
border-color: color-mix(in srgb, var(--state-
|
|
6365
|
+
border-color: color-mix(in srgb, var(--state-primary-default) calc(100% * var(--tw-border-opacity, 1)), transparent) !important;
|
|
6360
6366
|
}
|
|
6361
6367
|
.\[\&_button\]\:\!text-input-disable-text button{
|
|
6362
6368
|
--tw-text-opacity: 1 !important;
|
|
6363
|
-
color: color-mix(in srgb, var(--input-
|
|
6369
|
+
color: color-mix(in srgb, var(--input-disable-text) calc(100% * var(--tw-text-opacity, 1)), transparent) !important;
|
|
6364
6370
|
}
|
|
6365
6371
|
.\[\&_svg\]\:size-5 svg{
|
|
6366
6372
|
width: 1.25rem;
|
|
@@ -6392,27 +6398,27 @@ input[type=number] {
|
|
|
6392
6398
|
}
|
|
6393
6399
|
.\[\&_svg\]\:text-input-default-text svg{
|
|
6394
6400
|
--tw-text-opacity: 1;
|
|
6395
|
-
color: color-mix(in srgb, var(--input-
|
|
6401
|
+
color: color-mix(in srgb, var(--input-default-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6396
6402
|
}
|
|
6397
6403
|
.hover\:\[\&_svg\]\:text-input-filled-text svg:hover{
|
|
6398
6404
|
--tw-text-opacity: 1;
|
|
6399
|
-
color: color-mix(in srgb, var(--input-
|
|
6405
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6400
6406
|
}
|
|
6401
6407
|
.peer:hover ~ .peer-hover\:\[\&_svg\]\:text-input-filled-text svg{
|
|
6402
6408
|
--tw-text-opacity: 1;
|
|
6403
|
-
color: color-mix(in srgb, var(--input-
|
|
6409
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6404
6410
|
}
|
|
6405
6411
|
.peer:focus ~ .peer-focus\:\[\&_svg\]\:text-input-filled-text svg{
|
|
6406
6412
|
--tw-text-opacity: 1;
|
|
6407
|
-
color: color-mix(in srgb, var(--input-
|
|
6413
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6408
6414
|
}
|
|
6409
6415
|
.peer:active ~ .peer-active\:\[\&_svg\]\:text-input-filled-text svg{
|
|
6410
6416
|
--tw-text-opacity: 1;
|
|
6411
|
-
color: color-mix(in srgb, var(--input-
|
|
6417
|
+
color: color-mix(in srgb, var(--input-filled-text) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6412
6418
|
}
|
|
6413
6419
|
.peer:disabled ~ .peer-disabled\:\[\&_svg\]\:text-input-disable-stroke svg{
|
|
6414
6420
|
--tw-text-opacity: 1;
|
|
6415
|
-
color: color-mix(in srgb, var(--input-
|
|
6421
|
+
color: color-mix(in srgb, var(--input-disable-stroke) calc(100% * var(--tw-text-opacity, 1)), transparent);
|
|
6416
6422
|
}
|
|
6417
6423
|
.\[\&_tr\:last-child\]\:border-0 tr:last-child{
|
|
6418
6424
|
border-width: 0px;
|