@duyluonganduin/acl-web-components 0.0.23 → 0.0.25
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 +68 -57
- package/dist/acl-web-components.js +46 -46
- 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/react.cjs +1 -1
- package/dist/react.d.ts +1 -1
- package/dist/react.js +2 -2
- package/dist/tailwind-preset.cjs +1 -1
- package/dist/tailwind-preset.js +15 -2
- package/dist/tailwind-theme.css +12 -0
- package/dist/tokens.css +13 -0
- 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/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",
|
package/dist/tailwind-preset.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],12:["var(--text-12)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;
|
|
1
|
+
"use strict";const r={content:[],theme:{extend:{colors:{gray:{0:"var(--color-gray-0)",1:"var(--color-gray-1)",2:"var(--color-gray-2)",3:"var(--color-gray-3)",4:"var(--color-gray-4)",5:"var(--color-gray-5)",6:"var(--color-gray-6)",7:"var(--color-gray-7)",8:"var(--color-gray-8)",9:"var(--color-gray-9)"},purple:{50:"var(--color-purple-50)",100:"var(--color-purple-100)",200:"var(--color-purple-200)",300:"var(--color-purple-300)",400:"var(--color-purple-400)",500:"var(--color-purple-500)",600:"var(--color-purple-600)",700:"var(--color-purple-700)",800:"var(--color-purple-800)",900:"var(--color-purple-900)",950:"var(--color-purple-950)"},primary:{1:"var(--color-primary-1)",2:"var(--color-primary-2)",3:"var(--color-primary-3)",4:"var(--color-primary-4)",5:"var(--color-primary-5)"},danger:{1:"var(--color-danger-1)",2:"var(--color-danger-2)",3:"var(--color-danger-3)",4:"var(--color-danger-4)",5:"var(--color-danger-5)"},success:{1:"var(--color-success-1)",2:"var(--color-success-2)",3:"var(--color-success-3)",4:"var(--color-success-4)",5:"var(--color-success-5)"},warning:{1:"var(--color-warning-1)",2:"var(--color-warning-2)",3:"var(--color-warning-3)",4:"var(--color-warning-4)",5:"var(--color-warning-5)"},semantic:{gray:{0:"var(--color-semantic-gray-0)",1:"var(--color-semantic-gray-1)",2:"var(--color-semantic-gray-2)",3:"var(--color-semantic-gray-3)",4:"var(--color-semantic-gray-4)",5:"var(--color-semantic-gray-5)",6:"var(--color-semantic-gray-6)",7:"var(--color-semantic-gray-7)",8:"var(--color-semantic-gray-8)",9:"var(--color-semantic-gray-9)"},primary:{1:"var(--color-semantic-primary-1)",2:"var(--color-semantic-primary-2)",3:"var(--color-semantic-primary-3)",4:"var(--color-semantic-primary-4)",5:"var(--color-semantic-primary-5)"},danger:{1:"var(--color-semantic-danger-1)",2:"var(--color-semantic-danger-2)",3:"var(--color-semantic-danger-3)",4:"var(--color-semantic-danger-4)",5:"var(--color-semantic-danger-5)"},success:{1:"var(--color-semantic-success-1)",2:"var(--color-semantic-success-2)",3:"var(--color-semantic-success-3)",4:"var(--color-semantic-success-4)",5:"var(--color-semantic-success-5)"},warning:{1:"var(--color-semantic-warning-1)",2:"var(--color-semantic-warning-2)",3:"var(--color-semantic-warning-3)",4:"var(--color-semantic-warning-4)",5:"var(--color-semantic-warning-5)"}},white:"var(--color-white)"},fontFamily:{sans:"var(--font-sans)",mono:"var(--font-mono)"},fontSize:{9:["var(--text-9)",{lineHeight:"var(--leading-16)"}],10:["var(--text-10)",{lineHeight:"var(--leading-16)"}],11:["var(--text-11)",{lineHeight:"var(--leading-16)"}],12:["var(--text-12)",{lineHeight:"var(--leading-16)"}],13:["var(--text-13)",{lineHeight:"var(--leading-20)"}],15:["var(--text-15)",{lineHeight:"var(--leading-24)"}],17:["var(--text-17)",{lineHeight:"var(--leading-24)"}],20:["var(--text-20)",{lineHeight:"var(--leading-28)"}],23:["var(--text-23)",{lineHeight:"var(--leading-32)"}],26:["var(--text-26)",{lineHeight:"var(--leading-32)"}],30:["var(--text-30)",{lineHeight:"var(--leading-40)"}],35:["var(--text-35)",{lineHeight:"var(--leading-44)"}]},fontWeight:{normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)"},lineHeight:{16:"var(--leading-16)",20:"var(--leading-20)",24:"var(--leading-24)",28:"var(--leading-28)",32:"var(--leading-32)",40:"var(--leading-40)",44:"var(--leading-44)",r1p5:"var(--leading-r1p5)"},borderRadius:{none:"var(--radius-0)",sm:"var(--radius-2)",3:"var(--radius-3)",DEFAULT:"var(--radius-4)",md:"var(--radius-6)",lg:"var(--radius-8)",xl:"var(--radius-12)","2xl":"var(--radius-16)","3xl":"var(--radius-20)","4xl":"var(--radius-24)",full:"var(--radius-full)"},boxShadow:{1:"var(--shadow-1)",2:"var(--shadow-2)",3:"var(--shadow-3)",4:"var(--shadow-4)"},spacing:{px:"var(--spacing-px)",0:"var(--spacing-0)",2:"var(--spacing-2)",4:"var(--spacing-4)",6:"var(--spacing-6)",8:"var(--spacing-8)",12:"var(--spacing-12)",16:"var(--spacing-16)",20:"var(--spacing-20)",24:"var(--spacing-24)",28:"var(--spacing-28)",32:"var(--spacing-32)",40:"var(--spacing-40)",48:"var(--spacing-48)",56:"var(--spacing-56)",64:"var(--spacing-64)",128:"var(--spacing-128)",256:"var(--spacing-256)"},zIndex:{0:"var(--z-0)",1:"var(--z-1)",2:"var(--z-2)",3:"var(--z-3)",4:"var(--z-4)",5:"var(--z-5)",999:"var(--z-999)",9999:"var(--z-9999)"}}}};module.exports=r;
|
package/dist/tailwind-preset.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const r = {
|
|
2
2
|
content: [],
|
|
3
3
|
theme: {
|
|
4
4
|
extend: {
|
|
@@ -16,6 +16,19 @@ const a = {
|
|
|
16
16
|
8: "var(--color-gray-8)",
|
|
17
17
|
9: "var(--color-gray-9)"
|
|
18
18
|
},
|
|
19
|
+
purple: {
|
|
20
|
+
50: "var(--color-purple-50)",
|
|
21
|
+
100: "var(--color-purple-100)",
|
|
22
|
+
200: "var(--color-purple-200)",
|
|
23
|
+
300: "var(--color-purple-300)",
|
|
24
|
+
400: "var(--color-purple-400)",
|
|
25
|
+
500: "var(--color-purple-500)",
|
|
26
|
+
600: "var(--color-purple-600)",
|
|
27
|
+
700: "var(--color-purple-700)",
|
|
28
|
+
800: "var(--color-purple-800)",
|
|
29
|
+
900: "var(--color-purple-900)",
|
|
30
|
+
950: "var(--color-purple-950)"
|
|
31
|
+
},
|
|
19
32
|
primary: {
|
|
20
33
|
1: "var(--color-primary-1)",
|
|
21
34
|
2: "var(--color-primary-2)",
|
|
@@ -176,5 +189,5 @@ const a = {
|
|
|
176
189
|
}
|
|
177
190
|
};
|
|
178
191
|
export {
|
|
179
|
-
|
|
192
|
+
r as default
|
|
180
193
|
};
|
package/dist/tailwind-theme.css
CHANGED
|
@@ -26,6 +26,18 @@
|
|
|
26
26
|
--color-gray-8: var(--color-gray-8);
|
|
27
27
|
--color-gray-9: var(--color-gray-9);
|
|
28
28
|
|
|
29
|
+
--color-purple-50: var(--color-purple-50);
|
|
30
|
+
--color-purple-100: var(--color-purple-100);
|
|
31
|
+
--color-purple-200: var(--color-purple-200);
|
|
32
|
+
--color-purple-300: var(--color-purple-300);
|
|
33
|
+
--color-purple-400: var(--color-purple-400);
|
|
34
|
+
--color-purple-500: var(--color-purple-500);
|
|
35
|
+
--color-purple-600: var(--color-purple-600);
|
|
36
|
+
--color-purple-700: var(--color-purple-700);
|
|
37
|
+
--color-purple-800: var(--color-purple-800);
|
|
38
|
+
--color-purple-900: var(--color-purple-900);
|
|
39
|
+
--color-purple-950: var(--color-purple-950);
|
|
40
|
+
|
|
29
41
|
--color-primary-1: var(--color-primary-1);
|
|
30
42
|
--color-primary-2: var(--color-primary-2);
|
|
31
43
|
--color-primary-3: var(--color-primary-3);
|
package/dist/tokens.css
CHANGED
|
@@ -85,6 +85,19 @@
|
|
|
85
85
|
--color-semantic-warning-4: oklch(0.7325 0.1512 75.97);
|
|
86
86
|
--color-semantic-warning-5: oklch(0.5329 0.1098 82);
|
|
87
87
|
|
|
88
|
+
/* ===================== Colors: Purple ===================== */
|
|
89
|
+
--color-purple-50: oklch(0.9676 0.016 286.1); /* #F3F3FF */
|
|
90
|
+
--color-purple-100: oklch(0.9434 0.0255 288.32); /* #EBEAFD */
|
|
91
|
+
--color-purple-200: oklch(0.8927 0.0519 287.71); /* #D9D7FD */
|
|
92
|
+
--color-purple-300: oklch(0.81 0.0925 287.61); /* #BDB8FA */
|
|
93
|
+
--color-purple-400: oklch(0.7048 0.1478 287.77); /* #9C8FF6 */
|
|
94
|
+
--color-purple-500: oklch(0.5961 0.2043 286.53); /* #7B62F0 */
|
|
95
|
+
--color-purple-600: oklch(0.5316 0.2303 286.64); /* #6B44E7 */
|
|
96
|
+
--color-purple-700: oklch(0.471 0.2307 285.3); /* #592ED3 */
|
|
97
|
+
--color-purple-800: oklch(0.4148 0.2014 285.43); /* #4A26B1 */
|
|
98
|
+
--color-purple-900: oklch(0.3654 0.17 286.37); /* #3E2191 */
|
|
99
|
+
--color-purple-950: oklch(0.2734 0.1288 284.42); /* #251362 */
|
|
100
|
+
|
|
88
101
|
/* ===================== Colors: Aliases ===================== */
|
|
89
102
|
--color-white: var(--color-gray-0);
|
|
90
103
|
|