@optiaxiom/react 0.4.0 → 0.4.1

package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BZRXj-Oz.css

@@ -0,0 +1,87 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  .g4zn5b {
+    background-color: var(--ax-colors-bg-default);
+    border-color: var(--ax-colors-border-default);
+    border-radius: var(--ax-borderRadius-md);
+    border-width: 1px;
+    color: var(--ax-colors-fg-default);
+  }
+  .g4zn5b:has(.g56k:focus):is([data-invalid]) {
+    outline: 2px solid var(--ax-colors-bg-error-light);
+    outline-offset: 1px;
+  }
+  .g4zn5b:has(.g56k:focus):not([data-invalid]):not([data-readonly]) {
+    border-color: var(--ax-colors-border-accent);
+  }
+  .g4zn5b:has(.g56k:focus):not([data-invalid]) {
+    outline: 2px solid var(--ax-colors-border-focus);
+    outline-offset: 1px;
+  }
+  .g4zn5b:has(.g56k:focus) {
+    z-index: var(--ax-zIndex-10);
+  }
+  .g4zn5b:hover {
+    border-color: var(--ax-colors-border-active);
+  }
+  .g4zn5b[data-invalid] {
+    border-color: var(--ax-colors-border-error);
+  }
+  .g4zn5b[data-readonly] {
+    border-color: var(--ax-colors-border-tertiary);
+  }
+  .g4zn5b[data-disabled] {
+    background-color: var(--ax-colors-bg-secondary);
+    border-color: var(--ax-colors-border-secondary);
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .g4zn5b {
+    border-inline-width: 0.5px;
+  }
+  ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:only-child):first-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):first-child .g4zn5b {
+    border-bottom-right-radius: 0;
+    border-right-width: 0.5px;
+    border-top-right-radius: 0;
+  }
+  ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:only-child):last-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):last-child .g4zn5b {
+    border-bottom-left-radius: 0;
+    border-left-width: 0.5px;
+    border-top-left-radius: 0;
+  }
+  ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation="vertical"] > :not(:first-child):not(:last-child) .g4zn5b {
+    border-block-width: 0.5px;
+  }
+  ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:only-child):first-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):first-child .g4zn5b {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom-width: 0.5px;
+  }
+  ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:only-child):last-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):last-child .g4zn5b {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    border-top-width: 0.5px;
+  }
+  ._1fa19a5[data-orientation] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation] > :not(:first-child):not(:last-child) .g4zn5b {
+    border-radius: 0;
+  }
+  ._1ooymmw {
+    font-size: 16px;
+    line-height: 22px;
+    min-width: 0;
+    outline: 2px solid transparent;
+  }
+  ._1ooymmw::placeholder {
+    color: var(--ax-colors-fg-tertiary);
+  }
+  ._1ooymmw[data-disabled]::placeholder {
+    color: var(--ax-colors-fg-disabled);
+  }
+  ._1ooymmw[data-readonly] {
+    cursor: default;
+  }
+  @media screen and (min-width: 37.5rem) {
+    ._21gwxi {
+      font-size: 14px;
+    }
+  }
+}

package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BdtXsqNY.css

@@ -0,0 +1,9 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._1ul51f3 {
+    text-decoration: none;
+  }
+  ._1pdmqg {
+    font-size: 1.2em;
+  }
+}

package/dist/assets/src/layers/layers.css.ts.vanilla-CJGLgFlR.css

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.base, optiaxiom.a8obos, optiaxiom.wv04ab;

package/dist/assets/src/link/{Link.css.ts.vanilla-B1rm-mfe.css → Link.css.ts.vanilla-D8eEWx7Q.css}

