@optiaxiom/react 0.3.4 → 0.4.0

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

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

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

@@ -0,0 +1,9 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .gkv87b {
+    text-decoration: none;
+  }
+  ._18cbnur {
+    font-size: 1.2em;
+  }
+}

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

@@ -0,0 +1 @@
+@layer optiaxiom, optiaxiom.base, optiaxiom.i2qz3s, optiaxiom.z7nceq;

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

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

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

@@ -0,0 +1,21 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1g9jprk {
+    max-height: var(--t3cvat);
+  }
+  .rkbwjf {
+    min-width: var(--_1sibf6f);
+  }
+  .xz7kio {
+    --t3cvat: var(--radix-dropdown-menu-content-available-height);
+    --_1sibf6f: var(--radix-dropdown-menu-trigger-width);
+  }
+  .r6x13q {
+    --t3cvat: var(--radix-popover-content-available-height);
+    --_1sibf6f: var(--radix-popover-trigger-width);
+  }
+  ._1d3jmpq {
+    --t3cvat: var(--radix-popper-available-height);
+    --_1sibf6f: var(--radix-popper-anchor-width);
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1t1kkjk {
+    border-color: var(--_4p01u2);
+  }
+  ._1uzldgj {
+    background-color: var(--_4p01u2);
+    display: none;
+  }
+  .az5sm2:has(._2uy7ho:checked) ._1uzldgj {
+    display: block;
+  }
+}

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

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

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

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

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

@@ -1,42 +1,42 @@
-@layer optiaxiom._8eawvo;
-@layer optiaxiom._8eawvo {
-  .ecdw7o {
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  .tqe2gd {
     height: 1px;
     width: auto;
   }
-  ._18nwsq5 {
+  .hrlzow {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
   @media screen and (min-width: 37.5rem) {
-    .wx7zqz {
+    .nxmmkh {
       height: 1px;
       width: auto;
     }
-    ._1icdr18 {
+    ._1wnalqk {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 56.25rem) {
-    ._1r382mb {
+    ._109zf0m {
       height: 1px;
       width: auto;
     }
-    ._98dtkn {
+    ._13p4qzn {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 75rem) {
-    .c1qha1 {
+    .djd7r8 {
       height: 1px;
       width: auto;
     }
-    .um3qd2 {
+    ._1syceqv {
       align-self: stretch;
       height: auto;
       width: 1px;

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

@@ -0,0 +1,6 @@
+@layer optiaxiom.z7nceq;
+@layer optiaxiom.z7nceq {
+  ._1yhtbjl {
+    --cpsmx4: var(--ax-colors-fg-secondary);
+  }
+}

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

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