musae 0.2.26 → 0.3.0

package/dist/utils/class-name.cjs

@@ -0,0 +1,357 @@
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var componentToken = require('./component-token.cjs');
+
+var _CLASS_NAMES;
+/**
+ * @description
+ * token
+ */
+var Token;
+(function (Token) {
+  Token["Prefix"] = "musae";
+  Token["Separator"] = "-";
+})(Token || (Token = {}));
+/**
+ * @description
+ * add prefix
+ */
+var withPrefix = function withPrefix(className, prefix) {
+  return [prefix, className].join(Token.Separator);
+};
+/**
+ * @description
+ * class role
+ */
+exports.PickerClassToken = void 0;
+(function (PickerClassToken) {
+  PickerClassToken[PickerClassToken["Picker"] = 0] = "Picker";
+  PickerClassToken[PickerClassToken["Focused"] = 1] = "Focused";
+  PickerClassToken[PickerClassToken["Invalid"] = 2] = "Invalid";
+  PickerClassToken[PickerClassToken["Dropdown"] = 3] = "Dropdown";
+})(exports.PickerClassToken || (exports.PickerClassToken = {}));
+exports.InputClassToken = void 0;
+(function (InputClassToken) {
+  InputClassToken[InputClassToken["Input"] = 0] = "Input";
+  InputClassToken[InputClassToken["Wrapper"] = 1] = "Wrapper";
+  InputClassToken[InputClassToken["Focused"] = 2] = "Focused";
+  InputClassToken[InputClassToken["Invalid"] = 3] = "Invalid";
+})(exports.InputClassToken || (exports.InputClassToken = {}));
+exports.SelectClassToken = void 0;
+(function (SelectClassToken) {
+  SelectClassToken[SelectClassToken["Select"] = 0] = "Select";
+})(exports.SelectClassToken || (exports.SelectClassToken = {}));
+exports.PopperClassToken = void 0;
+(function (PopperClassToken) {
+  PopperClassToken[PopperClassToken["Dropdown"] = 0] = "Dropdown";
+  PopperClassToken[PopperClassToken["Arrow"] = 1] = "Arrow";
+})(exports.PopperClassToken || (exports.PopperClassToken = {}));
+exports.FormClassToken = void 0;
+(function (FormClassToken) {
+  FormClassToken[FormClassToken["Item"] = 0] = "Item";
+  FormClassToken[FormClassToken["Field"] = 1] = "Field";
+  FormClassToken[FormClassToken["FieldSupporting"] = 2] = "FieldSupporting";
+  FormClassToken[FormClassToken["FieldError"] = 3] = "FieldError";
+})(exports.FormClassToken || (exports.FormClassToken = {}));
+exports.GridClassToken = void 0;
+(function (GridClassToken) {
+  GridClassToken[GridClassToken["Row"] = 0] = "Row";
+  GridClassToken[GridClassToken["Col"] = 1] = "Col";
+})(exports.GridClassToken || (exports.GridClassToken = {}));
+exports.RadioClassToken = void 0;
+(function (RadioClassToken) {
+  RadioClassToken[RadioClassToken["Radio"] = 0] = "Radio";
+})(exports.RadioClassToken || (exports.RadioClassToken = {}));
+exports.EmptyClassToken = void 0;
+(function (EmptyClassToken) {
+  EmptyClassToken[EmptyClassToken["Empty"] = 0] = "Empty";
+  EmptyClassToken[EmptyClassToken["Description"] = 1] = "Description";
+})(exports.EmptyClassToken || (exports.EmptyClassToken = {}));
+exports.ButtonClassToken = void 0;
+(function (ButtonClassToken) {
+  ButtonClassToken[ButtonClassToken["Button"] = 0] = "Button";
+  ButtonClassToken[ButtonClassToken["Prefix"] = 1] = "Prefix";
+})(exports.ButtonClassToken || (exports.ButtonClassToken = {}));
+exports.DrawerClassToken = void 0;
+(function (DrawerClassToken) {
+  DrawerClassToken[DrawerClassToken["Drawer"] = 0] = "Drawer";
+  DrawerClassToken[DrawerClassToken["Overlay"] = 1] = "Overlay";
+  DrawerClassToken[DrawerClassToken["Panel"] = 2] = "Panel";
+  DrawerClassToken[DrawerClassToken["Header"] = 3] = "Header";
+  DrawerClassToken[DrawerClassToken["Body"] = 4] = "Body";
+})(exports.DrawerClassToken || (exports.DrawerClassToken = {}));
+exports.DividerClassToken = void 0;
+(function (DividerClassToken) {
+  DividerClassToken[DividerClassToken["Divider"] = 0] = "Divider";
+  DividerClassToken[DividerClassToken["Label"] = 1] = "Label";
+})(exports.DividerClassToken || (exports.DividerClassToken = {}));
+exports.TagClassToken = void 0;
+(function (TagClassToken) {
+  TagClassToken[TagClassToken["Tag"] = 0] = "Tag";
+})(exports.TagClassToken || (exports.TagClassToken = {}));
+exports.CascaderClassToken = void 0;
+(function (CascaderClassToken) {
+  CascaderClassToken[CascaderClassToken["Cascader"] = 0] = "Cascader";
+  CascaderClassToken[CascaderClassToken["Options"] = 1] = "Options";
+})(exports.CascaderClassToken || (exports.CascaderClassToken = {}));
+exports.DialogClassToken = void 0;
+(function (DialogClassToken) {
+  DialogClassToken[DialogClassToken["Dialog"] = 0] = "Dialog";
+  DialogClassToken[DialogClassToken["Overlay"] = 1] = "Overlay";
+  DialogClassToken[DialogClassToken["Panel"] = 2] = "Panel";
+  DialogClassToken[DialogClassToken["Header"] = 3] = "Header";
+  DialogClassToken[DialogClassToken["Body"] = 4] = "Body";
+  DialogClassToken[DialogClassToken["Footer"] = 5] = "Footer";
+})(exports.DialogClassToken || (exports.DialogClassToken = {}));
+exports.CalendarClassToken = void 0;
+(function (CalendarClassToken) {
+  CalendarClassToken[CalendarClassToken["Header"] = 0] = "Header";
+  CalendarClassToken[CalendarClassToken["Heading"] = 1] = "Heading";
+  CalendarClassToken[CalendarClassToken["HeadCell"] = 2] = "HeadCell";
+  CalendarClassToken[CalendarClassToken["DateCell"] = 3] = "DateCell";
+  CalendarClassToken[CalendarClassToken["DateCellSelected"] = 4] = "DateCellSelected";
+  CalendarClassToken[CalendarClassToken["DateCellInRange"] = 5] = "DateCellInRange";
+  CalendarClassToken[CalendarClassToken["DateCellRangeFrom"] = 6] = "DateCellRangeFrom";
+  CalendarClassToken[CalendarClassToken["DateCellRangeTo"] = 7] = "DateCellRangeTo";
+  CalendarClassToken[CalendarClassToken["Date"] = 8] = "Date";
+})(exports.CalendarClassToken || (exports.CalendarClassToken = {}));
+exports.IconClassToken = void 0;
+(function (IconClassToken) {
+  IconClassToken[IconClassToken["Icon"] = 0] = "Icon";
+})(exports.IconClassToken || (exports.IconClassToken = {}));
+exports.DatePickerClassToken = void 0;
+(function (DatePickerClassToken) {
+  DatePickerClassToken[DatePickerClassToken["Picker"] = 0] = "Picker";
+  DatePickerClassToken[DatePickerClassToken["Input"] = 1] = "Input";
+})(exports.DatePickerClassToken || (exports.DatePickerClassToken = {}));
+exports.TimePickerClassToken = void 0;
+(function (TimePickerClassToken) {
+  TimePickerClassToken[TimePickerClassToken["Picker"] = 0] = "Picker";
+  TimePickerClassToken[TimePickerClassToken["Input"] = 1] = "Input";
+  TimePickerClassToken[TimePickerClassToken["Panel"] = 2] = "Panel";
+  TimePickerClassToken[TimePickerClassToken["PanelFooter"] = 3] = "PanelFooter";
+})(exports.TimePickerClassToken || (exports.TimePickerClassToken = {}));
+exports.DateRangePickerClassToken = void 0;
+(function (DateRangePickerClassToken) {
+  DateRangePickerClassToken[DateRangePickerClassToken["Picker"] = 0] = "Picker";
+  DateRangePickerClassToken[DateRangePickerClassToken["Input"] = 1] = "Input";
+  DateRangePickerClassToken[DateRangePickerClassToken["Separator"] = 2] = "Separator";
+})(exports.DateRangePickerClassToken || (exports.DateRangePickerClassToken = {}));
+exports.ClockClassToken = void 0;
+(function (ClockClassToken) {
+  ClockClassToken[ClockClassToken["Clock"] = 0] = "Clock";
+  ClockClassToken[ClockClassToken["Column"] = 1] = "Column";
+})(exports.ClockClassToken || (exports.ClockClassToken = {}));
+exports.MenuClassToken = void 0;
+(function (MenuClassToken) {
+  MenuClassToken[MenuClassToken["Menu"] = 0] = "Menu";
+  MenuClassToken[MenuClassToken["MenuHorizontal"] = 1] = "MenuHorizontal";
+  MenuClassToken[MenuClassToken["Group"] = 2] = "Group";
+  MenuClassToken[MenuClassToken["GroupHidden"] = 3] = "GroupHidden";
+  MenuClassToken[MenuClassToken["Collapser"] = 4] = "Collapser";
+  MenuClassToken[MenuClassToken["Item"] = 5] = "Item";
+})(exports.MenuClassToken || (exports.MenuClassToken = {}));
+exports.CheckboxClassToken = void 0;
+(function (CheckboxClassToken) {
+  CheckboxClassToken[CheckboxClassToken["Checkbox"] = 0] = "Checkbox";
+})(exports.CheckboxClassToken || (exports.CheckboxClassToken = {}));
+exports.TreeClassToken = void 0;
+(function (TreeClassToken) {
+  TreeClassToken[TreeClassToken["Tree"] = 0] = "Tree";
+  TreeClassToken[TreeClassToken["List"] = 1] = "List";
+  TreeClassToken[TreeClassToken["ListHidden"] = 2] = "ListHidden";
+  TreeClassToken[TreeClassToken["Holder"] = 3] = "Holder";
+  TreeClassToken[TreeClassToken["Node"] = 4] = "Node";
+  TreeClassToken[TreeClassToken["Title"] = 5] = "Title";
+  TreeClassToken[TreeClassToken["Expander"] = 6] = "Expander";
+  TreeClassToken[TreeClassToken["Checkbox"] = 7] = "Checkbox";
+})(exports.TreeClassToken || (exports.TreeClassToken = {}));
+exports.TabsClassToken = void 0;
+(function (TabsClassToken) {
+  TabsClassToken[TabsClassToken["Tabs"] = 0] = "Tabs";
+  TabsClassToken[TabsClassToken["TabsNavigation"] = 1] = "TabsNavigation";
+  TabsClassToken[TabsClassToken["TabsNavigator"] = 2] = "TabsNavigator";
+  TabsClassToken[TabsClassToken["TabList"] = 3] = "TabList";
+  TabsClassToken[TabsClassToken["Tab"] = 4] = "Tab";
+  TabsClassToken[TabsClassToken["Indicator"] = 5] = "Indicator";
+  TabsClassToken[TabsClassToken["Panels"] = 6] = "Panels";
+  TabsClassToken[TabsClassToken["Panel"] = 7] = "Panel";
+})(exports.TabsClassToken || (exports.TabsClassToken = {}));
+exports.PaginationClassToken = void 0;
+(function (PaginationClassToken) {
+  PaginationClassToken[PaginationClassToken["Pagination"] = 0] = "Pagination";
+  PaginationClassToken[PaginationClassToken["SizeSelector"] = 1] = "SizeSelector";
+})(exports.PaginationClassToken || (exports.PaginationClassToken = {}));
+exports.SwitchClassToken = void 0;
+(function (SwitchClassToken) {
+  SwitchClassToken[SwitchClassToken["Switch"] = 0] = "Switch";
+  SwitchClassToken[SwitchClassToken["Slider"] = 1] = "Slider";
+  SwitchClassToken[SwitchClassToken["Supporting"] = 2] = "Supporting";
+  SwitchClassToken[SwitchClassToken["Leading"] = 3] = "Leading";
+  SwitchClassToken[SwitchClassToken["Trailing"] = 4] = "Trailing";
+})(exports.SwitchClassToken || (exports.SwitchClassToken = {}));
+exports.RateClassToken = void 0;
+(function (RateClassToken) {
+  RateClassToken[RateClassToken["Rate"] = 0] = "Rate";
+  RateClassToken[RateClassToken["Star"] = 1] = "Star";
+  RateClassToken[RateClassToken["Half"] = 2] = "Half";
+  RateClassToken[RateClassToken["Full"] = 3] = "Full";
+})(exports.RateClassToken || (exports.RateClassToken = {}));
+exports.TourClassToken = void 0;
+(function (TourClassToken) {
+  TourClassToken[TourClassToken["Tour"] = 0] = "Tour";
+  TourClassToken[TourClassToken["Overlay"] = 1] = "Overlay";
+  TourClassToken[TourClassToken["Spotlight"] = 2] = "Spotlight";
+  TourClassToken[TourClassToken["Title"] = 3] = "Title";
+  TourClassToken[TourClassToken["Description"] = 4] = "Description";
+  TourClassToken[TourClassToken["Footer"] = 5] = "Footer";
+})(exports.TourClassToken || (exports.TourClassToken = {}));
+exports.StepsClassToken = void 0;
+(function (StepsClassToken) {
+  StepsClassToken[StepsClassToken["Steps"] = 0] = "Steps";
+  StepsClassToken[StepsClassToken["Item"] = 1] = "Item";
+  StepsClassToken[StepsClassToken["Leading"] = 2] = "Leading";
+  StepsClassToken[StepsClassToken["Sign"] = 3] = "Sign";
+  StepsClassToken[StepsClassToken["Title"] = 4] = "Title";
+  StepsClassToken[StepsClassToken["Description"] = 5] = "Description";
+  StepsClassToken[StepsClassToken["Done"] = 6] = "Done";
+  StepsClassToken[StepsClassToken["Doing"] = 7] = "Doing";
+  StepsClassToken[StepsClassToken["Todo"] = 8] = "Todo";
+})(exports.StepsClassToken || (exports.StepsClassToken = {}));
+exports.TimelineClassToken = void 0;
+(function (TimelineClassToken) {
+  TimelineClassToken[TimelineClassToken["Timeline"] = 0] = "Timeline";
+  TimelineClassToken[TimelineClassToken["Item"] = 1] = "Item";
+  TimelineClassToken[TimelineClassToken["Leading"] = 2] = "Leading";
+  TimelineClassToken[TimelineClassToken["Sign"] = 3] = "Sign";
+  TimelineClassToken[TimelineClassToken["Dot"] = 4] = "Dot";
+  TimelineClassToken[TimelineClassToken["Label"] = 5] = "Label";
+  TimelineClassToken[TimelineClassToken["Description"] = 6] = "Description";
+})(exports.TimelineClassToken || (exports.TimelineClassToken = {}));
+exports.BreadcrumbClassToken = void 0;
+(function (BreadcrumbClassToken) {
+  BreadcrumbClassToken[BreadcrumbClassToken["Breadcrumb"] = 0] = "Breadcrumb";
+  BreadcrumbClassToken[BreadcrumbClassToken["Item"] = 1] = "Item";
+  BreadcrumbClassToken[BreadcrumbClassToken["Separator"] = 2] = "Separator";
+})(exports.BreadcrumbClassToken || (exports.BreadcrumbClassToken = {}));
+exports.AvatarClassToken = void 0;
+(function (AvatarClassToken) {
+  AvatarClassToken[AvatarClassToken["Avatar"] = 0] = "Avatar";
+  AvatarClassToken[AvatarClassToken["Group"] = 1] = "Group";
+})(exports.AvatarClassToken || (exports.AvatarClassToken = {}));
+exports.NotificationClassToken = void 0;
+(function (NotificationClassToken) {
+  NotificationClassToken[NotificationClassToken["Notification"] = 0] = "Notification";
+  NotificationClassToken[NotificationClassToken["Title"] = 1] = "Title";
+  NotificationClassToken[NotificationClassToken["Description"] = 2] = "Description";
+  NotificationClassToken[NotificationClassToken["Closer"] = 3] = "Closer";
+})(exports.NotificationClassToken || (exports.NotificationClassToken = {}));
+exports.ProgressClassToken = void 0;
+(function (ProgressClassToken) {
+  ProgressClassToken[ProgressClassToken["Progress"] = 0] = "Progress";
+  ProgressClassToken[ProgressClassToken["Segment"] = 1] = "Segment";
+  ProgressClassToken[ProgressClassToken["Track"] = 2] = "Track";
+  ProgressClassToken[ProgressClassToken["Stop"] = 3] = "Stop";
+})(exports.ProgressClassToken || (exports.ProgressClassToken = {}));
+exports.TooltipClassToken = void 0;
+(function (TooltipClassToken) {
+  TooltipClassToken[TooltipClassToken["Tooltip"] = 0] = "Tooltip";
+})(exports.TooltipClassToken || (exports.TooltipClassToken = {}));
+exports.PopoverClassToken = void 0;
+(function (PopoverClassToken) {
+  PopoverClassToken[PopoverClassToken["Popover"] = 0] = "Popover";
+  PopoverClassToken[PopoverClassToken["Title"] = 1] = "Title";
+  PopoverClassToken[PopoverClassToken["Content"] = 2] = "Content";
+})(exports.PopoverClassToken || (exports.PopoverClassToken = {}));
+exports.LoadingClassToken = void 0;
+(function (LoadingClassToken) {
+  LoadingClassToken[LoadingClassToken["Loading"] = 0] = "Loading";
+  LoadingClassToken[LoadingClassToken["Spin"] = 1] = "Spin";
+  LoadingClassToken[LoadingClassToken["Spinning"] = 2] = "Spinning";
+  LoadingClassToken[LoadingClassToken["Content"] = 3] = "Content";
+})(exports.LoadingClassToken || (exports.LoadingClassToken = {}));
+exports.CollapseClassToken = void 0;
+(function (CollapseClassToken) {
+  CollapseClassToken[CollapseClassToken["Collapse"] = 0] = "Collapse";
+  CollapseClassToken[CollapseClassToken["Item"] = 1] = "Item";
+  CollapseClassToken[CollapseClassToken["ItemActive"] = 2] = "ItemActive";
+  CollapseClassToken[CollapseClassToken["Header"] = 3] = "Header";
+  CollapseClassToken[CollapseClassToken["Panel"] = 4] = "Panel";
+  CollapseClassToken[CollapseClassToken["PanelActive"] = 5] = "PanelActive";
+  CollapseClassToken[CollapseClassToken["Content"] = 6] = "Content";
+  CollapseClassToken[CollapseClassToken["Collapser"] = 7] = "Collapser";
+})(exports.CollapseClassToken || (exports.CollapseClassToken = {}));
+exports.WaterfallClassToken = void 0;
+(function (WaterfallClassToken) {
+  WaterfallClassToken[WaterfallClassToken["Waterfall"] = 0] = "Waterfall";
+  WaterfallClassToken[WaterfallClassToken["Sequential"] = 1] = "Sequential";
+})(exports.WaterfallClassToken || (exports.WaterfallClassToken = {}));
+exports.TransferClassToken = void 0;
+(function (TransferClassToken) {
+  TransferClassToken[TransferClassToken["Transfer"] = 0] = "Transfer";
+  TransferClassToken[TransferClassToken["List"] = 1] = "List";
+  TransferClassToken[TransferClassToken["Header"] = 2] = "Header";
+  TransferClassToken[TransferClassToken["Title"] = 3] = "Title";
+  TransferClassToken[TransferClassToken["Body"] = 4] = "Body";
+  TransferClassToken[TransferClassToken["Item"] = 5] = "Item";
+  TransferClassToken[TransferClassToken["Operation"] = 6] = "Operation";
+})(exports.TransferClassToken || (exports.TransferClassToken = {}));
+exports.BadgeClassToken = void 0;
+(function (BadgeClassToken) {
+  BadgeClassToken[BadgeClassToken["Badge"] = 0] = "Badge";
+  BadgeClassToken[BadgeClassToken["Tail"] = 1] = "Tail";
+})(exports.BadgeClassToken || (exports.BadgeClassToken = {}));
+exports.SkeletonClassToken = void 0;
+(function (SkeletonClassToken) {
+  SkeletonClassToken[SkeletonClassToken["Skeleton"] = 0] = "Skeleton";
+  SkeletonClassToken[SkeletonClassToken["Circular"] = 1] = "Circular";
+})(exports.SkeletonClassToken || (exports.SkeletonClassToken = {}));
+exports.VisuallyHiddenClassToken = void 0;
+(function (VisuallyHiddenClassToken) {
+  VisuallyHiddenClassToken[VisuallyHiddenClassToken["VisuallyHidden"] = 0] = "VisuallyHidden";
+})(exports.VisuallyHiddenClassToken || (exports.VisuallyHiddenClassToken = {}));
+exports.PopconfirmClassToken = void 0;
+(function (PopconfirmClassToken) {
+  PopconfirmClassToken[PopconfirmClassToken["Popconfirm"] = 0] = "Popconfirm";
+  PopconfirmClassToken[PopconfirmClassToken["Title"] = 1] = "Title";
+  PopconfirmClassToken[PopconfirmClassToken["Description"] = 2] = "Description";
+  PopconfirmClassToken[PopconfirmClassToken["Footer"] = 3] = "Footer";
+})(exports.PopconfirmClassToken || (exports.PopconfirmClassToken = {}));
+exports.HighlightClassToken = void 0;
+(function (HighlightClassToken) {
+  HighlightClassToken[HighlightClassToken["Highlight"] = 0] = "Highlight";
+  HighlightClassToken[HighlightClassToken["Capture"] = 1] = "Capture";
+})(exports.HighlightClassToken || (exports.HighlightClassToken = {}));
+exports.QuoteClassToken = void 0;
+(function (QuoteClassToken) {
+  QuoteClassToken[QuoteClassToken["Quote"] = 0] = "Quote";
+})(exports.QuoteClassToken || (exports.QuoteClassToken = {}));
+/**
+ * @description
+ * class name collection
+ * in musae, we use bem css name rule!!!
+ * if u want change class name, must follow bem css
+ * rule like: block__element--modifier
+ */
+var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PickerClassToken.Picker, "picker"), exports.PickerClassToken.Focused, "picker--focused"), exports.PickerClassToken.Invalid, "picker--invalid"), exports.PickerClassToken.Dropdown, "picker__dropdown")), componentToken.ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.InputClassToken.Input, "input"), exports.InputClassToken.Wrapper, "input__wrapper"), exports.InputClassToken.Focused, "input__wrapper--focused"), exports.InputClassToken.Invalid, "input__wrapper--invalid")), componentToken.ComponentToken.Select, _defineProperty({}, exports.SelectClassToken.Select, "select")), componentToken.ComponentToken.Popper, _defineProperty(_defineProperty({}, exports.PopperClassToken.Dropdown, "dropdown"), exports.PopperClassToken.Arrow, "arrow")), componentToken.ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.FormClassToken.Item, "form__item"), exports.FormClassToken.Field, "form__item-field"), exports.FormClassToken.FieldSupporting, "form__item-supporting"), exports.FormClassToken.FieldError, "form__item-field-error")), componentToken.ComponentToken.Grid, _defineProperty(_defineProperty({}, exports.GridClassToken.Row, "grid__row"), exports.GridClassToken.Col, "grid__col")), componentToken.ComponentToken.Radio, _defineProperty({}, exports.RadioClassToken.Radio, "radio")), componentToken.ComponentToken.Empty, _defineProperty(_defineProperty({}, exports.EmptyClassToken.Empty, "empty"), exports.EmptyClassToken.Description, "empty__description")), componentToken.ComponentToken.Button, _defineProperty(_defineProperty({}, exports.ButtonClassToken.Button, "button"), exports.ButtonClassToken.Prefix, "button__prefix")), componentToken.ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DrawerClassToken.Drawer, "drawer"), exports.DrawerClassToken.Overlay, "drawer__overlay"), exports.DrawerClassToken.Panel, "drawer__panel"), exports.DrawerClassToken.Header, "drawer__header"), exports.DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Divider, _defineProperty(_defineProperty({}, exports.DividerClassToken.Divider, "divider"), exports.DividerClassToken.Label, "divider__label")), componentToken.ComponentToken.Tag, _defineProperty({}, exports.TagClassToken.Tag, "tag")), componentToken.ComponentToken.Cascader, _defineProperty(_defineProperty({}, exports.CascaderClassToken.Cascader, "cascader"), exports.CascaderClassToken.Options, "cascader__options")), componentToken.ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DialogClassToken.Dialog, "dialog"), exports.DialogClassToken.Overlay, "dialog__overlay"), exports.DialogClassToken.Panel, "dialog__panel"), exports.DialogClassToken.Header, "dialog__header"), exports.DialogClassToken.Body, "dialog__body"), exports.DialogClassToken.Footer, "dialog__footer")), componentToken.ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CalendarClassToken.Header, "calendar__header"), exports.CalendarClassToken.Heading, "calendar__heading"), exports.CalendarClassToken.HeadCell, "calendar__head-cell"), exports.CalendarClassToken.DateCell, "calendar__date-cell"), exports.CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), exports.CalendarClassToken.DateCellInRange, "calendar__date--in-range"), exports.CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), exports.CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), exports.CalendarClassToken.Date, "calendar__date")), componentToken.ComponentToken.Icon, _defineProperty({}, exports.IconClassToken.Icon, "icon")), componentToken.ComponentToken.DatePicker, _defineProperty(_defineProperty({}, exports.DatePickerClassToken.Picker, "date-picker"), exports.DatePickerClassToken.Input, "date-picker__input")), componentToken.ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimePickerClassToken.Picker, "time-picker"), exports.TimePickerClassToken.Input, "time-picker__input"), exports.TimePickerClassToken.Panel, "time-picker__panel"), exports.TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), componentToken.ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, exports.DateRangePickerClassToken.Picker, "date-range-picker"), exports.DateRangePickerClassToken.Input, "date-range-picker__input"), exports.DateRangePickerClassToken.Separator, "date-range-picker__separator")), componentToken.ComponentToken.Clock, _defineProperty(_defineProperty({}, exports.ClockClassToken.Clock, "clock"), exports.ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.MenuClassToken.Menu, "menu"), exports.MenuClassToken.MenuHorizontal, "menu--horizontal"), exports.MenuClassToken.Group, "menu__group"), exports.MenuClassToken.GroupHidden, "menu__group--hidden"), exports.MenuClassToken.Collapser, "menu__collapser"), exports.MenuClassToken.Item, "menu__item")), componentToken.ComponentToken.Checkbox, _defineProperty({}, exports.CheckboxClassToken.Checkbox, "checkbox")), componentToken.ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TreeClassToken.Tree, "tree"), exports.TreeClassToken.List, "tree__list"), exports.TreeClassToken.ListHidden, "tree__list--hidden"), exports.TreeClassToken.Holder, "tree__holder"), exports.TreeClassToken.Node, "tree__node"), exports.TreeClassToken.Title, "tree__node-title"), exports.TreeClassToken.Expander, "tree__node-expander"), exports.TreeClassToken.Checkbox, "tree__node-checkbox")), componentToken.ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TabsClassToken.Tabs, "tabs"), exports.TabsClassToken.TabsNavigation, "tabs__navigation"), exports.TabsClassToken.TabsNavigator, "tabs__navigator"), exports.TabsClassToken.TabList, "tabs__tab-list"), exports.TabsClassToken.Tab, "tabs__item"), exports.TabsClassToken.Indicator, "tabs__indicator"), exports.TabsClassToken.Panels, "tabs__panels"), exports.TabsClassToken.Panel, "tabs__panel")), componentToken.ComponentToken.Pagination, _defineProperty(_defineProperty({}, exports.PaginationClassToken.Pagination, "pagination"), exports.PaginationClassToken.SizeSelector, "pagination__size-selector")), componentToken.ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.SwitchClassToken.Switch, "switch"), exports.SwitchClassToken.Slider, "switch__slider"), exports.SwitchClassToken.Supporting, "switch__supporting"), exports.SwitchClassToken.Leading, "switch__supporting-leading"), exports.SwitchClassToken.Trailing, "switch__supporting-trailing")), componentToken.ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.RateClassToken.Rate, "rate"), exports.RateClassToken.Star, "rate__star"), exports.RateClassToken.Half, "rate__star-half"), exports.RateClassToken.Full, "rate__star-full")), componentToken.ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TourClassToken.Tour, "tour"), exports.TourClassToken.Overlay, "rate__overlay"), exports.TourClassToken.Spotlight, "rate__spotlight"), exports.TourClassToken.Title, "rate__title"), exports.TourClassToken.Description, "rate__description"), exports.TourClassToken.Footer, "rate__footer")), componentToken.ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.StepsClassToken.Steps, "steps"), exports.StepsClassToken.Item, "steps__item"), exports.StepsClassToken.Done, "steps__item--done"), exports.StepsClassToken.Doing, "steps__item--doing"), exports.StepsClassToken.Todo, "steps__item--todo"), exports.StepsClassToken.Leading, "steps__item-leading"), exports.StepsClassToken.Sign, "steps__item-leading-sign"), exports.StepsClassToken.Title, "steps__item-title"), exports.StepsClassToken.Description, "steps__item-description")), componentToken.ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimelineClassToken.Timeline, "timeline"), exports.TimelineClassToken.Item, "timeline__item"), exports.TimelineClassToken.Leading, "timeline__item-leading"), exports.TimelineClassToken.Sign, "timeline__item-leading-sign"), exports.TimelineClassToken.Dot, "timeline__item-leading-dot"), exports.TimelineClassToken.Label, "timeline__item-label"), exports.TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, exports.BreadcrumbClassToken.Breadcrumb, "breadcrumb"), exports.BreadcrumbClassToken.Item, "breadcrumb__item"), exports.BreadcrumbClassToken.Separator, "breadcrumb__separator")), componentToken.ComponentToken.Avatar, _defineProperty(_defineProperty({}, exports.AvatarClassToken.Avatar, "avatar"), exports.AvatarClassToken.Group, "avatar__group")), componentToken.ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.NotificationClassToken.Notification, "notification"), exports.NotificationClassToken.Title, "notification__title"), exports.NotificationClassToken.Description, "notification__description"), exports.NotificationClassToken.Closer, "notification__closer")), componentToken.ComponentToken.Progress, _defineProperty(_defineProperty({}, exports.ProgressClassToken.Progress, "progress"), exports.ProgressClassToken.Segment, "progress__segment")), componentToken.ComponentToken.Tooltip, _defineProperty({}, exports.TooltipClassToken.Tooltip, "tooltip")), componentToken.ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, exports.PopoverClassToken.Popover, "popover"), exports.PopoverClassToken.Title, "popover__title"), exports.PopoverClassToken.Content, "popover__content")), componentToken.ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.LoadingClassToken.Loading, "loading"), exports.LoadingClassToken.Spin, "loading__spin"), exports.LoadingClassToken.Spinning, "loading__spin-spinning"), exports.LoadingClassToken.Content, "loading__content")), componentToken.ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CollapseClassToken.Collapse, "collapse"), exports.CollapseClassToken.Item, "collapse__item"), exports.CollapseClassToken.ItemActive, "collapse__item--active"), exports.CollapseClassToken.Header, "collapse__item-header"), exports.CollapseClassToken.Collapser, "collapse__header-collapser"), exports.CollapseClassToken.Panel, "collapse__item-panel"), exports.CollapseClassToken.PanelActive, "collapse__item-panel--active"), exports.CollapseClassToken.Content, "collapse__item-content")), componentToken.ComponentToken.Waterfall, _defineProperty(_defineProperty({}, exports.WaterfallClassToken.Waterfall, "waterfall"), exports.WaterfallClassToken.Sequential, "waterfall--sequential")), componentToken.ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TransferClassToken.Transfer, "transfer"), exports.TransferClassToken.Operation, "transfer__operation"), exports.TransferClassToken.List, "transfer__list"), exports.TransferClassToken.Title, "transfer__list-title"), exports.TransferClassToken.Item, "transfer__list-item"), exports.TransferClassToken.Header, "transfer__list-header"), exports.TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Badge, _defineProperty(_defineProperty({}, exports.BadgeClassToken.Badge, "badge"), exports.BadgeClassToken.Tail, "badge__tail")), componentToken.ComponentToken.Skeleton, _defineProperty(_defineProperty({}, exports.SkeletonClassToken.Skeleton, "skeleton"), exports.SkeletonClassToken.Circular, "skeleton--circular")), componentToken.ComponentToken.VisuallyHidden, _defineProperty({}, exports.VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), componentToken.ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PopconfirmClassToken.Popconfirm, "popconfirm"), exports.PopconfirmClassToken.Title, "popconfirm__title"), exports.PopconfirmClassToken.Description, "popconfirm__description"), exports.PopconfirmClassToken.Footer, "popconfirm__footer")), componentToken.ComponentToken.Highlight, _defineProperty(_defineProperty({}, exports.HighlightClassToken.Highlight, "highlight"), exports.HighlightClassToken.Capture, "highlight__capture")), componentToken.ComponentToken.I18nButton, {}), componentToken.ComponentToken.Quote, _defineProperty({}, exports.QuoteClassToken.Quote, "quote")));
+/**
+ * @description
+ * add prefix
+ */
+var addPrefix = function addPrefix(classNames, prefix) {
+  return _objectSpread({}, Object.values(classNames).map(function (_classNames) {
+    return _objectSpread({}, Object.values(_classNames).map(function (className) {
+      return withPrefix(className, prefix);
+    }));
+  }));
+};
+/**
+ * @description
+ * default class names
+ */
+var DEFAULT_CLASS_NAMES = addPrefix(CLASS_NAMES, Token.Prefix);
+
+exports.CLASS_NAMES = CLASS_NAMES;
+exports.DEFAULT_CLASS_NAMES = DEFAULT_CLASS_NAMES;
+exports.addPrefix = addPrefix;
+exports.withPrefix = withPrefix;

