@optiaxiom/react 3.1.9 → 3.3.0

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "3.1.9",
+  "version": "3.3.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -45,6 +45,8 @@
     "@dnd-kit/collision": "^0.1.21",
     "@dnd-kit/helpers": "^0.1.21",
     "@dnd-kit/react": "^0.1.21",
+    "@optiaxiom/globals": "^3.0.7",
+    "@optiaxiom/icons": "^1.7.1",
     "@radix-ui/react-arrow": "^1.1.7",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-collapsible": "^1.1.12",
@@ -84,13 +86,12 @@
     "react-remove-scroll": "^2.7.2",
     "react-resizable-panels": "^3.0.6",
     "recharts": "^3.8.1",
-    "use-sync-external-store": "^1.6.0",
-    "@optiaxiom/globals": "^3.0.7",
-    "@optiaxiom/icons": "^1.7.0"
+    "use-sync-external-store": "^1.6.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
     "@mantine/hooks": "^8.3.18",
+    "@optiaxiom/shared": "^0.0.0",
     "@types/node": "^22.20.1",
     "@types/use-sync-external-store": "^1.5.0",
     "@vanilla-extract/css": "^1.21.1",
@@ -98,8 +99,7 @@
     "autoprefixer": "^10.5.2",
     "postcss": "^8.5.16",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "@optiaxiom/shared": "^0.0.0"
+    "react-dom": "^18.3.1"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.13.0",

