@optiaxiom/react 0.1.0-next.5 → 0.1.0-next.7

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css

@@ -0,0 +1,6 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  .t64xwp0 {
+    user-select: none;
+  }
+}

package/dist/assets/src/button/{Button.css.ts.vanilla-VaFYcYGO.css → Button.css.ts.vanilla-DJjt3whH.css}

@@ -1,19 +1,10 @@
 @layer optiaxiom._1kfj4ga1;
 @layer optiaxiom._1kfj4ga1 {
   ._1gqmi2d3 {
-    align-items: center;
-    border: 0;
     border-radius: var(--ax-borderRadius-sm);
     cursor: pointer;
-    display: inline-flex;
-    flex-direction: row;
-    gap: var(--ax-spacing-xs);
-    justify-content: center;
-    overflow: hidden;
     position: relative;
-    transition-duration: 150ms;
-    transition-property: background-color, border-color, color;
-    transition-timing-function: ease;
+    text-decoration: none;
   }
   ._1gqmi2d3:active:not([data-disabled="true"]) {
     box-shadow: var(--ax-boxShadow-inner);
@@ -26,6 +17,35 @@
   ._1gqmi2d3[data-disabled="true"] {
     cursor: not-allowed;
   }
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:first-child):not(:last-child) {
+    border-inline-width: 0.5px;
+  }
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):first-child {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1sewcgl0[data-orientation="horizontal"] ._1gqmi2d3:not(:only-child):last-child {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:first-child):not(:last-child) {
+    border-block-width: 0.5px;
+  }
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):first-child {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1sewcgl0[data-orientation="vertical"] ._1gqmi2d3:not(:only-child):last-child {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1sewcgl0[data-orientation] ._1gqmi2d3:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
   ._1gqmi2d4 {
     --_1gqmi2d0: var(--ax-colors-bg-error-solid);
     --_1gqmi2d1: var(--ax-colors-bg-error-solid-hover);
@@ -51,59 +71,42 @@
     outline-color: var(--ax-colors-neutral-500);
   }
   ._1gqmi2d7 {
-    font-size: var(--ax-fontSize-sm-fontSize);
-    height: 24px;
-    line-height: var(--ax-fontSize-sm-lineHeight);
-    padding-inline: 10px;
-  }
-  ._1gqmi2d8 {
-    font-size: var(--ax-fontSize-md-fontSize);
-    height: 32px;
-    line-height: var(--ax-fontSize-md-lineHeight);
-    padding-inline: 12px;
-  }
-  ._1gqmi2d9 {
-    font-size: var(--ax-fontSize-lg-fontSize);
-    height: 40px;
-    line-height: var(--ax-fontSize-lg-lineHeight);
-    padding-inline: 16px;
-  }
-  ._1gqmi2da {
     background-color: transparent;
+    border-color: var(--_1gqmi2d0);
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2da:hover:not([data-disabled="true"]) {
+  ._1gqmi2d7:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2da[data-disabled="true"] {
+  ._1gqmi2d7[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2db {
+  ._1gqmi2d8 {
     background-color: transparent;
     border: 1px solid var(--_1gqmi2d0);
     color: var(--_1gqmi2d0);
   }
-  ._1gqmi2db:hover:not([data-disabled="true"]) {
+  ._1gqmi2d8:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d2);
   }
-  ._1gqmi2db[data-disabled="true"] {
+  ._1gqmi2d8[data-disabled="true"] {
     border-color: var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dc {
+  ._1gqmi2d9 {
     background-color: var(--_1gqmi2d0);
     color: var(--ax-colors-fg-default-inverse);
   }
-  ._1gqmi2dc:hover:not([data-disabled="true"]) {
+  ._1gqmi2d9:hover:not([data-disabled="true"]) {
     background-color: var(--_1gqmi2d1);
   }
-  ._1gqmi2dc[data-disabled="true"] {
+  ._1gqmi2d9[data-disabled="true"] {
     background-color: var(--ax-colors-bg-disabled);
     border: 1px solid var(--ax-colors-border-disabled);
     color: var(--ax-colors-fg-disabled);
   }
-  ._1gqmi2dd {
+  ._1gqmi2da {
     border-color: var(--ax-colors-border-default);
   }
 }

package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css

@@ -0,0 +1,4 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+
+}

package/dist/assets/src/input/Input.css.ts.vanilla-X0R-SsOp.css

@@ -0,0 +1,32 @@
+@layer optiaxiom._1kfj4ga1;
+@layer optiaxiom._1kfj4ga1 {
+  ._5j10wf0 {
+    border-color: var(--ax-colors-border-default);
+  }
+  ._5j10wf0:focus-within:is([data-invalid="true"]) {
+    outline-color: var(--ax-colors-red-200);
+    outline-offset: 1px;
+    outline-style: solid;
+    outline-width: 2px;
+  }
+  ._5j10wf0:focus-within:not([data-invalid="true"]) {
+    outline-color: var(--ax-colors-brand-200);
+    outline-offset: 1px;
+    outline-style: solid;
+    outline-width: 2px;
+  }
+  ._5j10wf0:hover {
+    border-color: var(--ax-colors-border-brand);
+  }
+  ._5j10wf0[data-disabled="true"] {
+    background-color: var(--ax-colors-bg-disabled);
+    border-color: var(--ax-colors-border-secondary);
+    pointer-events: none;
+  }
+  ._5j10wf0[data-invalid="true"] {
+    border-color: var(--ax-colors-border-error);
+  }
+  ._5j10wf1:focus-visible {
+    outline-width: 0px;
+  }
+}

package/dist/assets/src/separator/{Separator.css.ts.vanilla-DYzKo87M.css → Separator.css.ts.vanilla-C_EYtori.css}

@@ -1,46 +1,40 @@
-@layer optiaxiom._1kfj4ga1;
-.tlk8154 {
+.tlk8153 {
   height: 1px;
   width: auto;
 }
-.tlk8158 {
+.tlk8157 {
   align-self: stretch;
   height: auto;
   width: 1px;
 }
-@layer optiaxiom._1kfj4ga1 {
-  .tlk8150 {
-    background-color: var(--ax-colors-border-default);
-  }
-}
 @media screen and (min-width: 37.5rem) {
-  .tlk8151 {
+  .tlk8150 {
     height: 1px;
     width: auto;
   }
-  .tlk8155 {
+  .tlk8154 {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
 }
 @media screen and (min-width: 56.25rem) {
-  .tlk8152 {
+  .tlk8151 {
     height: 1px;
     width: auto;
   }
-  .tlk8156 {
+  .tlk8155 {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
 }
 @media screen and (min-width: 75rem) {
-  .tlk8153 {
+  .tlk8152 {
     height: 1px;
     width: auto;
   }
-  .tlk8157 {
+  .tlk8156 {
     align-self: stretch;
     height: auto;
     width: 1px;