package/dist/utils/class-name.d.ts

@@ -215,7 +215,8 @@ export declare enum PopoverClassToken {
 export declare enum LoadingClassToken {
     Loading = 0,
     Spin = 1,
-    Content = 2
+    Spinning = 2,
+    Content = 3
 }
 export declare enum CollapseClassToken {
     Collapse = 0,
@@ -478,6 +479,7 @@ export declare const CLASS_NAMES: {
         0: string;
         1: string;
         2: string;
+        3: string;
     };
     38: {
         0: string;
@@ -744,6 +746,7 @@ export declare const DEFAULT_CLASS_NAMES: {
         0: string;
         1: string;
         2: string;
+        3: string;
     };
     38: {
         0: string;

package/dist/utils/{class-name.js → class-name.mjs}

@@ -1,6 +1,6 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { ComponentToken } from './component-token.js';
+import { ComponentToken } from './component-token.mjs';
 
 var _CLASS_NAMES;
 /**
@@ -267,7 +267,8 @@ var LoadingClassToken;
 (function (LoadingClassToken) {
   LoadingClassToken[LoadingClassToken["Loading"] = 0] = "Loading";
   LoadingClassToken[LoadingClassToken["Spin"] = 1] = "Spin";
-  LoadingClassToken[LoadingClassToken["Content"] = 2] = "Content";
+  LoadingClassToken[LoadingClassToken["Spinning"] = 2] = "Spinning";
+  LoadingClassToken[LoadingClassToken["Content"] = 3] = "Content";
 })(LoadingClassToken || (LoadingClassToken = {}));
 var CollapseClassToken;
 (function (CollapseClassToken) {
@@ -332,7 +333,7 @@ var QuoteClassToken;
  * if u want change class name, must follow bem css
  * rule like: block__element--modifier
  */
-var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, {}), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")));
+var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Spinning, "loading__spin-spinning"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, {}), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")));
 /**
  * @description
  * add prefix

package/dist/utils/colors.cjs

@@ -0,0 +1,72 @@
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+
+/**
+ * @description
+ * theme token
+ */
+exports.ColorToken = void 0;
+(function (ColorToken) {
+  ColorToken["Primary"] = "primary";
+  ColorToken["OnPrimary"] = "on-primary";
+  ColorToken["PrimaryContainer"] = "primary-container";
+  ColorToken["OnPrimaryContainer"] = "on-primary-container";
+  ColorToken["PrimaryFixed"] = "primary-fixed";
+  ColorToken["OnPrimaryFixed"] = "on-primary-fixed";
+  ColorToken["PrimaryFixedDim"] = "primary-fixed-dim";
+  ColorToken["OnPrimaryFixedVariant"] = "on-primary-fixed-variant";
+  ColorToken["Secondary"] = "secondary";
+  ColorToken["OnSecondary"] = "on-secondary";
+  ColorToken["SecondaryContainer"] = "secondary-container";
+  ColorToken["OnSecondaryContainer"] = "on-secondary-container";
+  ColorToken["SecondaryFixed"] = "secondary-fixed";
+  ColorToken["OnSecondaryFixed"] = "on-secondary-fixed";
+  ColorToken["SecondaryFixedDim"] = "secondary-fixed-dim";
+  ColorToken["OnSecondaryFixedVariant"] = "on-secondary-fixed-variant";
+  ColorToken["Tertiary"] = "tertiary";
+  ColorToken["OnTertiary"] = "on-tertiary";
+  ColorToken["TertiaryContainer"] = "tertiary-container";
+  ColorToken["OnTertiaryContainer"] = "on-tertiary-container";
+  ColorToken["TertiaryFixed"] = "tertiary-fixed";
+  ColorToken["OnTertiaryFixed"] = "on-tertiary-fixed";
+  ColorToken["TertiaryFixedDim"] = "tertiary-fixed-dim";
+  ColorToken["OnTertiaryFixedVariant"] = "on-tertiary-fixed-variant";
+  ColorToken["Error"] = "error";
+  ColorToken["OnError"] = "on-error";
+  ColorToken["ErrorContainer"] = "error-container";
+  ColorToken["OnErrorContainer"] = "on-error-container";
+  ColorToken["Surface"] = "surface";
+  ColorToken["SurfaceVariant"] = "surface-variant";
+  ColorToken["OnSurface"] = "on-surface";
+  ColorToken["OnSurfaceVariant"] = "on-surface-variant";
+  ColorToken["SurfaceDim"] = "surface-dim";
+  ColorToken["SurfaceContainerLowest"] = "surface-container-lowest";
+  ColorToken["SurfaceContainerLow"] = "surface-container-low";
+  ColorToken["SurfaceContainer"] = "surface-container";
+  ColorToken["SurfaceContainerHigh"] = "surface-container-high";
+  ColorToken["SurfaceContainerHighest"] = "surface-container-highest";
+  ColorToken["InverseSurface"] = "inverse-surface";
+  ColorToken["InverseOnSurface"] = "inverse-on-surface";
+  ColorToken["InversePrimary"] = "inverse-primary";
+  ColorToken["Outline"] = "outline";
+  ColorToken["OutlineVariant"] = "outline-variant";
+  ColorToken["Scrim"] = "scrim";
+  ColorToken["Shadow"] = "shadow";
+  ColorToken["Success"] = "success";
+  ColorToken["Warning"] = "warning";
+})(exports.ColorToken || (exports.ColorToken = {}));
+/**
+ * @description
+ * convert palette to colors
+ *
+ * you will always be confused, there are to many color roles
+ * how do i use them
+ *
+ * here, musae provide some easy usage
+ */
+var toColors = function toColors(palette, mode) {
+  var _ref;
+  var isLight = mode === "light";
+  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.Primary, isLight ? palette.primary[40] : palette.primary[80]), exports.ColorToken.OnPrimary, isLight ? palette.primary[100] : palette.primary[20]), exports.ColorToken.PrimaryContainer, isLight ? palette.primary[90] : palette.primary[30]), exports.ColorToken.OnPrimaryContainer, isLight ? palette.primary[10] : palette.primary[90]), exports.ColorToken.PrimaryFixed, palette.primary[90]), exports.ColorToken.PrimaryFixedDim, palette.primary[80]), exports.ColorToken.OnPrimaryFixed, palette.primary[10]), exports.ColorToken.OnPrimaryFixedVariant, palette.primary[30]), exports.ColorToken.Secondary, isLight ? palette.secondary[40] : palette.secondary[80]), exports.ColorToken.OnSecondary, isLight ? palette.secondary[100] : palette.secondary[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.SecondaryContainer, isLight ? palette.secondary[90] : palette.secondary[30]), exports.ColorToken.OnSecondaryContainer, isLight ? palette.secondary[10] : palette.secondary[90]), exports.ColorToken.SecondaryFixed, palette.secondary[90]), exports.ColorToken.SecondaryFixedDim, palette.secondary[80]), exports.ColorToken.OnSecondaryFixed, palette.secondary[10]), exports.ColorToken.OnSecondaryFixedVariant, palette.secondary[30]), exports.ColorToken.Tertiary, isLight ? palette.tertiary[40] : palette.tertiary[80]), exports.ColorToken.OnTertiary, isLight ? palette.tertiary[100] : palette.tertiary[20]), exports.ColorToken.TertiaryContainer, isLight ? palette.tertiary[90] : palette.tertiary[30]), exports.ColorToken.OnTertiaryContainer, isLight ? palette.tertiary[10] : palette.tertiary[90]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.TertiaryFixed, palette.tertiary[90]), exports.ColorToken.TertiaryFixedDim, palette.tertiary[80]), exports.ColorToken.OnTertiaryFixed, palette.tertiary[10]), exports.ColorToken.OnTertiaryFixedVariant, palette.tertiary[30]), exports.ColorToken.Error, isLight ? palette.error[40] : palette.error[80]), exports.ColorToken.OnError, isLight ? palette.error[100] : palette.error[20]), exports.ColorToken.ErrorContainer, isLight ? palette.error[90] : palette.error[30]), exports.ColorToken.OnErrorContainer, isLight ? palette.error[10] : palette.error[90]), exports.ColorToken.Surface, isLight ? palette.neutral[99] : palette.neutral[10]), exports.ColorToken.SurfaceVariant, isLight ? palette.neutralVariant[90] : palette.neutralVariant[30]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.SurfaceDim, isLight ? palette.neutral[90] : palette.neutral[10]), exports.ColorToken.SurfaceContainerLowest, isLight ? palette.neutral[100] : palette.neutral[0]), exports.ColorToken.SurfaceContainerLow, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainer, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainerHigh, isLight ? palette.neutral[95] : palette.neutral[10]), exports.ColorToken.SurfaceContainerHighest, isLight ? palette.neutral[90] : palette.neutral[20]), exports.ColorToken.OnSurface, isLight ? palette.neutral[10] : palette.neutral[90]), exports.ColorToken.OnSurfaceVariant, isLight ? palette.neutralVariant[30] : palette.neutralVariant[80]), exports.ColorToken.InverseSurface, isLight ? palette.neutral[20] : palette.neutral[90]), exports.ColorToken.InverseOnSurface, isLight ? palette.neutral[95] : palette.neutral[20]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, exports.ColorToken.InversePrimary, isLight ? palette.primary[80] : palette.primary[40]), exports.ColorToken.Outline, isLight ? palette.neutralVariant[50] : palette.neutralVariant[60]), exports.ColorToken.OutlineVariant, isLight ? palette.neutralVariant[80] : palette.neutralVariant[30]), exports.ColorToken.Shadow, palette.neutral[0]), exports.ColorToken.Scrim, palette.neutral[0]), exports.ColorToken.Success, isLight ? palette.success[100] : palette.success[0]), exports.ColorToken.Warning, isLight ? palette.warning[100] : palette.warning[0]);
+};
+
+exports.toColors = toColors;

