@duyluonganduin/acl-web-components 0.0.65 → 0.0.66
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 +147 -137
- package/dist/acl-web-components.js +35 -35
- package/dist/{anduin-table-BJvi-IiU.cjs → anduin-table-B-RW2kkS.cjs} +33 -23
- package/dist/{anduin-table-BNMWngox.js → anduin-table-D5xijY_4.js} +553 -543
- package/dist/react.cjs +1 -1
- package/dist/react.js +2 -2
- package/dist/tailwind-preset.cjs +1 -1
- package/dist/tailwind-preset.js +9 -4
- package/dist/tailwind-theme.css +6 -0
- package/dist/tokens.css +30 -4
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as l, a as e, b as n, c as s, d as i, e as
|
|
2
|
-
const r = ':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-purple-50: oklch(.9676 .016 286.1);--color-purple-100: oklch(.9434 .0255 288.32);--color-purple-200: oklch(.8927 .0519 287.71);--color-purple-300: oklch(.81 .0925 287.61);--color-purple-400: oklch(.7048 .1478 287.77);--color-purple-500: oklch(.5961 .2043 286.53);--color-purple-600: oklch(.5316 .2303 286.64);--color-purple-700: oklch(.471 .2307 285.3);--color-purple-800: oklch(.4148 .2014 285.43);--color-purple-900: oklch(.3654 .17 286.37);--color-purple-950: oklch(.2734 .1288 284.42);--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;--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}:root,.light,[data-theme=light]{color-scheme:light;--color-background: var(--color-gray-0);--color-foreground: var(--color-gray-8);--color-card: var(--color-gray-0);--color-card-foreground: var(--color-gray-8);--color-popover: var(--color-gray-0);--color-popover-foreground: var(--color-gray-8);--color-popover-border: transparent;--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: var(--color-primary-1);--color-primary-subtle-foreground: var(--color-primary-5);--color-primary-subtle-active: var(--color-primary-2);--color-primary-border: var(--color-primary-3);--color-secondary: var(--color-gray-2);--color-secondary-foreground: var(--color-gray-8);--color-muted: var(--color-gray-1);--color-muted-foreground: var(--color-gray-7);--color-subtle-foreground: var(--color-gray-6);--color-placeholder: var(--color-gray-5);--color-accent: var(--color-gray-2);--color-accent-subtle: var(--color-gray-1);--color-accent-foreground: var(--color-gray-8);--color-accent-active: var(--color-gray-3);--color-accent-strong: var(--color-gray-4);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-3);--color-neutral-subtle-foreground: var(--color-gray-7);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: var(--color-danger-1);--color-destructive-subtle-foreground: var(--color-danger-5);--color-destructive-subtle-active: var(--color-danger-2);--color-destructive-border: var(--color-danger-3);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: var(--color-success-1);--color-success-subtle-foreground: var(--color-success-5);--color-success-subtle-active: var(--color-success-2);--color-success-border: var(--color-success-3);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: var(--color-warning-1);--color-warning-subtle-foreground: var(--color-warning-5);--color-warning-subtle-active: var(--color-warning-2);--color-warning-border: var(--color-warning-3);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: var(--color-purple-50);--color-ai-subtle-foreground: var(--color-purple-700);--color-ai-subtle-active: var(--color-purple-100);--color-ai-border: var(--color-purple-300);--color-border: var(--color-gray-3);--color-border-subtle: var(--color-gray-2);--color-input: var(--color-gray-4);--color-ring: var(--color-primary-4);--color-ring-subtle: var(--color-primary-1);--color-ring-outline: var(--color-primary-2);--color-disabled: var(--color-gray-2);--color-disabled-foreground: var(--color-gray-4);--color-inverse: var(--color-gray-9);--color-inverse-foreground: var(--color-gray-0);--color-overlay: rgba(50, 60, 77, .6);--color-shadow: var(--color-gray-9);--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);--color-canvas: var(--color-gray-1);--color-table-header: var(--color-gray-1);--color-highlight: oklch(from var(--color-gray-8) l c h / .06);--color-border-muted: var(--color-gray-2);--color-primary-icon: var(--color-primary-4);--color-destructive-icon: var(--color-danger-4);--color-success-icon: color-mix(in oklab, var(--color-success-4), var(--color-success-5));--color-warning-icon: color-mix(in oklab, var(--color-warning-4), var(--color-warning-5));--color-ai-icon: var(--color-purple-500);--color-neutral-icon: var(--color-gray-7);--color-ai-glow: transparent}.dark,[data-theme=dark]{color-scheme:dark;--color-background: var(--color-gray-9);--color-foreground: var(--color-gray-2);--color-card: var(--color-gray-9);--color-card-foreground: var(--color-gray-2);--color-popover: var(--color-gray-9);--color-popover-foreground: var(--color-gray-2);--color-popover-border: var(--color-border);--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 16%);--color-primary-subtle-foreground: var(--color-primary-2);--color-primary-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 28%);--color-primary-border: oklch(from var(--color-primary-4) l c h / .6);--color-secondary: var(--color-gray-8);--color-secondary-foreground: var(--color-gray-2);--color-muted: color-mix(in oklab, var(--color-gray-9), black 6%);--color-muted-foreground: color-mix(in oklab, var(--color-gray-4), var(--color-gray-5));--color-subtle-foreground: var(--color-gray-5);--color-placeholder: var(--color-gray-5);--color-accent: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-foreground: var(--color-gray-2);--color-accent-active: var(--color-gray-8);--color-accent-strong: color-mix(in oklab, var(--color-gray-8), var(--color-gray-7) 35%);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-8);--color-neutral-subtle-foreground: var(--color-gray-2);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 16%);--color-destructive-subtle-foreground: var(--color-danger-2);--color-destructive-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 28%);--color-destructive-border: oklch(from var(--color-danger-4) l c h / .6);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 16%);--color-success-subtle-foreground: var(--color-success-2);--color-success-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 28%);--color-success-border: oklch(from var(--color-success-4) l c h / .6);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 16%);--color-warning-subtle-foreground: var(--color-warning-2);--color-warning-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 28%);--color-warning-border: oklch(from var(--color-warning-4) l c h / .6);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 16%);--color-ai-subtle-foreground: var(--color-purple-200);--color-ai-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 28%);--color-ai-border: oklch(from var(--color-purple-600) l c h / .6);--color-border: oklch(from var(--color-gray-0) l c h / .1);--color-border-subtle: oklch(from var(--color-gray-0) l c h / .06);--color-input: var(--color-gray-7);--color-ring: var(--color-primary-4);--color-ring-subtle: oklch(from var(--color-primary-4) l c h / .3);--color-ring-outline: oklch(from var(--color-primary-4) l c h / .6);--color-disabled: var(--color-gray-8);--color-disabled-foreground: var(--color-gray-7);--color-inverse: var(--color-gray-2);--color-inverse-foreground: var(--color-gray-9);--color-overlay: oklch(0 0 0 / .4);--color-shadow: oklch(0 0 0);--color-canvas: color-mix(in oklab, var(--color-gray-9), black 6%);--color-table-header: var(--color-gray-8);--color-highlight: oklch(from var(--color-gray-0) l c h / .05);--color-border-muted: oklch(from var(--color-gray-0) l c h / .06);--color-primary-icon: var(--color-primary-3);--color-destructive-icon: var(--color-danger-3);--color-success-icon: var(--color-success-3);--color-warning-icon: var(--color-warning-4);--color-ai-icon: var(--color-purple-400);--color-neutral-icon: var(--color-gray-4);--color-ai-glow: oklch(from var(--color-primary-3) l c h / .25);--shadow-1: 0px 1px 2px oklch(from var(--color-shadow) l c h / .07);--shadow-2: 0px 1px 2px oklch(from var(--color-shadow) l c h / .04), 0px 2px 8px oklch(from var(--color-shadow) l c h / .08);--shadow-3: 0px 2px 8px oklch(from var(--color-shadow) l c h / .08), 0px 8px 24px oklch(from var(--color-shadow) l c h / .12);--shadow-4: 0px 4px 8px oklch(from var(--color-shadow) l c h / .08), 0px 16px 48px oklch(from var(--color-shadow) l c h / .16)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-13)}';
|
|
1
|
+
import { A as l, a as e, b as n, c as s, d as i, e as t, f as g, g as u, h as d, i as v, j as p, k as y, l as h, m, n as b, o as A, p as x, q as E, r as k, s as T, t as _, u as C, v as f, w as I, x as w, y as L, z as O, B as N, C as G, D as S, E as R, F as D, G as P, H, I as U, J as B, K as M, L as z, M as F, N as V, O as K, P as W, Q as X, R as Y, S as Z, T as j, U as q, V as J, W as Q, X as $, Y as oo, Z as ro, _ as ao, $ as co, a0 as lo, a1 as eo, a2 as no, a3 as so, a4 as io, a5 as to, a6 as go, a7 as uo, a8 as vo, a9 as po, aa as yo, ab as ho, ac as mo, ad as bo, ae as Ao, af as xo, ag as Eo, ah as ko, ai as To, aj as _o, ak as Co, al as fo, am as Io, an as wo, ao as Lo, ap as Oo, aq as No, ar as Go, as as So, at as Ro, au as Do, av as Po, aw as Ho, ax as Uo, ay as Bo, az as Mo, aA as zo, aB as Fo, aC as Vo, aD as Ko, aE as Wo, aF as Xo, aG as Yo, aH as Zo, aI as jo, aJ as qo, aK as Jo, aL as Qo, aM as $o, aN as or, aO as rr, aP as ar, aQ as cr, aR as lr, aS as er, aT as nr, aU as sr, aV as ir, aW as tr, aX as gr, aY as ur, aZ as dr, a_ as vr, a$ as pr, b0 as yr, b1 as hr, b2 as mr, b3 as br, b4 as Ar, b5 as xr, b6 as Er, b7 as kr, b8 as Tr, b9 as _r, ba as Cr, bb as fr, bc as Ir, bd as wr, be as Lr, bf as Or, bg as Nr, bh as Gr, bi as Sr, bj as Rr, bk as Dr, bl as Pr, bm as Hr, bn as Ur, bo as Br, bp as Mr, bq as zr, br as Fr, bs as Vr, bt as Kr, bu as Wr, bv as Xr, bw as Yr, bx as Zr, by as jr, bz as qr } from "./anduin-table-D5xijY_4.js";
|
|
2
|
+
const r = ':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-purple-50: oklch(.9676 .016 286.1);--color-purple-100: oklch(.9434 .0255 288.32);--color-purple-200: oklch(.8927 .0519 287.71);--color-purple-300: oklch(.81 .0925 287.61);--color-purple-400: oklch(.7048 .1478 287.77);--color-purple-500: oklch(.5961 .2043 286.53);--color-purple-600: oklch(.5316 .2303 286.64);--color-purple-700: oklch(.471 .2307 285.3);--color-purple-800: oklch(.4148 .2014 285.43);--color-purple-900: oklch(.3654 .17 286.37);--color-purple-950: oklch(.2734 .1288 284.42);--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;--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}:root,.light,[data-theme=light]{color-scheme:light;--color-background: var(--color-gray-0);--color-foreground: var(--color-gray-8);--color-card: var(--color-gray-0);--color-card-foreground: var(--color-gray-8);--color-popover: var(--color-gray-0);--color-popover-foreground: var(--color-gray-8);--color-popover-border: transparent;--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: var(--color-primary-1);--color-primary-subtle-foreground: var(--color-primary-5);--color-primary-subtle-active: var(--color-primary-2);--color-primary-border: var(--color-primary-3);--color-secondary: var(--color-gray-2);--color-secondary-foreground: var(--color-gray-8);--color-muted: var(--color-gray-1);--color-muted-foreground: var(--color-gray-7);--color-subtle-foreground: var(--color-gray-6);--color-placeholder: var(--color-gray-5);--color-accent: var(--color-gray-2);--color-accent-subtle: var(--color-gray-1);--color-accent-foreground: var(--color-gray-8);--color-accent-active: var(--color-gray-3);--color-accent-strong: var(--color-gray-4);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-3);--color-neutral-subtle-foreground: var(--color-gray-7);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: var(--color-danger-1);--color-destructive-subtle-foreground: var(--color-danger-5);--color-destructive-subtle-active: var(--color-danger-2);--color-destructive-border: var(--color-danger-3);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: var(--color-success-1);--color-success-subtle-foreground: var(--color-success-5);--color-success-subtle-active: var(--color-success-2);--color-success-border: var(--color-success-3);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: var(--color-warning-1);--color-warning-subtle-foreground: var(--color-warning-5);--color-warning-subtle-active: var(--color-warning-2);--color-warning-border: var(--color-warning-3);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: var(--color-purple-50);--color-ai-subtle-foreground: var(--color-purple-700);--color-ai-subtle-active: var(--color-purple-100);--color-ai-border: var(--color-purple-300);--color-border: var(--color-gray-3);--color-border-subtle: var(--color-gray-2);--color-input: var(--color-gray-4);--color-ring: var(--color-primary-4);--color-ring-subtle: var(--color-primary-1);--color-ring-outline: var(--color-primary-2);--color-disabled: var(--color-gray-2);--color-disabled-foreground: var(--color-gray-4);--color-inverse: var(--color-gray-9);--color-inverse-foreground: var(--color-gray-0);--color-overlay: rgba(50, 60, 77, .6);--color-shadow: var(--color-gray-9);--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);--color-canvas: var(--color-gray-1);--color-table-header: var(--color-gray-1);--color-highlight: oklch(from var(--color-gray-8) l c h / .06);--color-border-muted: var(--color-gray-2);--color-primary-icon: var(--color-primary-4);--color-destructive-icon: var(--color-danger-4);--color-success-icon: color-mix(in oklab, var(--color-success-4), var(--color-success-5));--color-warning-icon: color-mix(in oklab, var(--color-warning-4), var(--color-warning-5));--color-ai-icon: var(--color-purple-500);--color-neutral-icon: var(--color-gray-7);--color-primary-text: var(--color-primary-4);--color-destructive-text: var(--color-danger-4);--color-success-text: var(--color-success-5);--color-warning-text: var(--color-warning-5);--color-ai-text: var(--color-purple-600);--color-ai-glow: transparent}.dark,[data-theme=dark]{color-scheme:dark;--color-background: var(--color-gray-9);--color-foreground: var(--color-gray-2);--color-card: var(--color-gray-9);--color-card-foreground: var(--color-gray-2);--color-popover: var(--color-gray-9);--color-popover-foreground: var(--color-gray-2);--color-popover-border: var(--color-border);--color-primary: var(--color-primary-4);--color-primary-foreground: var(--color-gray-0);--color-primary-hover: var(--color-primary-3);--color-primary-active: var(--color-primary-5);--color-primary-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 16%);--color-primary-subtle-foreground: var(--color-primary-2);--color-primary-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-primary-4) 28%);--color-primary-border: oklch(from var(--color-primary-4) l c h / .6);--color-secondary: var(--color-gray-8);--color-secondary-foreground: var(--color-gray-2);--color-muted: color-mix(in oklab, var(--color-gray-9), black 6%);--color-muted-foreground: color-mix(in oklab, var(--color-gray-4), var(--color-gray-5));--color-subtle-foreground: var(--color-gray-5);--color-placeholder: var(--color-gray-5);--color-accent: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-gray-0) 5%);--color-accent-foreground: var(--color-gray-2);--color-accent-active: var(--color-gray-8);--color-accent-strong: color-mix(in oklab, var(--color-gray-8), var(--color-gray-7) 35%);--color-neutral: var(--color-gray-7);--color-neutral-foreground: var(--color-gray-0);--color-neutral-hover: var(--color-gray-6);--color-neutral-active: var(--color-gray-8);--color-neutral-subtle: var(--color-gray-8);--color-neutral-subtle-foreground: var(--color-gray-2);--color-destructive: var(--color-danger-4);--color-destructive-foreground: var(--color-gray-0);--color-destructive-hover: var(--color-danger-3);--color-destructive-active: var(--color-danger-5);--color-destructive-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 16%);--color-destructive-subtle-foreground: var(--color-danger-2);--color-destructive-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-danger-4) 28%);--color-destructive-border: oklch(from var(--color-danger-4) l c h / .6);--color-success: var(--color-success-4);--color-success-foreground: var(--color-gray-0);--color-success-hover: var(--color-success-3);--color-success-active: var(--color-success-5);--color-success-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 16%);--color-success-subtle-foreground: var(--color-success-2);--color-success-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-success-4) 28%);--color-success-border: oklch(from var(--color-success-4) l c h / .6);--color-warning: var(--color-warning-3);--color-warning-foreground: var(--color-gray-8);--color-warning-hover: var(--color-warning-2);--color-warning-active: var(--color-warning-4);--color-warning-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 16%);--color-warning-subtle-foreground: var(--color-warning-2);--color-warning-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-warning-4) 28%);--color-warning-border: oklch(from var(--color-warning-4) l c h / .6);--color-ai: var(--color-purple-600);--color-ai-foreground: var(--color-gray-0);--color-ai-hover: var(--color-purple-500);--color-ai-active: var(--color-purple-700);--color-ai-subtle: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 16%);--color-ai-subtle-foreground: var(--color-purple-200);--color-ai-subtle-active: color-mix(in srgb, var(--color-gray-9), var(--color-purple-600) 28%);--color-ai-border: oklch(from var(--color-purple-600) l c h / .6);--color-border: oklch(from var(--color-gray-0) l c h / .1);--color-border-subtle: oklch(from var(--color-gray-0) l c h / .06);--color-input: var(--color-gray-7);--color-ring: var(--color-primary-4);--color-ring-subtle: oklch(from var(--color-primary-4) l c h / .3);--color-ring-outline: oklch(from var(--color-primary-4) l c h / .6);--color-disabled: var(--color-gray-8);--color-disabled-foreground: var(--color-gray-7);--color-inverse: var(--color-gray-2);--color-inverse-foreground: var(--color-gray-9);--color-overlay: oklch(0 0 0 / .4);--color-shadow: oklch(0 0 0);--color-canvas: color-mix(in oklab, var(--color-gray-9), black 6%);--color-table-header: var(--color-gray-8);--color-highlight: oklch(from var(--color-gray-0) l c h / .05);--color-border-muted: oklch(from var(--color-gray-0) l c h / .06);--color-primary-icon: var(--color-primary-3);--color-destructive-icon: var(--color-danger-3);--color-success-icon: var(--color-success-3);--color-warning-icon: var(--color-warning-4);--color-ai-icon: var(--color-purple-400);--color-neutral-icon: var(--color-gray-4);--color-primary-text: var(--color-primary-2);--color-destructive-text: var(--color-danger-2);--color-success-text: var(--color-success-2);--color-warning-text: var(--color-warning-2);--color-ai-text: var(--color-purple-200);--color-ai-glow: oklch(from var(--color-primary-3) l c h / .25);--shadow-1: 0px 1px 2px oklch(from var(--color-shadow) l c h / .07);--shadow-2: 0px 1px 2px oklch(from var(--color-shadow) l c h / .04), 0px 2px 8px oklch(from var(--color-shadow) l c h / .08);--shadow-3: 0px 2px 8px oklch(from var(--color-shadow) l c h / .08), 0px 8px 24px oklch(from var(--color-shadow) l c h / .12);--shadow-4: 0px 4px 8px oklch(from var(--color-shadow) l c h / .08), 0px 16px 48px oklch(from var(--color-shadow) l c h / .16)}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 o = document.createElement("style");
|
|
5
5
|
o.id = "acl-tokens", o.textContent = r, document.head.appendChild(o);
|
|
@@ -10,28 +10,28 @@ export {
|
|
|
10
10
|
n as AnduinBadge,
|
|
11
11
|
s as AnduinBadgeCount,
|
|
12
12
|
i as AnduinButton,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
13
|
+
t as AnduinCalendar,
|
|
14
|
+
g as AnduinCallout,
|
|
15
|
+
u as AnduinCheckbox,
|
|
16
16
|
d as AnduinDateInput,
|
|
17
17
|
v as AnduinDatePicker,
|
|
18
18
|
p as AnduinDateRange,
|
|
19
19
|
y as AnduinDateRangeDefault,
|
|
20
20
|
h as AnduinDateRangeEnd,
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
m as AnduinDateRangePanel,
|
|
22
|
+
b as AnduinDateRangeStart,
|
|
23
|
+
A as AnduinDivider,
|
|
24
|
+
x as AnduinDot,
|
|
25
|
+
E as AnduinDrawer,
|
|
26
26
|
k as AnduinDrawerClose,
|
|
27
27
|
T as AnduinDropdown,
|
|
28
28
|
_ as AnduinField,
|
|
29
29
|
C as AnduinFieldDescription,
|
|
30
30
|
f as AnduinFieldError,
|
|
31
31
|
I as AnduinFieldGroup,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
w as AnduinFieldLabel,
|
|
33
|
+
L as AnduinFileIcon,
|
|
34
|
+
O as AnduinIcon,
|
|
35
35
|
N as AnduinInlineEdit,
|
|
36
36
|
G as AnduinInput,
|
|
37
37
|
S as AnduinLoadingState,
|
|
@@ -64,27 +64,27 @@ export {
|
|
|
64
64
|
no as AnduinSidebarMenuItem,
|
|
65
65
|
so as AnduinSidebarSeparator,
|
|
66
66
|
io as AnduinSkeleton,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
to as AnduinSparkleSpinner,
|
|
68
|
+
go as AnduinSpinner,
|
|
69
|
+
uo as AnduinSuggestion,
|
|
70
70
|
vo as AnduinSwitcher,
|
|
71
71
|
po as AnduinTabContent,
|
|
72
72
|
yo as AnduinTabTrigger,
|
|
73
73
|
ho as AnduinTable,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
74
|
+
mo as AnduinTabs,
|
|
75
|
+
bo as AnduinTabsList,
|
|
76
|
+
Ao as AnduinTag,
|
|
77
|
+
xo as AnduinTagClose,
|
|
78
|
+
Eo as AnduinTextarea,
|
|
79
79
|
ko as AnduinTimeline,
|
|
80
80
|
To as AnduinTimelineDate,
|
|
81
81
|
_o as AnduinTimelineGroup,
|
|
82
82
|
Co as AnduinTimelineItem,
|
|
83
83
|
fo as AnduinTimelineLabel,
|
|
84
84
|
Io as AnduinTimelineTitle,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
wo as AnduinToast,
|
|
86
|
+
Lo as AnduinToaster,
|
|
87
|
+
Oo as AnduinToggleGroup,
|
|
88
88
|
No as AnduinToggleGroupItem,
|
|
89
89
|
Go as AnduinTooltip,
|
|
90
90
|
So as AnduinTooltipContent,
|
|
@@ -117,28 +117,28 @@ export {
|
|
|
117
117
|
nr as PAGINATION_CHANGE,
|
|
118
118
|
sr as PAGINATION_JUMP,
|
|
119
119
|
ir as POPOVER_CLOSE,
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
120
|
+
tr as POPOVER_OPEN_CHANGE,
|
|
121
|
+
gr as RADIO_CHANGE,
|
|
122
|
+
ur as RADIO_GROUP_CHANGE,
|
|
123
123
|
dr as RESIZE_EVENT,
|
|
124
124
|
vr as SIDEBAR_SELECT,
|
|
125
125
|
pr as SUGGESTION_CHANGE,
|
|
126
126
|
yr as SUGGESTION_CLEAR,
|
|
127
127
|
hr as SUGGESTION_SELECT,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
128
|
+
mr as SWITCHER_CHANGE,
|
|
129
|
+
br as TABLE_CELL_CONTEXT_MENU,
|
|
130
|
+
Ar as TABLE_COLUMN_CLICK,
|
|
131
|
+
xr as TABLE_COLUMN_RESIZE,
|
|
132
|
+
Er as TABLE_GROUP_TOGGLE,
|
|
133
133
|
kr as TABLE_ROW_CLICK,
|
|
134
134
|
Tr as TABLE_ROW_COLLAPSE,
|
|
135
135
|
_r as TABLE_ROW_EXPAND,
|
|
136
136
|
Cr as TABLE_SELECTION_CHANGE,
|
|
137
137
|
fr as TABLE_SORT,
|
|
138
138
|
Ir as TAB_CHANGE,
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
139
|
+
wr as TAB_TRIGGER_CLICK,
|
|
140
|
+
Lr as TAB_VALUE_CHANGED,
|
|
141
|
+
Or as TAG_CLOSE_CLICK,
|
|
142
142
|
Nr as TEXTAREA_CHANGE,
|
|
143
143
|
Gr as TOGGLE_GROUP_CHANGE,
|
|
144
144
|
Sr as TOGGLE_GROUP_ITEM_CHANGE,
|
|
@@ -83,10 +83,10 @@
|
|
|
83
83
|
:host { display: inline-block; line-height: 0; }
|
|
84
84
|
|
|
85
85
|
/* ── Colors ─────────────────────────────────────────────────── */
|
|
86
|
-
:host([color="primary"]) { color: var(--color-primary); }
|
|
86
|
+
:host([color="primary"]) { color: var(--color-primary-icon); }
|
|
87
87
|
:host([color="success"]) { color: var(--color-success); }
|
|
88
88
|
:host([color="warning"]) { color: var(--color-warning-active); }
|
|
89
|
-
:host([color="danger"]) { color: var(--color-destructive); }
|
|
89
|
+
:host([color="danger"]) { color: var(--color-destructive-icon); }
|
|
90
90
|
|
|
91
91
|
/* ── Star base ──────────────────────────────────────────────── */
|
|
92
92
|
.star {
|
|
@@ -151,7 +151,9 @@
|
|
|
151
151
|
:host {
|
|
152
152
|
display: inline-block;
|
|
153
153
|
line-height: 0;
|
|
154
|
-
|
|
154
|
+
/* Purple as text, not the fill: purple-600 in light, purple-200 in dark,
|
|
155
|
+
where purple-600 is 2.5:1 on gray-9. anduin.design's spinner does the same. */
|
|
156
|
+
color: var(--color-ai-text);
|
|
155
157
|
}
|
|
156
158
|
|
|
157
159
|
.ai-spinner {
|
|
@@ -348,7 +350,7 @@
|
|
|
348
350
|
.button--outlined.button--danger { border-color: var(--color-destructive-border); color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
349
351
|
.button--outlined.button--danger:hover { background-color: var(--color-destructive-subtle); }
|
|
350
352
|
.button--outlined.button--danger:active { background-color: var(--color-destructive-subtle-active); }
|
|
351
|
-
.button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
|
|
353
|
+
.button--outlined.button--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
|
|
352
354
|
.button--outlined.button--primary:hover { background-color: var(--color-primary-subtle); }
|
|
353
355
|
.button--outlined.button--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
354
356
|
.button--outlined.button--success { border-color: var(--color-success-border); color: var(--color-success-subtle-foreground); background-color: transparent; }
|
|
@@ -357,8 +359,9 @@
|
|
|
357
359
|
.button--outlined.button--warning { border-color: var(--color-warning-border); color: var(--color-warning-subtle-foreground); background-color: transparent; }
|
|
358
360
|
.button--outlined.button--warning:hover { background-color: var(--color-warning-subtle); }
|
|
359
361
|
.button--outlined.button--warning:active { background-color: var(--color-warning-subtle-active); }
|
|
360
|
-
/* Purple text
|
|
361
|
-
|
|
362
|
+
/* Purple text moved from purple-500 to purple-600 for contrast on white; it now reads --color-ai-text,
|
|
363
|
+
which is that same purple-600 in light and purple-200 in dark, where purple-600 is 2.5:1 on gray-9. */
|
|
364
|
+
.button--outlined.button--purple { border-color: var(--color-ai-border); color: var(--color-ai-text); background-color: transparent; }
|
|
362
365
|
.button--outlined.button--purple:hover { background-color: var(--color-ai-subtle); }
|
|
363
366
|
.button--outlined.button--purple:active { background-color: var(--color-ai-subtle-active); }
|
|
364
367
|
.button--plain.button--gray9 { border-color: transparent; color: var(--color-muted-foreground); background-color: transparent; }
|
|
@@ -370,7 +373,7 @@
|
|
|
370
373
|
.button--plain.button--danger { border-color: transparent; color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
371
374
|
.button--plain.button--danger:hover { background-color: var(--color-destructive-subtle); }
|
|
372
375
|
.button--plain.button--danger:active { background-color: var(--color-destructive-subtle-active); }
|
|
373
|
-
.button--plain.button--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
|
|
376
|
+
.button--plain.button--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
|
|
374
377
|
.button--plain.button--primary:hover { background-color: var(--color-primary-subtle); }
|
|
375
378
|
.button--plain.button--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
376
379
|
.button--plain.button--success { border-color: transparent; color: var(--color-success-subtle-foreground); background-color: transparent; }
|
|
@@ -379,7 +382,7 @@
|
|
|
379
382
|
.button--plain.button--warning { border-color: transparent; color: var(--color-warning-subtle-foreground); background-color: transparent; }
|
|
380
383
|
.button--plain.button--warning:hover { background-color: var(--color-warning-subtle); }
|
|
381
384
|
.button--plain.button--warning:active { background-color: var(--color-warning-subtle-active); }
|
|
382
|
-
.button--plain.button--purple { border-color: transparent; color: var(--color-ai); background-color: transparent; }
|
|
385
|
+
.button--plain.button--purple { border-color: transparent; color: var(--color-ai-text); background-color: transparent; }
|
|
383
386
|
.button--plain.button--purple:hover { background-color: var(--color-ai-subtle); }
|
|
384
387
|
.button--plain.button--purple:active { background-color: var(--color-ai-subtle-active); }
|
|
385
388
|
.button--text { border: none; background: none; padding: 0; height: auto; width: auto; display: inline-flex; align-items: center; vertical-align: bottom; }
|
|
@@ -391,7 +394,7 @@
|
|
|
391
394
|
.button--text.button--success { color: var(--color-success-subtle-foreground); }
|
|
392
395
|
.button--text.button--danger { color: var(--color-destructive-subtle-foreground); }
|
|
393
396
|
.button--text.button--warning { color: var(--color-warning-subtle-foreground); }
|
|
394
|
-
.button--text.button--purple { color: var(--color-ai); }
|
|
397
|
+
.button--text.button--purple { color: var(--color-ai-text); }
|
|
395
398
|
.button--selected.button--filled.button--gray0 { background-color: var(--color-accent-strong); }
|
|
396
399
|
.button--selected.button--filled.button--gray9 { background-color: var(--color-neutral-active); }
|
|
397
400
|
.button--selected.button--filled.button--primary { background-color: var(--color-primary-active); }
|
|
@@ -500,7 +503,7 @@
|
|
|
500
503
|
`}};_e.styles=g`
|
|
501
504
|
:host { display: block; height: 100%; font-family: var(--font-sans); }
|
|
502
505
|
.loading-state { display: flex; flex-direction: column; justify-content: center; align-items: center; }
|
|
503
|
-
.loading-state__indicator { color: var(--color-primary); }
|
|
506
|
+
.loading-state__indicator { color: var(--color-primary-icon); }
|
|
504
507
|
.loading-state__content { margin-top: 12px; font-size: 15px; color: var(--color-subtle-foreground); }
|
|
505
508
|
`;let E2=_e;a7([s()],E2.prototype,"height");customElements.get("anduin-loading-state")||customElements.define("anduin-loading-state",E2);var d7=Object.defineProperty,ee=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=l(e,t,i)||i);return i&&d7(e,t,i),i};const te="anduin-field:label-click",c1="anduin-field:label-click-coordinated",ye=class ye extends h{constructor(){super(...arguments),this.orientation="vertical"}connectedCallback(){super.connectedCallback(),this.addEventListener(te,e=>{const t=e;this.dispatchEvent(new CustomEvent(c1,{detail:t.detail,bubbles:!1,composed:!1}))})}render(){const e=this.orientation==="horizontal";return a`
|
|
506
509
|
<div class="field ${e?"field--horizontal":"field--vertical"}" part="field">
|
|
@@ -529,7 +532,7 @@
|
|
|
529
532
|
.field-description { display: block; line-height: 16px; font-size: 11px; color: var(--color-muted-foreground); }
|
|
530
533
|
`;let W2=Ve;const xe=class xe extends h{render(){return a`<div class="field-error" part="error"><slot></slot></div>`}};xe.styles=g`
|
|
531
534
|
:host { display: block; font-family: var(--font-sans); }
|
|
532
|
-
.field-error { color: var(--color-destructive); }
|
|
535
|
+
.field-error { color: var(--color-destructive-text); }
|
|
533
536
|
`;let Y2=xe;const Me=class Me extends h{render(){return a`<div class="field-group" part="group"><slot></slot></div>`}};Me.styles=g`
|
|
534
537
|
:host { display: block; font-family: var(--font-sans); }
|
|
535
538
|
.field-group { display: flex; flex-direction: column; row-gap: 24px; }
|
|
@@ -957,10 +960,10 @@
|
|
|
957
960
|
.tag__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
|
|
958
961
|
.tag--disabled { opacity: 0.6; }
|
|
959
962
|
.tag__icon--light-gray { color: var(--color-neutral-subtle-foreground); }
|
|
960
|
-
.tag__icon--light-primary { color: var(--color-primary); }
|
|
963
|
+
.tag__icon--light-primary { color: var(--color-primary-icon); }
|
|
961
964
|
.tag__icon--light-success { color: var(--color-success); }
|
|
962
965
|
.tag__icon--light-warning { color: var(--color-warning-active); }
|
|
963
|
-
.tag__icon--light-danger { color: var(--color-destructive); }
|
|
966
|
+
.tag__icon--light-danger { color: var(--color-destructive-icon); }
|
|
964
967
|
.tag__icon--bold-gray { color: var(--color-neutral-foreground); }
|
|
965
968
|
.tag__icon--bold-primary { color: var(--color-primary-foreground); }
|
|
966
969
|
.tag__icon--bold-success { color: var(--color-success-foreground); }
|
|
@@ -1094,7 +1097,7 @@
|
|
|
1094
1097
|
.toggle-item__icon { display: flex; color: var(--color-subtle-foreground); }
|
|
1095
1098
|
.toggle-item:hover .toggle-item__icon { color: var(--color-muted-foreground); }
|
|
1096
1099
|
.toggle-item--selected .toggle-item__icon { color: var(--color-muted-foreground); }
|
|
1097
|
-
.toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary); }
|
|
1100
|
+
.toggle-item--variant-primary.toggle-item--selected .toggle-item__icon { color: var(--color-primary-icon); }
|
|
1098
1101
|
`;let q=Be;F([s({reflect:!0})],q.prototype,"value");F([s({attribute:"start-icon"})],q.prototype,"startIcon");F([s({type:Boolean})],q.prototype,"disabled");F([s({attribute:!1})],q.prototype,"selected");F([s({attribute:!1})],q.prototype,"groupSize");F([s({attribute:!1})],q.prototype,"groupVariant");F([s({attribute:!1})],q.prototype,"groupMode");function D5(r){return r.split(" ").map(e=>e.trim()).filter(Boolean)}customElements.get("anduin-toggle-group")||customElements.define("anduin-toggle-group",Y);customElements.get("anduin-toggle-group-item")||customElements.define("anduin-toggle-group-item",q);var L7=Object.defineProperty,V7=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=l(e,t,i)||i);return i&&L7(e,t,i),i};const B3="anduin-well-close:click",Ie=class Ie extends h{constructor(){super(...arguments),this.variant="gray"}render(){return a`
|
|
1099
1102
|
<div class="well well--${this.variant}" part="well">
|
|
1100
1103
|
<slot
|
|
@@ -1166,17 +1169,20 @@
|
|
|
1166
1169
|
.well--warning {
|
|
1167
1170
|
background-color: var(--color-warning-subtle);
|
|
1168
1171
|
}
|
|
1172
|
+
/* Same split as the toast's icons: primary and danger read -icon (light
|
|
1173
|
+
unchanged, step 3 in dark); success and warning keep step 4, which already
|
|
1174
|
+
clears 3:1 on their dark tint and which -icon would move in light. */
|
|
1169
1175
|
.well__icon--gray {
|
|
1170
1176
|
color: var(--color-muted-foreground);
|
|
1171
1177
|
}
|
|
1172
1178
|
.well__icon--primary {
|
|
1173
|
-
color: var(--color-primary);
|
|
1179
|
+
color: var(--color-primary-icon);
|
|
1174
1180
|
}
|
|
1175
1181
|
.well__icon--success {
|
|
1176
1182
|
color: var(--color-success);
|
|
1177
1183
|
}
|
|
1178
1184
|
.well__icon--danger {
|
|
1179
|
-
color: var(--color-destructive);
|
|
1185
|
+
color: var(--color-destructive-icon);
|
|
1180
1186
|
}
|
|
1181
1187
|
.well__icon--warning {
|
|
1182
1188
|
color: var(--color-warning-active);
|
|
@@ -1365,7 +1371,7 @@
|
|
|
1365
1371
|
.menu-item:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
|
|
1366
1372
|
.menu-item__label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
|
|
1367
1373
|
anduin-icon { color: var(--color-muted-foreground); }
|
|
1368
|
-
.menu-item--danger anduin-icon { color: var(--color-destructive); }
|
|
1374
|
+
.menu-item--danger anduin-icon { color: var(--color-destructive-icon); }
|
|
1369
1375
|
`;let D1=Ue;O1([s()],D1.prototype,"icon");O1([s()],D1.prototype,"variant");O1([s({type:Boolean})],D1.prototype,"disabled");customElements.get("anduin-menu")||customElements.define("anduin-menu",L1);customElements.get("anduin-menu-item")||customElements.define("anduin-menu-item",D1);var w7=Object.defineProperty,F1=(r,e,t,o)=>{for(var i=void 0,n=r.length-1,l;n>=0;n--)(l=r[n])&&(i=l(e,t,i)||i);return i&&w7(e,t,i),i};const Y1="anduin-close",N2="anduin-after-close",P5=300,T5=200,Q4=250;let L2=0,I3="";function Z7(){typeof document>"u"||(L2===0&&(I3=document.body.style.overflow,document.body.style.overflow="hidden"),L2++)}function e3(){typeof document>"u"||L2!==0&&(L2--,L2===0&&(document.body.style.overflow=I3))}var y1;const x1=(y1=class extends h{constructor(){super(...arguments),this.open=!1,this.heading="",this.hideHeader=!1,this.hideFooter=!1,this.maxWidth="480",this.fullscreen=!1,this._leaving=!1,this._holdsScrollLock=!1,this.onAnduinClose=e=>{e.stopPropagation()}}updated(e){if(e.has("maxWidth")){const t=this.maxWidth,o=y1._PRESETS.has(t)?`${t}px`:t;this.style.setProperty("--_modal-width",o)}e.has("open")&&(this.open?(this._leaving=!1,this.classList.add("is-shown"),this._holdsScrollLock||(this._holdsScrollLock=!0,Z7())):this.classList.contains("is-shown")&&(this._leaving=!0,setTimeout(()=>{this._leaving=!1,this.classList.remove("is-shown"),this._holdsScrollLock&&(this._holdsScrollLock=!1,e3()),this.dispatchEvent(new CustomEvent(N2,{bubbles:!0,composed:!0}))},Math.max(T5,Q4))))}dispatch(e){this.dispatchEvent(new CustomEvent(e,{bubbles:!0,composed:!0}))}onOverlayClick(){this.dispatch(Y1)}onClose(){this.dispatch(Y1)}connectedCallback(){super.connectedCallback(),this.addEventListener(Y1,this.onAnduinClose),this.addEventListener(N2,this.onAnduinClose)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(Y1,this.onAnduinClose),this.removeEventListener(N2,this.onAnduinClose),this._holdsScrollLock&&(this._holdsScrollLock=!1,e3())}render(){const e=this._leaving,t=this.fullscreen;return a`
|
|
1370
1376
|
<div
|
|
1371
1377
|
class=${`overlay${e?" is-leaving":""}`}
|
|
@@ -1992,12 +1998,16 @@
|
|
|
1992
1998
|
padding: 12px;
|
|
1993
1999
|
border-radius: 8px;
|
|
1994
2000
|
}
|
|
2001
|
+
/* Primary and danger read -icon (step 4 in light, as before; step 3 in dark,
|
|
2002
|
+
where step 4 on its own tint was under 3:1). Success and warning keep step 4:
|
|
2003
|
+
-icon would change their light colour, and step 4 already clears 3:1 on
|
|
2004
|
+
gray-9 and on its dark tint (success 3.4:1, warning 4.7:1). */
|
|
1995
2005
|
.toast__icon--gray {
|
|
1996
2006
|
color: var(--color-subtle-foreground);
|
|
1997
2007
|
background: var(--color-secondary);
|
|
1998
2008
|
}
|
|
1999
2009
|
.toast__icon--primary {
|
|
2000
|
-
color: var(--color-primary);
|
|
2010
|
+
color: var(--color-primary-icon);
|
|
2001
2011
|
background: var(--color-primary-subtle);
|
|
2002
2012
|
}
|
|
2003
2013
|
.toast__icon--success {
|
|
@@ -2009,7 +2019,7 @@
|
|
|
2009
2019
|
background: var(--color-warning-subtle);
|
|
2010
2020
|
}
|
|
2011
2021
|
.toast__icon--danger {
|
|
2012
|
-
color: var(--color-destructive);
|
|
2022
|
+
color: var(--color-destructive-icon);
|
|
2013
2023
|
background: var(--color-destructive-subtle);
|
|
2014
2024
|
}
|
|
2015
2025
|
|
|
@@ -2309,7 +2319,7 @@
|
|
|
2309
2319
|
.trigger--outlined.trigger--gray0 { border-color: var(--color-gray-7); color: var(--color-gray-4); background-color: transparent; }
|
|
2310
2320
|
.trigger--outlined.trigger--gray0:hover { background-color: var(--color-gray-7); }
|
|
2311
2321
|
.trigger--outlined.trigger--gray0:active { background-color: var(--color-gray-3); }
|
|
2312
|
-
.trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary); background-color: transparent; }
|
|
2322
|
+
.trigger--outlined.trigger--primary { border-color: var(--color-primary-border); color: var(--color-primary-text); background-color: transparent; }
|
|
2313
2323
|
.trigger--outlined.trigger--primary:hover { background-color: var(--color-primary-subtle); }
|
|
2314
2324
|
.trigger--outlined.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
2315
2325
|
.trigger--outlined.trigger--danger { border-color: var(--color-destructive-border); color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
@@ -2329,7 +2339,7 @@
|
|
|
2329
2339
|
.trigger--plain.trigger--gray0 { border-color: transparent; color: var(--color-gray-4); background-color: transparent; }
|
|
2330
2340
|
.trigger--plain.trigger--gray0:hover { background-color: var(--color-gray-7); }
|
|
2331
2341
|
.trigger--plain.trigger--gray0:active { background-color: var(--color-gray-8); }
|
|
2332
|
-
.trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary); background-color: transparent; }
|
|
2342
|
+
.trigger--plain.trigger--primary { border-color: transparent; color: var(--color-primary-text); background-color: transparent; }
|
|
2333
2343
|
.trigger--plain.trigger--primary:hover { background-color: var(--color-primary-subtle); }
|
|
2334
2344
|
.trigger--plain.trigger--primary:active { background-color: var(--color-primary-subtle-active); }
|
|
2335
2345
|
.trigger--plain.trigger--danger { border-color: transparent; color: var(--color-destructive-subtle-foreground); background-color: transparent; }
|
|
@@ -3490,7 +3500,7 @@
|
|
|
3490
3500
|
color: var(--color-primary-subtle-foreground);
|
|
3491
3501
|
}
|
|
3492
3502
|
.sidebar-menu-item-wrapper--selected .sidebar-menu-item__icon {
|
|
3493
|
-
color: var(--color-primary);
|
|
3503
|
+
color: var(--color-primary-icon);
|
|
3494
3504
|
}
|
|
3495
3505
|
|
|
3496
3506
|
.sidebar-menu-item {
|
|
@@ -4181,7 +4191,7 @@
|
|
|
4181
4191
|
color: var(--color-placeholder);
|
|
4182
4192
|
}
|
|
4183
4193
|
.table__sort-icon--active {
|
|
4184
|
-
color: var(--color-primary);
|
|
4194
|
+
color: var(--color-primary-icon);
|
|
4185
4195
|
}
|
|
4186
4196
|
|
|
4187
4197
|
/* The divider between headers is the resize affordance: a hairline at rest,
|