@duyluonganduin/acl-web-components 0.0.20 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/acl-web-components.cjs +1 -1
- package/dist/acl-web-components.iife.js +2291 -0
- package/dist/acl-web-components.js +2 -2
- package/dist/{anduin-suggestion-CQiYXOwe.js → anduin-suggestion-D6WMsEcg.js} +32 -23
- package/dist/{anduin-suggestion-Ckob48Ua.cjs → anduin-suggestion-DwPitfLM.cjs} +43 -34
- package/dist/react.cjs +1 -1
- package/dist/react.js +2 -2
- package/dist/tailwind-preset.cjs +1 -1
- package/dist/tailwind-preset.js +1 -0
- package/dist/tailwind-theme.css +1 -0
- package/dist/tokens.css +1 -0
- package/package.json +4 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
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-
|
|
2
|
-
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)}';
|
|
1
|
+
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";
|
|
2
|
+
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)}';
|
|
3
3
|
if (typeof document < "u" && !document.getElementById("acl-tokens")) {
|
|
4
4
|
const a = document.createElement("style");
|
|
5
5
|
a.id = "acl-tokens", a.textContent = o, document.head.appendChild(a);
|
|
@@ -4208,7 +4208,7 @@ const z5 = {
|
|
|
4208
4208
|
aria-label="Dismiss"
|
|
4209
4209
|
@click=${this._onClose}
|
|
4210
4210
|
>
|
|
4211
|
-
<anduin-icon name="
|
|
4211
|
+
<anduin-icon name="crossSmall" size="16"></anduin-icon>
|
|
4212
4212
|
</button>
|
|
4213
4213
|
</div>
|
|
4214
4214
|
`;
|
|
@@ -4235,9 +4235,9 @@ c5.styles = g`
|
|
|
4235
4235
|
.toast {
|
|
4236
4236
|
display: flex;
|
|
4237
4237
|
align-items: flex-start;
|
|
4238
|
-
gap:
|
|
4239
|
-
padding:
|
|
4240
|
-
border-radius:
|
|
4238
|
+
gap: 8px;
|
|
4239
|
+
padding: 4px;
|
|
4240
|
+
border-radius: 12px;
|
|
4241
4241
|
box-shadow: var(
|
|
4242
4242
|
--shadow-4,
|
|
4243
4243
|
0px 4px 8px rgba(29, 41, 57, 0.08),
|
|
@@ -4259,10 +4259,9 @@ c5.styles = g`
|
|
|
4259
4259
|
transform: translateX(-12px) scale(0.97);
|
|
4260
4260
|
}
|
|
4261
4261
|
|
|
4262
|
-
/*
|
|
4262
|
+
/* Light surface for all variants */
|
|
4263
4263
|
.toast {
|
|
4264
|
-
background: var(--color-gray-
|
|
4265
|
-
border: 1px solid var(--color-gray-8, #1d2939);
|
|
4264
|
+
background: var(--color-gray-0, #ffffff);
|
|
4266
4265
|
}
|
|
4267
4266
|
|
|
4268
4267
|
.toast__icon {
|
|
@@ -4270,22 +4269,29 @@ c5.styles = g`
|
|
|
4270
4269
|
display: flex;
|
|
4271
4270
|
align-items: center;
|
|
4272
4271
|
justify-content: center;
|
|
4273
|
-
|
|
4272
|
+
align-self: stretch;
|
|
4273
|
+
padding: 12px;
|
|
4274
|
+
border-radius: 8px;
|
|
4274
4275
|
}
|
|
4275
4276
|
.toast__icon--gray {
|
|
4276
|
-
color: var(--color-gray-
|
|
4277
|
+
color: var(--color-gray-6, #475467);
|
|
4278
|
+
background: var(--color-gray-2, #eaecf0);
|
|
4277
4279
|
}
|
|
4278
4280
|
.toast__icon--primary {
|
|
4279
|
-
color: var(--color-primary-
|
|
4281
|
+
color: var(--color-primary-4, #444ce7);
|
|
4282
|
+
background: var(--color-primary-1, #eef4ff);
|
|
4280
4283
|
}
|
|
4281
4284
|
.toast__icon--success {
|
|
4282
|
-
color: var(--color-success-
|
|
4285
|
+
color: var(--color-success-4, #17b26a);
|
|
4286
|
+
background: var(--color-success-1, #dcfae6);
|
|
4283
4287
|
}
|
|
4284
4288
|
.toast__icon--warning {
|
|
4285
|
-
color: var(--color-warning-
|
|
4289
|
+
color: var(--color-warning-4, #dc6803);
|
|
4290
|
+
background: var(--color-warning-1, #fef0c7);
|
|
4286
4291
|
}
|
|
4287
4292
|
.toast__icon--danger {
|
|
4288
|
-
color: var(--color-danger-
|
|
4293
|
+
color: var(--color-danger-4, #d92d20);
|
|
4294
|
+
background: var(--color-danger-1, #fee4e2);
|
|
4289
4295
|
}
|
|
4290
4296
|
|
|
4291
4297
|
.toast__body {
|
|
@@ -4293,20 +4299,23 @@ c5.styles = g`
|
|
|
4293
4299
|
min-width: 0;
|
|
4294
4300
|
display: flex;
|
|
4295
4301
|
flex-direction: column;
|
|
4296
|
-
|
|
4302
|
+
padding-top: 2px;
|
|
4303
|
+
padding-bottom: 2px;
|
|
4304
|
+
align-self: stretch;
|
|
4305
|
+
justify-content: center;
|
|
4297
4306
|
}
|
|
4298
4307
|
|
|
4299
4308
|
.toast__title {
|
|
4300
4309
|
font-size: var(--text-13, 13px);
|
|
4301
4310
|
font-weight: 500;
|
|
4302
|
-
color: var(--color-gray-
|
|
4311
|
+
color: var(--color-gray-9, #101828);
|
|
4303
4312
|
line-height: 20px;
|
|
4304
4313
|
}
|
|
4305
4314
|
|
|
4306
4315
|
.toast__description {
|
|
4307
|
-
font-size: var(--text-
|
|
4316
|
+
font-size: var(--text-12, 12px);
|
|
4308
4317
|
font-weight: 400;
|
|
4309
|
-
color: var(--color-gray-
|
|
4318
|
+
color: var(--color-gray-7, #344054);
|
|
4310
4319
|
line-height: 20px;
|
|
4311
4320
|
}
|
|
4312
4321
|
|
|
@@ -4320,17 +4329,17 @@ c5.styles = g`
|
|
|
4320
4329
|
background: none;
|
|
4321
4330
|
border: none;
|
|
4322
4331
|
cursor: pointer;
|
|
4323
|
-
border-radius:
|
|
4332
|
+
border-radius: 8px;
|
|
4324
4333
|
padding: 0;
|
|
4325
|
-
color: var(--color-gray-
|
|
4326
|
-
margin-top: -2px;
|
|
4334
|
+
color: var(--color-gray-6, #475467);
|
|
4327
4335
|
}
|
|
4336
|
+
|
|
4328
4337
|
.toast__close:hover {
|
|
4329
|
-
background: var(--color-gray-
|
|
4330
|
-
color: var(--color-gray-
|
|
4338
|
+
background: var(--color-gray-2, #eaecf0);
|
|
4339
|
+
color: var(--color-gray-9, #101828);
|
|
4331
4340
|
}
|
|
4332
4341
|
.toast__close:active {
|
|
4333
|
-
background: var(--color-gray-
|
|
4342
|
+
background: var(--color-gray-3, #d0d5dd);
|
|
4334
4343
|
}
|
|
4335
4344
|
`;
|
|
4336
4345
|
let q = c5;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
13
13
|
*/const E1=globalThis,$5=l=>l,Y1=E1.trustedTypes,A5=Y1?Y1.createPolicy("lit-html",{createHTML:l=>l}):void 0,Y5="$lit$",U=`lit$${Math.random().toFixed(9).slice(2)}$`,X5="?"+U,B4=`<${X5}>`,t1=document,$1=()=>t1.createComment(""),A1=l=>l===null||typeof l!="object"&&typeof l!="function",_2=Array.isArray,z4=l=>_2(l)||typeof(l==null?void 0:l[Symbol.iterator])=="function",c2=`[
|
|
14
14
|
\f\r]`,R1=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,B5=/-->/g,z5=/>/g,J=RegExp(`>|${c2}(?:([^\\s"'>=/]+)(${c2}*=${c2}*(?:[^
|
|
15
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
15
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),S5=/'/g,O5=/"/g,K5=/^(?:script|style|textarea|title)$/i,J5=l=>(e,...t)=>({_$litType$:l,strings:e,values:t}),s=J5(1),f2=J5(2),o1=Symbol.for("lit-noChange"),c=Symbol.for("lit-nothing"),P5=new WeakMap,Q=t1.createTreeWalker(t1,129);function Q5(l,e){if(!_2(l)||!l.hasOwnProperty("raw"))throw Error("invalid template strings array");return A5!==void 0?A5.createHTML(e):e}const S4=(l,e)=>{const t=l.length-1,i=[];let o,n=e===2?"<svg>":e===3?"<math>":"",r=R1;for(let a=0;a<t;a++){const d=l[a];let p,u,g=-1,H=0;for(;H<d.length&&(r.lastIndex=H,u=r.exec(d),u!==null);)H=r.lastIndex,r===R1?u[1]==="!--"?r=B5:u[1]!==void 0?r=z5:u[2]!==void 0?(K5.test(u[2])&&(o=RegExp("</"+u[2],"g")),r=J):u[3]!==void 0&&(r=J):r===J?u[0]===">"?(r=o??R1,g=-1):u[1]===void 0?g=-2:(g=r.lastIndex-u[2].length,p=u[1],r=u[3]===void 0?J:u[3]==='"'?O5:S5):r===O5||r===S5?r=J:r===B5||r===z5?r=R1:(r=J,o=void 0);const f=r===J&&l[a+1].startsWith("/>")?" ":"";n+=r===R1?d+B4:g>=0?(i.push(p),d.slice(0,g)+Y5+d.slice(g)+U+f):d+U+(g===-2?a:f)}return[Q5(l,n+(l[t]||"<?>")+(e===2?"</svg>":e===3?"</math>":"")),i]};class B1{constructor({strings:e,_$litType$:t},i){let o;this.parts=[];let n=0,r=0;const a=e.length-1,d=this.parts,[p,u]=S4(e,t);if(this.el=B1.createElement(p,i),Q.currentNode=this.el.content,t===2||t===3){const g=this.el.content.firstChild;g.replaceWith(...g.childNodes)}for(;(o=Q.nextNode())!==null&&d.length<a;){if(o.nodeType===1){if(o.hasAttributes())for(const g of o.getAttributeNames())if(g.endsWith(Y5)){const H=u[r++],f=o.getAttribute(g).split(U),Z=/([.?@])?(.*)/.exec(H);d.push({type:1,index:n,name:Z[2],strings:f,ctor:Z[1]==="."?P4:Z[1]==="?"?F4:Z[1]==="@"?D4:a2}),o.removeAttribute(g)}else g.startsWith(U)&&(d.push({type:6,index:n}),o.removeAttribute(g));if(K5.test(o.tagName)){const g=o.textContent.split(U),H=g.length-1;if(H>0){o.textContent=Y1?Y1.emptyScript:"";for(let f=0;f<H;f++)o.append(g[f],$1()),Q.nextNode(),d.push({type:2,index:++n});o.append(g[H],$1())}}}else if(o.nodeType===8)if(o.data===X5)d.push({type:2,index:n});else{let g=-1;for(;(g=o.data.indexOf(U,g+1))!==-1;)d.push({type:7,index:n}),g+=U.length-1}n++}}static createElement(e,t){const i=t1.createElement("template");return i.innerHTML=e,i}}function g1(l,e,t=l,i){var r,a;if(e===o1)return e;let o=i!==void 0?(r=t._$Co)==null?void 0:r[i]:t._$Cl;const n=A1(e)?void 0:e._$litDirective$;return(o==null?void 0:o.constructor)!==n&&((a=o==null?void 0:o._$AO)==null||a.call(o,!1),n===void 0?o=void 0:(o=new n(l),o._$AT(l,t,i)),i!==void 0?(t._$Co??(t._$Co=[]))[i]=o:t._$Cl=o),o!==void 0&&(e=g1(l,o._$AS(l,e.values),o,i)),e}class O4{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:i}=this._$AD,o=((e==null?void 0:e.creationScope)??t1).importNode(t,!0);Q.currentNode=o;let n=Q.nextNode(),r=0,a=0,d=i[0];for(;d!==void 0;){if(r===d.index){let p;d.type===2?p=new I1(n,n.nextSibling,this,e):d.type===1?p=new d.ctor(n,d.name,d.strings,this,e):d.type===6&&(p=new I4(n,this,e)),this._$AV.push(p),d=i[++a]}r!==(d==null?void 0:d.index)&&(n=Q.nextNode(),r++)}return Q.currentNode=t1,o}p(e){let t=0;for(const i of this._$AV)i!==void 0&&(i.strings!==void 0?(i._$AI(e,i,t),t+=i.strings.length-2):i._$AI(e[t])),t++}}class I1{get _$AU(){var e;return((e=this._$AM)==null?void 0:e._$AU)??this._$Cv}constructor(e,t,i,o){this.type=2,this._$AH=c,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=i,this.options=o,this._$Cv=(o==null?void 0:o.isConnected)??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return t!==void 0&&(e==null?void 0:e.nodeType)===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=g1(this,e,t),A1(e)?e===c||e==null||e===""?(this._$AH!==c&&this._$AR(),this._$AH=c):e!==this._$AH&&e!==o1&&this._(e):e._$litType$!==void 0?this.$(e):e.nodeType!==void 0?this.T(e):z4(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==c&&A1(this._$AH)?this._$AA.nextSibling.data=e:this.T(t1.createTextNode(e)),this._$AH=e}$(e){var n;const{values:t,_$litType$:i}=e,o=typeof i=="number"?this._$AC(e):(i.el===void 0&&(i.el=B1.createElement(Q5(i.h,i.h[0]),this.options)),i);if(((n=this._$AH)==null?void 0:n._$AD)===o)this._$AH.p(t);else{const r=new O4(o,this),a=r.u(this.options);r.p(t),this.T(a),this._$AH=r}}_$AC(e){let t=P5.get(e.strings);return t===void 0&&P5.set(e.strings,t=new B1(e)),t}k(e){_2(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let i,o=0;for(const n of e)o===t.length?t.push(i=new I1(this.O($1()),this.O($1()),this,this.options)):i=t[o],i._$AI(n),o++;o<t.length&&(this._$AR(i&&i._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){var i;for((i=this._$AP)==null?void 0:i.call(this,!1,!0,t);e!==this._$AB;){const o=$5(e).nextSibling;$5(e).remove(),e=o}}setConnected(e){var t;this._$AM===void 0&&(this._$Cv=e,(t=this._$AP)==null||t.call(this,e))}}class a2{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,i,o,n){this.type=1,this._$AH=c,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=n,i.length>2||i[0]!==""||i[1]!==""?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=c}_$AI(e,t=this,i,o){const n=this.strings;let r=!1;if(n===void 0)e=g1(this,e,t,0),r=!A1(e)||e!==this._$AH&&e!==o1,r&&(this._$AH=e);else{const a=e;let d,p;for(e=n[0],d=0;d<n.length-1;d++)p=g1(this,a[i+d],t,d),p===o1&&(p=this._$AH[d]),r||(r=!A1(p)||p!==this._$AH[d]),p===c?e=c:e!==c&&(e+=(p??"")+n[d+1]),this._$AH[d]=p}r&&!o&&this.j(e)}j(e){e===c?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class P4 extends a2{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===c?void 0:e}}class F4 extends a2{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==c)}}class D4 extends a2{constructor(e,t,i,o,n){super(e,t,i,o,n),this.type=5}_$AI(e,t=this){if((e=g1(this,e,t,0)??c)===o1)return;const i=this._$AH,o=e===c&&i!==c||e.capture!==i.capture||e.once!==i.once||e.passive!==i.passive,n=e!==c&&(i===c||o);o&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){var t;typeof this._$AH=="function"?this._$AH.call(((t=this.options)==null?void 0:t.host)??this.element,e):this._$AH.handleEvent(e)}}class I4{constructor(e,t,i){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(e){g1(this,e)}}const p2=E1.litHtmlPolyfillSupport;p2==null||p2(B1,I1),(E1.litHtmlVersions??(E1.litHtmlVersions=[])).push("3.3.2");const T4=(l,e,t)=>{const i=(t==null?void 0:t.renderBefore)??e;let o=i._$litPart$;if(o===void 0){const n=(t==null?void 0:t.renderBefore)??null;i._$litPart$=o=new I1(e.insertBefore($1(),n),n,void 0,t??{})}return o._$AI(l),o};/**
|
|
16
16
|
* @license
|
|
17
17
|
* Copyright 2017 Google LLC
|
|
18
18
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
.callout--success { background-color: var(--color-semantic-success-4); color: var(--color-semantic-gray-0); }
|
|
254
254
|
.callout--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
|
|
255
255
|
.callout--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
256
|
-
`;let
|
|
256
|
+
`;let S1=N2;e3([C()],S1.prototype,"variant");customElements.get("anduin-callout")||customElements.define("anduin-callout",S1);var t3=Object.defineProperty,i4=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&t3(e,t,o),o};const U2=class U2 extends h{constructor(){super(...arguments),this.direction="horizontal",this.hasContent=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator"),this.setAttribute("aria-orientation",this.direction==="vertical"?"vertical":"horizontal")}updated(e){e.has("direction")&&this.setAttribute("aria-orientation",this.direction==="vertical"?"vertical":"horizontal")}onSlotChange(e){const i=e.target.assignedNodes({flatten:!0});this.hasContent=i.some(o=>{var n;return((n=o.textContent)==null?void 0:n.trim())!==""})}render(){return this.direction==="vertical"?this.hasContent?s`
|
|
257
257
|
<div class="divider--vertical">
|
|
258
258
|
<div class="divider__line--vertical"></div>
|
|
259
259
|
<div><slot @slotchange=${this.onSlotChange}></slot></div>
|
|
@@ -280,7 +280,7 @@
|
|
|
280
280
|
.dot--primary { background-color: var(--color-semantic-primary-4); color: var(--color-semantic-gray-0); }
|
|
281
281
|
.dot--danger { background-color: var(--color-semantic-danger-4); color: var(--color-semantic-gray-0); }
|
|
282
282
|
.dot--warning { background-color: var(--color-semantic-warning-3); color: var(--color-semantic-gray-8); }
|
|
283
|
-
`;let
|
|
283
|
+
`;let O1=j2;i3([C()],O1.prototype,"variant");customElements.get("anduin-dot")||customElements.define("anduin-dot",O1);var l3=Object.defineProperty,l4=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&l3(e,t,o),o};const G2=class G2 extends h{constructor(){super(...arguments),this.percent="",this.height="medium"}render(){const e=this.height==="large"?8:3,t=this.percent===""||this.percent===null;let i="";const o=["progress__fill"];return t?o.push("progress__fill--indeterminate"):i=`width: ${Math.max(0,Math.min(1,parseFloat(this.percent)||0))*100}%;`,s`
|
|
284
284
|
<div class="progress" style="height: ${e}px;" part="progress">
|
|
285
285
|
<div class="${o.join(" ")}" style="${i}"></div>
|
|
286
286
|
<div class="progress__background"></div>
|
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
@keyframes skeleton-wave {
|
|
323
323
|
0% { transform: translateX(-100%); } 100% { transform: translateX(100%); }
|
|
324
324
|
}
|
|
325
|
-
`;let
|
|
325
|
+
`;let S=q2;w1([C()],S.prototype,"effect");w1([C()],S.prototype,"shape");w1([C()],S.prototype,"height");w1([C()],S.prototype,"width");w1([C({type:Number})],S.prototype,"duration");w1([C({attribute:"font-size"})],S.prototype,"fontSize");customElements.get("anduin-skeleton")||customElements.define("anduin-skeleton",S);var r3=Object.defineProperty,C3=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&r3(e,t,o),o};const W2=class W2 extends h{constructor(){super(...arguments),this.height="256px"}render(){return s`
|
|
326
326
|
<div class="loading-state" style="height: ${this.height};" part="loading-state">
|
|
327
327
|
<div class="loading-state__indicator">
|
|
328
328
|
<anduin-spinner size="large"></anduin-spinner>
|
|
@@ -604,7 +604,7 @@
|
|
|
604
604
|
font-size: 11px; line-height: 16px; font-weight: 590; letter-spacing: 0.066px;
|
|
605
605
|
color: var(--color-gray-7); white-space: nowrap;
|
|
606
606
|
}
|
|
607
|
-
`;let
|
|
607
|
+
`;let O=n5;k([C()],O.prototype,"value");k([C({attribute:"start-icon"})],O.prototype,"startIcon");k([C({type:Boolean})],O.prototype,"disabled");k([C({type:Boolean,attribute:"show-badge"})],O.prototype,"showBadge");k([C({attribute:"badge-count"})],O.prototype,"badgeCount");k([M()],O.prototype,"isActive");const r5=class r5 extends h{constructor(){super(...arguments),this.value="",this.isActive=!1}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-tabs");e&&e.addEventListener(N1,t=>{const i=t;this.isActive=i.detail===this.value})}updated(e){e.has("isActive")&&this.toggleAttribute("active",this.isActive)}render(){return s`
|
|
608
608
|
<div class="tab-content" role="tabpanel" tabindex="0" part="tab-content">
|
|
609
609
|
<slot></slot>
|
|
610
610
|
</div>
|
|
@@ -612,7 +612,7 @@
|
|
|
612
612
|
:host { display: block; font-family: var(--font-sans); flex: var(--_tab-fill-flex, 0 0 auto); min-height: 0; }
|
|
613
613
|
:host(:not([active])) { display: none; }
|
|
614
614
|
.tab-content { width: 100%; height: var(--_tab-fill-height, auto); overflow-x: hidden; overflow-y: auto; }
|
|
615
|
-
`;let M1=r5;k([C()],M1.prototype,"value");k([M()],M1.prototype,"isActive");customElements.get("anduin-tabs")||customElements.define("anduin-tabs",i1);customElements.get("anduin-tabs-list")||customElements.define("anduin-tabs-list",m1);customElements.get("anduin-tab-trigger")||customElements.define("anduin-tab-trigger",
|
|
615
|
+
`;let M1=r5;k([C()],M1.prototype,"value");k([M()],M1.prototype,"isActive");customElements.get("anduin-tabs")||customElements.define("anduin-tabs",i1);customElements.get("anduin-tabs-list")||customElements.define("anduin-tabs-list",m1);customElements.get("anduin-tab-trigger")||customElements.define("anduin-tab-trigger",O);customElements.get("anduin-tab-content")||customElements.define("anduin-tab-content",M1);var u3=Object.defineProperty,$2=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&u3(e,t,o),o};const s4="anduin-tag-close:click",h3={gray:"tag--light-gray",primary:"tag--light-primary",success:"tag--light-success",warning:"tag--light-warning",danger:"tag--light-danger",boldGray:"tag--bold-gray",boldPrimary:"tag--bold-primary",boldSuccess:"tag--bold-success",boldWarning:"tag--bold-warning",boldDanger:"tag--bold-danger",customAqua:"tag--custom-aqua",customBlue:"tag--custom-blue",customBlueGreen:"tag--custom-blue-green",customGreen:"tag--custom-green",customHotPink:"tag--custom-hot-pink",customIndigo:"tag--custom-indigo",customMagenta:"tag--custom-magenta",customOrange:"tag--custom-orange",customPink:"tag--custom-pink",customPurple:"tag--custom-purple",customRed:"tag--custom-red",customYellow:"tag--custom-yellow",customYellowGreen:"tag--custom-yellow-green",customYellowOrange:"tag--custom-yellow-orange"},g3={gray:"tag__icon--light-gray",primary:"tag__icon--light-primary",success:"tag__icon--light-success",warning:"tag__icon--light-warning",danger:"tag__icon--light-danger",boldGray:"tag__icon--bold-gray",boldPrimary:"tag__icon--bold-primary",boldSuccess:"tag__icon--bold-success",boldWarning:"tag__icon--bold-warning",boldDanger:"tag__icon--bold-danger",customRed:"tag__icon--custom-red",customBlue:"tag__icon--custom-blue",customIndigo:"tag__icon--custom-indigo",customPurple:"tag__icon--custom-purple",customGreen:"tag__icon--custom-green",customHotPink:"tag__icon--custom-hot-pink",customAqua:"tag__icon--custom-aqua",customOrange:"tag__icon--custom-orange",customYellowOrange:"tag__icon--custom-yellow-orange",customYellow:"tag__icon--custom-yellow",customYellowGreen:"tag__icon--custom-yellow-green",customMagenta:"tag__icon--custom-magenta",customBlueGreen:"tag__icon--custom-blue-green",customPink:"tag__icon--custom-pink"},C5=class C5 extends h{constructor(){super(...arguments),this.variant="gray",this.icon="",this.disabled=!1}render(){const e=h3[this.variant]||"tag--light-gray",t=g3[this.variant]||"tag__icon--light-gray";return s`
|
|
616
616
|
<div class="tag ${e} ${this.disabled?"tag--disabled":""}" part="tag">
|
|
617
617
|
${this.icon?s`<anduin-icon name="${this.icon}" size="12" class="tag__icon ${t}"></anduin-icon>`:c}
|
|
618
618
|
<div class="tag__label"><slot></slot></div>
|
|
@@ -678,13 +678,13 @@
|
|
|
678
678
|
}
|
|
679
679
|
.tag-close__button:hover { opacity: 0.7; }
|
|
680
680
|
.tag-close__button:active { opacity: 0.5; }
|
|
681
|
-
`;let Q1=a5;customElements.get("anduin-tag")||customElements.define("anduin-tag",l1);customElements.get("anduin-tag-close")||customElements.define("anduin-tag-close",Q1);var v3=Object.defineProperty,d4=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&v3(e,t,o),o};const A2="anduin-tooltip:show",s2="anduin-tooltip:hide",B2="anduin-tooltip:trigger-mounted",z2="anduin-tooltip:content-popup-mounted",
|
|
681
|
+
`;let Q1=a5;customElements.get("anduin-tag")||customElements.define("anduin-tag",l1);customElements.get("anduin-tag-close")||customElements.define("anduin-tag-close",Q1);var v3=Object.defineProperty,d4=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&v3(e,t,o),o};const A2="anduin-tooltip:show",s2="anduin-tooltip:hide",B2="anduin-tooltip:trigger-mounted",z2="anduin-tooltip:content-popup-mounted",S2="anduin-tooltip:content-popup-unmounted",O2="anduin-tooltip:visibility-changed",f3=["top-start","top-center","top-end","right-start","right-center","right-end","bottom-start","bottom-center","bottom-end","left-start","left-center","left-end"];function D5(l,e,t,i,o){switch(i){case"top-start":return{left:l.left,top:l.top-t-o};case"top-center":return{left:l.left+l.width/2-e/2,top:l.top-t-o};case"top-end":return{left:l.left+l.width-e,top:l.top-t-o};case"right-start":return{left:l.right+o,top:l.top};case"right-center":return{left:l.right+o,top:l.top+l.height/2-t/2};case"right-end":return{left:l.right+o,top:l.top+l.height-t};case"bottom-start":return{left:l.left,top:l.bottom+o};case"bottom-center":return{left:l.left+l.width/2-e/2,top:l.bottom+o};case"bottom-end":return{left:l.left+l.width-e,top:l.bottom+o};case"left-start":return{left:l.left-e-o,top:l.top};case"left-center":return{left:l.left-e-o,top:l.top+l.height/2-t/2};case"left-end":return{left:l.left-e-o,top:l.top+l.height-t};default:return{left:0,top:0}}}function I5(l,e){return e.right>=l.left&&e.left<=l.right&&e.top<=l.bottom&&e.bottom>=l.top}function T5(l,e){const t=Math.max(l.left,e.left),i=Math.max(l.top,e.top),o=Math.min(l.right,e.right),n=Math.min(l.bottom,e.bottom);return o<t||n<i?0:(o-t)*(n-i)}function H3(l,e,t,i=8){const o=window.innerWidth,n=window.innerHeight,r={left:0,top:0,right:o,bottom:n},a=e.width,d=e.height;if(!I5({left:l.left,top:l.top,right:l.right,bottom:l.bottom},r))return null;const p=D5(l,a,d,t,i),u=f3.map(f=>({p:f,off:D5(l,a,d,f,i)})).filter(({off:f})=>I5({left:f.left,top:f.top,right:f.left+a,bottom:f.top+d},r));if(u.length===0)return{placement:t,left:Math.round(Math.min(Math.max(p.left,0),o-a)),top:Math.round(Math.min(Math.max(p.top,0),n-d))};u.sort((f,Z)=>{const N={left:f.off.left,top:f.off.top,right:f.off.left+a,bottom:f.off.top+d},w={left:Z.off.left,top:Z.off.top,right:Z.off.left+a,bottom:Z.off.top+d},F=T5(N,r),K=T5(w,r);if(K!==F)return K-F;const U1=Math.abs(f.off.left-p.left)+Math.abs(f.off.top-p.top),j1=Math.abs(Z.off.left-p.left)+Math.abs(Z.off.top-p.top);return U1-j1});const{p:g,off:H}=u[0];return{placement:g,left:Math.round(Math.min(Math.max(H.left,0),o-a)),top:Math.round(Math.min(Math.max(H.top,0),n-d))}}function V2(l){return l.split("-")[0]||"top"}function V3(l,e,t){let i=!1,o=t.length-1;for(let n=0;n<t.length;n++){const r=t[n][0],a=t[n][1],d=t[o][0],p=t[o][1];a>e!=p>e&&l<(d-r)*(e-a)/(p-a)+r&&(i=!i),o=n}return i}const s5=class s5 extends h{constructor(){super(...arguments),this.disabled=!1,this.placement="top-center",this.triggerElement=null,this.contentPopupElement=null,this.containingBlockLeft=0,this.containingBlockTop=0,this.rafId=0,this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN,this.isVisible=!1}connectedCallback(){super.connectedCallback(),this.addEventListener(B2,e=>{e.stopPropagation(),this.triggerElement=e.detail,this.maybeStartPositionLoop()}),this.addEventListener(z2,e=>{e.stopPropagation(),this.contentPopupElement=e.detail,this.computeContainingBlockOffset(this.contentPopupElement),this.maybeStartPositionLoop()}),this.addEventListener(S2,e=>{e.stopPropagation(),this.stopPositionLoop(),this.contentPopupElement=null}),this.addEventListener(A2,e=>{e.stopPropagation(),!this.disabled&&(this.isVisible=!0,this.broadcastVisibilityChanged(`show:${this.placement}`))}),this.addEventListener(s2,e=>{e.stopPropagation(),this.isVisible=!1,this.stopPositionLoop(),this.broadcastVisibilityChanged("hide")})}updated(e){e.has("disabled")&&this.disabled&&this.isVisible&&(this.isVisible=!1,this.stopPositionLoop(),this.broadcastVisibilityChanged("hide"))}disconnectedCallback(){super.disconnectedCallback(),this.stopPositionLoop(),this.triggerElement=null,this.contentPopupElement=null}maybeStartPositionLoop(){this.isVisible&&this.triggerElement&&this.contentPopupElement&&this.startPositionLoop()}startPositionLoop(){this.stopPositionLoop(),this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN;const e=this.triggerElement,t=this.contentPopupElement,i=this.placement,o=()=>{const n=e.getBoundingClientRect();(n.top!==this.prevTriggerTop||n.left!==this.prevTriggerLeft)&&(this.prevTriggerTop=n.top,this.prevTriggerLeft=n.left,this.positionPopup(t,e,i)),this.rafId=requestAnimationFrame(o)};this.rafId=requestAnimationFrame(o)}stopPositionLoop(){this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=0),this.prevTriggerTop=NaN,this.prevTriggerLeft=NaN}computeContainingBlockOffset(e){const t=e,i=t.style.transform;t.style.transform="none";const o=e.getBoundingClientRect();this.containingBlockLeft=o.left,this.containingBlockTop=o.top,t.style.transform=i}positionPopup(e,t,i){const o=t.getBoundingClientRect(),n=e.getBoundingClientRect(),r=H3(o,n,i,8);if(r){const a=e;a.style.transform=`translate(${r.left-this.containingBlockLeft}px, ${r.top-this.containingBlockTop}px)`;const d=V2(r.placement),p=V2(i);if(d!==p){const u=e.querySelector(".tooltip-arrow");u&&(u.classList.remove(`tooltip-arrow--${p}`),u.classList.add(`tooltip-arrow--${d}`))}}}broadcastVisibilityChanged(e){this.dispatchEvent(new CustomEvent(O2,{detail:e,bubbles:!1,composed:!1}))}render(){return s`<div class="tooltip-root" part="tooltip"><slot></slot></div>`}};s5.styles=v`
|
|
682
682
|
:host { display: inline-block; position: relative; max-width: 100%; font-family: var(--font-sans); }
|
|
683
683
|
.tooltip-root { display: inline-block; position: relative; max-width: 100%; }
|
|
684
684
|
`;let y1=s5;d4([C({type:Boolean})],y1.prototype,"disabled");d4([C()],y1.prototype,"placement");const d5=class d5 extends h{firstUpdated(){requestAnimationFrame(()=>{this.dispatchEvent(new CustomEvent(B2,{detail:this,bubbles:!0,composed:!0}))}),this.addEventListener("pointerenter",()=>{this.dispatchEvent(new CustomEvent(A2,{bubbles:!0,composed:!0}))}),this.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent(s2,{bubbles:!0,composed:!0}))})}render(){return s`<span class="tooltip-trigger" part="tooltip-trigger"><slot></slot></span>`}};d5.styles=v`
|
|
685
685
|
:host { display: inline-block; max-width: 100%; font-family: var(--font-sans); }
|
|
686
686
|
.tooltip-trigger { display: flex; align-items: center; max-width: 100%; }
|
|
687
|
-
`;let e2=d5;const c5=class c5 extends h{constructor(){super(...arguments),this.graceArea=null,this.triggerEl=null,this.popupEl=null,this.handlePointerMove=e=>{var n,r;if(!this.graceArea)return;const t=e.target,i=((n=this.triggerEl)==null?void 0:n.contains(t))??!1,o=((r=this.popupEl)==null?void 0:r.contains(t))??!1;i||o?this.graceArea=null:V3(e.clientX,e.clientY,this.graceArea)||(this.graceArea=null,this.dispatchEvent(new CustomEvent(s2,{bubbles:!0,composed:!0})))},this.handleTriggerLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.triggerEl,this.popupEl,e)},this.handleContentLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.popupEl,this.triggerEl,e)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-tooltip");e&&e.addEventListener(
|
|
687
|
+
`;let e2=d5;const c5=class c5 extends h{constructor(){super(...arguments),this.graceArea=null,this.triggerEl=null,this.popupEl=null,this.handlePointerMove=e=>{var n,r;if(!this.graceArea)return;const t=e.target,i=((n=this.triggerEl)==null?void 0:n.contains(t))??!1,o=((r=this.popupEl)==null?void 0:r.contains(t))??!1;i||o?this.graceArea=null:V3(e.clientX,e.clientY,this.graceArea)||(this.graceArea=null,this.dispatchEvent(new CustomEvent(s2,{bubbles:!0,composed:!0})))},this.handleTriggerLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.triggerEl,this.popupEl,e)},this.handleContentLeave=e=>{this.triggerEl&&this.popupEl&&this.createGraceArea(this.popupEl,this.triggerEl,e)}}connectedCallback(){super.connectedCallback();const e=this.closest("anduin-tooltip");e&&e.addEventListener(O2,t=>{const i=t.detail;i.startsWith("show:")?this.showPopup(i.slice(5)):this.hidePopup()})}disconnectedCallback(){super.disconnectedCallback(),this.hidePopup()}createGraceArea(e,t,i){const o=t.getBoundingClientRect(),n=i.clientX,r=i.clientY;this.graceArea=[[n,r],[o.left,o.top],[o.right,o.top],[o.right,o.bottom],[o.left,o.bottom]]}setupGraceAreaListeners(e,t){this.cleanupGraceAreaListeners(),this.triggerEl=e,this.popupEl=t,e.addEventListener("pointerleave",this.handleTriggerLeave),t.addEventListener("pointerleave",this.handleContentLeave),document.addEventListener("pointermove",this.handlePointerMove)}cleanupGraceAreaListeners(){this.triggerEl&&this.triggerEl.removeEventListener("pointerleave",this.handleTriggerLeave),this.popupEl&&this.popupEl.removeEventListener("pointerleave",this.handleContentLeave),document.removeEventListener("pointermove",this.handlePointerMove),this.graceArea=null,this.triggerEl=null,this.popupEl=null}showPopup(e){this.hidePopup();const t=V2(e),i=document.createElement("div");i.className="tooltip-popup",i.setAttribute("role","tooltip");const o=document.createElement("div");o.className=`tooltip-arrow tooltip-arrow--${t}`;const n=document.createElement("div");n.className="tooltip-body",n.appendChild(document.createElement("slot")),i.appendChild(o),i.appendChild(n);const r=this.shadowRoot.querySelector(".tooltip-content-wrapper");r&&r.appendChild(i),this.popupEl=i;const a=this.closest("anduin-tooltip");if(a){const d=a.querySelector("anduin-tooltip-trigger");d&&this.setupGraceAreaListeners(d,i)}this.dispatchEvent(new CustomEvent(z2,{detail:i,bubbles:!0,composed:!0}))}hidePopup(){this.popupEl&&(this.popupEl.remove(),this.popupEl=null,this.dispatchEvent(new CustomEvent(S2,{bubbles:!0,composed:!0}))),this.cleanupGraceAreaListeners()}render(){return s`<div class="tooltip-content-wrapper"></div>`}};c5.styles=v`
|
|
688
688
|
:host {
|
|
689
689
|
display: contents;
|
|
690
690
|
--tooltip-bg: var(--anduin-tooltip-content-background, var(--color-gray-9));
|
|
@@ -1461,7 +1461,7 @@
|
|
|
1461
1461
|
`:c}};b5.styles=v`
|
|
1462
1462
|
:host { display: inline-flex; align-items: center; justify-content: center; }
|
|
1463
1463
|
svg { display: block; }
|
|
1464
|
-
`;let Z1=b5;H4([C()],Z1.prototype,"type");H4([C({type:Number})],Z1.prototype,"size");customElements.get("anduin-file-icon")||customElements.define("anduin-file-icon",Z1);var z3=Object.defineProperty,p1=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&z3(e,t,o),o};const j5={gray:"info",primary:"infoCircleLine",success:"checkCircle",warning:"warning",danger:"error"},
|
|
1464
|
+
`;let Z1=b5;H4([C()],Z1.prototype,"type");H4([C({type:Number})],Z1.prototype,"size");customElements.get("anduin-file-icon")||customElements.define("anduin-file-icon",Z1);var z3=Object.defineProperty,p1=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&z3(e,t,o),o};const j5={gray:"info",primary:"infoCircleLine",success:"checkCircle",warning:"warning",danger:"error"},S3="anduin-toast:dismiss",m5=class m5 extends h{constructor(){super(...arguments),this.variant="gray",this.heading="",this.description="",this._dismissing=!1}dismiss(){var t;if(this._dismissing)return;this._dismissing=!0;const e=i=>{var o;i.propertyName==="opacity"&&((o=this._toastEl)==null||o.removeEventListener("transitionend",e),this.dispatchEvent(new CustomEvent(S3,{bubbles:!0,composed:!0})))};(t=this._toastEl)==null||t.addEventListener("transitionend",e)}_onClose(){this.dismiss()}render(){const e=j5[this.variant]??j5.gray;return s`
|
|
1465
1465
|
<div
|
|
1466
1466
|
class="toast toast--${this.variant} ${this._dismissing?"toast--dismissing":""}"
|
|
1467
1467
|
part="toast"
|
|
@@ -1480,7 +1480,7 @@
|
|
|
1480
1480
|
aria-label="Dismiss"
|
|
1481
1481
|
@click=${this._onClose}
|
|
1482
1482
|
>
|
|
1483
|
-
<anduin-icon name="
|
|
1483
|
+
<anduin-icon name="crossSmall" size="16"></anduin-icon>
|
|
1484
1484
|
</button>
|
|
1485
1485
|
</div>
|
|
1486
1486
|
`}};m5.styles=v`
|
|
@@ -1504,9 +1504,9 @@
|
|
|
1504
1504
|
.toast {
|
|
1505
1505
|
display: flex;
|
|
1506
1506
|
align-items: flex-start;
|
|
1507
|
-
gap:
|
|
1508
|
-
padding:
|
|
1509
|
-
border-radius:
|
|
1507
|
+
gap: 8px;
|
|
1508
|
+
padding: 4px;
|
|
1509
|
+
border-radius: 12px;
|
|
1510
1510
|
box-shadow: var(
|
|
1511
1511
|
--shadow-4,
|
|
1512
1512
|
0px 4px 8px rgba(29, 41, 57, 0.08),
|
|
@@ -1528,10 +1528,9 @@
|
|
|
1528
1528
|
transform: translateX(-12px) scale(0.97);
|
|
1529
1529
|
}
|
|
1530
1530
|
|
|
1531
|
-
/*
|
|
1531
|
+
/* Light surface for all variants */
|
|
1532
1532
|
.toast {
|
|
1533
|
-
background: var(--color-gray-
|
|
1534
|
-
border: 1px solid var(--color-gray-8, #1d2939);
|
|
1533
|
+
background: var(--color-gray-0, #ffffff);
|
|
1535
1534
|
}
|
|
1536
1535
|
|
|
1537
1536
|
.toast__icon {
|
|
@@ -1539,22 +1538,29 @@
|
|
|
1539
1538
|
display: flex;
|
|
1540
1539
|
align-items: center;
|
|
1541
1540
|
justify-content: center;
|
|
1542
|
-
|
|
1541
|
+
align-self: stretch;
|
|
1542
|
+
padding: 12px;
|
|
1543
|
+
border-radius: 8px;
|
|
1543
1544
|
}
|
|
1544
1545
|
.toast__icon--gray {
|
|
1545
|
-
color: var(--color-gray-
|
|
1546
|
+
color: var(--color-gray-6, #475467);
|
|
1547
|
+
background: var(--color-gray-2, #eaecf0);
|
|
1546
1548
|
}
|
|
1547
1549
|
.toast__icon--primary {
|
|
1548
|
-
color: var(--color-primary-
|
|
1550
|
+
color: var(--color-primary-4, #444ce7);
|
|
1551
|
+
background: var(--color-primary-1, #eef4ff);
|
|
1549
1552
|
}
|
|
1550
1553
|
.toast__icon--success {
|
|
1551
|
-
color: var(--color-success-
|
|
1554
|
+
color: var(--color-success-4, #17b26a);
|
|
1555
|
+
background: var(--color-success-1, #dcfae6);
|
|
1552
1556
|
}
|
|
1553
1557
|
.toast__icon--warning {
|
|
1554
|
-
color: var(--color-warning-
|
|
1558
|
+
color: var(--color-warning-4, #dc6803);
|
|
1559
|
+
background: var(--color-warning-1, #fef0c7);
|
|
1555
1560
|
}
|
|
1556
1561
|
.toast__icon--danger {
|
|
1557
|
-
color: var(--color-danger-
|
|
1562
|
+
color: var(--color-danger-4, #d92d20);
|
|
1563
|
+
background: var(--color-danger-1, #fee4e2);
|
|
1558
1564
|
}
|
|
1559
1565
|
|
|
1560
1566
|
.toast__body {
|
|
@@ -1562,20 +1568,23 @@
|
|
|
1562
1568
|
min-width: 0;
|
|
1563
1569
|
display: flex;
|
|
1564
1570
|
flex-direction: column;
|
|
1565
|
-
|
|
1571
|
+
padding-top: 2px;
|
|
1572
|
+
padding-bottom: 2px;
|
|
1573
|
+
align-self: stretch;
|
|
1574
|
+
justify-content: center;
|
|
1566
1575
|
}
|
|
1567
1576
|
|
|
1568
1577
|
.toast__title {
|
|
1569
1578
|
font-size: var(--text-13, 13px);
|
|
1570
1579
|
font-weight: 500;
|
|
1571
|
-
color: var(--color-gray-
|
|
1580
|
+
color: var(--color-gray-9, #101828);
|
|
1572
1581
|
line-height: 20px;
|
|
1573
1582
|
}
|
|
1574
1583
|
|
|
1575
1584
|
.toast__description {
|
|
1576
|
-
font-size: var(--text-
|
|
1585
|
+
font-size: var(--text-12, 12px);
|
|
1577
1586
|
font-weight: 400;
|
|
1578
|
-
color: var(--color-gray-
|
|
1587
|
+
color: var(--color-gray-7, #344054);
|
|
1579
1588
|
line-height: 20px;
|
|
1580
1589
|
}
|
|
1581
1590
|
|
|
@@ -1589,17 +1598,17 @@
|
|
|
1589
1598
|
background: none;
|
|
1590
1599
|
border: none;
|
|
1591
1600
|
cursor: pointer;
|
|
1592
|
-
border-radius:
|
|
1601
|
+
border-radius: 8px;
|
|
1593
1602
|
padding: 0;
|
|
1594
|
-
color: var(--color-gray-
|
|
1595
|
-
margin-top: -2px;
|
|
1603
|
+
color: var(--color-gray-6, #475467);
|
|
1596
1604
|
}
|
|
1605
|
+
|
|
1597
1606
|
.toast__close:hover {
|
|
1598
|
-
background: var(--color-gray-
|
|
1599
|
-
color: var(--color-gray-
|
|
1607
|
+
background: var(--color-gray-2, #eaecf0);
|
|
1608
|
+
color: var(--color-gray-9, #101828);
|
|
1600
1609
|
}
|
|
1601
1610
|
.toast__close:active {
|
|
1602
|
-
background: var(--color-gray-
|
|
1611
|
+
background: var(--color-gray-3, #d0d5dd);
|
|
1603
1612
|
}
|
|
1604
1613
|
`;let I=m5;p1([C()],I.prototype,"variant");p1([C()],I.prototype,"heading");p1([C()],I.prototype,"description");p1([M()],I.prototype,"_dismissing");p1([R(".toast")],I.prototype,"_toastEl");customElements.get("anduin-toast")||customElements.define("anduin-toast",I);const M5=class M5 extends h{constructor(){super(...arguments),this.position="bottom-left",this._toasts=[],this._nextId=0}show(e){const t=this._nextId++,i=e.position??this.position;this._toasts=[...this._toasts,{id:t,opts:{...e,position:i}}];const o=e.duration??4e3;return o>0&&setTimeout(()=>this._dismissById(t),o),t}dismiss(e){this._dismissById(e)}_dismissById(e){var i;const t=(i=this.shadowRoot)==null?void 0:i.querySelector(`anduin-toast[data-id="${e}"]`);t?t.dismiss():this._removeById(e)}_removeById(e){this._toasts=this._toasts.filter(t=>t.id!==e)}_onDismiss(e,t){e.stopPropagation(),this._removeById(t)}render(){return s`
|
|
1605
1614
|
<div class="toaster toaster--${this.position}" part="toaster">
|
|
@@ -1659,7 +1668,7 @@
|
|
|
1659
1668
|
right: 20px;
|
|
1660
1669
|
align-items: flex-end;
|
|
1661
1670
|
}
|
|
1662
|
-
`;let _1=M5;p1([C()],_1.prototype,"position");p1([M()],_1.prototype,"_toasts");customElements.get("anduin-toaster")||customElements.define("anduin-toaster",_1);const
|
|
1671
|
+
`;let _1=M5;p1([C()],_1.prototype,"position");p1([M()],_1.prototype,"_toasts");customElements.get("anduin-toaster")||customElements.define("anduin-toaster",_1);const O3={show(l){return P3(l.position).show(l)},success(l,e,t){return this.show({...t,variant:"success",heading:l,description:e})},danger(l,e,t){return this.show({...t,variant:"danger",heading:l,description:e})},warning(l,e,t){return this.show({...t,variant:"warning",heading:l,description:e})},primary(l,e,t){return this.show({...t,variant:"primary",heading:l,description:e})},gray(l,e,t){return this.show({...t,variant:"gray",heading:l,description:e})}},v2=new Map;function P3(l="bottom-left"){if(v2.has(l))return v2.get(l);const e=document.createElement("anduin-toaster");return e.position=l,document.body.appendChild(e),v2.set(l,e),e}var F3=Object.defineProperty,V4=(l,e,t,i)=>{for(var o=void 0,n=l.length-1,r;n>=0;n--)(r=l[n])&&(o=r(e,t,o)||o);return o&&F3(e,t,o),o};const L4="anduin-switcher:change",y5=class y5 extends h{constructor(){super(...arguments),this.checked=!1,this.disabled=!1}onChange(){this.checked=!this.checked,this.dispatchEvent(new CustomEvent(L4,{detail:this.checked,bubbles:!0,composed:!0}))}render(){return s`
|
|
1663
1672
|
<label class="${this.disabled?"is-disabled":""}">
|
|
1664
1673
|
<div class="track${this.checked?" track--checked":""}" part="track">
|
|
1665
1674
|
<input
|
|
@@ -2279,4 +2288,4 @@
|
|
|
2279
2288
|
color: var(--color-gray-5, #98a1b2);
|
|
2280
2289
|
text-align: center;
|
|
2281
2290
|
}
|
|
2282
|
-
`;let V=x5;m([C()],V.prototype,"value");m([C()],V.prototype,"size");m([C({type:Boolean})],V.prototype,"disabled");m([C({type:Boolean})],V.prototype,"readonly");m([C()],V.prototype,"placeholder");m([C()],V.prototype,"inputid");m([C()],V.prototype,"status");m([C({attribute:"start-icon"})],V.prototype,"startIcon");m([C({attribute:"end-icon"})],V.prototype,"endIcon");m([C({type:Boolean})],V.prototype,"clearable");m([C({attribute:!1})],V.prototype,"suggestions");m([C({type:Boolean})],V.prototype,"filter");m([C({type:Boolean,attribute:"hide-when-empty"})],V.prototype,"hideWhenEmpty");m([C({attribute:"empty-text"})],V.prototype,"emptyText");m([M()],V.prototype,"_open");m([M()],V.prototype,"_activeIndex");m([R("input")],V.prototype,"_inputEl");m([R(".panel")],V.prototype,"_panelEl");customElements.get("anduin-suggestion")||customElements.define("anduin-suggestion",V);exports.AnduinAvatar=B;exports.AnduinBadge=z1;exports.AnduinBadgeCount=H1;exports.AnduinButton=b;exports.AnduinCallout=
|
|
2291
|
+
`;let V=x5;m([C()],V.prototype,"value");m([C()],V.prototype,"size");m([C({type:Boolean})],V.prototype,"disabled");m([C({type:Boolean})],V.prototype,"readonly");m([C()],V.prototype,"placeholder");m([C()],V.prototype,"inputid");m([C()],V.prototype,"status");m([C({attribute:"start-icon"})],V.prototype,"startIcon");m([C({attribute:"end-icon"})],V.prototype,"endIcon");m([C({type:Boolean})],V.prototype,"clearable");m([C({attribute:!1})],V.prototype,"suggestions");m([C({type:Boolean})],V.prototype,"filter");m([C({type:Boolean,attribute:"hide-when-empty"})],V.prototype,"hideWhenEmpty");m([C({attribute:"empty-text"})],V.prototype,"emptyText");m([M()],V.prototype,"_open");m([M()],V.prototype,"_activeIndex");m([R("input")],V.prototype,"_inputEl");m([R(".panel")],V.prototype,"_panelEl");customElements.get("anduin-suggestion")||customElements.define("anduin-suggestion",V);exports.AnduinAvatar=B;exports.AnduinBadge=z1;exports.AnduinBadgeCount=H1;exports.AnduinButton=b;exports.AnduinCallout=S1;exports.AnduinCheckbox=D;exports.AnduinDivider=V1;exports.AnduinDot=O1;exports.AnduinDrawer=$;exports.AnduinDrawerClose=m4;exports.AnduinDropdown=L;exports.AnduinField=F1;exports.AnduinFieldDescription=X1;exports.AnduinFieldError=K1;exports.AnduinFieldGroup=J1;exports.AnduinFieldLabel=b1;exports.AnduinFileIcon=Z1;exports.AnduinIcon=f1;exports.AnduinInput=_;exports.AnduinLoadingState=P1;exports.AnduinMenu=q;exports.AnduinMenuItem=n1;exports.AnduinModal=u4;exports.AnduinModalClose=h4;exports.AnduinPopover=A;exports.AnduinPopoverClose=l2;exports.AnduinProgress=L1;exports.AnduinRadio=P;exports.AnduinRadioGroup=r1;exports.AnduinSkeleton=S;exports.AnduinSpinner=v1;exports.AnduinSuggestion=V;exports.AnduinSwitcher=x1;exports.AnduinTabContent=M1;exports.AnduinTabTrigger=O;exports.AnduinTabs=i1;exports.AnduinTabsList=m1;exports.AnduinTag=l1;exports.AnduinTagClose=Q1;exports.AnduinTextarea=E;exports.AnduinToast=I;exports.AnduinToaster=_1;exports.AnduinTooltip=y1;exports.AnduinTooltipContent=t2;exports.AnduinTooltipTrigger=e2;exports.AnduinWell=D1;exports.AnduinWellClose=o2;exports.BADGE_STYLES=x2;exports.CHECKBOX_CHANGE=n4;exports.DRAWER_AFTER_CLOSE_EVENT=b4;exports.DRAWER_CLOSE_EVENT=C2;exports.DROPDOWN_CHANGE=m2;exports.FIELD_LABEL_CLICK=k2;exports.FIELD_LABEL_CLICK_COORDINATED=C1;exports.FILE_ICONS=v4;exports.INPUT_CHANGE=H2;exports.INPUT_CLEAR=r4;exports.MENU_ITEM_CLICK=n2;exports.MODAL_AFTER_CLOSE_EVENT=p4;exports.MODAL_CLOSE_EVENT=h1;exports.POPOVER_CLOSE=i2;exports.RADIO_CHANGE=r2;exports.RADIO_GROUP_CHANGE=g4;exports.SUGGESTION_CHANGE=q1;exports.SUGGESTION_CLEAR=y4;exports.SUGGESTION_SELECT=M4;exports.SWITCHER_CHANGE=L4;exports.TAB_CHANGE=a4;exports.TAB_TRIGGER_CLICK=E2;exports.TAB_VALUE_CHANGED=N1;exports.TAG_CLOSE_CLICK=s4;exports.TEXTAREA_CHANGE=C4;exports.TOOLTIP_CONTENT_POPUP_MOUNTED=z2;exports.TOOLTIP_CONTENT_POPUP_UNMOUNTED=S2;exports.TOOLTIP_HIDE=s2;exports.TOOLTIP_SHOW=A2;exports.TOOLTIP_TRIGGER_MOUNTED=B2;exports.TOOLTIP_VISIBILITY_CHANGED=O2;exports.WELL_CLOSE_CLICK=c4;exports.getBadgeVariantClass=w2;exports.resolveFileIcon=f4;exports.toast=O3;
|
package/dist/react.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-suggestion-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),t=require("@lit/react"),e=require("./anduin-suggestion-DwPitfLM.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),s=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),r=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),l=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),i=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),c=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),d=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),m=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),u=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),E=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),A=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),g=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),N=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),p=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),_=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),L=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),R=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),I=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),D=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),H=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),v=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),b=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),F=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),M=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),P=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),W=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),U=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),h=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),B=t.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),V=t.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),K=t.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),k=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),f=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),x=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),X=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),q=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),y=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),j=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),z=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),J=t.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}});exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DRAWER_AFTER_CLOSE_EVENT=e.DRAWER_AFTER_CLOSE_EVENT;exports.DRAWER_CLOSE_EVENT=e.DRAWER_CLOSE_EVENT;exports.DROPDOWN_CHANGE=e.DROPDOWN_CHANGE;exports.INPUT_CHANGE=e.INPUT_CHANGE;exports.INPUT_CLEAR=e.INPUT_CLEAR;exports.MENU_ITEM_CLICK=e.MENU_ITEM_CLICK;exports.MODAL_AFTER_CLOSE_EVENT=e.MODAL_AFTER_CLOSE_EVENT;exports.MODAL_CLOSE_EVENT=e.MODAL_CLOSE_EVENT;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.SUGGESTION_CHANGE=e.SUGGESTION_CHANGE;exports.SUGGESTION_CLEAR=e.SUGGESTION_CLEAR;exports.SUGGESTION_SELECT=e.SUGGESTION_SELECT;exports.SWITCHER_CHANGE=e.SWITCHER_CHANGE;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.Avatar=k;exports.Badge=s;exports.BadgeCount=C;exports.Button=r;exports.Callout=l;exports.Checkbox=S;exports.Divider=i;exports.Dot=c;exports.Drawer=y;exports.DrawerClose=j;exports.Dropdown=q;exports.Field=E;exports.FieldDescription=g;exports.FieldError=N;exports.FieldGroup=T;exports.FieldLabel=A;exports.FileIcon=f;exports.Icon=o;exports.Input=G;exports.LoadingState=u;exports.Menu=I;exports.MenuItem=D;exports.Modal=H;exports.ModalClose=v;exports.Popover=O;exports.PopoverClose=R;exports.Progress=d;exports.Radio=p;exports.RadioGroup=_;exports.Skeleton=m;exports.Spinner=a;exports.Suggestion=J;exports.Switcher=z;exports.TabContent=P;exports.TabTrigger=M;exports.Tabs=b;exports.TabsList=F;exports.Tag=W;exports.TagClose=U;exports.Textarea=L;exports.Toast=x;exports.Toaster=X;exports.Tooltip=w;exports.TooltipContent=B;exports.TooltipTrigger=h;exports.Well=V;exports.WellClose=K;
|
package/dist/react.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "react";
|
|
2
2
|
import { createComponent as a } from "@lit/react";
|
|
3
|
-
import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as C, k as m, o as g, l as A, m as N, n as T, a7 as E, B as p, a8 as _, C as v, W as S, e as b, a2 as L, a1 as G, r as D, ah as I, N as R, x as O, y as h, t as w, u as F, a4 as f, a5 as M, v as H, w as P, ad as W, J as k, K as x, I as B, H as U, L as K, ag as V, M as X, Q as j, S as q, R as y, T as z, ao as J, U as Q, A as Y, p as Z, O as $, P as ee, Z as ae, j as ne, X as te, Y as se, h as oe, i as le, ac as ie, G as de, aa as re, ab as ce, a9 as ue, F as Ce } from "./anduin-suggestion-
|
|
4
|
-
import { a3 as ua } from "./anduin-suggestion-
|
|
3
|
+
import { E as n, q as t, a as s, b as o, c as l, d as i, f as d, g as r, z as c, D as u, s as C, k as m, o as g, l as A, m as N, n as T, a7 as E, B as p, a8 as _, C as v, W as S, e as b, a2 as L, a1 as G, r as D, ah as I, N as R, x as O, y as h, t as w, u as F, a4 as f, a5 as M, v as H, w as P, ad as W, J as k, K as x, I as B, H as U, L as K, ag as V, M as X, Q as j, S as q, R as y, T as z, ao as J, U as Q, A as Y, p as Z, O as $, P as ee, Z as ae, j as ne, X as te, Y as se, h as oe, i as le, ac as ie, G as de, aa as re, ab as ce, a9 as ue, F as Ce } from "./anduin-suggestion-D6WMsEcg.js";
|
|
4
|
+
import { a3 as ua } from "./anduin-suggestion-D6WMsEcg.js";
|
|
5
5
|
const Ne = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Te = a({ react: e, tagName: "anduin-icon", elementClass: t }), Ee = a({ react: e, tagName: "anduin-badge", elementClass: s }), pe = a({ react: e, tagName: "anduin-badge-count", elementClass: o }), _e = a({ react: e, tagName: "anduin-button", elementClass: l }), ve = a({ react: e, tagName: "anduin-callout", elementClass: i }), Se = a({ react: e, tagName: "anduin-divider", elementClass: d }), be = a({ react: e, tagName: "anduin-dot", elementClass: r }), Le = a({ react: e, tagName: "anduin-progress", elementClass: c }), Ge = a({ react: e, tagName: "anduin-skeleton", elementClass: u }), De = a({ react: e, tagName: "anduin-loading-state", elementClass: C }), Ie = a({ react: e, tagName: "anduin-field", elementClass: m }), Re = a({ react: e, tagName: "anduin-field-label", elementClass: g }), Oe = a({ react: e, tagName: "anduin-field-description", elementClass: A }), he = a({ react: e, tagName: "anduin-field-error", elementClass: N }), we = a({ react: e, tagName: "anduin-field-group", elementClass: T }), Fe = a({
|
|
6
6
|
react: e,
|
|
7
7
|
tagName: "anduin-radio",
|
package/dist/tailwind-preset.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;
|
|
1
|
+
"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],12:["var(--text-12)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;
|
package/dist/tailwind-preset.js
CHANGED
|
@@ -97,6 +97,7 @@ const a = {
|
|
|
97
97
|
9: ["var(--text-9)", { lineHeight: "var(--leading-16)" }],
|
|
98
98
|
10: ["var(--text-10)", { lineHeight: "var(--leading-16)" }],
|
|
99
99
|
11: ["var(--text-11)", { lineHeight: "var(--leading-16)" }],
|
|
100
|
+
12: ["var(--text-12)", { lineHeight: "var(--leading-16)" }],
|
|
100
101
|
13: ["var(--text-13)", { lineHeight: "var(--leading-20)" }],
|
|
101
102
|
15: ["var(--text-15)", { lineHeight: "var(--leading-24)" }],
|
|
102
103
|
17: ["var(--text-17)", { lineHeight: "var(--leading-24)" }],
|
package/dist/tailwind-theme.css
CHANGED