@e-burgos/tucu-ui 2.7.3 → 2.8.0

package/third-party.css

@@ -0,0 +1,39 @@
+/* ===================================================================
+   TUCU-UI — THIRD-PARTY STYLES
+   ===================================================================
+
+   CSS overrides and integration styles for third-party libraries:
+   Swiper and Recharts. Lives in Tailwind's own `components` layer so
+   any utility class (consumer's own, or one of ours) reliably wins —
+   see base.css for why `components` specifically, over a custom name.
+
+   Plain CSS only — no Tailwind directives (@apply allowed since
+   this file is part of the Tailwind processing chain).
+   =================================================================== */
+
+@layer components {
+  /* ===================================================================
+     SWIPER
+     =================================================================== */
+
+  .swiper-pagination-bullet {
+    --swiper-pagination-bullet-width: 8px;
+    --swiper-pagination-bullet-height: 8px;
+    --swiper-pagination-bullet-inactive-color: #e5e7eb;
+    --swiper-pagination-color: #9ca3af;
+    --swiper-pagination-bullet-inactive-opacity: 1;
+    border-radius: 10px;
+  }
+
+  /* ===================================================================
+     RECHARTS
+     =================================================================== */
+
+  .recharts-tooltip-wrapper .recharts-default-tooltip {
+    @apply rounded-xs border-0! bg-white! px-4! shadow-card dark:bg-light-dark!;
+  }
+
+  .recharts-tooltip-wrapper .recharts-default-tooltip .recharts-tooltip-item {
+    @apply text-xs uppercase dark:text-gray-400! lg:text-sm;
+  }
+}

package/utilities.css

@@ -0,0 +1,105 @@
+/* ===================================================================
+   TUCU-UI — CUSTOM UTILITIES
+   ===================================================================
+
+   Custom @utility classes for the Tucu UI library, prefixed with
+   `tucu-` so they can't collide with a consumer's own utility names —
+   this is the canonical set, included in both the `./styles` and
+   `./theme` exports. Unprefixed deprecated aliases (./styles only)
+   live in legacy-utilities.css.
+
+   Imported by globals.css and theme.css — processed by whichever
+   Tailwind instance imports them (this library's own build for
+   `./styles`, or the consumer's build for `./theme`).
+   =================================================================== */
+
+/* ===================================================================
+   GENERAL UTILITIES
+   =================================================================== */
+
+@utility tucu-text-case-inherit {
+  text-transform: inherit;
+}
+
+@utility tucu-letter-space-inherit {
+  letter-spacing: inherit;
+}
+
+@utility tucu-word-break-all {
+  word-break: break-all;
+}
+
+@utility tucu-text-vertical {
+  writing-mode: tb;
+  text-orientation: upright;
+}
+
+/* ===================================================================
+   ANIMATION DELAY UTILITIES
+   =================================================================== */
+
+@utility tucu-animation-delay-200 {
+  animation-delay: 200ms;
+}
+
+@utility tucu-animation-delay-500 {
+  animation-delay: 500ms;
+}
+
+@utility tucu-animation-delay-700 {
+  animation-delay: 700ms;
+}
+
+/* ===================================================================
+   TYPOGRAPHY SCALE UTILITIES
+   =================================================================== */
+
+@utility tucu-text-h1 {
+  @apply text-3xl font-bold leading-tight tracking-tight;
+}
+
+@utility tucu-text-h2 {
+  @apply text-2xl font-bold leading-tight tracking-tight;
+}
+
+@utility tucu-text-h3 {
+  @apply text-xl font-semibold leading-snug tracking-normal;
+}
+
+@utility tucu-text-h4 {
+  @apply text-lg font-semibold leading-snug tracking-normal;
+}
+
+@utility tucu-text-h5 {
+  @apply text-base font-medium leading-normal tracking-normal;
+}
+
+@utility tucu-text-h6 {
+  @apply text-sm font-medium leading-normal tracking-wide uppercase;
+}
+
+@utility tucu-text-headline {
+  @apply text-xl font-bold leading-tight tracking-tight;
+}
+
+@utility tucu-text-body {
+  @apply text-sm font-normal leading-normal tracking-normal;
+  color: var(--text-body-color) !important;
+  word-wrap: break-word;
+}
+
+@utility tucu-text-label-1 {
+  @apply text-xs font-medium leading-normal tracking-normal;
+}
+
+@utility tucu-text-label-2 {
+  @apply text-[11px] font-medium leading-normal tracking-normal;
+}
+
+@utility tucu-text-caption {
+  @apply text-[11px] font-normal leading-normal tracking-wide uppercase;
+}
+
+@utility tucu-text-legal {
+  @apply text-[11px] font-normal leading-normal tracking-wide;
+}