package/dist/utils/component-token.cjs

@@ -0,0 +1,54 @@
+/**
+ * @description
+ * class role
+ */
+exports.ComponentToken = void 0;
+(function (ComponentToken) {
+  ComponentToken[ComponentToken["Picker"] = 0] = "Picker";
+  ComponentToken[ComponentToken["Input"] = 1] = "Input";
+  ComponentToken[ComponentToken["Select"] = 2] = "Select";
+  ComponentToken[ComponentToken["Popper"] = 3] = "Popper";
+  ComponentToken[ComponentToken["Form"] = 4] = "Form";
+  ComponentToken[ComponentToken["Grid"] = 5] = "Grid";
+  ComponentToken[ComponentToken["Radio"] = 6] = "Radio";
+  ComponentToken[ComponentToken["Empty"] = 7] = "Empty";
+  ComponentToken[ComponentToken["Button"] = 8] = "Button";
+  ComponentToken[ComponentToken["Drawer"] = 9] = "Drawer";
+  ComponentToken[ComponentToken["Divider"] = 10] = "Divider";
+  ComponentToken[ComponentToken["Tag"] = 11] = "Tag";
+  ComponentToken[ComponentToken["Cascader"] = 12] = "Cascader";
+  ComponentToken[ComponentToken["Dialog"] = 13] = "Dialog";
+  ComponentToken[ComponentToken["Calendar"] = 14] = "Calendar";
+  ComponentToken[ComponentToken["Icon"] = 15] = "Icon";
+  ComponentToken[ComponentToken["DatePicker"] = 16] = "DatePicker";
+  ComponentToken[ComponentToken["TimePicker"] = 17] = "TimePicker";
+  ComponentToken[ComponentToken["DateRangePicker"] = 18] = "DateRangePicker";
+  ComponentToken[ComponentToken["Clock"] = 19] = "Clock";
+  ComponentToken[ComponentToken["Menu"] = 20] = "Menu";
+  ComponentToken[ComponentToken["Checkbox"] = 21] = "Checkbox";
+  ComponentToken[ComponentToken["Tree"] = 22] = "Tree";
+  ComponentToken[ComponentToken["Tabs"] = 23] = "Tabs";
+  ComponentToken[ComponentToken["Pagination"] = 24] = "Pagination";
+  ComponentToken[ComponentToken["Switch"] = 25] = "Switch";
+  ComponentToken[ComponentToken["Rate"] = 26] = "Rate";
+  ComponentToken[ComponentToken["Tour"] = 27] = "Tour";
+  ComponentToken[ComponentToken["Steps"] = 28] = "Steps";
+  ComponentToken[ComponentToken["Timeline"] = 29] = "Timeline";
+  ComponentToken[ComponentToken["Breadcrumb"] = 30] = "Breadcrumb";
+  ComponentToken[ComponentToken["Avatar"] = 31] = "Avatar";
+  ComponentToken[ComponentToken["Notification"] = 32] = "Notification";
+  ComponentToken[ComponentToken["Progress"] = 33] = "Progress";
+  ComponentToken[ComponentToken["Tooltip"] = 34] = "Tooltip";
+  ComponentToken[ComponentToken["Popover"] = 35] = "Popover";
+  ComponentToken[ComponentToken["Popconfirm"] = 36] = "Popconfirm";
+  ComponentToken[ComponentToken["Loading"] = 37] = "Loading";
+  ComponentToken[ComponentToken["Collapse"] = 38] = "Collapse";
+  ComponentToken[ComponentToken["Waterfall"] = 39] = "Waterfall";
+  ComponentToken[ComponentToken["Transfer"] = 40] = "Transfer";
+  ComponentToken[ComponentToken["Badge"] = 41] = "Badge";
+  ComponentToken[ComponentToken["Skeleton"] = 42] = "Skeleton";
+  ComponentToken[ComponentToken["VisuallyHidden"] = 43] = "VisuallyHidden";
+  ComponentToken[ComponentToken["Highlight"] = 44] = "Highlight";
+  ComponentToken[ComponentToken["I18nButton"] = 45] = "I18nButton";
+  ComponentToken[ComponentToken["Quote"] = 46] = "Quote";
+})(exports.ComponentToken || (exports.ComponentToken = {}));