@jonsoc/ui 1.1.34 → 1.1.49

package/src/styles/tailwind/index.css

@@ -1,72 +1,72 @@
-@layer theme, base, components, utilities;
-
-@import "tailwindcss/theme.css" layer(theme);
-@import "tailwindcss/utilities.css" layer(utilities) source("../../../../");
-@import "./utilities.css";
-
-@import "../index.css";
-
-@theme {
-  --*: initial;
-
-  --spacing: 0.25rem;
-  /* --spacing: var(--spacing); */
-
-  --breakpoint-sm: 40rem;
-  --breakpoint-md: 48rem;
-  --breakpoint-lg: 64rem;
-  --breakpoint-xl: 80rem;
-  --breakpoint-2xl: 96rem;
-
-  --container-3xs: 16rem;
-  --container-2xs: 18rem;
-  --container-xs: 20rem;
-  --container-sm: 24rem;
-  --container-md: 28rem;
-  --container-lg: 32rem;
-  --container-xl: 36rem;
-  --container-2xl: 42rem;
-  --container-3xl: 48rem;
-  --container-4xl: 56rem;
-  --container-5xl: 64rem;
-  --container-6xl: 72rem;
-  --container-7xl: 80rem;
-
-  --font-sans: var(--font-family-sans);
-  --font-sans--font-feature-settings: var(--font-family-sans--font-feature-settings);
-  --font-mono: var(--font-family-mono);
-  --font-mono--font-feature-settings: var(--font-family-mono--font-feature-settings);
-
-  --text-sm: var(--font-size-small);
-  --text-base: var(--font-size-base);
-  --text-lg: var(--font-size-large);
-  --text-xl: var(--font-size-x-large);
-
-  --font-weight-regular: var(--font-weight-regular);
-  --font-weight-medium: var(--font-weight-medium);
-
-  --leading-lg: var(--line-height-large);
-  --leading-xl: var(--line-height-x-large);
-  --leading-2xl: var(--line-height-2x-large);
-
-  --tracking-normal: var(--letter-spacing-normal);
-  --tracking-tight: var(--letter-spacing-tight);
-  --tracking-tightest: var(--letter-spacing-tightest);
-
-  --radius-xs: 0.125rem;
-  --radius-sm: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.625rem;
-
-  --shadow-xs: var(--shadow-xs);
-  --shadow-md: var(--shadow-md);
-  --shadow-xs-border: var(--shadow-xs-border);
-  --shadow-xs-border-base: var(--shadow-xs-border-base);
-  --shadow-xs-border-select: var(--shadow-xs-border-select);
-  --shadow-xs-border-focus: var(--shadow-xs-border-focus);
-
-  --animate-pulse: var(--animate-pulse);
-}
-
-@import "./colors.css";
+@layer theme, base, components, utilities;
+
+@import "tailwindcss/theme.css" layer(theme);
+@import "tailwindcss/utilities.css" layer(utilities) source("../../../../");
+@import "./utilities.css";
+
+@import "../index.css";
+
+@theme {
+  --*: initial;
+
+  --spacing: 0.25rem;
+  /* --spacing: var(--spacing); */
+
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+
+  --container-3xs: 16rem;
+  --container-2xs: 18rem;
+  --container-xs: 20rem;
+  --container-sm: 24rem;
+  --container-md: 28rem;
+  --container-lg: 32rem;
+  --container-xl: 36rem;
+  --container-2xl: 42rem;
+  --container-3xl: 48rem;
+  --container-4xl: 56rem;
+  --container-5xl: 64rem;
+  --container-6xl: 72rem;
+  --container-7xl: 80rem;
+
+  --font-sans: var(--font-family-sans);
+  --font-sans--font-feature-settings: var(--font-family-sans--font-feature-settings);
+  --font-mono: var(--font-family-mono);
+  --font-mono--font-feature-settings: var(--font-family-mono--font-feature-settings);
+
+  --text-sm: var(--font-size-small);
+  --text-base: var(--font-size-base);
+  --text-lg: var(--font-size-large);
+  --text-xl: var(--font-size-x-large);
+
+  --font-weight-regular: var(--font-weight-regular);
+  --font-weight-medium: var(--font-weight-medium);
+
+  --leading-lg: var(--line-height-large);
+  --leading-xl: var(--line-height-x-large);
+  --leading-2xl: var(--line-height-2x-large);
+
+  --tracking-normal: var(--letter-spacing-normal);
+  --tracking-tight: var(--letter-spacing-tight);
+  --tracking-tightest: var(--letter-spacing-tightest);
+
+  --radius-xs: 0.125rem;
+  --radius-sm: 0.25rem;
+  --radius-md: 0.375rem;
+  --radius-lg: 0.5rem;
+  --radius-xl: 0.625rem;
+
+  --shadow-xs: var(--shadow-xs);
+  --shadow-md: var(--shadow-md);
+  --shadow-xs-border: var(--shadow-xs-border);
+  --shadow-xs-border-base: var(--shadow-xs-border-base);
+  --shadow-xs-border-select: var(--shadow-xs-border-select);
+  --shadow-xs-border-focus: var(--shadow-xs-border-focus);
+
+  --animate-pulse: var(--animate-pulse);
+}
+
+@import "./colors.css";

package/src/styles/tailwind/utilities.css

