@ecopages/radiant-ui 0.1.0-beta.3 → 0.1.0-beta.6

package/dist/styles/radiant-ui.css

@@ -10,6 +10,10 @@
     --text-xs: var(--text-xs);
     --text-sm: var(--text-sm);
     --text-lg: var(--text-lg);
+    --text-xl: var(--text-xl);
+    --text-2xl: var(--text-2xl);
+    --text-3xl: var(--text-3xl);
+    --text-4xl: var(--text-4xl);
     --font-weight-medium: var(--weight-medium);
     --font-weight-semibold: var(--weight-semibold);
     --radius-md: var(--border-radius-md);
@@ -117,6 +121,9 @@
     --spacing-4: var(--space-4);
     --spacing-6: var(--space-6);
     --spacing-8: var(--space-8);
+    --spacing-inline: var(--space-inline);
+    --spacing-stack: var(--space-stack);
+    --spacing-inset: var(--space-inset);
     --radius-control: var(--radius-control);
     --radius-container: var(--radius-container);
     --radius-pill: var(--radius-pill);
@@ -301,6 +308,17 @@
   .visible {
     visibility: visible;
   }
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+    border-width: 0;
+  }
   .absolute {
     position: absolute;
   }
@@ -328,12 +346,27 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: 0px;
+  }
+  .m-1 {
+    margin: var(--spacing-1);
+  }
+  .mx-auto {
+    margin-inline: auto;
+  }
   .mt-1 {
     margin-top: var(--spacing-1);
   }
   .mt-2 {
     margin-top: var(--spacing-2);
   }
+  .mb-2 {
+    margin-bottom: var(--spacing-2);
+  }
+  .mb-4 {
+    margin-bottom: var(--spacing-4);
+  }
   .block {
     display: block;
   }
@@ -372,18 +405,42 @@
   .h-full {
     height: 100%;
   }
+  .max-h-64 {
+    max-height: calc(var(--spacing, 0.25rem) * 64);
+  }
+  .min-h-72 {
+    min-height: calc(var(--spacing, 0.25rem) * 72);
+  }
+  .w-64 {
+    width: calc(var(--spacing, 0.25rem) * 64);
+  }
+  .w-\[calc\(100\%-0\.5rem\)\] {
+    width: calc(100% - 0.5rem);
+  }
   .w-full {
     width: 100%;
   }
+  .max-w-2xl {
+    max-width: var(--container-2xl, 42rem);
+  }
   .max-w-3xl {
     max-width: var(--container-3xl, 48rem);
   }
+  .max-w-4xl {
+    max-width: var(--container-4xl, 56rem);
+  }
   .max-w-5xl {
     max-width: var(--container-5xl, 64rem);
   }
+  .max-w-md {
+    max-width: var(--container-md, 28rem);
+  }
   .max-w-prose {
     max-width: 65ch;
   }
+  .max-w-xl {
+    max-width: var(--container-xl, 36rem);
+  }
   .min-w-0 {
     min-width: 0px;
   }
@@ -402,6 +459,9 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-wrap {
+    flex-wrap: wrap;
+  }
   .place-items-center {
     place-items: center;
   }
@@ -411,6 +471,9 @@
   .justify-between {
     justify-content: space-between;
   }
+  .justify-center {
+    justify-content: center;
+  }
   .gap-0\.5 {
     gap: calc(var(--spacing, 0.25rem) * 0.5);
   }
@@ -429,14 +492,42 @@
   .gap-4 {
     gap: var(--spacing-4);
   }
+  .gap-8 {
+    gap: var(--spacing-8);
+  }
+  .gap-10 {
+    gap: calc(var(--spacing, 0.25rem) * 10);
+  }
+  .gap-inline {
+    gap: var(--spacing-inline);
+  }
+  .gap-stack {
+    gap: var(--spacing-stack);
+  }
+  :where(.divide-y > :not(:last-child)) {
+    --tw-divide-y-reverse: 0;
+    border-bottom-style: var(--tw-border-style);
+    border-top-style: var(--tw-border-style);
+    border-top-width: calc(1px * var(--tw-divide-y-reverse));
+    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  }
+  :where(.divide-border > :not(:last-child)) {
+    border-color: var(--color-border);
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .rounded-container {
+    border-radius: var(--radius-container);
+  }
   .rounded-control {
     border-radius: var(--radius-control);
   }
@@ -455,29 +546,60 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-border {
     border-color: var(--color-border);
   }
+  .border-primary {
+    border-color: var(--color-primary);
+  }
+  .bg-background {
+    background-color: var(--color-background);
+  }
   .bg-primary {
     background-color: var(--color-primary);
   }
   .bg-surface {
     background-color: var(--color-surface);
   }
+  .bg-surface-container-low {
+    background-color: var(--color-surface-container-low);
+  }
+  .p-2 {
+    padding: var(--spacing-2);
+  }
   .p-4 {
     padding: var(--spacing-4);
   }
+  .p-inset {
+    padding: var(--spacing-inset);
+  }
   .px-4 {
     padding-inline: var(--spacing-4);
   }
+  .px-8 {
+    padding-inline: var(--spacing-8);
+  }
   .py-2 {
     padding-block: var(--spacing-2);
   }
+  .py-8 {
+    padding-block: var(--spacing-8);
+  }
+  .py-16 {
+    padding-block: calc(var(--spacing, 0.25rem) * 16);
+  }
   .pt-1\.5 {
     padding-top: calc(var(--spacing, 0.25rem) * 1.5);
   }
+  .pl-6 {
+    padding-left: var(--spacing-6);
+  }
   .text-2xl {
-    font-size: var(--text-2xl, 1.5rem);
+    font-size: var(--text-2xl);
     line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
   }
   .text-base {
@@ -551,6 +673,12 @@
     --tw-duration: 150ms;
     transition-duration: 150ms;
   }
+  .first\:pt-0:first-child {
+    padding-top: 0px;
+  }
+  .last\:pb-0:last-child {
+    padding-bottom: 0px;
+  }
   @media (width >= 40rem) {
     .sm\:p-6 {
       padding: var(--spacing-6);
@@ -563,6 +691,9 @@
     .md\:hidden {
       display: none;
     }
+    .md\:grid-cols-2 {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
   }
   @media (width >= 64rem) {
     .lg\:p-8 {
@@ -834,6 +965,10 @@
   --text-sm: 0.875rem;
   --text-body: 1rem;
   --text-lg: 1.125rem;
+  --text-xl: 1.25rem;
+  --text-2xl: 1.5rem;
+  --text-3xl: 1.875rem;
+  --text-4xl: 2.25rem;
   --text-label: 0.875rem;
   --text-control: 0.875rem;
   --leading-body: 1.5;
@@ -1340,6 +1475,11 @@ html.dark[data-rui-colors='ember'] {
   syntax: "*";
   inherits: false;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -1488,6 +1628,7 @@ html.dark[data-rui-colors='ember'] {
       --tw-rotate-z: initial;
       --tw-skew-x: initial;
       --tw-skew-y: initial;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-font-weight: initial;
       --tw-shadow: 0 0 #0000;