@duyluonganduin/acl-web-components 0.0.69 → 0.0.70

package/dist/jsx.d.ts

@@ -104,8 +104,11 @@ declare module 'react' {
 
       // ── anduin-dot ────────────────────────────────────────────────────────
       'anduin-dot': Base & {
-        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning'  (default: 'gray') */
+        /** 'gray' | 'primary' | 'success' | 'danger' | 'warning' | 'purple', or a tag custom color
+         *  ('customBlue', …)  (default: 'gray') */
         variant?: string
+        /** Colors the dot from an ID, as an avatar is: the same ID always gets the same color. Wins over variant */
+        uid?: string
       }
 
       // ── anduin-progress ───────────────────────────────────────────────────
@@ -311,8 +314,12 @@ declare module 'react' {
       'anduin-tag': Base & {
         /** See TagVariant in anduin-tag.ts for all accepted values (default: 'gray') */
         variant?: string
+        /** 'filled' | 'outlined'  (default: 'filled'). Outlined: transparent, drawn by a border */
+        appearance?: 'filled' | 'outlined'
         /** anduin-icon name shown before the label */
         icon?: string
+        /** Colors `icon` (never adds one): a dot color ('purple', 'customBlue', …) or an ID marked 'uid:<id>' */
+        'icon-color'?: string
         disabled?: boolean | string
       }
 

package/dist/react.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-CNwdR3yo.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),s=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),r=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),c=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),d=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),A=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),T=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),G=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),b=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),P=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),U=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),B=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),h=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),V=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=a.createComponent({react:n,tagName:"anduin-tags-input",elementClass:e.AnduinTagsInput,events:{onValueChange:e.TAGS_INPUT_VALUE_CHANGE,onBlur:e.TAGS_INPUT_BLUR,onSubmit:e.TAGS_INPUT_SUBMIT}}),k=a.createComponent({react:n,tagName:"anduin-tags-input-list",elementClass:e.AnduinTagsInputList}),K=a.createComponent({react:n,tagName:"anduin-tags-input-input",elementClass:e.AnduinTagsInputInput}),f=a.createComponent({react:n,tagName:"anduin-tags-input-clear",elementClass:e.AnduinTagsInputClear}),z=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),X=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),x=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),Z=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),q=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),y=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),j=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),J=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),Q=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),Y=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),$=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),ee=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),ne=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),ae=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),te=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),oe=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),ie=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),se=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),re=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),Ce=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),le=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),ce=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),de=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),me=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),Te=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),_e=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),pe=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ge=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Le=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Se=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),Ie=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Re=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Oe=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),be=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Pe=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),De=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),He=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Ue=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Be=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),ve=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),Me=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),he=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),Fe=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),Ve=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;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.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAGS_INPUT_BLUR=e.TAGS_INPUT_BLUR;exports.TAGS_INPUT_SUBMIT=e.TAGS_INPUT_SUBMIT;exports.TAGS_INPUT_VALUE_CHANGE=e.TAGS_INPUT_VALUE_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.AiSpinner=i;exports.Avatar=J;exports.Badge=r;exports.BadgeCount=C;exports.Button=l;exports.Calendar=He;exports.Callout=c;exports.Checkbox=S;exports.DateInput=he;exports.DatePicker=Fe;exports.DateRange=Ue;exports.DateRangeDefault=Be;exports.DateRangeEnd=Me;exports.DateRangeStart=ve;exports.Divider=d;exports.Dot=m;exports.Drawer=ne;exports.DrawerClose=ae;exports.Dropdown=ee;exports.Field=T;exports.FieldDescription=N;exports.FieldError=_;exports.FieldGroup=p;exports.FieldLabel=g;exports.FileIcon=Q;exports.Icon=s;exports.InlineEdit=O;exports.Input=I;exports.LoadingState=A;exports.Menu=D;exports.MenuItem=H;exports.Modal=U;exports.ModalClose=B;exports.Navigation=ie;exports.NavigationItem=se;exports.Pagination=ce;exports.PaginationFirstPage=de;exports.PaginationLastPage=me;exports.Popover=b;exports.PopoverClose=P;exports.Progress=E;exports.Radio=G;exports.RadioGroup=L;exports.ResizableHandle=le;exports.ResizablePanel=Ce;exports.ResizablePanelGroup=re;exports.Sidebar=Ee;exports.SidebarAction=Ge;exports.SidebarBadge=Le;exports.SidebarContent=ue;exports.SidebarFooter=Te;exports.SidebarGroup=ge;exports.SidebarGroupLabel=Ne;exports.SidebarHeader=Ae;exports.SidebarMenu=_e;exports.SidebarMenuItem=pe;exports.SidebarSeparator=Se;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=oe;exports.Switcher=te;exports.TabContent=F;exports.TabTrigger=h;exports.Table=Ve;exports.Tabs=v;exports.TabsList=M;exports.Tag=V;exports.TagClose=W;exports.TagsInput=w;exports.TagsInputClear=f;exports.TagsInputInput=K;exports.TagsInputList=k;exports.Textarea=R;exports.Timeline=Ie;exports.TimelineDate=Oe;exports.TimelineGroup=Pe;exports.TimelineItem=Re;exports.TimelineLabel=De;exports.TimelineTitle=be;exports.Toast=Y;exports.Toaster=$;exports.ToggleGroup=z;exports.ToggleGroupItem=X;exports.Tooltip=x;exports.TooltipContent=q;exports.TooltipTrigger=Z;exports.Well=y;exports.WellClose=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),a=require("@lit/react"),e=require("./anduin-table-C07o6qAm.cjs"),t=a.createComponent({react:n,tagName:"anduin-spinner",elementClass:e.AnduinSpinner}),o=a.createComponent({react:n,tagName:"anduin-sparkle-spinner",elementClass:e.AnduinSparkleSpinner}),i=a.createComponent({react:n,tagName:"anduin-ai-spinner",elementClass:e.AnduinAiSpinner}),s=a.createComponent({react:n,tagName:"anduin-icon",elementClass:e.AnduinIcon}),r=a.createComponent({react:n,tagName:"anduin-badge",elementClass:e.AnduinBadge}),C=a.createComponent({react:n,tagName:"anduin-badge-count",elementClass:e.AnduinBadgeCount}),l=a.createComponent({react:n,tagName:"anduin-button",elementClass:e.AnduinButton}),c=a.createComponent({react:n,tagName:"anduin-callout",elementClass:e.AnduinCallout}),d=a.createComponent({react:n,tagName:"anduin-divider",elementClass:e.AnduinDivider}),m=a.createComponent({react:n,tagName:"anduin-dot",elementClass:e.AnduinDot}),E=a.createComponent({react:n,tagName:"anduin-progress",elementClass:e.AnduinProgress}),u=a.createComponent({react:n,tagName:"anduin-skeleton",elementClass:e.AnduinSkeleton}),A=a.createComponent({react:n,tagName:"anduin-loading-state",elementClass:e.AnduinLoadingState}),T=a.createComponent({react:n,tagName:"anduin-field",elementClass:e.AnduinField}),g=a.createComponent({react:n,tagName:"anduin-field-label",elementClass:e.AnduinFieldLabel}),N=a.createComponent({react:n,tagName:"anduin-field-description",elementClass:e.AnduinFieldDescription}),_=a.createComponent({react:n,tagName:"anduin-field-error",elementClass:e.AnduinFieldError}),p=a.createComponent({react:n,tagName:"anduin-field-group",elementClass:e.AnduinFieldGroup}),G=a.createComponent({react:n,tagName:"anduin-radio",elementClass:e.AnduinRadio,events:{onChange:e.RADIO_CHANGE}}),L=a.createComponent({react:n,tagName:"anduin-radio-group",elementClass:e.AnduinRadioGroup,events:{onChange:e.RADIO_GROUP_CHANGE}}),S=a.createComponent({react:n,tagName:"anduin-checkbox",elementClass:e.AnduinCheckbox,events:{onChange:e.CHECKBOX_CHANGE}}),I=a.createComponent({react:n,tagName:"anduin-input",elementClass:e.AnduinInput,events:{onChange:e.INPUT_CHANGE,onClear:e.INPUT_CLEAR}}),R=a.createComponent({react:n,tagName:"anduin-textarea",elementClass:e.AnduinTextarea,events:{onChange:e.TEXTAREA_CHANGE}}),O=a.createComponent({react:n,tagName:"anduin-inline-edit",elementClass:e.AnduinInlineEdit,events:{onSave:e.INLINE_EDIT_SAVE,onCancel:e.INLINE_EDIT_CANCEL,onEdit:e.INLINE_EDIT_EDIT}}),b=a.createComponent({react:n,tagName:"anduin-popover",elementClass:e.AnduinPopover,events:{onOpenChange:e.POPOVER_OPEN_CHANGE}}),P=a.createComponent({react:n,tagName:"anduin-popover-close",elementClass:e.AnduinPopoverClose}),D=a.createComponent({react:n,tagName:"anduin-menu",elementClass:e.AnduinMenu}),H=a.createComponent({react:n,tagName:"anduin-menu-item",elementClass:e.AnduinMenuItem}),U=a.createComponent({react:n,tagName:"anduin-modal",elementClass:e.AnduinModal,events:{onClose:e.MODAL_CLOSE_EVENT,onAfterClose:e.MODAL_AFTER_CLOSE_EVENT}}),B=a.createComponent({react:n,tagName:"anduin-modal-close",elementClass:e.AnduinModalClose}),v=a.createComponent({react:n,tagName:"anduin-tabs",elementClass:e.AnduinTabs,events:{onChange:e.TAB_CHANGE}}),M=a.createComponent({react:n,tagName:"anduin-tabs-list",elementClass:e.AnduinTabsList}),h=a.createComponent({react:n,tagName:"anduin-tab-trigger",elementClass:e.AnduinTabTrigger}),F=a.createComponent({react:n,tagName:"anduin-tab-content",elementClass:e.AnduinTabContent}),V=a.createComponent({react:n,tagName:"anduin-tag",elementClass:e.AnduinTag}),W=a.createComponent({react:n,tagName:"anduin-tag-close",elementClass:e.AnduinTagClose,events:{onClick:e.TAG_CLOSE_CLICK}}),w=a.createComponent({react:n,tagName:"anduin-tags-input",elementClass:e.AnduinTagsInput,events:{onValueChange:e.TAGS_INPUT_VALUE_CHANGE,onBlur:e.TAGS_INPUT_BLUR,onSubmit:e.TAGS_INPUT_SUBMIT}}),k=a.createComponent({react:n,tagName:"anduin-tags-input-list",elementClass:e.AnduinTagsInputList}),K=a.createComponent({react:n,tagName:"anduin-tags-input-input",elementClass:e.AnduinTagsInputInput}),f=a.createComponent({react:n,tagName:"anduin-tags-input-clear",elementClass:e.AnduinTagsInputClear}),z=a.createComponent({react:n,tagName:"anduin-toggle-group",elementClass:e.AnduinToggleGroup,events:{onChange:e.TOGGLE_GROUP_CHANGE}}),X=a.createComponent({react:n,tagName:"anduin-toggle-group-item",elementClass:e.AnduinToggleGroupItem,events:{onChange:e.TOGGLE_GROUP_ITEM_CHANGE,onSelect:e.TOGGLE_GROUP_ITEM_SELECT,onDeselect:e.TOGGLE_GROUP_ITEM_DESELECT}}),x=a.createComponent({react:n,tagName:"anduin-tooltip",elementClass:e.AnduinTooltip}),Z=a.createComponent({react:n,tagName:"anduin-tooltip-trigger",elementClass:e.AnduinTooltipTrigger}),q=a.createComponent({react:n,tagName:"anduin-tooltip-content",elementClass:e.AnduinTooltipContent}),y=a.createComponent({react:n,tagName:"anduin-well",elementClass:e.AnduinWell}),j=a.createComponent({react:n,tagName:"anduin-well-close",elementClass:e.AnduinWellClose,events:{onClick:e.WELL_CLOSE_CLICK}}),J=a.createComponent({react:n,tagName:"anduin-avatar",elementClass:e.AnduinAvatar}),Q=a.createComponent({react:n,tagName:"anduin-file-icon",elementClass:e.AnduinFileIcon}),Y=a.createComponent({react:n,tagName:"anduin-toast",elementClass:e.AnduinToast}),$=a.createComponent({react:n,tagName:"anduin-toaster",elementClass:e.AnduinToaster}),ee=a.createComponent({react:n,tagName:"anduin-dropdown",elementClass:e.AnduinDropdown,events:{onChange:e.DROPDOWN_CHANGE}}),ne=a.createComponent({react:n,tagName:"anduin-drawer",elementClass:e.AnduinDrawer,events:{onClose:e.DRAWER_CLOSE_EVENT,onAfterClose:e.DRAWER_AFTER_CLOSE_EVENT}}),ae=a.createComponent({react:n,tagName:"anduin-drawer-close",elementClass:e.AnduinDrawerClose}),te=a.createComponent({react:n,tagName:"anduin-switcher",elementClass:e.AnduinSwitcher,events:{onChange:e.SWITCHER_CHANGE}}),oe=a.createComponent({react:n,tagName:"anduin-suggestion",elementClass:e.AnduinSuggestion,events:{onChange:e.SUGGESTION_CHANGE,onSelect:e.SUGGESTION_SELECT,onClear:e.SUGGESTION_CLEAR}}),ie=a.createComponent({react:n,tagName:"anduin-navigation",elementClass:e.AnduinNavigation,events:{onChange:e.NAVIGATION_CHANGE}}),se=a.createComponent({react:n,tagName:"anduin-navigation-item",elementClass:e.AnduinNavigationItem}),re=a.createComponent({react:n,tagName:"anduin-resizable-panel-group",elementClass:e.AnduinResizablePanelGroup}),Ce=a.createComponent({react:n,tagName:"anduin-resizable-panel",elementClass:e.AnduinResizablePanel}),le=a.createComponent({react:n,tagName:"anduin-resizable-handle",elementClass:e.AnduinResizableHandle,events:{onResize:e.RESIZE_EVENT}}),ce=a.createComponent({react:n,tagName:"anduin-pagination",elementClass:e.AnduinPagination,events:{onValueChange:e.PAGINATION_CHANGE}}),de=a.createComponent({react:n,tagName:"anduin-pagination-first-page",elementClass:e.AnduinPaginationFirstPage}),me=a.createComponent({react:n,tagName:"anduin-pagination-last-page",elementClass:e.AnduinPaginationLastPage}),Ee=a.createComponent({react:n,tagName:"anduin-sidebar",elementClass:e.AnduinSidebar}),ue=a.createComponent({react:n,tagName:"anduin-sidebar-content",elementClass:e.AnduinSidebarContent}),Ae=a.createComponent({react:n,tagName:"anduin-sidebar-header",elementClass:e.AnduinSidebarHeader}),Te=a.createComponent({react:n,tagName:"anduin-sidebar-footer",elementClass:e.AnduinSidebarFooter}),ge=a.createComponent({react:n,tagName:"anduin-sidebar-group",elementClass:e.AnduinSidebarGroup}),Ne=a.createComponent({react:n,tagName:"anduin-sidebar-group-label",elementClass:e.AnduinSidebarGroupLabel}),_e=a.createComponent({react:n,tagName:"anduin-sidebar-menu",elementClass:e.AnduinSidebarMenu}),pe=a.createComponent({react:n,tagName:"anduin-sidebar-menu-item",elementClass:e.AnduinSidebarMenuItem,events:{onSelect:e.SIDEBAR_SELECT}}),Ge=a.createComponent({react:n,tagName:"anduin-sidebar-action",elementClass:e.AnduinSidebarAction}),Le=a.createComponent({react:n,tagName:"anduin-sidebar-badge",elementClass:e.AnduinSidebarBadge}),Se=a.createComponent({react:n,tagName:"anduin-sidebar-separator",elementClass:e.AnduinSidebarSeparator}),Ie=a.createComponent({react:n,tagName:"anduin-timeline",elementClass:e.AnduinTimeline}),Re=a.createComponent({react:n,tagName:"anduin-timeline-item",elementClass:e.AnduinTimelineItem}),Oe=a.createComponent({react:n,tagName:"anduin-timeline-date",elementClass:e.AnduinTimelineDate}),be=a.createComponent({react:n,tagName:"anduin-timeline-title",elementClass:e.AnduinTimelineTitle}),Pe=a.createComponent({react:n,tagName:"anduin-timeline-group",elementClass:e.AnduinTimelineGroup}),De=a.createComponent({react:n,tagName:"anduin-timeline-label",elementClass:e.AnduinTimelineLabel}),He=a.createComponent({react:n,tagName:"anduin-calendar",elementClass:e.AnduinCalendar,events:{onValueChange:e.CALENDAR_CHANGE}}),Ue=a.createComponent({react:n,tagName:"anduin-date-range",elementClass:e.AnduinDateRange,events:{onChange:e.DATE_RANGE_CHANGE}}),Be=a.createComponent({react:n,tagName:"anduin-date-range-default",elementClass:e.AnduinDateRangeDefault}),ve=a.createComponent({react:n,tagName:"anduin-date-range-start",elementClass:e.AnduinDateRangeStart}),Me=a.createComponent({react:n,tagName:"anduin-date-range-end",elementClass:e.AnduinDateRangeEnd}),he=a.createComponent({react:n,tagName:"anduin-date-input",elementClass:e.AnduinDateInput,events:{onValueChange:e.DATE_INPUT_CHANGE}}),Fe=a.createComponent({react:n,tagName:"anduin-date-picker",elementClass:e.AnduinDatePicker,events:{onValueChange:e.DATE_PICKER_CHANGE}}),Ve=a.createComponent({react:n,tagName:"anduin-table",elementClass:e.AnduinTable,events:{onSort:e.TABLE_SORT,onColumnClick:e.TABLE_COLUMN_CLICK,onRowClick:e.TABLE_ROW_CLICK,onSelectionChange:e.TABLE_SELECTION_CHANGE,onCellContextMenu:e.TABLE_CELL_CONTEXT_MENU,onRowExpand:e.TABLE_ROW_EXPAND,onRowCollapse:e.TABLE_ROW_COLLAPSE,onGroupToggle:e.TABLE_GROUP_TOGGLE,onColumnResize:e.TABLE_COLUMN_RESIZE}});exports.CALENDAR_CHANGE=e.CALENDAR_CHANGE;exports.CHECKBOX_CHANGE=e.CHECKBOX_CHANGE;exports.DATE_INPUT_CHANGE=e.DATE_INPUT_CHANGE;exports.DATE_PICKER_CHANGE=e.DATE_PICKER_CHANGE;exports.DATE_RANGE_CHANGE=e.DATE_RANGE_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.NAVIGATION_CHANGE=e.NAVIGATION_CHANGE;exports.PAGINATION_CHANGE=e.PAGINATION_CHANGE;exports.POPOVER_OPEN_CHANGE=e.POPOVER_OPEN_CHANGE;exports.RADIO_CHANGE=e.RADIO_CHANGE;exports.RADIO_GROUP_CHANGE=e.RADIO_GROUP_CHANGE;exports.RESIZE_EVENT=e.RESIZE_EVENT;exports.SIDEBAR_SELECT=e.SIDEBAR_SELECT;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.TABLE_CELL_CONTEXT_MENU=e.TABLE_CELL_CONTEXT_MENU;exports.TABLE_COLUMN_CLICK=e.TABLE_COLUMN_CLICK;exports.TABLE_COLUMN_RESIZE=e.TABLE_COLUMN_RESIZE;exports.TABLE_GROUP_TOGGLE=e.TABLE_GROUP_TOGGLE;exports.TABLE_ROW_CLICK=e.TABLE_ROW_CLICK;exports.TABLE_ROW_COLLAPSE=e.TABLE_ROW_COLLAPSE;exports.TABLE_ROW_EXPAND=e.TABLE_ROW_EXPAND;exports.TABLE_SELECTION_CHANGE=e.TABLE_SELECTION_CHANGE;exports.TABLE_SORT=e.TABLE_SORT;exports.TAB_CHANGE=e.TAB_CHANGE;exports.TAGS_INPUT_BLUR=e.TAGS_INPUT_BLUR;exports.TAGS_INPUT_SUBMIT=e.TAGS_INPUT_SUBMIT;exports.TAGS_INPUT_VALUE_CHANGE=e.TAGS_INPUT_VALUE_CHANGE;exports.TAG_CLOSE_CLICK=e.TAG_CLOSE_CLICK;exports.TEXTAREA_CHANGE=e.TEXTAREA_CHANGE;exports.TOGGLE_GROUP_CHANGE=e.TOGGLE_GROUP_CHANGE;exports.TOGGLE_GROUP_ITEM_CHANGE=e.TOGGLE_GROUP_ITEM_CHANGE;exports.TOGGLE_GROUP_ITEM_DESELECT=e.TOGGLE_GROUP_ITEM_DESELECT;exports.TOGGLE_GROUP_ITEM_SELECT=e.TOGGLE_GROUP_ITEM_SELECT;exports.WELL_CLOSE_CLICK=e.WELL_CLOSE_CLICK;exports.AiSpinner=i;exports.Avatar=J;exports.Badge=r;exports.BadgeCount=C;exports.Button=l;exports.Calendar=He;exports.Callout=c;exports.Checkbox=S;exports.DateInput=he;exports.DatePicker=Fe;exports.DateRange=Ue;exports.DateRangeDefault=Be;exports.DateRangeEnd=Me;exports.DateRangeStart=ve;exports.Divider=d;exports.Dot=m;exports.Drawer=ne;exports.DrawerClose=ae;exports.Dropdown=ee;exports.Field=T;exports.FieldDescription=N;exports.FieldError=_;exports.FieldGroup=p;exports.FieldLabel=g;exports.FileIcon=Q;exports.Icon=s;exports.InlineEdit=O;exports.Input=I;exports.LoadingState=A;exports.Menu=D;exports.MenuItem=H;exports.Modal=U;exports.ModalClose=B;exports.Navigation=ie;exports.NavigationItem=se;exports.Pagination=ce;exports.PaginationFirstPage=de;exports.PaginationLastPage=me;exports.Popover=b;exports.PopoverClose=P;exports.Progress=E;exports.Radio=G;exports.RadioGroup=L;exports.ResizableHandle=le;exports.ResizablePanel=Ce;exports.ResizablePanelGroup=re;exports.Sidebar=Ee;exports.SidebarAction=Ge;exports.SidebarBadge=Le;exports.SidebarContent=ue;exports.SidebarFooter=Te;exports.SidebarGroup=ge;exports.SidebarGroupLabel=Ne;exports.SidebarHeader=Ae;exports.SidebarMenu=_e;exports.SidebarMenuItem=pe;exports.SidebarSeparator=Se;exports.Skeleton=u;exports.SparkleSpinner=o;exports.Spinner=t;exports.Suggestion=oe;exports.Switcher=te;exports.TabContent=F;exports.TabTrigger=h;exports.Table=Ve;exports.Tabs=v;exports.TabsList=M;exports.Tag=V;exports.TagClose=W;exports.TagsInput=w;exports.TagsInputClear=f;exports.TagsInputInput=K;exports.TagsInputList=k;exports.Textarea=R;exports.Timeline=Ie;exports.TimelineDate=Oe;exports.TimelineGroup=Pe;exports.TimelineItem=Re;exports.TimelineLabel=De;exports.TimelineTitle=be;exports.Toast=Y;exports.Toaster=$;exports.ToggleGroup=z;exports.ToggleGroupItem=X;exports.Tooltip=x;exports.TooltipContent=q;exports.TooltipTrigger=Z;exports.Well=y;exports.WellClose=j;

