@duyluonganduin/acl-web-components 0.0.19 → 0.0.21

package/dist/acl-web-components.js

@@ -1,5 +1,5 @@
-import { A as c, a as r, b as i, c as l, d as e, e as t, f as p, g as d, h as g, i as u, j as x, k as A, l as h, m as k, n as E, o as m, p as T, q as C, r as _, s as O, t as y, u as I, v as L, w as N, x as S, y as G, z as D, B as w, C as R, D as P, E as b, F as f, G as U, H, I as B, J as F, K as M, L as z, M as v, N as V, O as W, P as K, Q as X, R as Y, S as j, T as q, U as J, V as Q, W as Z, X as $, Y as aa, Z as oa, _ as na, $ as sa, a0 as ca, a1 as ra, a2 as ia, a3 as la, a4 as ea, a5 as ta, a6 as pa, a7 as da, a8 as ga, a9 as ua, aa as xa, ab as Aa, ac as ha, ad as ka, ae as Ea, af as ma, ag as Ta, ah as Ca, ai as _a, aj as Oa, ak as ya, al as Ia, am as La, an as Na, ao as Sa, ap as Ga, aq as Da, ar as wa } from "./anduin-suggestion-73700ybo.js";
-const o = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
+import { A as c, a as r, b as i, c as l, d as e, e as t, f as p, g as d, h as g, i as u, j as x, k as A, l as h, m as k, n as E, o as m, p as T, q as C, r as _, s as O, t as y, u as I, v as L, w as N, x as S, y as G, z as D, B as w, C as R, D as P, E as b, F as f, G as U, H, I as B, J as F, K as M, L as z, M as v, N as V, O as W, P as K, Q as X, R as Y, S as j, T as q, U as J, V as Q, W as Z, X as $, Y as aa, Z as oa, _ as na, $ as sa, a0 as ca, a1 as ra, a2 as ia, a3 as la, a4 as ea, a5 as ta, a6 as pa, a7 as da, a8 as ga, a9 as ua, aa as xa, ab as Aa, ac as ha, ad as ka, ae as Ea, af as ma, ag as Ta, ah as Ca, ai as _a, aj as Oa, ak as ya, al as Ia, am as La, an as Na, ao as Sa, ap as Ga, aq as Da, ar as wa } from "./anduin-suggestion-D6WMsEcg.js";
+const o = ':root{--color-gray-0: oklch(1 0 0);--color-gray-1: oklch(.9846 .0017 247.84);--color-gray-2: oklch(.9515 .0046 258.32);--color-gray-3: oklch(.9336 .0058 264.53);--color-gray-4: oklch(.8618 .0141 258.35);--color-gray-5: oklch(.7073 .0268 263.28);--color-gray-6: oklch(.6528 .0316 266.24);--color-gray-7: oklch(.5371 .0337 264.24);--color-gray-8: oklch(.3544 .0326 260.94);--color-gray-9: oklch(.2776 .0341 255.81);--color-danger-1: oklch(.9437 .0174 17.47);--color-danger-2: oklch(.8643 .0573 18.32);--color-danger-3: oklch(.712 .1517 21.64);--color-danger-4: oklch(.5948 .2165 26.91);--color-danger-5: oklch(.531 .2147 28.91);--color-primary-1: oklch(.9474 .0256 221.57);--color-primary-2: oklch(.8652 .066 236.86);--color-primary-3: oklch(.7219 .1335 240.15);--color-primary-4: oklch(.5679 .1784 254.76);--color-primary-5: oklch(.4682 .1548 255.23);--color-success-1: oklch(.9276 .0541 150.91);--color-success-2: oklch(.8592 .1078 149.75);--color-success-3: oklch(.6953 .1711 149.14);--color-success-4: oklch(.6149 .1634 148.21);--color-success-5: oklch(.5075 .136 146.46);--color-warning-1: oklch(.9549 .0496 88.08);--color-warning-2: oklch(.912 .0811 83.56);--color-warning-3: oklch(.8282 .1628 78.73);--color-warning-4: oklch(.7325 .1512 75.97);--color-warning-5: oklch(.5329 .1098 82);--color-semantic-gray-0: oklch(1 0 0);--color-semantic-gray-1: oklch(.9846 .0017 247.84);--color-semantic-gray-2: oklch(.9515 .0046 258.32);--color-semantic-gray-3: oklch(.9336 .0058 264.53);--color-semantic-gray-4: oklch(.8618 .0141 258.35);--color-semantic-gray-5: oklch(.7073 .0268 263.28);--color-semantic-gray-6: oklch(.6528 .0316 266.24);--color-semantic-gray-7: oklch(.5371 .0337 264.24);--color-semantic-gray-8: oklch(.3544 .0326 260.94);--color-semantic-gray-9: oklch(.2776 .0341 255.81);--color-semantic-danger-1: oklch(.9437 .0174 17.47);--color-semantic-danger-2: oklch(.8643 .0573 18.32);--color-semantic-danger-3: oklch(.712 .1517 21.64);--color-semantic-danger-4: oklch(.5948 .2165 26.91);--color-semantic-danger-5: oklch(.531 .2147 28.91);--color-semantic-primary-1: oklch(.9474 .0256 221.57);--color-semantic-primary-2: oklch(.8652 .066 236.86);--color-semantic-primary-3: oklch(.7219 .1335 240.15);--color-semantic-primary-4: oklch(.5679 .1784 254.76);--color-semantic-primary-5: oklch(.4682 .1548 255.23);--color-semantic-success-1: oklch(.9276 .0541 150.91);--color-semantic-success-2: oklch(.8592 .1078 149.75);--color-semantic-success-3: oklch(.6953 .1711 149.14);--color-semantic-success-4: oklch(.6149 .1634 148.21);--color-semantic-success-5: oklch(.5075 .136 146.46);--color-semantic-warning-1: oklch(.9549 .0496 88.08);--color-semantic-warning-2: oklch(.912 .0811 83.56);--color-semantic-warning-3: oklch(.8282 .1628 78.73);--color-semantic-warning-4: oklch(.7325 .1512 75.97);--color-semantic-warning-5: oklch(.5329 .1098 82);--color-white: var(--color-gray-0);--font-sans: system-ui, -apple-system, Roboto, Oxygen, Cantarell, Ubuntu, "Segoe UI", sans-serif;--font-mono: monospace;--text-9: 9px;--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-15: 15px;--text-17: 17px;--text-20: 20px;--text-23: 23px;--text-26: 26px;--text-30: 30px;--text-35: 35px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-16: 16px;--leading-20: 20px;--leading-24: 24px;--leading-28: 28px;--leading-32: 32px;--leading-40: 40px;--leading-44: 44px;--leading-r1p5: 1.5;--radius-0: 0;--radius-2: 2px;--radius-3: 3px;--radius-4: 4px;--radius-6: 6px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-20: 20px;--radius-24: 24px;--radius-full: 9999px;--shadow-1: 0px 1px 2px rgba(29, 41, 57, .07);--shadow-2: 0px 1px 2px rgba(29, 41, 57, .04), 0px 2px 8px rgba(29, 41, 57, .08);--shadow-3: 0px 2px 8px rgba(29, 41, 57, .08), 0px 8px 24px rgba(29, 41, 57, .12);--shadow-4: 0px 4px 8px rgba(29, 41, 57, .08), 0px 16px 48px rgba(29, 41, 57, .16);--spacing-px: 1px;--spacing-0: 0;--spacing-2: 2px;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-40: 40px;--spacing-48: 48px;--spacing-56: 56px;--spacing-64: 64px;--spacing-128: 128px;--spacing-256: 256px;--z-0: 0;--z-1: 1;--z-2: 2;--z-3: 3;--z-4: 4;--z-5: 5;--z-999: 999;--z-9999: 9999}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
 if (typeof document < "u" && !document.getElementById("acl-tokens")) {
   const a = document.createElement("style");
   a.id = "acl-tokens", a.textContent = o, document.head.appendChild(a);

package/dist/{anduin-suggestion-73700ybo.js → anduin-suggestion-D6WMsEcg.js}

@@ -3020,9 +3020,13 @@ i5.styles = g`
       transform-origin: top center;
       transition: opacity 150ms ease, transform 150ms ease;
     }
+    /* Settled open state uses transform:none so nested position:fixed panels
+       (anduin-suggestion/dropdown/tooltip) aren't trapped by a containing
+       block. The scale-in still animates because browsers interpolate between
+       a non-none transform and 'none' via the identity matrix. */
     .popover__panel--open .popover__inner {
       opacity: 1;
-      transform: scale(1) translateY(0);
+      transform: none;
     }
     /* Top placements animate upward from below */
     .popover__panel[data-side="top"] .popover__inner {
@@ -3030,7 +3034,7 @@ i5.styles = g`
       transform-origin: bottom center;
     }
     .popover__panel--open[data-side="top"] .popover__inner {
-      transform: scale(1) translateY(0);
+      transform: none;
     }
   `;
 let B = i5;
@@ -4204,7 +4208,7 @@ const z5 = {
           aria-label="Dismiss"
           @click=${this._onClose}
         >
-          <anduin-icon name="cross" size="14"></anduin-icon>
+          <anduin-icon name="crossSmall" size="16"></anduin-icon>
         </button>
       </div>
     `;
