twntyx-css 1.0.0 → 1.0.2

package/styles/font.css

@@ -0,0 +1,59 @@
+/*----------------------------*/
+/* FONT */
+/*----------------------------*/
+
+@font-face {
+  font-family: "Instrument Sans";
+  src: url("../fonts/InstrumentSans-VariableFont_wdth,wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Instrument Sans";
+  src: url("../fonts/InstrumentSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
+  font-weight: 100 900;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoRegular.otf") format("opentype");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoRegularItalic.otf") format("opentype");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoMedium.otf") format("opentype");
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoMediumItalic.otf") format("opentype");
+  font-weight: 500;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoBold.otf") format("opentype");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Gazpacho";
+  src: url("../fonts/GazpachoBoldItalic.otf") format("opentype");
+  font-weight: 700;
+  font-style: italic;
+}

package/styles/globals.css

@@ -26,6 +26,7 @@
 @import "./empty-state.css";
 @import "./fieldset.css";
 @import "./field.css";
+@import "./font.css";
 @import "./dropdown.css";
 @import "./form-shared.css";
 @import "./form-checkbox-radio-toggle.css";

package/styles/loader.css

@@ -59,8 +59,16 @@
   }
 }
 
+/* Loader text */
 .loader-text {
   @apply animate-loading-text-gradient;
+
+  &:not([class*='from-']) {
+    @apply from-text-default/5;
+  }
+  &:not([class*='to-']) {
+    @apply to-text-default;
+  }
 }
 
 /* sizes */

package/styles/popover.css

@@ -2,30 +2,6 @@
 /* POPOVER */
 /*----------------------------*/
 
-.popover-demo {
-  @apply flex flex-wrap gap-3 items-center justify-center p-4 min-h-56 rounded-2xl border border-dashed border-line-default;
-}
-
-.popover-layout-grid {
-  @apply grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3;
-}
-
-.popover-example-card {
-  @apply flex flex-col gap-3 items-start p-4 min-h-36 rounded-2xl border bg-background-surface border-line-default;
-}
-
-.popover-label {
-  @apply text-xs font-medium uppercase tracking-wide text-text-secondary;
-}
-
-.popover-trigger {
-  @apply inline-flex items-center justify-center gap-1 px-3 h-8 min-h-8 min-w-8 text-sm font-semibold leading-none rounded-full border cursor-pointer select-none include-interactive include-border-secondary text-text-default bg-background-surface whitespace-nowrap;
-}
-
-.popover-close {
-  @apply button button-secondary;
-}
-
 .popover[popover] {
   --popover-translate-x: 0px;
   --popover-translate-y: 0.75rem;
@@ -34,7 +10,7 @@
   --popover-backdrop-color: rgb(0 0 0 / 0.35);
   --popover-backdrop-blur: 2px;
 
-  @apply m-auto p-0 rounded-2xl border bg-background-surface border-line-default shadow-dark-xl text-text-default;
+  @apply m-auto p-0 rounded-2xl border bg-background-surface border-line-default shadow-2xl text-text-default;
   width: min(26rem, calc(100dvw - 2rem));
   max-height: min(34rem, calc(100dvh - 2rem));
   overflow: auto;
@@ -289,15 +265,3 @@
   height: 100dvh;
   max-height: 100dvh;
 }
-
-.popover-header {
-  @apply flex items-center justify-between gap-3 px-4 py-3 border-b border-line-default;
-}
-
-.popover-body {
-  @apply p-4 text-sm leading-relaxed text-text-tertiary;
-}
-
-.popover-footer {
-  @apply flex items-center justify-end gap-2 px-4 py-3 border-t border-line-default;
-}

package/styles/typography.css

@@ -2,62 +2,6 @@
 /* TYPOGRAPHY */
 /*----------------------------*/
 
-@font-face {
-  font-family: "Instrument Sans";
-  src: url("/fonts/InstrumentSans-VariableFont_wdth,wght.ttf") format("truetype");
-  font-weight: 100 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Instrument Sans";
-  src: url("/fonts/InstrumentSans-Italic-VariableFont_wdth,wght.ttf") format("truetype");
-  font-weight: 100 900;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoRegular.otf") format("opentype");
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoRegularItalic.otf") format("opentype");
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoMedium.otf") format("opentype");
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoMediumItalic.otf") format("opentype");
-  font-weight: 500;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoBold.otf") format("opentype");
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Gazpacho";
-  src: url("/fonts/GazpachoBoldItalic.otf") format("opentype");
-  font-weight: 700;
-  font-style: italic;
-}
-
 body {
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;