@duyluonganduin/acl-web-components 0.0.24 → 0.0.26
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.d.ts +1 -1
- package/dist/acl-web-components.iife.js +67 -56
- package/dist/acl-web-components.js +1 -1
- package/dist/{anduin-suggestion-Dm0pHzzk.cjs → anduin-suggestion-ChXDlWeZ.cjs} +76 -65
- package/dist/{anduin-suggestion-BcQlCfVG.js → anduin-suggestion-D3Sl4vcX.js} +11 -0
- package/dist/jsx.d.ts +2 -2
- package/dist/react.cjs +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +2 -2
- package/package.json +1 -1
|
@@ -1357,6 +1357,9 @@ A2.styles = g`
|
|
|
1357
1357
|
.button--filled.button--warning { color: var(--color-gray-8); border-color: transparent; background-color: var(--color-warning-3); }
|
|
1358
1358
|
.button--filled.button--warning:hover { background-color: var(--color-warning-2); }
|
|
1359
1359
|
.button--filled.button--warning:active { background-color: var(--color-warning-4); }
|
|
1360
|
+
.button--filled.button--purple { color: var(--color-gray-0); border-color: transparent; background-color: var(--color-purple-600); }
|
|
1361
|
+
.button--filled.button--purple:hover { background-color: var(--color-purple-500); }
|
|
1362
|
+
.button--filled.button--purple:active { background-color: var(--color-purple-700); }
|
|
1360
1363
|
.button--outlined.button--gray9 { border-color: var(--color-gray-4); color: var(--color-gray-7); background-color: transparent; }
|
|
1361
1364
|
.button--outlined.button--gray9:hover { background-color: var(--color-gray-3); }
|
|
1362
1365
|
.button--outlined.button--gray9:active { background-color: var(--color-gray-4); }
|
|
@@ -1375,6 +1378,9 @@ A2.styles = g`
|
|
|
1375
1378
|
.button--outlined.button--warning { border-color: var(--color-warning-3); color: var(--color-warning-5); background-color: transparent; }
|
|
1376
1379
|
.button--outlined.button--warning:hover { background-color: var(--color-warning-1); }
|
|
1377
1380
|
.button--outlined.button--warning:active { background-color: var(--color-warning-2); }
|
|
1381
|
+
.button--outlined.button--purple { border-color: var(--color-purple-300); color: var(--color-purple-500); background-color: transparent; }
|
|
1382
|
+
.button--outlined.button--purple:hover { background-color: var(--color-purple-50); }
|
|
1383
|
+
.button--outlined.button--purple:active { background-color: var(--color-purple-100); }
|
|
1378
1384
|
.button--plain.button--gray9 { border-color: transparent; color: var(--color-gray-7); background-color: transparent; }
|
|
1379
1385
|
.button--plain.button--gray9:hover { background-color: var(--color-gray-3); }
|
|
1380
1386
|
.button--plain.button--gray9:active { background-color: var(--color-gray-4); }
|
|
@@ -1393,6 +1399,9 @@ A2.styles = g`
|
|
|
1393
1399
|
.button--plain.button--warning { border-color: transparent; color: var(--color-warning-5); background-color: transparent; }
|
|
1394
1400
|
.button--plain.button--warning:hover { background-color: var(--color-warning-1); }
|
|
1395
1401
|
.button--plain.button--warning:active { background-color: var(--color-warning-2); }
|
|
1402
|
+
.button--plain.button--purple { border-color: transparent; color: var(--color-purple-500); background-color: transparent; }
|
|
1403
|
+
.button--plain.button--purple:hover { background-color: var(--color-purple-50); }
|
|
1404
|
+
.button--plain.button--purple:active { background-color: var(--color-purple-100); }
|
|
1396
1405
|
.button--text { border: none; background: none; padding: 0; height: auto; width: auto; display: inline-flex; align-items: center; vertical-align: bottom; }
|
|
1397
1406
|
.button--text:hover { text-decoration: underline; }
|
|
1398
1407
|
.button--text .button__content { display: inline-flex; align-items: center; gap: 4px; height: auto; }
|
|
@@ -1402,12 +1411,14 @@ A2.styles = g`
|
|
|
1402
1411
|
.button--text.button--success { color: var(--color-success-5); }
|
|
1403
1412
|
.button--text.button--danger { color: var(--color-danger-5); }
|
|
1404
1413
|
.button--text.button--warning { color: var(--color-warning-5); }
|
|
1414
|
+
.button--text.button--purple { color: var(--color-purple-600); }
|
|
1405
1415
|
.button--selected.button--filled.button--gray0 { background-color: var(--color-gray-4); }
|
|
1406
1416
|
.button--selected.button--filled.button--gray9 { background-color: var(--color-gray-8); }
|
|
1407
1417
|
.button--selected.button--filled.button--primary { background-color: var(--color-primary-5); }
|
|
1408
1418
|
.button--selected.button--filled.button--danger { background-color: var(--color-danger-5); }
|
|
1409
1419
|
.button--selected.button--filled.button--success { background-color: var(--color-success-5); }
|
|
1410
1420
|
.button--selected.button--filled.button--warning { background-color: var(--color-warning-4); }
|
|
1421
|
+
.button--selected.button--filled.button--purple { background-color: var(--color-purple-600); }
|
|
1411
1422
|
.button--icon-only.button--tiny { width: 16px; min-width: 16px; padding-left: 0; padding-right: 0; }
|
|
1412
1423
|
.button--icon-only.button--extra-small { width: 20px; min-width: 20px; padding-left: 0; padding-right: 0; }
|
|
1413
1424
|
.button--icon-only.button--small { width: 24px; min-width: 24px; padding-left: 0; padding-right: 0; }
|
package/dist/jsx.d.ts
CHANGED
|
@@ -61,8 +61,8 @@ declare module 'react' {
|
|
|
61
61
|
'anduin-button': Base & {
|
|
62
62
|
/** 'filled' | 'outlined' | 'plain' | 'text' (default: 'filled') */
|
|
63
63
|
appearance?: 'filled' | 'outlined' | 'plain' | 'text'
|
|
64
|
-
/** 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' */
|
|
65
|
-
variant?: 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning'
|
|
64
|
+
/** 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' | 'purple' */
|
|
65
|
+
variant?: 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' | 'purple'
|
|
66
66
|
/** 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free' (default: 'medium') */
|
|
67
67
|
size?: 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free'
|
|
68
68
|
disabled?: boolean | string
|
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-ChXDlWeZ.cjs"),a=t.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=t.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),s=t.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),C=t.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),r=t.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=t.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),i=t.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),c=t.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),d=t.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),m=t.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=t.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),E=t.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),A=t.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=t.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=t.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),p=t.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),T=t.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),_=t.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),S=t.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),G=t.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),L=t.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),O=t.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),R=t.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover}),I=t.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=t.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=t.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),v=t.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),b=t.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),F=t.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=t.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),P=t.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),W=t.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),U=t.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),w=t.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),h=t.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),B=t.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),k=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}}),f=t.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),x=t.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),X=t.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),q=t.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),y=t.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),j=t.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),z=t.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),J=t.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),Q=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=f;exports.Badge=C;exports.BadgeCount=r;exports.Button=l;exports.Callout=i;exports.Checkbox=G;exports.Divider=c;exports.Dot=d;exports.Drawer=j;exports.DrawerClose=z;exports.Dropdown=y;exports.Field=A;exports.FieldDescription=N;exports.FieldError=p;exports.FieldGroup=T;exports.FieldLabel=g;exports.FileIcon=x;exports.Icon=s;exports.Input=L;exports.LoadingState=E;exports.Menu=D;exports.MenuItem=H;exports.Modal=v;exports.ModalClose=b;exports.Popover=R;exports.PopoverClose=I;exports.Progress=m;exports.Radio=_;exports.RadioGroup=S;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=a;exports.Suggestion=Q;exports.Switcher=J;exports.TabContent=W;exports.TabTrigger=P;exports.Tabs=F;exports.TabsList=M;exports.Tag=U;exports.TagClose=w;exports.Textarea=O;exports.Toast=X;exports.Toaster=q;exports.Tooltip=h;exports.TooltipContent=k;exports.TooltipTrigger=B;exports.Well=V;exports.WellClose=K;
|
package/dist/react.d.ts
CHANGED
|
@@ -590,7 +590,7 @@ declare type ButtonAppearance = 'filled' | 'outlined' | 'plain' | 'text';
|
|
|
590
590
|
|
|
591
591
|
declare type ButtonSize = 'tiny' | 'extraSmall' | 'small' | 'medium' | 'large' | 'free';
|
|
592
592
|
|
|
593
|
-
declare type ButtonVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning';
|
|
593
|
+
declare type ButtonVariant = 'gray0' | 'gray9' | 'primary' | 'danger' | 'success' | 'warning' | 'purple';
|
|
594
594
|
|
|
595
595
|
export declare const Callout: ReactWebComponent<AnduinCallout, {}>;
|
|
596
596
|
|
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 { F as n, E as t, q as s, a as o, b as l, c as i, d, f as r, g as c, z as u, D as C, s as m, k as g, o as A, l as N, m as p, n as T, a8 as E, B as S, a9 as _, C as v, X as b, e as L, a3 as G, a2 as D, r as I, ai as R, O, x as h, y as w, t as F, u as f, a5 as M, a6 as k, v as H, w as P, ae as x, K as B, L as W, J as U, I as K, M as V, ah as X, N as j, R as q, T as y, S as z, U as J, ap as Q, V as Y, A as Z, p as $, P as ee, Q as ae, _ as ne, j as te, Y as se, Z as oe, h as le, i as ie, ad as de, H as re, ab as ce, ac as ue, aa as Ce, G as me } from "./anduin-suggestion-
|
|
4
|
-
import { a4 as ma } from "./anduin-suggestion-
|
|
3
|
+
import { F as n, E as t, q as s, a as o, b as l, c as i, d, f as r, g as c, z as u, D as C, s as m, k as g, o as A, l as N, m as p, n as T, a8 as E, B as S, a9 as _, C as v, X as b, e as L, a3 as G, a2 as D, r as I, ai as R, O, x as h, y as w, t as F, u as f, a5 as M, a6 as k, v as H, w as P, ae as x, K as B, L as W, J as U, I as K, M as V, ah as X, N as j, R as q, T as y, S as z, U as J, ap as Q, V as Y, A as Z, p as $, P as ee, Q as ae, _ as ne, j as te, Y as se, Z as oe, h as le, i as ie, ad as de, H as re, ab as ce, ac as ue, aa as Ce, G as me } from "./anduin-suggestion-D3Sl4vcX.js";
|
|
4
|
+
import { a4 as ma } from "./anduin-suggestion-D3Sl4vcX.js";
|
|
5
5
|
const pe = a({ react: e, tagName: "anduin-spinner", elementClass: n }), Te = a({ react: e, tagName: "anduin-sparkle-spinner", elementClass: t }), Ee = a({ react: e, tagName: "anduin-icon", elementClass: s }), Se = a({ react: e, tagName: "anduin-badge", elementClass: o }), _e = a({ react: e, tagName: "anduin-badge-count", elementClass: l }), ve = a({ react: e, tagName: "anduin-button", elementClass: i }), be = a({ react: e, tagName: "anduin-callout", elementClass: d }), Le = a({ react: e, tagName: "anduin-divider", elementClass: r }), Ge = a({ react: e, tagName: "anduin-dot", elementClass: c }), De = a({ react: e, tagName: "anduin-progress", elementClass: u }), Ie = a({ react: e, tagName: "anduin-skeleton", elementClass: C }), Re = a({ react: e, tagName: "anduin-loading-state", elementClass: m }), Oe = a({ react: e, tagName: "anduin-field", elementClass: g }), he = a({ react: e, tagName: "anduin-field-label", elementClass: A }), we = a({ react: e, tagName: "anduin-field-description", elementClass: N }), Fe = a({ react: e, tagName: "anduin-field-error", elementClass: p }), fe = a({ react: e, tagName: "anduin-field-group", elementClass: T }), Me = a({
|
|
6
6
|
react: e,
|
|
7
7
|
tagName: "anduin-radio",
|