@@ -1,34 +1,34 @@
-@layer optiaxiom.z7nceq;
-@layer optiaxiom.z7nceq {
-  ._1kl0dj6 {
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  .xlxrsp {
     text-decoration: none;
   }
-  ._1kl0dj6:focus-visible {
+  .xlxrsp:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1kl0dj6:hover:not([data-disabled]) {
+  .xlxrsp:hover:not([data-disabled]) {
     text-decoration: underline;
   }
-  ._1kl0dj6:visited {
+  .xlxrsp:visited {
     color: var(--ax-colors-link-fg-visited);
   }
-  ._1kl0dj6[data-disabled] {
+  .xlxrsp[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  .njqkc5 {
+  .qsjce2 {
     color: var(--ax-colors-link-fg-default);
   }
-  .njqkc5:hover:not([data-disabled]) {
+  .qsjce2:hover:not([data-disabled]) {
     color: var(--ax-colors-link-fg-default-hovered);
   }
-  ._7bak20 {
+  ._1wznq9g {
     color: var(--ax-colors-link-fg-inverse);
   }
-  .rp2kni {
+  ._12qr3cv {
     color: var(--ax-colors-link-fg-subtle);
   }
-  .pzkhx5 {
+  ._14hi1h2 {
     height: auto;
     width: 0.875em;
   }

package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BuEazx6Q.css

@@ -0,0 +1,21 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  .nbioe3 {
+    max-height: var(--_8go8gw);
+  }
+  ._6wnzbs {
+    min-width: var(--hll7yw);
+  }
+  ._1l7qypc {
+    --_8go8gw: var(--radix-dropdown-menu-content-available-height);
+    --hll7yw: var(--radix-dropdown-menu-trigger-width);
+  }
+  ._14692r3 {
+    --_8go8gw: var(--radix-popover-content-available-height);
+    --hll7yw: var(--radix-popover-trigger-width);
+  }
+  ._1muo63r {
+    --_8go8gw: var(--radix-popper-available-height);
+    --hll7yw: var(--radix-popper-anchor-width);
+  }
+}

package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqgbwB14.css

@@ -0,0 +1,30 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._1rsxlid {
+    user-select: none;
+  }
+  ._1rsxlid:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._1rsxlid:not([data-disabled]) {
+    color: var(--_1gfxl0b);
+    cursor: pointer;
+  }
+  ._1rsxlid:not([data-disabled])[data-highlighted] {
+    background-color: var(--_1e9llzc);
+  }
+  ._1rsxlid:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-bg-secondary-hovered);
+  }
+  ._1rsxlid[data-disabled] {
+    opacity: 0.3;
+  }
+  ._13x51nu {
+    --_1gfxl0b: var(--ax-colors-fg-error);
+    --_1e9llzc: var(--ax-colors-bg-error-subtle);
+  }
+  .jf3efz {
+    --_1gfxl0b: var(--ax-colors-fg-default);
+    --_1e9llzc: var(--ax-colors-bg-secondary);
+  }
+}

package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CLog_a4B.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._4tsewj {
+    min-width: var(--ax-size-md);
+  }
+}

package/dist/assets/src/pill/{Pill.css.ts.vanilla-DzzbV1Nh.css → Pill.css.ts.vanilla-Nzz1kDwM.css}

@@ -1,11 +1,11 @@
-@layer optiaxiom.z7nceq;
-@layer optiaxiom.z7nceq {
-  .u8mz3z {
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._1665sg5 {
     min-width: auto;
     position: relative;
     user-select: none;
   }
-  .u8mz3z:focus-visible {
+  ._1665sg5:focus-visible {
     outline: 2px solid var(--ax-colors-border-focus);
     outline-offset: 1px;
   }

package/dist/assets/src/radio/Radio.css.ts.vanilla-DtDPLrLz.css

@@ -0,0 +1,13 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._109ly6h {
+    border-color: var(--_1nn1lom);
+  }
+  .dh6a5d {
+    background-color: var(--_1nn1lom);
+    display: none;
+  }
+  .cbpldu:has(._7v2q3w:checked) .dh6a5d {
+    display: block;
+  }
+}

package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B-hZg6l1.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._12o9jro:is(:not(:focus-within):not(:hover), :has(input:disabled)) .umxsgk {
+    visibility: hidden;
+  }
+}

package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-NbDBejcJ.css

@@ -0,0 +1,7 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._935xiu {
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+}

package/dist/assets/src/separator/{Separator.css.ts.vanilla-N8U1QlYl.css → Separator.css.ts.vanilla-Djq4ivaD.css}

@@ -1,42 +1,42 @@
-@layer optiaxiom.z7nceq;
-@layer optiaxiom.z7nceq {
-  .tqe2gd {
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._1rk7q6z {
     height: 1px;
     width: auto;
   }
-  .hrlzow {
+  .lmqjbk {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
   @media screen and (min-width: 37.5rem) {
-    .nxmmkh {
+    ._6ery1s {
       height: 1px;
       width: auto;
     }
-    ._1wnalqk {
+    ._1j4tfua {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 56.25rem) {
-    ._109zf0m {
+    .ol9uok {
       height: 1px;
       width: auto;
     }
-    ._13p4qzn {
+    .nct4 {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 75rem) {
-    .djd7r8 {
+    ._1e3bxrm {
       height: 1px;
       width: auto;
     }
-    ._1syceqv {
+    ._1ti0vcp {
       align-self: stretch;
       height: auto;
       width: 1px;

package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CAfC0M3O.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._1pd3otg {
+    --oylm2s: var(--ax-colors-fg-secondary);
+  }
+}

package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BeRakB99.css

@@ -0,0 +1,6 @@
+@layer optiaxiom.wv04ab;
+@layer optiaxiom.wv04ab {
+  ._4aekmj:empty:before {
+    content: "\00a0";
+  }
+}