npm - @optiaxiom/react - Versions diffs - 0.4.2 → 0.5.0 - Mend

@@ -1,34 +1,34 @@
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  ._1841c9m {
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  ._51r2fq {
     text-decoration: none;
   }
-  ._1841c9m:focus-visible {
+  ._51r2fq:focus-visible {
     outline: 2px auto var(--ax-colors-border-focus);
     outline-offset: 1px;
   }
-  ._1841c9m:hover:not([data-disabled]) {
+  ._51r2fq:hover:not([data-disabled]) {
     text-decoration: underline;
   }
-  ._1841c9m:visited {
+  ._51r2fq:visited {
     color: var(--ax-colors-link-fg-visited);
   }
-  ._1841c9m[data-disabled] {
+  ._51r2fq[data-disabled] {
     color: var(--ax-colors-fg-disabled);
   }
-  ._19x9l5w {
+  ._6nsjpm {
     color: var(--ax-colors-link-fg-default);
   }
-  ._19x9l5w:hover:not([data-disabled]) {
+  ._6nsjpm:hover:not([data-disabled]) {
     color: var(--ax-colors-link-fg-default-hovered);
   }
-  ._8l0dq5 {
+  ._12n7h6b {
     color: var(--ax-colors-link-fg-inverse);
   }
-  ._1kys7ny {
+  .u4kpof {
     color: var(--ax-colors-link-fg-subtle);
   }
-  .gk0w0z {
+  .s8e0j8 {
     height: auto;
     width: 0.875em;
   }

@@ -0,0 +1,21 @@
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  .l76cjw {
+    max-height: var(--pc5ucu);
+  }
+  .fwpaax {
+    min-width: var(--_1kzy1hi);
+  }
+  ._1tc6tty {
+    --pc5ucu: var(--radix-dropdown-menu-content-available-height);
+    --_1kzy1hi: var(--radix-dropdown-menu-trigger-width);
+  }
+  .fcuswj {
+    --pc5ucu: var(--radix-popover-content-available-height);
+    --_1kzy1hi: var(--radix-popover-trigger-width);
+  }
+  .j6rwtq {
+    --pc5ucu: var(--radix-popper-available-height);
+    --_1kzy1hi: var(--radix-popper-anchor-width);
+  }
+}

@@ -0,0 +1,38 @@
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  ._157tetk {
+    user-select: none;
+  }
+  ._157tetk:focus-visible {
+    outline: 2px solid transparent;
+  }
+  ._157tetk:not([data-disabled]) {
+    color: var(--_11x2dmc);
+    cursor: pointer;
+  }
+  ._157tetk:not([data-disabled])[data-highlighted] {
+    background-color: var(--_11eot47);
+  }
+  ._157tetk:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--on5zib);
+  }
+  ._157tetk[data-disabled] {
+    opacity: 0.3;
+  }
+  .dwr71f {
+    --_11x2dmc: var(--ax-colors-fg-error);
+    --on5zib: var(--ax-colors-bg-error-subtle);
+    --_11eot47: var(--ax-colors-bg-error-subtlest);
+  }
+  ._18ja1vt {
+    --_11x2dmc: var(--ax-colors-fg-default);
+    --on5zib: var(--ax-colors-bg-secondary-hovered);
+    --_11eot47: var(--ax-colors-bg-secondary);
+  }
+  ._1ypz3so {
+    line-height: 24px;
+  }
+  .nw9ht8 {
+    color: var(--ax-colors-fg-tertiary);
+  }
+}

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

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

@@ -0,0 +1,13 @@
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  ._5bflgv {
+    border-color: var(--_122174e);
+  }
+  ._1rhw7hc {
+    background-color: var(--_122174e);
+    display: none;
+  }
+  ._1etdcd4:has(.bkwocm:checked) ._1rhw7hc {
+    display: block;
+  }
+}

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

@@ -1,42 +1,42 @@
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  ._1v20naw {
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  ._1xal2v {
     height: 1px;
     width: auto;
   }
-  ._134hss3 {
+  .yhf3gr {
     align-self: stretch;
     height: auto;
     width: 1px;
   }
   @media screen and (min-width: 37.5rem) {
-    .udihy9 {
+    ._1bomho9 {
       height: 1px;
       width: auto;
     }
-    ._1sgsbrx {
+    .fb6v98 {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 56.25rem) {
-    .jq4ek {
+    .ge33m7 {
       height: 1px;
       width: auto;
     }
-    ._1je9cxo {
+    .yfe4pn {
       align-self: stretch;
       height: auto;
       width: 1px;
     }
   }
   @media screen and (min-width: 75rem) {
-    ._6i7rex {
+    ._10vakmh {
       height: 1px;
       width: auto;
     }
-    ._1x1t5hn {
+    .o846ij {
       align-self: stretch;
       height: auto;
       width: 1px;

@@ -0,0 +1,16 @@
+@layer optiaxiom._186z7zz;
+@layer optiaxiom._186z7zz {
+  ._1m0u3oj {
+    background-color: var(--ax-colors-bg-secondary);
+  }
+  ._1m0u3oj:not([data-disabled])[data-highlighted] {
+    background-color: var(--ax-colors-fg-information);
+    color: var(--ax-colors-fg-default-inverse);
+  }
+  ._1m0u3oj:not([data-disabled])[data-highlighted]:active {
+    background-color: var(--ax-colors-bg-information);
+  }
+  [data-highlighted] ._1q5anft {
+    color: var(--ax-colors-fg-default-inverse);
+  }
+}

@optiaxiom/react 0.4.2 → 0.5.0