package/dist/cjs/assets/ActionsContent.css.ts.vanilla-DEooZx4z.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1u6zslu {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1pj2buw:not(:has(._1pj2buw)):focus-within ._1u6zslu, ._1u6zslu:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  .mbe3l5 {
-    opacity: 1;
-  }
-  ._3e6r7h {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1pj2buw:not(:has(._1pj2buw)):hover ._1u6zslu {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/Alert.css.ts.vanilla-RdgEva4J.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .jv13ne {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/AlertDialogContent.css.ts.vanilla-BFwryyyR.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._141gbfv {
-    opacity: 0;
-  }
-  ._1kq3l73 {
-    inset: 0;
-    position: fixed;
-  }
-  ._1rfqc3a {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--rbuui5)))
-      scale(calc(1 - 0.06 * var(--rbuui5)))
-    ;
-  }
-  ._1rfqc3a:focus-visible {
-    outline: none;
-  }
-  ._62wex {
-    width: 400px;
-  }
-  ._1e4ql7 {
-    width: 600px;
-  }
-  .hioc3w {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/AlertDialogHeader.css.ts.vanilla-DWx-JAL_.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._7fvxii {
-    position: sticky;
-    top: 0;
-  }
-}

package/dist/cjs/assets/Avatar.css.ts.vanilla-Co9a-2h2.css

@@ -1,55 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1tvgdba {
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1v4kjpy ._1tvgdba {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  ._1rmpxma {
-    font-size: 8px;
-  }
-  ._1v4kjpy ._1rmpxma:not(:first-child) {
-    margin-left: -1px;
-  }
-  ._1lvexsq {
-    font-size: var(--ax-fontSize-xs-fontSize);
-  }
-  ._1v4kjpy ._1lvexsq:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._8j00vg {
-    font-size: var(--ax-fontSize-xs-fontSize);
-  }
-  ._1v4kjpy ._8j00vg:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._1lb2nho {
-    font-size: var(--ax-fontSize-md-fontSize);
-  }
-  ._1v4kjpy ._1lb2nho:not(:first-child) {
-    margin-left: -7px;
-  }
-  .cyvulw {
-    font-size: var(--ax-fontSize-lg-fontSize);
-  }
-  ._1v4kjpy .cyvulw:not(:first-child) {
-    margin-left: -9px;
-  }
-  .n1i7f8 {
-    font-size: var(--ax-fontSize-xl-fontSize);
-  }
-  ._1v4kjpy .n1i7f8:not(:first-child) {
-    margin-left: -11px;
-  }
-  .athfa6 {
-    font-size: 32px;
-  }
-  ._1v4kjpy .athfa6:not(:first-child) {
-    margin-left: -13px;
-  }
-  ._19eltwf {
-    padding: 1px;
-  }
-}

package/dist/cjs/assets/Badge.css.ts.vanilla-DqnqvXKD.css

@@ -1,53 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .xjwtnr {
-    --s1euft: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .xjwtnr:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .b3vtbr {
-    --lj7aij: var(--ax-colors-bg-error);
-    --kdbupg: var(--ax-colors-bg-error-subtle);
-    --s3fh6f: var(--ax-colors-fg-error-strong);
-  }
-  .xsxfy0 {
-    --lj7aij: var(--ax-colors-bg-information);
-    --kdbupg: var(--ax-colors-bg-information-subtle);
-    --s3fh6f: var(--ax-colors-fg-information-strong);
-  }
-  .h0efbb {
-    --lj7aij: var(--ax-colors-bg-tertiary);
-    --s1euft: var(--ax-colors-fg-default);
-    --kdbupg: var(--ax-colors-bg-secondary);
-    --s3fh6f: var(--ax-colors-fg-secondary);
-  }
-  ._1dumkcs {
-    --lj7aij: var(--ax-colors-bg-default-inverse);
-    --s1euft: var(--ax-colors-fg-default-inverse);
-    --kdbupg: var(--ax-colors-bg-default-inverse);
-    --s3fh6f: var(--ax-colors-fg-default-inverse);
-  }
-  .frp95s {
-    --lj7aij: var(--ax-colors-bg-success);
-    --s1euft: var(--ax-colors-fg-black);
-    --kdbupg: var(--ax-colors-bg-success-subtle);
-    --s3fh6f: var(--ax-colors-fg-success-strong);
-  }
-  .asdr9q {
-    --lj7aij: var(--ax-colors-bg-warning);
-    --s1euft: var(--ax-colors-fg-warning-inverse);
-    --kdbupg: var(--ax-colors-bg-warning-subtle);
-    --s3fh6f: var(--ax-colors-fg-warning-strong);
-  }
-  ._1066725 {
-    background-color: var(--lj7aij);
-    color: var(--s1euft);
-  }
-  ._1jopijv {
-    background-color: var(--kdbupg);
-    color: var(--s3fh6f);
-  }
-}

package/dist/cjs/assets/Banner.css.ts.vanilla-BMSllSbM.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._9mo48h {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/BreadcrumbNode.css.ts.vanilla-BxYv4L4S.css

@@ -1,11 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1sxvslt {
-    max-width: 160px;
-  }
-  ._1sxvslt:not(:first-child)::before {
-    content: "/";
-    color: var(--ax-colors-fg-tertiary);
-    margin-right: 4px;
-  }
-}

package/dist/cjs/assets/ButtonGroup.css.ts.vanilla-D3B-eLR-.css

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

package/dist/cjs/assets/ButtonIcon.css.ts.vanilla-DbvNjrd_.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1gbcvws {
-    height: var(--ax-size-sm);
-    width: var(--ax-size-sm);
-  }
-  .gn6azs {
-    --ax-styles-iconSize: var(--ax-size-2xs);
-  }
-  ._1jxx9j1 {
-    --ax-styles-iconSize: var(--ax-size-xs);
-  }
-  .n3x4pg {
-    --ax-styles-iconSize: var(--ax-size-xs);
-  }
-  .w03f7h {
-    background-color: var(--_3sz3x1);
-    color: var(--ysr1ip);
-    height: auto;
-    padding: 4px;
-    width: 28px;
-  }
-  .w03f7h[data-disabled] {
-    background-color: var(--ax-colors-fg-disabled);
-    color: var(--ax-colors-bg-secondary);
-  }
-  .w03f7h[data-prefix] {
-    padding-block: 6px;
-  }
-}

package/dist/cjs/assets/ButtonLoadable.css.ts.vanilla-ByCYteXB.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._11pmu0t {
-    opacity: 1;
-  }
-  .zd6wde[data-loading] ._11pmu0t {
-    opacity: 0;
-  }
-}

package/dist/cjs/assets/Calendar.css.ts.vanilla-BS09aoeE.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .xrwg7z {
-    min-height: 274px;
-  }
-}

package/dist/cjs/assets/CalendarDayButton.css.ts.vanilla-CAxKYlTn.css

@@ -1,63 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1hvv7ts {
-    background-color: var(--_97k9wl);
-    border-radius: var(--ax-borderRadius-md);
-    position: relative;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1hvv7ts:focus-visible {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 2px;
-    z-index: 10;
-  }
-  ._1hvv7ts[disabled] {
-    opacity: 0.32;
-  }
-  ._1m0bz9f {
-    --_97k9wl: var(--ax-colors-bg-default);
-  }
-  ._6uugw4 {
-    --_97k9wl: var(--ax-colors-bg-error-subtlest);
-  }
-  ._17qh4ku {
-    --_97k9wl: var(--ax-colors-bg-secondary);
-  }
-  ._19v3ci8 {
-    --_97k9wl: var(--ax-colors-bg-default-pressed);
-  }
-  .c42ax1 {
-    --_97k9wl: var(--ax-colors-bg-page);
-  }
-  ._19863bg {
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-  }
-  ._7npker {
-    border-radius: 0;
-  }
-  .tt3r01 {
-    border-bottom-right-radius: 0;
-    border-top-right-radius: 0;
-  }
-  ._19xf7g3 {
-    background-color: var(--ax-colors-fg-default);
-    bottom: 3px;
-    height: 5px;
-    inset-inline: 0;
-    position: absolute;
-    width: 5px;
-  }
-  @media (hover: hover) {
-    ._1hvv7ts:not([disabled]):hover {
-      background-color: var(--ax-colors-bg-default-hovered);
-    }
-    ._1hvv7ts:not([disabled]):hover:active {
-      background-color: var(--ax-colors-bg-default-pressed);
-    }
-    ._19v3ci8:not([disabled]):hover {
-      background-color: var(--ax-colors-bg-default-pressed);
-    }
-  }
-}