@@ -1,113 +1,113 @@
-@utility no-scrollbar {
-  &::-webkit-scrollbar {
-    display: none;
-  }
-  & {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-}
-
-@utility truncate-start {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  direction: rtl;
-  text-align: left;
-}
-
-@utility fade-up-text {
-  animation: fadeUp 0.4s ease-out forwards;
-  opacity: 0;
-
-  &:nth-child(1) {
-    animation-delay: 0.1s;
-  }
-  &:nth-child(2) {
-    animation-delay: 0.2s;
-  }
-  &:nth-child(3) {
-    animation-delay: 0.3s;
-  }
-  &:nth-child(4) {
-    animation-delay: 0.4s;
-  }
-  &:nth-child(5) {
-    animation-delay: 0.5s;
-  }
-  &:nth-child(6) {
-    animation-delay: 0.6s;
-  }
-  &:nth-child(7) {
-    animation-delay: 0.7s;
-  }
-  &:nth-child(8) {
-    animation-delay: 0.8s;
-  }
-  &:nth-child(9) {
-    animation-delay: 0.9s;
-  }
-  &:nth-child(10) {
-    animation-delay: 1s;
-  }
-  &:nth-child(11) {
-    animation-delay: 1.1s;
-  }
-  &:nth-child(12) {
-    animation-delay: 1.2s;
-  }
-  &:nth-child(13) {
-    animation-delay: 1.3s;
-  }
-  &:nth-child(14) {
-    animation-delay: 1.4s;
-  }
-  &:nth-child(15) {
-    animation-delay: 1.5s;
-  }
-  &:nth-child(16) {
-    animation-delay: 1.6s;
-  }
-  &:nth-child(17) {
-    animation-delay: 1.7s;
-  }
-  &:nth-child(18) {
-    animation-delay: 1.8s;
-  }
-  &:nth-child(19) {
-    animation-delay: 1.9s;
-  }
-  &:nth-child(20) {
-    animation-delay: 2s;
-  }
-  &:nth-child(21) {
-    animation-delay: 2.1s;
-  }
-  &:nth-child(22) {
-    animation-delay: 2.2s;
-  }
-  &:nth-child(23) {
-    animation-delay: 2.3s;
-  }
-  &:nth-child(24) {
-    animation-delay: 2.4s;
-  }
-  &:nth-child(25) {
-    animation-delay: 2.5s;
-  }
-  &:nth-child(26) {
-    animation-delay: 2.6s;
-  }
-  &:nth-child(27) {
-    animation-delay: 2.7s;
-  }
-  &:nth-child(28) {
-    animation-delay: 2.8s;
-  }
-  &:nth-child(29) {
-    animation-delay: 2.9s;
-  }
-  &:nth-child(30) {
-    animation-delay: 3s;
-  }
-}
+@utility no-scrollbar {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  & {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+}
+
+@utility truncate-start {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  direction: rtl;
+  text-align: left;
+}
+
+@utility fade-up-text {
+  animation: fadeUp 0.4s ease-out forwards;
+  opacity: 0;
+
+  &:nth-child(1) {
+    animation-delay: 0.1s;
+  }
+  &:nth-child(2) {
+    animation-delay: 0.2s;
+  }
+  &:nth-child(3) {
+    animation-delay: 0.3s;
+  }
+  &:nth-child(4) {
+    animation-delay: 0.4s;
+  }
+  &:nth-child(5) {
+    animation-delay: 0.5s;
+  }
+  &:nth-child(6) {
+    animation-delay: 0.6s;
+  }
+  &:nth-child(7) {
+    animation-delay: 0.7s;
+  }
+  &:nth-child(8) {
+    animation-delay: 0.8s;
+  }
+  &:nth-child(9) {
+    animation-delay: 0.9s;
+  }
+  &:nth-child(10) {
+    animation-delay: 1s;
+  }
+  &:nth-child(11) {
+    animation-delay: 1.1s;
+  }
+  &:nth-child(12) {
+    animation-delay: 1.2s;
+  }
+  &:nth-child(13) {
+    animation-delay: 1.3s;
+  }
+  &:nth-child(14) {
+    animation-delay: 1.4s;
+  }
+  &:nth-child(15) {
+    animation-delay: 1.5s;
+  }
+  &:nth-child(16) {
+    animation-delay: 1.6s;
+  }
+  &:nth-child(17) {
+    animation-delay: 1.7s;
+  }
+  &:nth-child(18) {
+    animation-delay: 1.8s;
+  }
+  &:nth-child(19) {
+    animation-delay: 1.9s;
+  }
+  &:nth-child(20) {
+    animation-delay: 2s;
+  }
+  &:nth-child(21) {
+    animation-delay: 2.1s;
+  }
+  &:nth-child(22) {
+    animation-delay: 2.2s;
+  }
+  &:nth-child(23) {
+    animation-delay: 2.3s;
+  }
+  &:nth-child(24) {
+    animation-delay: 2.4s;
+  }
+  &:nth-child(25) {
+    animation-delay: 2.5s;
+  }
+  &:nth-child(26) {
+    animation-delay: 2.6s;
+  }
+  &:nth-child(27) {
+    animation-delay: 2.7s;
+  }
+  &:nth-child(28) {
+    animation-delay: 2.8s;
+  }
+  &:nth-child(29) {
+    animation-delay: 2.9s;
+  }
+  &:nth-child(30) {
+    animation-delay: 3s;
+  }
+}