@@ -4231,9 +4235,9 @@ c5.styles = g`
     .toast {
       display: flex;
       align-items: flex-start;
-      gap: 10px;
-      padding: 12px;
-      border-radius: 8px;
+      gap: 8px;
+      padding: 4px;
+      border-radius: 12px;
       box-shadow: var(
         --shadow-4,
         0px 4px 8px rgba(29, 41, 57, 0.08),
@@ -4255,10 +4259,9 @@ c5.styles = g`
       transform: translateX(-12px) scale(0.97);
     }
 
-    /* Dark gray9 background for all variants */
+    /* Light surface for all variants */
     .toast {
-      background: var(--color-gray-9, #101828);
-      border: 1px solid var(--color-gray-8, #1d2939);
+      background: var(--color-gray-0, #ffffff);
     }
 
     .toast__icon {
@@ -4266,22 +4269,29 @@ c5.styles = g`
       display: flex;
       align-items: center;
       justify-content: center;
-      margin-top: 2px;
+      align-self: stretch;
+      padding: 12px;
+      border-radius: 8px;
     }
     .toast__icon--gray {
-      color: var(--color-gray-4, #98a2b3);
+      color: var(--color-gray-6, #475467);
+      background: var(--color-gray-2, #eaecf0);
     }
     .toast__icon--primary {
-      color: var(--color-primary-3, #8098f9);
+      color: var(--color-primary-4, #444ce7);
+      background: var(--color-primary-1, #eef4ff);
     }
     .toast__icon--success {
-      color: var(--color-success-3, #47cd89);
+      color: var(--color-success-4, #17b26a);
+      background: var(--color-success-1, #dcfae6);
     }
     .toast__icon--warning {
-      color: var(--color-warning-3, #fdb022);
+      color: var(--color-warning-4, #dc6803);
+      background: var(--color-warning-1, #fef0c7);
     }
     .toast__icon--danger {
-      color: var(--color-danger-3, #f97066);
+      color: var(--color-danger-4, #d92d20);
+      background: var(--color-danger-1, #fee4e2);
     }
 
     .toast__body {
@@ -4289,20 +4299,23 @@ c5.styles = g`
       min-width: 0;
       display: flex;
       flex-direction: column;
-      gap: 2px;
+      padding-top: 2px;
+      padding-bottom: 2px;
+      align-self: stretch;
+      justify-content: center;
     }
 
     .toast__title {
       font-size: var(--text-13, 13px);
       font-weight: 500;
-      color: var(--color-gray-0, #ffffff);
+      color: var(--color-gray-9, #101828);
       line-height: 20px;
     }
 
     .toast__description {
-      font-size: var(--text-13, 13px);
+      font-size: var(--text-12, 12px);
       font-weight: 400;
-      color: var(--color-gray-4, #98a2b3);
+      color: var(--color-gray-7, #344054);
       line-height: 20px;
     }
 
@@ -4316,17 +4329,17 @@ c5.styles = g`
       background: none;
       border: none;
       cursor: pointer;
-      border-radius: 4px;
+      border-radius: 8px;
       padding: 0;
-      color: var(--color-gray-5, #667085);
-      margin-top: -2px;
+      color: var(--color-gray-6, #475467);
     }
+
     .toast__close:hover {
-      background: var(--color-gray-8, #1d2939);
-      color: var(--color-gray-2, #eaecf0);
+      background: var(--color-gray-2, #eaecf0);
+      color: var(--color-gray-9, #101828);
     }
     .toast__close:active {
-      background: var(--color-gray-7, #344054);
+      background: var(--color-gray-3, #d0d5dd);
     }
   `;
 let q = c5;