package/dist/cjs/assets/CalendarGrid.css.ts.vanilla-Lr8_tIiu.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._8ds40f {
-    height: 192px;
-    width: 236px;
-  }
-}

package/dist/cjs/assets/CalendarMonths.css.ts.vanilla-BtqZL930.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._18ourm2 {
-    position: relative;
-  }
-}

package/dist/cjs/assets/CalendarNextMonthButton.css.ts.vanilla-COxF5N9b.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .kwhhei {
-    position: absolute;
-    right: 0;
-    top: 0;
-  }
-}

package/dist/cjs/assets/CalendarPreviousMonthButton.css.ts.vanilla-DXBn6cdu.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .nqgoeu {
-    position: absolute;
-    right: 32px;
-    top: 0;
-  }
-}

package/dist/cjs/assets/Card.css.ts.vanilla-BABIzRhJ.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1nqesfp {
-    --_7quor9: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-}

package/dist/cjs/assets/CardCheckbox.css.ts.vanilla-DXzY-eRb.css

@@ -1,11 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .j7y358 {
-    position: relative;
-  }
-  .j7y358::before {
-    content: "";
-    inset: -8px;
-    position: absolute;
-  }
-}

package/dist/cjs/assets/CardHeader.css.ts.vanilla-Byoe_Dks.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._3j17l2 {
-    min-height: var(--ax-size-sm);
-  }
-  ._130l130 {
-    order: 3;
-  }
-  ._1uvcb12 {
-    order: 1;
-  }
-  ._11b6igd {
-    order: 2;
-  }
-}

package/dist/cjs/assets/CardPreview.css.ts.vanilla-jJ9Ck56P.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .qv54y8 {
-    border-top-left-radius: inherit;
-    border-top-right-radius: inherit;
-    margin: -16px -16px 8px;
-    position: relative;
-  }
-  .j656wj {
-    inset: 0;
-    padding: 16px;
-    place-content: space-between;
-    position: absolute;
-  }
-}

package/dist/cjs/assets/Code.css.ts.vanilla-Cd573tGd.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .gt4kgg {
-    font-size: 0.9em;
-    font-variant-ligatures: none;
-  }
-  .gt4kgg::after, .gt4kgg::before {
-    content: "`";
-  }
-}

package/dist/cjs/assets/CommandItem.css.ts.vanilla-CHxs4Hcs.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1t9qop8 {
-    flex-shrink: 99999;
-  }
-}

