@revotech-group/revotech-ui-kit 0.0.98 → 0.1.0
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/library.css +30 -6
- package/dist/rtg-ui-kit.js +230 -230
- package/dist/rtg-ui-kit.umd.cjs +84 -84
- package/dist/src/components/ui/checkbox/checkbox.style.d.ts +1 -1
- package/dist/src/components/ui/input/input.styles.d.ts +1 -1
- package/dist/src/components/ui/input-otp/input-otp.d.ts +0 -1
- package/dist/src/helpers/base-element.d.ts +1 -0
- package/package.json +1 -1
package/dist/library.css
CHANGED
|
@@ -1717,6 +1717,7 @@ body {
|
|
|
1717
1717
|
--sidebar-border: 0 0% 90%;
|
|
1718
1718
|
--sidebar-ring: 0 0% 64%;
|
|
1719
1719
|
--radius: 0.5rem;
|
|
1720
|
+
--custom-outline: 0 0% 64% / 50%;
|
|
1720
1721
|
}
|
|
1721
1722
|
|
|
1722
1723
|
[data-theme='dark'] {
|
|
@@ -1753,12 +1754,23 @@ body {
|
|
|
1753
1754
|
--sidebar-border: 0 0% 100% / 10%;
|
|
1754
1755
|
--sidebar-ring: 0 0% 32%;
|
|
1755
1756
|
--radius: 0.5rem;
|
|
1757
|
+
--custom-outline: 0 0% 45% / 50%;
|
|
1758
|
+
}
|
|
1759
|
+
|
|
1760
|
+
[data-theme='light'] .rtg-no-autofill-bg:-webkit-autofill {
|
|
1761
|
+
-webkit-text-fill-color: hsl(0 0% 4%) !important; /* light foreground */
|
|
1762
|
+
}
|
|
1763
|
+
|
|
1764
|
+
[data-theme='dark'] .rtg-no-autofill-bg:-webkit-autofill {
|
|
1765
|
+
-webkit-text-fill-color: hsl(0 0% 98%) !important; /* dark foreground */
|
|
1756
1766
|
}
|
|
1757
1767
|
|
|
1758
1768
|
.rtg-no-autofill-bg:-webkit-autofill,
|
|
1759
1769
|
.rtg-no-autofill-bg:-webkit-autofill:hover,
|
|
1760
1770
|
.rtg-no-autofill-bg:-webkit-autofill:focus,
|
|
1761
1771
|
.rtg-no-autofill-bg:-webkit-autofill:active {
|
|
1772
|
+
-webkit-transition: background-color 5000s ease-in-out;
|
|
1773
|
+
transition: background-color 5000s ease-in-out;
|
|
1762
1774
|
box-shadow: 0 0 0 1000px transparent inset !important;
|
|
1763
1775
|
-webkit-text-fill-color: inherit !important;
|
|
1764
1776
|
-webkit-transition: background-color 5000s ease-in-out 0s !important;
|
|
@@ -1933,6 +1945,10 @@ body {
|
|
|
1933
1945
|
border-color: hsl(var(--input));
|
|
1934
1946
|
}
|
|
1935
1947
|
|
|
1948
|
+
.focus\:rtg-border-ring:focus {
|
|
1949
|
+
border-color: hsl(var(--ring));
|
|
1950
|
+
}
|
|
1951
|
+
|
|
1936
1952
|
.focus\:rtg-bg-accent:focus {
|
|
1937
1953
|
background-color: hsl(var(--accent));
|
|
1938
1954
|
}
|
|
@@ -1980,6 +1996,16 @@ body {
|
|
|
1980
1996
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
1981
1997
|
}
|
|
1982
1998
|
|
|
1999
|
+
.focus\:rtg-ring-\[3px\]:focus {
|
|
2000
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2001
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2002
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2003
|
+
}
|
|
2004
|
+
|
|
2005
|
+
.focus\:rtg-ring-custom-outline:focus {
|
|
2006
|
+
--tw-ring-color: hsl(var(--custom-outline));
|
|
2007
|
+
}
|
|
2008
|
+
|
|
1983
2009
|
.focus\:rtg-ring-ring:focus {
|
|
1984
2010
|
--tw-ring-color: hsl(var(--ring));
|
|
1985
2011
|
}
|
|
@@ -2019,18 +2045,16 @@ body {
|
|
|
2019
2045
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2020
2046
|
}
|
|
2021
2047
|
|
|
2022
|
-
.focus-visible\:rtg-ring-\[2px\]:focus-visible {
|
|
2023
|
-
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2024
|
-
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2025
|
-
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2026
|
-
}
|
|
2027
|
-
|
|
2028
2048
|
.focus-visible\:rtg-ring-\[3px\]:focus-visible {
|
|
2029
2049
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
2030
2050
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
2031
2051
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2032
2052
|
}
|
|
2033
2053
|
|
|
2054
|
+
.focus-visible\:rtg-ring-custom-outline:focus-visible {
|
|
2055
|
+
--tw-ring-color: hsl(var(--custom-outline));
|
|
2056
|
+
}
|
|
2057
|
+
|
|
2034
2058
|
.focus-visible\:rtg-ring-ring:focus-visible {
|
|
2035
2059
|
--tw-ring-color: hsl(var(--ring));
|
|
2036
2060
|
}
|