package/dist/react.d.ts

@@ -447,7 +447,10 @@ declare class AnduinDivider extends LitElement {
 
 declare class AnduinDot extends LitElement {
     static styles: CSSResult;
-    variant: string;
+    /** Semantic (purple is the AI color), or one of the tag's custom colors */
+    variant: DotVariant;
+    /** Colors the dot from an ID, as an avatar is: the same ID always gets the same color. Wins over variant */
+    uid: string;
     render(): TemplateResult<1>;
 }
 
@@ -1679,7 +1682,11 @@ declare class AnduinTabTrigger extends LitElement {
 declare class AnduinTag extends LitElement {
     static styles: CSSResult;
     variant: TagVariant;
+    appearance: TagAppearance;
+    /** anduin-icon name shown before the label. `iconColor` never adds one */
     icon: string;
+    /** Colors the icon in place of the variant's color: a palette name, or an ID marked with `uid:` */
+    iconColor: TagIconColor | '';
     disabled: boolean;
     render(): TemplateResult<1>;
 }
@@ -2105,6 +2112,8 @@ export declare const Divider: ReactWebComponent<AnduinDivider, {}>;
 
 export declare const Dot: ReactWebComponent<AnduinDot, {}>;
 
+declare type DotVariant = 'gray' | 'success' | 'primary' | 'danger' | 'warning' | 'purple' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
+
 export declare const Drawer: ReactWebComponent<AnduinDrawer, {
 onClose: string;
 onAfterClose: string;
@@ -2594,10 +2603,16 @@ export declare const Tag: ReactWebComponent<AnduinTag, {}>;
 
 export declare const TAG_CLOSE_CLICK = "anduin-tag-close:click";
 
+/** filled (default), or outlined: transparent, drawn by a border in the variant's color */
+declare type TagAppearance = 'filled' | 'outlined';
+
 export declare const TagClose: ReactWebComponent<AnduinTagClose, {
 onClick: string;
 }>;
 
+/** Every dot color (semantic, purple, custom), or an ID marked with `uid:`, e.g. `uid:group-123` */
+declare type TagIconColor = DotVariant | `uid:${string}`;
+
 export declare const TAGS_INPUT_BLUR = "anduin-tags-input:blur";
 
 export declare const TAGS_INPUT_SUBMIT = "anduin-tags-input:submit";
@@ -2659,7 +2674,7 @@ export declare interface TagsInputTagMeta {
 
 export declare type TagsInputTagMetaMap = Record<string, TagsInputTagMeta>;
 
-declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
+declare type TagVariant = 'gray' | 'primary' | 'success' | 'warning' | 'danger' | 'purple' | 'boldGray' | 'boldPrimary' | 'boldSuccess' | 'boldWarning' | 'boldDanger' | 'boldPurple' | 'customAqua' | 'customBlue' | 'customBlueGreen' | 'customGreen' | 'customHotPink' | 'customIndigo' | 'customMagenta' | 'customOrange' | 'customPink' | 'customPurple' | 'customRed' | 'customYellow' | 'customYellowGreen' | 'customYellowOrange';
 
 export declare const Textarea: ReactWebComponent<AnduinTextarea, {
 onChange: string;

package/dist/react.js

@@ -1,7 +1,7 @@
 import a from "react";
 import { createComponent as e } from "@lit/react";
-import { a6 as n, a5 as t, A as s, z as i, b as l, c as o, d, f as r, o as u, p as m, P as c, a4 as g, D as C, t as A, x as N, u as T, v as E, w as p, a$ as b, Q as _, b0 as S, R as I, aD as G, g as L, aR as R, aQ as D, C as v, bn as O, ak as P, aO as h, aN as H, aP as B, B as M, a_ as U, N as f, O as F, E as k, F as w, aT as V, aU as z, G as W, H as x, bg as K, ac as X, ad as j, aa as Z, a9 as q, ae as y, bm as J, af as Q, bk as $, bj as Y, bl as aa, ag as ea, aj as na, ai as ta, ah as sa, bo as ia, at as la, br as oa, bs as da, bp as ra, au as ua, av as ma, ax as ca, aw as ga, ay as Ca, bz as Aa, az as Na, a as Ta, y as Ea, ar as pa, as as ba, aJ as _a, s as Sa, aH as Ia, aI as Ga, q as La, r as Ra, b6 as Da, a8 as va, b4 as Oa, b5 as Pa, b3 as ha, a7 as Ha, aV as Ba, I as Ma, J as Ua, U as fa, T as Fa, b1 as ka, S as wa, aX as Va, K as za, L as Wa, M as xa, V as Ka, Y as Xa, a0 as ja, Z as Za, _ as qa, $ as ya, a1 as Ja, b2 as Qa, a2 as $a, W as Ya, X as ae, a3 as ee, al as ne, ao as te, am as se, aq as ie, an as le, ap as oe, aB as de, e as re, aG as ue, j as me, k as ce, n as ge, l as Ce, aE as Ae, h as Ne, aF as Te, i as Ee, b9 as pe, ba as be, bc as _e, bd as Se, b7 as Ie, be as Ge, bb as Le, b8 as Re, bf as De, ab as ve } from "./anduin-table-CbHX7iBE.js";
-import { aS as Nt } from "./anduin-table-CbHX7iBE.js";
+import { a6 as n, a5 as t, A as s, z as i, b as l, c as o, d, f as r, o as u, p as m, P as c, a4 as g, D as C, t as A, x as N, u as T, v as E, w as p, a$ as b, Q as _, b0 as S, R as I, aD as G, g as L, aR as R, aQ as D, C as v, bn as O, ak as P, aO as h, aN as H, aP as B, B as M, a_ as U, N as f, O as F, E as k, F as w, aT as V, aU as z, G as W, H as x, bg as K, ac as X, ad as j, aa as Z, a9 as q, ae as y, bm as J, af as Q, bk as $, bj as Y, bl as aa, ag as ea, aj as na, ai as ta, ah as sa, bo as ia, at as la, br as oa, bs as da, bp as ra, au as ua, av as ma, ax as ca, aw as ga, ay as Ca, bz as Aa, az as Na, a as Ta, y as Ea, ar as pa, as as ba, aJ as _a, s as Sa, aH as Ia, aI as Ga, q as La, r as Ra, b6 as Da, a8 as va, b4 as Oa, b5 as Pa, b3 as ha, a7 as Ha, aV as Ba, I as Ma, J as Ua, U as fa, T as Fa, b1 as ka, S as wa, aX as Va, K as za, L as Wa, M as xa, V as Ka, Y as Xa, a0 as ja, Z as Za, _ as qa, $ as ya, a1 as Ja, b2 as Qa, a2 as $a, W as Ya, X as ae, a3 as ee, al as ne, ao as te, am as se, aq as ie, an as le, ap as oe, aB as de, e as re, aG as ue, j as me, k as ce, n as ge, l as Ce, aE as Ae, h as Ne, aF as Te, i as Ee, b9 as pe, ba as be, bc as _e, bd as Se, b7 as Ie, be as Ge, bb as Le, b8 as Re, bf as De, ab as ve } from "./anduin-table-K3MtnqRW.js";
+import { aS as Nt } from "./anduin-table-K3MtnqRW.js";
 const He = e({ react: a, tagName: "anduin-spinner", elementClass: n }), Be = e({ react: a, tagName: "anduin-sparkle-spinner", elementClass: t }), Me = e({ react: a, tagName: "anduin-ai-spinner", elementClass: s }), Ue = e({ react: a, tagName: "anduin-icon", elementClass: i }), fe = e({ react: a, tagName: "anduin-badge", elementClass: l }), Fe = e({ react: a, tagName: "anduin-badge-count", elementClass: o }), ke = e({ react: a, tagName: "anduin-button", elementClass: d }), we = e({ react: a, tagName: "anduin-callout", elementClass: r }), Ve = e({ react: a, tagName: "anduin-divider", elementClass: u }), ze = e({ react: a, tagName: "anduin-dot", elementClass: m }), We = e({ react: a, tagName: "anduin-progress", elementClass: c }), xe = e({ react: a, tagName: "anduin-skeleton", elementClass: g }), Ke = e({ react: a, tagName: "anduin-loading-state", elementClass: C }), Xe = e({ react: a, tagName: "anduin-field", elementClass: A }), je = e({ react: a, tagName: "anduin-field-label", elementClass: N }), Ze = e({ react: a, tagName: "anduin-field-description", elementClass: T }), qe = e({ react: a, tagName: "anduin-field-error", elementClass: E }), ye = e({ react: a, tagName: "anduin-field-group", elementClass: p }), Je = e({
   react: a,
   tagName: "anduin-radio",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@duyluonganduin/acl-web-components",
-  "version": "0.0.69",
+  "version": "0.0.70",
   "type": "module",
   "repository": {
     "type": "git",