package/dist/cjs/assets/Cover.css.ts.vanilla-DtrMUDzX.css

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom {
-  ._1o5fp2u {
-    position: static;
-  }
-  ._1o5fp2u:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1y4o68f {
-  ._1skddte {
-    --a1bj27: solid;
-  }
-  ._1skddte::before {
-    content: "";
-    border-radius: var(--_7quor9, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  ._1skddte:focus-visible::before {
-    outline: 2px var(--a1bj27) var(--ax-colors-border-focus);
-    outline-offset: var(--_7ubeuw);
-  }
-  .g1u9ch {
-    --_7ubeuw: 1px;
-  }
-  ._1cslvzz {
-    --_7ubeuw: -2px;
-  }
-  ._1cslvzz:is(a) {
-    --a1bj27: auto;
-  }
-}

package/dist/cjs/assets/DataTableBody.css.ts.vanilla-Te6-L0mS.css

@@ -1,71 +0,0 @@
-@property --ep61t6 {
-  syntax: "<color>";
-  inherits: false;
-  initial-value: transparent;
-}
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1gvd18y {
-    position: relative;
-  }
-  ._1gvd18y[data-scroll-timeline]::after {
-    background-image: linear-gradient(to left, rgb(0 0 0 / 0.1), transparent);
-    right: var(--wupbcq);
-  }
-  ._1gvd18y[data-scroll-timeline]::before {
-    background-image: linear-gradient(to right, rgb(0 0 0 / 0.1), transparent);
-    left: var(--_1qn5yod);
-  }
-  ._1gvd18y[data-scroll-timeline]::before, ._1gvd18y[data-scroll-timeline]::after {
-    content: "";
-    display: block;
-    height: 100%;
-    opacity: 0;
-    pointer-events: none;
-    position: absolute;
-    top: 0;
-    transition: 0.3s opacity;
-    width: 16px;
-    z-index: 1;
-  }
-  ._1gvd18y[data-scroll-timeline]:not([data-scroll-timeline="left"])::before {
-    opacity: 1;
-  }
-  ._1gvd18y[data-scroll-timeline]:not([data-scroll-timeline="right"])::after {
-    opacity: 1;
-  }
-  .qcux0m {
-    width: calc(1px * var(--_7gvhsy));
-  }
-  ._1g7g9m {
-    left: var(--_17omnbf);
-  }
-  ._111aijs {
-    right: var(--_17omnbf);
-  }
-  ._1izjvhz {
-    background-color: var(--ax-colors-bg-default);
-    background-image: linear-gradient(var(--ep61t6), var(--ep61t6));
-    transition: --ep61t6 var(--ax-duration-sm) ease;
-  }
-  ._1yrul0j[data-selected] ._1izjvhz {
-    --ep61t6: var(--ax-colors-bg-accent-subtle);
-  }
-  ._1kgtokl {
-    flex-grow: calc(var(--_7gvhsy) / var(--_1ddfrmk));
-  }
-  @media (hover: hover) {
-    ._1yrul0j:hover ._1izjvhz {
-      --ep61t6: var(--ax-colors-bg-default-hovered);
-    }
-    ._1yrul0j[data-selected]:hover ._1izjvhz {
-      --ep61t6: 
-                  color-mix(
-                    in srgb,
-                    var(--ax-colors-bg-accent-subtle),
-                    var(--ax-colors-bg-accent-light) 15%
-                  )
-                ;
-    }
-  }
-}

package/dist/cjs/assets/DataTableFooter.css.ts.vanilla-_hXusNbR.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1wsyeqn {
-    width: 180px;
-  }
-}

package/dist/cjs/assets/DateInput.css.ts.vanilla-B0SMZwyr.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1kh3jjy::-webkit-calendar-picker-indicator {
-    display: none;
-    -webkit-appearance: none;
-  }
-  ._3204oz:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._13bynhy {
-    visibility: hidden;
-  }
-  @supports not selector(::-webkit-datetime-edit) {
-    .krgghs {
-      display: none !important;
-    }
-  }
-}

package/dist/cjs/assets/DetailsPanel.css.ts.vanilla-DPyYk2q9.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._10vq0m3:focus-visible {
-    outline: none;
-  }
-}

package/dist/cjs/assets/DetailsPanelFooter.css.ts.vanilla-DJ2T6cpc.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  ._1bfy5vg {
-    bottom: 0;
-    position: sticky;
-  }
-}

package/dist/cjs/assets/DetailsPanelHeader.css.ts.vanilla-CzexSrsl.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .xxrrd6 {
-    column-gap: 4px;
-    position: sticky;
-    top: 0;
-  }
-}

package/dist/cjs/assets/DialogContent.css.ts.vanilla-DDXceMqB.css

@@ -1,41 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .edr8lz {
-    opacity: 0;
-  }
-  ._16wrplq {
-    left: 50%;
-    max-height: 75dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    position: fixed;
-    top: 12dvh;
-    transform: 
-      translateY(calc(1rem * var(--vm1jfn)))
-      scale(calc(1 - 0.06 * var(--vm1jfn)))
-    ;
-    translate: -50% 0;
-  }
-  ._16wrplq:focus-visible {
-    outline: none;
-  }
-  ._16wrplq:has(.cj7aid:focus-within) {
-    scroll-padding-bottom: var(--o97pud);
-    scroll-padding-top: var(--rkhs39);
-  }
-  ._12t08ol {
-    width: 400px;
-  }
-  ._1tlqsgg {
-    width: clamp(600px, 50%, 800px);
-  }
-  ._1o2zt5k {
-    width: clamp(900px, 75%, 1400px);
-  }
-  ._1jxohx6 {
-    height: 100dvh;
-    max-height: none;
-    max-width: none;
-    top: 0;
-    width: 100dvw;
-  }
-}

package/dist/cjs/assets/DialogFooter.css.ts.vanilla-A0OBT6hQ.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1y4o68f;
-@layer optiaxiom._1y4o68f {
-  .s4bb9k {
-    bottom: 0;
-    position: sticky;
-  }
-}