@koi-design/uxd-ui 14.0.6 → 14.0.8

package/lib/components/Upload/UploadList.vue.d.ts

@@ -226,11 +226,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
                 validator: (val: "circle" | "line" | "water") => boolean;
             };
-            color: {
-                type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
         }>> & Readonly<{}>, {
             props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 percent: {
@@ -270,15 +265,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: string;
                     validator: (val: "circle" | "line" | "water") => boolean;
                 };
-                color: {
-                    type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                    validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                };
             }>> & Readonly<{}> & {}>;
             wrapperComponent: import("vue").ComputedRef<string>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
-            color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
             type: "circle" | "line" | "water";
@@ -841,11 +830,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
                 validator: (val: "circle" | "line" | "water") => boolean;
             };
-            color: {
-                type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
         }>> & Readonly<{}>, {
             props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 percent: {
@@ -885,15 +869,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     default: string;
                     validator: (val: "circle" | "line" | "water") => boolean;
                 };
-                color: {
-                    type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                    default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                    validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-                };
             }>> & Readonly<{}> & {}>;
             wrapperComponent: import("vue").ComputedRef<string>;
         }, {}, {}, {}, {
-            color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
             percent: number;
             status: "success" | "normal" | "active" | "wrong";
             type: "circle" | "line" | "water";
@@ -944,11 +922,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: string;
             validator: (val: "circle" | "line" | "water") => boolean;
         };
-        color: {
-            type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-            default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-            validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-        };
     }>> & Readonly<{}>, {
         props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             percent: {
@@ -988,15 +961,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: string;
                 validator: (val: "circle" | "line" | "water") => boolean;
             };
-            color: {
-                type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-                default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-                validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-            };
         }>> & Readonly<{}> & {}>;
         wrapperComponent: import("vue").ComputedRef<string>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        color: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
         percent: number;
         status: "success" | "normal" | "active" | "wrong";
         type: "circle" | "line" | "water";

package/lib/components/base/CollapseTransition.js

@@ -8,24 +8,14 @@ var dom = require('../../utils/dom.js');
 const TransitionEvents = {
   onBeforeEnter(el) {
     dom.addClass(el, "collapse-transition");
-    if (!el.dataset)
-      el.dataset = {};
-    el.dataset.oldPaddingTop = getComputedStyle(el).paddingTop || 0;
-    el.dataset.oldPaddingBottom = getComputedStyle(el).paddingBottom || 0;
     el.style.height = 0;
-    el.style.paddingTop = 0;
-    el.style.paddingBottom = 0;
   },
   onEnter(el) {
     el.dataset.oldOverflow = el.style.overflow;
     if (el.scrollHeight !== 0) {
       el.style.height = `${el.scrollHeight}px`;
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
     } else {
       el.style.height = "";
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
     }
     el.style.overflow = "hidden";
   },
@@ -38,8 +28,6 @@ const TransitionEvents = {
   onBeforeLeave(el) {
     if (!el.dataset)
       el.dataset = {};
-    el.dataset.oldPaddingTop = el.style.paddingTop;
-    el.dataset.oldPaddingBottom = el.style.paddingBottom;
     el.dataset.oldOverflow = el.style.overflow;
     el.style.height = `${el.scrollHeight}px`;
     el.style.overflow = "hidden";
@@ -48,16 +36,12 @@ const TransitionEvents = {
     if (el.scrollHeight !== 0) {
       dom.addClass(el, "collapse-transition");
       el.style.height = 0;
-      el.style.paddingTop = 0;
-      el.style.paddingBottom = 0;
     }
   },
   onAfterLeave(el) {
     dom.removeClass(el, "collapse-transition");
     el.style.height = "";
     el.style.overflow = el.dataset.oldOverflow || "0";
-    el.style.paddingTop = el.dataset.oldPaddingTop || "0";
-    el.style.paddingBottom = el.dataset.oldPaddingBottom || "0";
   }
 };
 const CollapseTransition = (props, { slots }) => {

package/lib/components/base/CollapseTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseTransition.js","sources":["../../../../src/components/base/CollapseTransition.ts"],"sourcesContent":["import { h, Transition } from 'vue';\nimport type { RendererElement, SetupContext } from 'vue';\nimport { addClass, removeClass } from '../../utils/dom';\n\nconst TransitionEvents = {\n  onBeforeEnter(el: RendererElement) {\n    addClass(el as HTMLElement, 'collapse-transition');\n    if (!el.dataset) el.dataset = {};\n    el.dataset.oldPaddingTop = getComputedStyle(el as Element).paddingTop || 0;\n    el.dataset.oldPaddingBottom = getComputedStyle(el as Element).paddingBottom || 0;\n\n    el.style.height = 0;\n    el.style.paddingTop = 0;\n    el.style.paddingBottom = 0;\n  },\n\n  onEnter(el: RendererElement) {\n    el.dataset.oldOverflow = el.style.overflow;\n    if (el.scrollHeight !== 0) {\n      el.style.height = `${el.scrollHeight}px`;\n      el.style.paddingTop = el.dataset.oldPaddingTop;\n      el.style.paddingBottom = el.dataset.oldPaddingBottom;\n    } else {\n      el.style.height = '';\n      el.style.paddingTop = el.dataset.oldPaddingTop;\n      el.style.paddingBottom = el.dataset.oldPaddingBottom;\n    }\n\n    el.style.overflow = 'hidden';\n  },\n\n  onAfterEnter(el: RendererElement) {\n    // for safari: remove class then reset height is necessary\n    removeClass(el as HTMLElement, 'collapse-transition');\n    el.style.height = ``;\n    el.style.overflow = el.dataset.oldOverflow;\n    el.style.overflow = 'hidden';\n  },\n\n  onBeforeLeave(el: RendererElement) {\n    if (!el.dataset) el.dataset = {};\n    el.dataset.oldPaddingTop = el.style.paddingTop;\n    el.dataset.oldPaddingBottom = el.style.paddingBottom;\n    el.dataset.oldOverflow = el.style.overflow;\n\n    el.style.height = `${el.scrollHeight}px`;\n    el.style.overflow = 'hidden';\n  },\n\n  onLeave(el: RendererElement) {\n    if (el.scrollHeight !== 0) {\n      // for safari: add class after set height, or it will jump to zero height suddenly, weired\n      addClass(el as HTMLElement, 'collapse-transition');\n      el.style.height = 0;\n      el.style.paddingTop = 0;\n      el.style.paddingBottom = 0;\n    }\n  },\n\n  onAfterLeave(el: RendererElement) {\n    removeClass(el as HTMLElement, 'collapse-transition');\n    el.style.height = '';\n    el.style.overflow = el.dataset.oldOverflow || '0';\n    el.style.paddingTop = el.dataset.oldPaddingTop || '0';\n    el.style.paddingBottom = el.dataset.oldPaddingBottom || '0';\n  }\n};\n\nconst CollapseTransition = (props: { appear: boolean }, { slots }: Omit<SetupContext, 'expose'>) => {\n  return h(Transition, { ...TransitionEvents, appear: props.appear }, slots.default);\n};\nCollapseTransition.props = {\n  appear: {\n    type: Boolean,\n    default: true\n  }\n};\nexport default CollapseTransition;\n"],"names":["h","Transition"],"mappings":";;;;;;;AAIA,MAAM,mBAAmB;AAAA,EACvB,cAAc,IAAqB;AACjC,iBAAS,IAAmB,qBAAqB;AACjD,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,gBAAgB,iBAAiB,EAAa,EAAE,cAAc;AACzE,OAAG,QAAQ,mBAAmB,iBAAiB,EAAa,EAAE,iBAAiB;AAE/E,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,aAAa;AACtB,OAAG,MAAM,gBAAgB;AAAA;AAC3B,EAEA,QAAQ,IAAqB;AAC3B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,QAAI,GAAG,iBAAiB,GAAG;AACzB,SAAG,MAAM,SAAS,GAAG,GAAG;AACxB,SAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,SAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,WAC/B;AACL,SAAG,MAAM,SAAS;AAClB,SAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,SAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,aAAa,IAAqB;AAEhC,oBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,cAAc,IAAqB;AACjC,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,OAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,OAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,OAAG,MAAM,SAAS,GAAG,GAAG;AACxB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,QAAQ,IAAqB;AAC3B,QAAI,GAAG,iBAAiB,GAAG;AAEzB,mBAAS,IAAmB,qBAAqB;AACjD,SAAG,MAAM,SAAS;AAClB,SAAG,MAAM,aAAa;AACtB,SAAG,MAAM,gBAAgB;AAAA;AAC3B;AACF,EAEA,aAAa,IAAqB;AAChC,oBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ,eAAe;AAC9C,OAAG,MAAM,aAAa,GAAG,QAAQ,iBAAiB;AAClD,OAAG,MAAM,gBAAgB,GAAG,QAAQ,oBAAoB;AAAA;AAE5D;MAEM,qBAAqB,CAAC,OAA4B,EAAE,YAA0C;AAClG,SAAOA,MAAEC,gBAAY,EAAE,GAAG,kBAAkB,QAAQ,MAAM,UAAU,MAAM,OAAO;AACnF;AACA,mBAAmB,QAAQ;AAAA,EACzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}
+{"version":3,"file":"CollapseTransition.js","sources":["../../../../src/components/base/CollapseTransition.ts"],"sourcesContent":["import { h, Transition } from 'vue';\nimport type { RendererElement, SetupContext } from 'vue';\nimport { addClass, removeClass } from '../../utils/dom';\n\nconst TransitionEvents = {\n  onBeforeEnter(el: RendererElement) {\n    addClass(el as HTMLElement, 'collapse-transition');\n\n    el.style.height = 0;\n  },\n\n  onEnter(el: RendererElement) {\n    el.dataset.oldOverflow = el.style.overflow;\n    if (el.scrollHeight !== 0) {\n      el.style.height = `${el.scrollHeight}px`;\n    } else {\n      el.style.height = '';\n    }\n\n    el.style.overflow = 'hidden';\n  },\n\n  onAfterEnter(el: RendererElement) {\n    // for safari: remove class then reset height is necessary\n    removeClass(el as HTMLElement, 'collapse-transition');\n    el.style.height = ``;\n    el.style.overflow = el.dataset.oldOverflow;\n    el.style.overflow = 'hidden';\n  },\n\n  onBeforeLeave(el: RendererElement) {\n    if (!el.dataset) el.dataset = {};\n    el.dataset.oldOverflow = el.style.overflow;\n\n    el.style.height = `${el.scrollHeight}px`;\n    el.style.overflow = 'hidden';\n  },\n\n  onLeave(el: RendererElement) {\n    if (el.scrollHeight !== 0) {\n      // for safari: add class after set height, or it will jump to zero height suddenly, weired\n      addClass(el as HTMLElement, 'collapse-transition');\n      el.style.height = 0;\n    }\n  },\n\n  onAfterLeave(el: RendererElement) {\n    removeClass(el as HTMLElement, 'collapse-transition');\n    el.style.height = '';\n    el.style.overflow = el.dataset.oldOverflow || '0';\n  }\n};\n\nconst CollapseTransition = (props: { appear: boolean }, { slots }: Omit<SetupContext, 'expose'>) => {\n  return h(Transition, { ...TransitionEvents, appear: props.appear }, slots.default);\n};\nCollapseTransition.props = {\n  appear: {\n    type: Boolean,\n    default: true\n  }\n};\nexport default CollapseTransition;\n"],"names":["h","Transition"],"mappings":";;;;;;;AAIA,MAAM,mBAAmB;AAAA,EACvB,cAAc,IAAqB;AACjC,iBAAS,IAAmB,qBAAqB;AAEjD,OAAG,MAAM,SAAS;AAAA;AACpB,EAEA,QAAQ,IAAqB;AAC3B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,QAAI,GAAG,iBAAiB,GAAG;AACzB,SAAG,MAAM,SAAS,GAAG,GAAG;AAAA,WACnB;AACL,SAAG,MAAM,SAAS;AAAA;AAGpB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,aAAa,IAAqB;AAEhC,oBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,cAAc,IAAqB;AACjC,QAAI,CAAC,GAAG;AAAS,SAAG,UAAU;AAC9B,OAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,OAAG,MAAM,SAAS,GAAG,GAAG;AACxB,OAAG,MAAM,WAAW;AAAA;AACtB,EAEA,QAAQ,IAAqB;AAC3B,QAAI,GAAG,iBAAiB,GAAG;AAEzB,mBAAS,IAAmB,qBAAqB;AACjD,SAAG,MAAM,SAAS;AAAA;AACpB;AACF,EAEA,aAAa,IAAqB;AAChC,oBAAY,IAAmB,qBAAqB;AACpD,OAAG,MAAM,SAAS;AAClB,OAAG,MAAM,WAAW,GAAG,QAAQ,eAAe;AAAA;AAElD;MAEM,qBAAqB,CAAC,OAA4B,EAAE,YAA0C;AAClG,SAAOA,MAAEC,gBAAY,EAAE,GAAG,kBAAkB,QAAQ,MAAM,UAAU,MAAM,OAAO;AACnF;AACA,mBAAmB,QAAQ;AAAA,EACzB,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}

package/lib/components/base/hooks/useGlobalConfig.d.ts

@@ -50,6 +50,7 @@ export default function useGlobalConfig(tag: string): {
                 dayFormat: string;
                 dateTimeFormat: string;
                 monthBeforeYear: boolean;
+                shortcutsPlaceholder: string;
                 weeks: {
                     sun: string;
                     mon: string;

package/lib/components/locale/default.d.ts

@@ -43,6 +43,7 @@ export interface DatePickerLocal {
     dayFormat: string;
     dateTimeFormat: string;
     monthBeforeYear: boolean;
+    shortcutsPlaceholder: string;
     weeks: {
         sun: string;
         mon: string;

package/lib/components/locale/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sources":["../../../../src/components/locale/default.ts"],"sourcesContent":["export interface EmptyLocal {\n  text?: string;\n}\n\nexport interface TableLocal {\n  noDataText: string;\n  notFoundText: string;\n  selectAll: string;\n  selectInvert: string;\n  removeAll: string;\n  filterConfirm: string;\n  filterReset: string;\n  allFilters: string;\n}\n\nexport interface DatePickerLocal {\n  now: string;\n  today: string;\n  cancel: string;\n  clear: string;\n  confirm: string;\n  selectDate: string;\n  selectTime: string;\n  startDate: string;\n  startTime: string;\n  startMonth: string;\n  startYear: string;\n  startWeek: string;\n  startQuarter: string;\n  endDate: string;\n  endTime: string;\n  endMonth: string;\n  endYear: string;\n  endWeek: string;\n  endQuarter: string;\n  prevYear: string;\n  nextYear: string;\n  prevMonth: string;\n  nextMonth: string;\n  year: string;\n  month: string;\n  date: string;\n  yearFormat: string;\n  dateFormat: string;\n  dayFormat: string;\n  dateTimeFormat: string;\n  monthBeforeYear: boolean;\n  weeks: {\n    sun: string;\n    mon: string;\n    tue: string;\n    wed: string;\n    thu: string;\n    fri: string;\n    sat: string;\n  };\n  months: {\n    jan: string;\n    feb: string;\n    mar: string;\n    apr: string;\n    may: string;\n    jun: string;\n    jul: string;\n    aug: string;\n    sep: string;\n    oct: string;\n    nov: string;\n    dec: string;\n  };\n}\n\nexport interface PaginationLocal {\n  // Options\n  jumpTo: string;\n  page: string;\n  total: string;\n  item: string;\n\n  // Pagination\n  prevPage: string;\n  nextPage: string;\n  prev5: string;\n  next5: string;\n}\n\nexport interface ModalLocal {\n  okText: string;\n  cancelText: string;\n  justOkText: string;\n}\n\nexport interface PopConfirmLocal {\n  cancelText: string;\n  okText: string;\n}\n\nexport interface ColorPickerLocal {\n  clear: string;\n  ok: string;\n}\n\nexport interface TransferLocal {\n  itemUnit: string;\n  itemsUnit: string;\n  notFoundContent: string;\n  searchPlaceholder: string;\n}\n\nexport interface ImageLocal {\n  error: string;\n  loading: string;\n}\n\nexport interface AutoCompleteLocal {\n  loading: string;\n}\n\nexport interface CheckboxGroupLocal {\n  loadingText: string;\n}\n\nexport interface SelectLocal {\n  loadingText: string;\n  selectAll: string;\n}\n\nexport interface ThemePanelLocal {\n  title: string;\n  light: string;\n  dark: string;\n  themeColor: string;\n  appearance: string;\n  radius: string;\n  direction: string;\n  none: string;\n  small: string;\n  medium: string;\n  large: string;\n  full: string;\n  rtl: string;\n  ltr: string;\n}\n\nexport interface Locale {\n  locale: string;\n  empty: EmptyLocal;\n  table: TableLocal;\n  datePicker: DatePickerLocal;\n  pagination: PaginationLocal;\n  modal: ModalLocal;\n  colorPicker: ColorPickerLocal;\n  transfer: TransferLocal;\n  select: SelectLocal;\n  cascader: SelectLocal;\n  popConfirm: PopConfirmLocal;\n  image: ImageLocal;\n  autoComplete: AutoCompleteLocal;\n  checkboxGroup: CheckboxGroupLocal;\n  themePanel: ThemePanelLocal;\n}\n\nexport default {\n  locale: 'en-us',\n  empty: {\n    text: 'No Data'\n  },\n  table: {\n    noDataText: 'NO DATA',\n    notFoundText: 'NOT FOUND',\n    selectAll: 'Select All',\n    selectInvert: 'Select Invert',\n    removeAll: 'Deselect All',\n    filterConfirm: 'OK',\n    filterReset: 'Reset',\n    allFilters: 'All'\n  },\n  datePicker: {\n    now: 'Now',\n    today: 'Today',\n    cancel: 'Cancel',\n    clear: 'Clear',\n    confirm: 'Confirm',\n    selectDate: 'Select Date',\n    selectTime: 'Select Time',\n    startDate: 'Start Date',\n    startTime: 'Start Time',\n    startMonth: 'Start Month',\n    startYear: 'Start Year',\n    startWeek: 'Start Week',\n    startQuarter: 'Start Quarter',\n    endDate: 'End Date',\n    endTime: 'End Time',\n    endMonth: 'End Month',\n    endYear: 'End Year',\n    endWeek: 'End Week',\n    endQuarter: 'End Quarter',\n    prevYear: 'Last year',\n    nextYear: 'Next year',\n    prevMonth: 'Last month',\n    nextMonth: 'Next month',\n    year: '',\n    month: '',\n    date: '',\n    yearFormat: 'YYYY',\n    dateFormat: 'YYYY-MM-DD',\n    dayFormat: 'D',\n    dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',\n    monthBeforeYear: true,\n    weeks: {\n      sun: 'Su',\n      mon: 'Mo',\n      tue: 'Tu',\n      wed: 'We',\n      thu: 'Th',\n      fri: 'Fr',\n      sat: 'Sa'\n    },\n    months: {\n      jan: 'Jan',\n      feb: 'Feb',\n      mar: 'Mar',\n      apr: 'Apr',\n      may: 'May',\n      jun: 'Jun',\n      jul: 'Jul',\n      aug: 'Aug',\n      sep: 'Sep',\n      oct: 'Oct',\n      nov: 'Nov',\n      dec: 'Dec'\n    }\n  },\n  pagination: {\n    // Options\n    jumpTo: 'Go To',\n    page: 'Page',\n    total: 'Total',\n    item: '',\n\n    // Pagination\n    prevPage: 'Previous Page',\n    nextPage: 'Next Page',\n    prev5: 'Previous 5 Pages',\n    next5: 'Next 5 Pages'\n  },\n  modal: {\n    okText: 'Ok',\n    cancelText: 'Cancel',\n    justOkText: 'I know'\n  },\n  colorPicker: {\n    clear: 'Clear',\n    ok: 'Ok'\n  },\n  transfer: {\n    itemUnit: 'Item',\n    itemsUnit: 'Items',\n    notFoundContent: 'NO DATA',\n    searchPlaceholder: 'Please search'\n  },\n  select: {\n    loadingText: 'Loading...',\n    selectAll: 'Select All'\n  },\n  cascader: {\n    loadingText: 'Loading...'\n  },\n  popConfirm: {\n    okText: 'Yes',\n    cancelText: 'No'\n  },\n  image: {\n    error: 'Loading Failed',\n    loading: 'Loading'\n  },\n  autoComplete: {\n    loading: 'Loading'\n  },\n  checkboxGroup: {\n    loadingText: 'Loading'\n  },\n  themePanel: {\n    title: 'Theme Setting',\n    light: 'Light',\n    dark: 'Dark',\n    themeColor: 'Theme Color',\n    appearance: 'Appearance',\n    radius: 'Radius',\n    direction: 'Direction',\n    none: 'None',\n    small: 'Small',\n    medium: 'Medium',\n    large: 'Large',\n    full: 'Full',\n    rtl: 'RTL',\n    ltr: 'LTR'\n  }\n} as Locale;\n"],"names":[],"mappings":";;;;AAkKA,oBAAe;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA;AACd,EACA,YAAY;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP,IACA,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP;AACF,EACA,YAAY;AAAA,IAEV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IAGN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA;AACT,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA;AACd,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA;AACN,EACA,UAAU;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,mBAAmB;AAAA;AACrB,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA;AACb,EACA,UAAU;AAAA,IACR,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA;AACd,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA;AAET;;;;"}
+{"version":3,"file":"default.js","sources":["../../../../src/components/locale/default.ts"],"sourcesContent":["export interface EmptyLocal {\n  text?: string;\n}\n\nexport interface TableLocal {\n  noDataText: string;\n  notFoundText: string;\n  selectAll: string;\n  selectInvert: string;\n  removeAll: string;\n  filterConfirm: string;\n  filterReset: string;\n  allFilters: string;\n}\n\nexport interface DatePickerLocal {\n  now: string;\n  today: string;\n  cancel: string;\n  clear: string;\n  confirm: string;\n  selectDate: string;\n  selectTime: string;\n  startDate: string;\n  startTime: string;\n  startMonth: string;\n  startYear: string;\n  startWeek: string;\n  startQuarter: string;\n  endDate: string;\n  endTime: string;\n  endMonth: string;\n  endYear: string;\n  endWeek: string;\n  endQuarter: string;\n  prevYear: string;\n  nextYear: string;\n  prevMonth: string;\n  nextMonth: string;\n  year: string;\n  month: string;\n  date: string;\n  yearFormat: string;\n  dateFormat: string;\n  dayFormat: string;\n  dateTimeFormat: string;\n  monthBeforeYear: boolean;\n  shortcutsPlaceholder: string;\n  weeks: {\n    sun: string;\n    mon: string;\n    tue: string;\n    wed: string;\n    thu: string;\n    fri: string;\n    sat: string;\n  };\n  months: {\n    jan: string;\n    feb: string;\n    mar: string;\n    apr: string;\n    may: string;\n    jun: string;\n    jul: string;\n    aug: string;\n    sep: string;\n    oct: string;\n    nov: string;\n    dec: string;\n  };\n}\n\nexport interface PaginationLocal {\n  // Options\n  jumpTo: string;\n  page: string;\n  total: string;\n  item: string;\n\n  // Pagination\n  prevPage: string;\n  nextPage: string;\n  prev5: string;\n  next5: string;\n}\n\nexport interface ModalLocal {\n  okText: string;\n  cancelText: string;\n  justOkText: string;\n}\n\nexport interface PopConfirmLocal {\n  cancelText: string;\n  okText: string;\n}\n\nexport interface ColorPickerLocal {\n  clear: string;\n  ok: string;\n}\n\nexport interface TransferLocal {\n  itemUnit: string;\n  itemsUnit: string;\n  notFoundContent: string;\n  searchPlaceholder: string;\n}\n\nexport interface ImageLocal {\n  error: string;\n  loading: string;\n}\n\nexport interface AutoCompleteLocal {\n  loading: string;\n}\n\nexport interface CheckboxGroupLocal {\n  loadingText: string;\n}\n\nexport interface SelectLocal {\n  loadingText: string;\n  selectAll: string;\n}\n\nexport interface ThemePanelLocal {\n  title: string;\n  light: string;\n  dark: string;\n  themeColor: string;\n  appearance: string;\n  radius: string;\n  direction: string;\n  none: string;\n  small: string;\n  medium: string;\n  large: string;\n  full: string;\n  rtl: string;\n  ltr: string;\n}\n\nexport interface Locale {\n  locale: string;\n  empty: EmptyLocal;\n  table: TableLocal;\n  datePicker: DatePickerLocal;\n  pagination: PaginationLocal;\n  modal: ModalLocal;\n  colorPicker: ColorPickerLocal;\n  transfer: TransferLocal;\n  select: SelectLocal;\n  cascader: SelectLocal;\n  popConfirm: PopConfirmLocal;\n  image: ImageLocal;\n  autoComplete: AutoCompleteLocal;\n  checkboxGroup: CheckboxGroupLocal;\n  themePanel: ThemePanelLocal;\n}\n\nexport default {\n  locale: 'en-us',\n  empty: {\n    text: 'No Data'\n  },\n  table: {\n    noDataText: 'NO DATA',\n    notFoundText: 'NOT FOUND',\n    selectAll: 'Select All',\n    selectInvert: 'Select Invert',\n    removeAll: 'Deselect All',\n    filterConfirm: 'OK',\n    filterReset: 'Reset',\n    allFilters: 'All'\n  },\n  datePicker: {\n    now: 'Now',\n    today: 'Today',\n    cancel: 'Cancel',\n    clear: 'Clear',\n    confirm: 'Confirm',\n    selectDate: 'Select Date',\n    selectTime: 'Select Time',\n    startDate: 'Start Date',\n    startTime: 'Start Time',\n    startMonth: 'Start Month',\n    startYear: 'Start Year',\n    startWeek: 'Start Week',\n    startQuarter: 'Start Quarter',\n    endDate: 'End Date',\n    endTime: 'End Time',\n    endMonth: 'End Month',\n    endYear: 'End Year',\n    endWeek: 'End Week',\n    endQuarter: 'End Quarter',\n    prevYear: 'Last year',\n    nextYear: 'Next year',\n    prevMonth: 'Last month',\n    nextMonth: 'Next month',\n    year: '',\n    month: '',\n    date: '',\n    yearFormat: 'YYYY',\n    dateFormat: 'YYYY-MM-DD',\n    dayFormat: 'D',\n    dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',\n    monthBeforeYear: true,\n    weeks: {\n      sun: 'Su',\n      mon: 'Mo',\n      tue: 'Tu',\n      wed: 'We',\n      thu: 'Th',\n      fri: 'Fr',\n      sat: 'Sa'\n    },\n    months: {\n      jan: 'Jan',\n      feb: 'Feb',\n      mar: 'Mar',\n      apr: 'Apr',\n      may: 'May',\n      jun: 'Jun',\n      jul: 'Jul',\n      aug: 'Aug',\n      sep: 'Sep',\n      oct: 'Oct',\n      nov: 'Nov',\n      dec: 'Dec'\n    }\n  },\n  pagination: {\n    // Options\n    jumpTo: 'Go To',\n    page: 'Page',\n    total: 'Total',\n    item: '',\n\n    // Pagination\n    prevPage: 'Previous Page',\n    nextPage: 'Next Page',\n    prev5: 'Previous 5 Pages',\n    next5: 'Next 5 Pages'\n  },\n  modal: {\n    okText: 'Ok',\n    cancelText: 'Cancel',\n    justOkText: 'I know'\n  },\n  colorPicker: {\n    clear: 'Clear',\n    ok: 'Ok'\n  },\n  transfer: {\n    itemUnit: 'Item',\n    itemsUnit: 'Items',\n    notFoundContent: 'NO DATA',\n    searchPlaceholder: 'Please search'\n  },\n  select: {\n    loadingText: 'Loading...',\n    selectAll: 'Select All'\n  },\n  cascader: {\n    loadingText: 'Loading...'\n  },\n  popConfirm: {\n    okText: 'Yes',\n    cancelText: 'No'\n  },\n  image: {\n    error: 'Loading Failed',\n    loading: 'Loading'\n  },\n  autoComplete: {\n    loading: 'Loading'\n  },\n  checkboxGroup: {\n    loadingText: 'Loading'\n  },\n  themePanel: {\n    title: 'Theme Setting',\n    light: 'Light',\n    dark: 'Dark',\n    themeColor: 'Theme Color',\n    appearance: 'Appearance',\n    radius: 'Radius',\n    direction: 'Direction',\n    none: 'None',\n    small: 'Small',\n    medium: 'Medium',\n    large: 'Large',\n    full: 'Full',\n    rtl: 'RTL',\n    ltr: 'LTR'\n  }\n} as Locale;\n"],"names":[],"mappings":";;;;AAmKA,oBAAe;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,MAAM;AAAA;AACR,EACA,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,eAAe;AAAA,IACf,aAAa;AAAA,IACb,YAAY;AAAA;AACd,EACA,YAAY;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,UAAU;AAAA,IACV,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,OAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP,IACA,QAAQ;AAAA,MACN,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA;AACP;AACF,EACA,YAAY;AAAA,IAEV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IAGN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA;AACT,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,YAAY;AAAA;AACd,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,IAAI;AAAA;AACN,EACA,UAAU;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,mBAAmB;AAAA;AACrB,EACA,QAAQ;AAAA,IACN,aAAa;AAAA,IACb,WAAW;AAAA;AACb,EACA,UAAU;AAAA,IACR,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,YAAY;AAAA;AACd,EACA,OAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,aAAa;AAAA;AACf,EACA,YAAY;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA;AAET;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@koi-design/uxd-ui",
-  "version": "14.0.6",
+  "version": "14.0.8",
   "description": "uxd ui component with vue3.0",
   "license": "MIT",
   "maintainers": [],

package/styles/components/alert/index.css

@@ -1 +1 @@
-.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-alert{--alert-font-size:var(--default-font-size);--alert-text-color:var(--default-font-color);--alert-icon-color:var(--default-font-color);--alert-border-color:var(--color-border-base);--alert-background-color:transparent;--alert-padding:var(--space-3) var(--space-4);--alert-border-radius:var(--radius-lg);--alert-line-height:var(--line-height-5);--alert-icon-size:var(--space-4);--alert-close-color:var(--default-font-color)}.uui-alert{padding:var(--alert-padding);border-radius:var(--alert-border-radius);color:var(--alert-text-color);font-size:var(--default-font-size);line-height:var(--alert-line-height);border:1px solid var(--alert-border-color);background-color:var(--alert-background-color);position:relative}.uui-alert-with-icon .uui-alert-desc,.uui-alert-with-icon .uui-alert-message{padding-left:var(--space-7)}.uui-alert-icon{font-size:var(--alert-icon-size);top:var(--space-3);left:var(--space-4);position:absolute;color:var(--alert-icon-color)}.uui-alert-desc{font-size:var(--alert-font-size);line-height:var(--line-height-5)}.uui-alert-with-desc .uui-alert-message{line-height:var(--line-height-none);margin-bottom:var(--space-1)}.uui-alert-close{position:absolute;top:var(--space-3);right:var(--space-3);opacity:.7}.uui-alert-close i.uui-icon{font-size:var(--font-size-base);color:var(--alert-close-color)}.uui-alert-close:hover{opacity:1}.uui-alert-error{--alert-background-color:var(--error-soft);--alert-icon-color:var(--error-color);--alert-border-color:var(--error-color);--alert-close-color:var(--error-color);--alert-text-color:var(--error-color)}.uui-alert-error-outline{--alert-border-color:var(--error-a50);--alert-text-color:var(--error-color);--alert-background-color:transparent;--alert-icon-color:var(--error-color);--alert-close-color:var(--error-color)}.uui-alert-info{--alert-background-color:var(--primary-soft);--alert-icon-color:var(--primary-color);--alert-border-color:var(--primary-color)}.uui-alert-warning{--alert-background-color:var(--warning-soft);--alert-icon-color:var(--warning-color);--alert-border-color:var(--warning-color)}.uui-alert-success{--alert-background-color:var(--success-soft);--alert-icon-color:var(--success-color);--alert-border-color:var(--success-color)}
+.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-alert{--alert-font-size:var(--default-font-size);--alert-text-color:var(--default-font-color);--alert-icon-color:var(--default-font-color);--alert-border-color:var(--color-border-base);--alert-background-color:transparent;--alert-padding:var(--space-3) var(--space-4);--alert-border-radius:var(--radius-lg);--alert-line-height:var(--line-height-5);--alert-icon-size:var(--space-4);--alert-close-color:var(--default-font-color)}.uui-alert{padding:var(--alert-padding);border-radius:var(--alert-border-radius);color:var(--alert-text-color);font-size:var(--default-font-size);line-height:var(--alert-line-height);border:1px solid var(--alert-border-color);background-color:var(--alert-background-color);position:relative}.uui-alert-with-icon .uui-alert-desc,.uui-alert-with-icon .uui-alert-message{padding-left:var(--space-7)}.uui-alert-icon{font-size:var(--alert-icon-size);top:var(--space-3);left:var(--space-4);position:absolute;color:var(--alert-icon-color)}.uui-alert-desc{font-size:var(--alert-font-size);line-height:var(--line-height-5)}.uui-alert-with-desc .uui-alert-message{line-height:var(--line-height-none);margin-bottom:var(--space-1)}.uui-alert-close{position:absolute;top:var(--space-3);right:var(--space-3);opacity:.7}.uui-alert-close i.uui-icon{font-size:var(--font-size-base);color:var(--alert-close-color)}.uui-alert-close:hover{opacity:1}.uui-alert-error{--alert-background-color:var(--error-soft);--alert-icon-color:var(--error-color);--alert-border-color:var(--error-color);--alert-close-color:var(--error-color);--alert-text-color:var(--error-color)}.uui-alert-error-outline{--alert-border-color:var(--error-a50);--alert-text-color:var(--error-color);--alert-background-color:transparent;--alert-icon-color:var(--error-color);--alert-close-color:var(--error-color)}.uui-alert-info{--alert-background-color:var(--primary-soft);--alert-icon-color:var(--primary-color);--alert-border-color:var(--primary-color)}.uui-alert-warning{--alert-background-color:var(--warning-soft);--alert-icon-color:var(--warning-color);--alert-border-color:var(--warning-color)}.uui-alert-success{--alert-background-color:var(--success-soft);--alert-icon-color:var(--success-color);--alert-border-color:var(--success-color)}

package/styles/components/autoComplete/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}.uui-auto-complete-dropdown{--auto-complete-line-height:var(--line-height-normal);--auto-complete-dropdown-background-color:var(--color-background);--auto-complete-dropdown-padding-vertical:var(--space-1);--auto-complete-dropdown-padding-horizontal:var(--space-1);--auto-complete-dropdown-item-height:var(--control-height-base);--auto-complete-dropdown-item-padding-horizontal:var(--space-2);--auto-complete-dropdown-item-padding-vertical:var(--space-2);--auto-complete-dropdown-group-item-color:var(--secondary-font-color);--auto-complete-dropdown-group-item-font-weight:var(--font-weight-bold);--auto-complete-dropdown-loading-color:var(--color-disabled-font);--auto-complete-dropdown-item-radius:var(--radius-base)}.uui-auto-complete{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings)}.uui-auto-complete-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--auto-complete-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--auto-complete-dropdown-background-color);border-radius:var(--dropdown-border-radius);outline:0;border:1px solid var(--color-border-split);box-shadow:var(--dropdown-shadow)}.uui-auto-complete-dropdown-loading{padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-padding-horizontal);color:var(--auto-complete-dropdown-loading-color);display:flex;justify-content:center;align-items:center;column-gap:8px}.uui-auto-complete-dropdown-hidden{display:none}.uui-auto-complete-dropdown-list{padding:0 var(--auto-complete-dropdown-padding-horizontal)}.uui-auto-complete-dropdown:has(.uui-auto-complete-item-small){--auto-complete-dropdown-padding-horizontal:var(--space-1);--auto-complete-dropdown-padding-vertical:var(--space-2)}.uui-auto-complete-item-empty{display:flex;justify-content:center;align-items:center;color:var(--color-disabled-font)}.uui-auto-complete-item{position:relative;display:flex;align-items:center;min-height:var(--auto-complete-dropdown-item-height);padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-padding-horizontal);color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--auto-complete-dropdown-item-radius);line-height:var(--auto-complete-line-height);cursor:pointer}.uui-auto-complete-item-group{color:var(--auto-complete-dropdown-group-item-color);font-weight:var(--auto-complete-dropdown-group-item-font-weight);padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-state-width);cursor:default}.uui-auto-complete-item-option{display:inline-flex}.uui-auto-complete-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-auto-complete-item-option-state{flex-grow:0;flex-shrink:0;width:0}.uui-auto-complete-item-option-selected:not(.uui-auto-complete-item-option-disabled){color:var(--dropdown-item-selected-color)}.uui-auto-complete-item-option-active:not(.uui-auto-complete-item-option-disabled){background-color:var(--dropdown-item-hover-background-color);color:var(--dropdown-item-hover-font-color)}.uui-auto-complete-item-option-selected:not(.uui-auto-complete-item-option-disabled).uui-auto-complete-item-option-active{background-color:var(--dropdown-item-hover-background-color);color:var(--dropdown-item-selected-color)}.uui-auto-complete-item-option-disabled{color:var(--color-disabled-font);cursor:not-allowed}.uui-auto-complete-item-small{--auto-complete-dropdown-item-height:var(--control-height-small);font-size:var(--font-size-xs)}.uui-auto-complete-item-large{--auto-complete-dropdown-item-height:var(--control-height-large)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}.uui-auto-complete-dropdown{--auto-complete-line-height:var(--line-height-normal);--auto-complete-dropdown-background-color:var(--color-background);--auto-complete-dropdown-padding-vertical:var(--space-1);--auto-complete-dropdown-padding-horizontal:var(--space-1);--auto-complete-dropdown-item-height:var(--control-height-base);--auto-complete-dropdown-item-padding-horizontal:var(--space-2);--auto-complete-dropdown-item-padding-vertical:var(--space-2);--auto-complete-dropdown-group-item-color:var(--secondary-font-color);--auto-complete-dropdown-group-item-font-weight:var(--font-weight-bold);--auto-complete-dropdown-loading-color:var(--color-disabled-font);--auto-complete-dropdown-item-radius:var(--radius-base)}.uui-auto-complete{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings)}.uui-auto-complete-dropdown{margin:0;padding:0;color:var(--default-font-color);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:absolute;top:-9999px;left:-9999px;z-index:var(--zindex-dropdown);box-sizing:border-box;padding:var(--auto-complete-dropdown-padding-vertical) 0;overflow:hidden;font-size:var(--default-font-size);font-variant:initial;background-color:var(--auto-complete-dropdown-background-color);border-radius:var(--dropdown-border-radius);outline:0;border:1px solid var(--color-border-split);box-shadow:var(--dropdown-shadow)}.uui-auto-complete-dropdown-loading{padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-padding-horizontal);color:var(--auto-complete-dropdown-loading-color);display:flex;justify-content:center;align-items:center;column-gap:8px}.uui-auto-complete-dropdown-hidden{display:none}.uui-auto-complete-dropdown-list{padding:0 var(--auto-complete-dropdown-padding-horizontal)}.uui-auto-complete-dropdown:has(.uui-auto-complete-item-small){--auto-complete-dropdown-padding-horizontal:var(--space-1);--auto-complete-dropdown-padding-vertical:var(--space-2)}.uui-auto-complete-item-empty{display:flex;justify-content:center;align-items:center;color:var(--color-disabled-font)}.uui-auto-complete-item{position:relative;display:flex;align-items:center;min-height:var(--auto-complete-dropdown-item-height);padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-padding-horizontal);color:var(--default-font-color);font-weight:400;font-size:var(--default-font-size);border-radius:var(--auto-complete-dropdown-item-radius);line-height:var(--auto-complete-line-height);cursor:pointer}.uui-auto-complete-item-group{color:var(--auto-complete-dropdown-group-item-color);font-weight:var(--auto-complete-dropdown-group-item-font-weight);padding:var(--auto-complete-dropdown-item-padding-vertical) var(--auto-complete-dropdown-item-state-width);cursor:default}.uui-auto-complete-item-option{display:inline-flex}.uui-auto-complete-item-option-content{flex:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-auto-complete-item-option-state{flex-grow:0;flex-shrink:0;width:0}.uui-auto-complete-item-option-selected:not(.uui-auto-complete-item-option-disabled){color:var(--dropdown-item-selected-color)}.uui-auto-complete-item-option-active:not(.uui-auto-complete-item-option-disabled){background-color:var(--dropdown-item-hover-background-color);color:var(--dropdown-item-hover-font-color)}.uui-auto-complete-item-option-selected:not(.uui-auto-complete-item-option-disabled).uui-auto-complete-item-option-active{background-color:var(--dropdown-item-hover-background-color);color:var(--dropdown-item-selected-color)}.uui-auto-complete-item-option-disabled{color:var(--color-disabled-font);cursor:not-allowed}.uui-auto-complete-item-small{--auto-complete-dropdown-item-height:var(--control-height-small);font-size:var(--font-size-xs)}.uui-auto-complete-item-large{--auto-complete-dropdown-item-height:var(--control-height-large)}

package/styles/components/avatar/index.css

@@ -1 +1 @@
-.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-avatar{--avatar-background-color:var(--gray-7);--avatar-color:var(--white-a12);--avatar-uui-icon-top:-1px;--avatar-size-base:var(--space-6);--avatar-font-size-base:var(--font-size-lg);--avatar-size-large:var(--space-10);--avatar-font-size-large:var(--font-size-2xl);--avatar-size-small:var(--space-6);--avatar-font-size-small:var(--font-size-sm);--avatar-border-radius:var(--radius-base)}[data-radius=full]{--avatar-border-radius:var(--radius-full)}.uui-avatar{display:inline-flex;justify-content:center;align-items:center;background:var(--avatar-background-color);color:var(--avatar-color);white-space:nowrap;position:relative;overflow:hidden;width:var(--avatar-size-base);height:var(--avatar-size-base);border-radius:50%}.uui-avatar.uui-avatar-icon{font-size:var(--avatar-font-size-base)}.uui-avatar-image{background:0 0}.uui-avatar .uui-icon{position:relative;top:var(--avatar-uui-icon-top)}.uui-avatar-large{--avatar-size-base:var(--avatar-size-large);--avatar-font-size-base:var(--avatar-font-size-large)}.uui-avatar-small{--avatar-size-base:var(--avatar-size-small);--avatar-font-size-base:var(--avatar-font-size-small)}.uui-avatar-square{border-radius:var(--avatar-border-radius)}.uui-avatar>img{width:100%;height:100%;border-radius:50%}
+.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-avatar{--avatar-background-color:var(--gray-7);--avatar-color:var(--white-a12);--avatar-uui-icon-top:-1px;--avatar-size-base:var(--space-6);--avatar-font-size-base:var(--font-size-lg);--avatar-size-large:var(--space-10);--avatar-font-size-large:var(--font-size-2xl);--avatar-size-small:var(--space-6);--avatar-font-size-small:var(--font-size-sm);--avatar-border-radius:var(--radius-base)}[data-radius=full]{--avatar-border-radius:var(--radius-full)}.uui-avatar{display:inline-flex;justify-content:center;align-items:center;background:var(--avatar-background-color);color:var(--avatar-color);white-space:nowrap;position:relative;overflow:hidden;width:var(--avatar-size-base);height:var(--avatar-size-base);border-radius:50%}.uui-avatar.uui-avatar-icon{font-size:var(--avatar-font-size-base)}.uui-avatar-image{background:0 0}.uui-avatar .uui-icon{position:relative;top:var(--avatar-uui-icon-top)}.uui-avatar-large{--avatar-size-base:var(--avatar-size-large);--avatar-font-size-base:var(--avatar-font-size-large)}.uui-avatar-small{--avatar-size-base:var(--avatar-size-small);--avatar-font-size-base:var(--avatar-font-size-small)}.uui-avatar-square{border-radius:var(--avatar-border-radius)}.uui-avatar>img{width:100%;height:100%;border-radius:50%}

package/styles/components/breadcrumb/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-breadcrumb{--breadcrumb-item-height:var(--space-6);--breadcrumb-default-color:var(--gray-11);--breadcrumb-link-color-hover:var(--gray-12);--breadcrumb-last-color:var(--gray-12);--breadcrumb-font-size:var(--default-font-size);--breadcrumb-separator-gutter:var(--space-2);--breadcrumb-separator-color:var(--breadcrumb-default-color)}.uui-breadcrumb{display:flex;align-items:center}.uui-breadcrumb-item{color:var(--breadcrumb-default-color);font-size:var(--breadcrumb-font-size);height:var(--breadcrumb-item-height);line-height:var(--breadcrumb-item-height);display:inline-flex;align-items:center}.uui-breadcrumb-item a{color:var(--breadcrumb-default-color);transition:color .3s}.uui-breadcrumb-item a:hover{color:var(--breadcrumb-link-color-hover)}.uui-breadcrumb-item:last-child{color:var(--breadcrumb-last-color)}.uui-breadcrumb-item:last-child a{color:var(--breadcrumb-last-color)}.uui-breadcrumb-item:last-child .uui-breadcrumb-separator{display:none}.uui-breadcrumb-item-dropdown-trigger{cursor:pointer}.uui-breadcrumb-separator{margin:0 var(--breadcrumb-separator-gutter);color:var(--breadcrumb-separator-color)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-breadcrumb{--breadcrumb-font-size:var(--default-font-size);--breadcrumb-item-height:var(--space-5);--breadcrumb-default-color:var(--secondary-font-color);--breadcrumb-active-color:var(--default-font-color);--breadcrumb-separator-gutter:var(--space-2-5)}.uui-breadcrumb{display:flex;align-items:center}.uui-breadcrumb-item{color:var(--breadcrumb-default-color);font-size:var(--breadcrumb-font-size);line-height:var(--breadcrumb-item-height);display:inline-flex;align-items:center}.uui-breadcrumb-item a{color:var(--breadcrumb-default-color);transition:color .3s}.uui-breadcrumb-item a:hover{color:var(--breadcrumb-active-color)}.uui-breadcrumb-item:last-child{color:var(--breadcrumb-active-color)}.uui-breadcrumb-item:last-child a{color:var(--breadcrumb-active-color)}.uui-breadcrumb-item:last-child .uui-breadcrumb-separator{display:none}.uui-breadcrumb-item-dropdown-trigger{cursor:pointer}.uui-breadcrumb-separator{margin:0 var(--breadcrumb-separator-gutter);color:var(--breadcrumb-default-color)}

package/styles/components/breadcrumb/index.less

@@ -6,11 +6,10 @@
 .@{css-prefix-breadcrumb} {
   display: flex;
   align-items: center;
-  
+
   &-item {
     color: var(--breadcrumb-default-color);
     font-size: var(--breadcrumb-font-size);
-    height: var(--breadcrumb-item-height);
     line-height: var(--breadcrumb-item-height);
     display: inline-flex;
     align-items: center;
@@ -19,14 +18,14 @@
       color: var(--breadcrumb-default-color);
       transition: color 0.3s;
       &:hover {
-        color: var(--breadcrumb-link-color-hover);
+        color: var(--breadcrumb-active-color);
       }
     }
 
     &:last-child {
-      color: var(--breadcrumb-last-color);
+      color: var(--breadcrumb-active-color);
       a {
-        color: var(--breadcrumb-last-color);
+        color: var(--breadcrumb-active-color);
       }
 
       .@{css-prefix-breadcrumb}-separator {
@@ -41,6 +40,6 @@
 
   &-separator {
     margin: 0 var(--breadcrumb-separator-gutter);
-    color: var(--breadcrumb-separator-color);
+    color: var(--breadcrumb-default-color);
   }
 }

package/styles/components/breadcrumb/var.less

@@ -1,9 +1,7 @@
 .@{css-prefix-breadcrumb} {
-  --breadcrumb-item-height: var(--space-6);
-  --breadcrumb-default-color: var(--gray-11);
-  --breadcrumb-link-color-hover: var(--gray-12);
-  --breadcrumb-last-color: var(--gray-12);
   --breadcrumb-font-size: var(--default-font-size);
-  --breadcrumb-separator-gutter: var(--space-2);
-  --breadcrumb-separator-color: var(--breadcrumb-default-color);
+  --breadcrumb-item-height: var(--space-5);
+  --breadcrumb-default-color: var(--secondary-font-color);
+  --breadcrumb-active-color: var(--default-font-color);
+  --breadcrumb-separator-gutter: var(--space-2-5);
 }

package/styles/components/button/index.css

@@ -1 +1 @@
-.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-btn{--button-font-weight:var(--font-weight-medium);--button-border-width:var(--border-width-base);--button-border-style:var(--border-style-base);--button-border-color:var(--color-border-base);--button-hover-border-color:var(--primary-color);--button-active-border-color:var(--primary-active-color);--button-text-color:var(--default-font-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-active-color);--button-line-height:var(--line-height-5);--button-background-color:var(--color-background);--button-hover-background-color:var(--color-background);--button-active-background-color:var(--color-background);--button-padding:var(--space-2) var(--space-4);--button-font-size:var(--default-font-size);--button-height:var(--space-9);--button-border-radius-base:var(--control-radius);--button-active-filter:brightness(1.08)}.uui-btn[data-color=success]{--primary-color:var(--success-color);--primary-hover:var(--success-hover);--primary-active:var(--success-active);--primary-soft:var(--success-soft);--primary-soft-hover:var(--success-soft-hover);--primary-soft-active:var(--success-soft-hover)}.uui-btn[data-color=danger]{--primary-color:var(--error-color);--primary-hover:var(--error-hover);--primary-active:var(--error-active);--primary-soft:var(--error-soft);--primary-soft-hover:var(--error-soft-hover);--primary-soft-active:var(--error-soft-hover)}.uui-btn[data-color=warning]{--primary-color:var(--warning-color);--primary-hover:var(--warning-hover);--primary-active:var(--warning-active);--primary-soft:var(--warning-soft);--primary-soft-hover:var(--warning-soft-hover);--primary-soft-active:var(--warning-soft-hover)}[data-radius=full] .uui-btn{--button-border-radius-base:var(--radius-full)}.uui-btn{display:inline-flex;justify-content:center;margin-bottom:0;font-weight:var(--button-font-weight);align-items:center;touch-action:manipulation;cursor:var(--cursor-button);background-image:none;border:none;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:var(--button-line-height);font-size:var(--button-font-size);transition:var(--transition-colors);color:var(--button-text-color);height:var(--button-height);padding:var(--button-padding);border-radius:var(--button-border-radius-base);background-color:var(--button-background-color);border-width:var(--button-border-width);border-style:var(--button-border-style);border-color:var(--button-border-color)}.uui-btn:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.uui-btn:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.uui-btn,.uui-btn:active,.uui-btn:focus{outline:0}.uui-btn:not([disabled]):hover{text-decoration:none}.uui-btn:not([disabled]):active{outline:0}.uui-btn.disabled,.uui-btn[disabled] fieldset[disabled] .uui-btn{cursor:var(--cursor-disabled);opacity:var(--disabled-opacity);pointer-events:none}.uui-btn.disabled>*,.uui-btn[disabled] fieldset[disabled] .uui-btn>*{pointer-events:none}.uui-btn>a:only-child{color:currentcolor}.uui-btn>a:only-child::after{content:'';position:absolute;inset:0;background:0 0}.uui-btn::before{position:absolute;inset:-1px;background:var(--button-background-color);opacity:.35;content:'';border-radius:inherit;z-index:1;transition:opacity var(--animation-time);pointer-events:none;display:none}.uui-btn-variant-surface{box-shadow:var(--shadow-sm)}.uui-btn-variant-surface.active,.uui-btn-variant-surface:active{filter:var(--button-active-filter)}.uui-btn-variant-surface.uui-btn-primary,.uui-btn-variant-surface[data-color]{--button-background-color:var(--primary-color);--button-hover-background-color:var(--primary-hover);--button-active-background-color:var(--primary-active);--button-border-width:0;--button-text-color:white;--button-hover-text-color:white;--button-active-text-color:white}.uui-btn-variant-surface.uui-btn-primary .uui-btn-icon-loading>svg,.uui-btn-variant-surface[data-color] .uui-btn-icon-loading>svg{color:#fff}.uui-btn-variant-soft{--button-background-color:var(--color-background-secondary);--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary);--button-border-width:0;box-shadow:var(--shadow-sm)}.uui-btn-variant-soft.uui-btn-primary,.uui-btn-variant-soft[data-color]{--button-text-color:var(--primary-color);--button-background-color:var(--primary-soft);--button-hover-background-color:var(--primary-soft-hover);--button-active-background-color:var(--primary-soft-active)}.uui-btn-variant-dashed,.uui-btn-variant-outline{--button-hover-border-color:var(--color-border-base);--button-active-border-color:var(--color-border-base);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-background-color:transparent;--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary)}.uui-btn-variant-dashed.uui-btn-primary,.uui-btn-variant-dashed[data-color],.uui-btn-variant-outline.uui-btn-primary,.uui-btn-variant-outline[data-color]{--button-border-color:var(--primary-color);--button-hover-border-color:var(--primary-hover);--button-active-border-color:var(--primary-active);--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color);--button-background-color:transparent;--button-hover-background-color:var(--primary-soft);--button-active-background-color:var(--primary-soft)}.uui-btn-variant-outline{box-shadow:var(--shadow-sm)}.uui-btn-variant-dashed{--button-border-style:dashed}.uui-btn-variant-text{--button-background-color:transparent;--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary);--button-text-color:var(--default-font-color);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-border-width:0;--button-disabled-background-color:transparent}.uui-btn-variant-text.uui-btn-primary,.uui-btn-variant-text[data-color]{--button-background-color:transparent;--button-hover-background-color:var(--primary-soft);--button-active-background-color:var(--primary-soft);--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color);--button-border-width:0}.uui-btn-variant-link{--button-text-color:var(--default-font-color);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-border-width:0;display:inline;padding:0;height:auto;background-color:transparent;line-height:1}.uui-btn-variant-link:hover>span{-webkit-text-decoration:var(--link-hover-decoration);text-decoration:var(--link-hover-decoration)}.uui-btn-variant-link.active,.uui-btn-variant-link:active{filter:var(--button-active-filter)}.uui-btn-variant-link.uui-btn-primary,.uui-btn-variant-link[data-color]{--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color)}.uui-btn>.uui-icon+span:not(:empty),.uui-btn>span:not(:empty)+.uui-icon{margin-left:4px}.uui-btn .uui-icon{font-size:var(--icon-font-size)}.uui-btn>span{display:inline-flex;align-items:center;pointer-events:none}.uui-btn-block{width:100%;justify-content:center}.uui-btn-circle{--button-border-radius-base:var(--radius-full)}.uui-btn-circle.uui-btn-icon{--button-padding:0;width:var(--button-height)}.uui-btn-icon-only{width:var(--button-height);padding:0}.uui-btn-icon-only.uui-btn-large-size{--button-height:var(--space-10);min-width:var(--button-height)}.uui-btn-icon-only.uui-btn-small-size{--button-height:var(--space-8);min-width:var(--button-height)}.uui-btn-circle-outline.uui-btn-icon-only{width:auto}.uui-btn.uui-btn-loading{position:relative;pointer-events:none}.uui-btn.uui-btn-loading uui-btn-icon-loading>svg{color:var(--button-text-color)}.uui-btn.uui-btn-loading::before{display:block}.uui-btn-icon-loading{animation:loop 1s linear infinite}.uui-btn-large-size{--button-height:var(--space-10);--button-padding:0 var(--space-8)}.uui-btn-small-size{--button-height:var(--space-8);--button-padding:0 var(--space-3)}@keyframes loop{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}
+.light,.light-theme,:root{--default-font-color:#222;--heading-color:#222;--secondary-font-color:#999;--placeholder-color:#d3d3d3;--color-background:white;--color-background-secondary:#f3f5f7;--color-overlay:rgba(0, 0, 0, 0.6);--color-panel-solid:white;--color-panel-translucent:rgba(255, 255, 255, 0.7);--color-surface:rgba(255, 255, 255, 0.85);--color-border-split:#f2f2f2;--color-border-input:#e0e0e0;--color-border-base:#e0e0e0;--color-disabled-font:#d3d3d3;--color-soft-control-background:#f3f5f7;--scrollbar-thumb-background-color:#d3d3d3;--scrollbar-thumb-background-color-hover:#999;color-scheme:light}.dark,.dark-theme{--default-font-color:#fff;--heading-color:#fff;--secondary-font-color:#eee;--placeholder-color:#d3d3d3;--color-background:var(--gray-2);--color-background-secondary:var(--gray-3);--color-overlay:var(--black-a8);--color-panel-solid:var(--gray-2);--color-panel-translucent:var(--gray-a2);--color-surface:rgba(0, 0, 0, 0.25);--color-border-split:var(--gray-9);--color-border-base:var(--gray-9);--color-border-input:var(--gray-9);--color-disabled-font:var(--gray-8);--color-disabled-background:var(--gray-2);--color-soft-control-background:var(--gray-4);--scrollbar-thumb-background-color:rgba(255, 255, 255, 0.5);--scrollbar-thumb-background-color-hover:rgba(255, 255, 255, 0.7);color-scheme:dark}.dark,.dark-theme,.light,.light-theme,:root,[data-color],[data-theme-color]{--link-color:var(--primary-9);--link-hover-color:var(--primary-10);--link-active-color:var(--primary-11);--dropdown-item-selected-color:var(--default-font-color);--dropdown-item-hover-background-color:var(--color-background-secondary);--dropdown-item-hover-font-color:var(--default-font-color);--primary-color:var(--primary-9);--primary-hover:var(--primary-a90);--primary-active:var(--primary-a90);--primary-soft:var(--primary-4);--primary-soft-hover:var(--primary-5);--primary-soft-active:var(--primary-6)}.dark,.dark-theme,.light,.light-theme,:root{--error-soft:#feebe7;--error-soft-hover:#ffdcd3;--error-color:#fe3b2f;--error-hover:rgba(254, 59, 47, 0.9);--error-active:rgba(254, 59, 47, 0.9);--error-a30:rgba(254, 59, 47, 0.3);--error-a50:rgba(254, 59, 47, 0.5);--success-soft:#e9f6e9;--success-soft-hover:#daf1db;--success-color:#17c964;--success-a30:rgba(23, 201, 100, 0.3);--success-a50:rgba(23, 201, 100, 0.5);--success-hover:rgba(23, 201, 100, 0.9);--success-active:rgba(23, 201, 100, 0.9);--warning-soft:#ffefd6;--warning-soft-hover:#ffdfb5;--warning-color:#ff8200;--warning-a30:rgba(255, 130, 0, 0.3);--warning-a50:rgba(255, 130, 0, 0.5);--warning-hover:rgba(255, 130, 0, 0.9);--warning-active:rgba(255, 130, 0, 0.9);--color-contrast:white;--border-width-base:1px;--border-style-base:solid;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-background-color:var(--color-background);--control-height-small:var(--space-8);--control-height-base:var(--space-9);--control-height-large:var(--space-10);--control-padding-y:0;--control-padding-x:var(--space-3);--control-label-color:var(--secondary-font-color);--control-label-font-weight:var(--font-weight-medium);--control-inner-gap:var(--space-1);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-base);--icon-button-width:var(--space-6);--icon-button-color:#d3d3d3;--icon-button-padding:var(--space-1);--icon-button-hover-color:#999;--icon-button-hover-background-color:#f3f5f7;--scrollbar-width:6px;--required-color:var(--error-color);--required-font-size:var(--font-size-sm);--required-font-family:'SimSun',sans-serif;--disabled-opacity:0.4;--link-decoration:none;--link-hover-decoration:underline;--zindex-badge:auto;--zindex-table-fixed:10;--zindex-affix:10;--zindex-back-top:10;--zindex-picker-panel:10;--zindex-popup-close:10;--zindex-spin:10;--zindex-modal:1000;--zindex-modal-mask:1000;--zindex-message:1010;--zindex-notice:1010;--zindex-popover:1030;--zindex-dropdown:1050;--zindex-tooltip:1060;--zindex-loading-bar:2000;--dropdown-shadow:var(--shadow-md);--popover-shadow:var(--shadow-md);--modal-shadow:var(--shadow-lg);--message-shadow:var(--shadow-lg);--notice-shadow:var(--shadow-lg);--card-shadow:var(--shadow-base);--mask-background-color:var(--color-overlay);--transition-colors:color,background-color,border-color,text-decoration-color,fill,stroke 0.15s cubic-bezier(0.4, 0, 0.2, 1);--animation-time:0.3s;--animation-time-fast:0.1s;--animation-time-short:0.2s;--animation-time-long:0.5s;--ease-base-out:cubic-bezier(0.7, 0.3, 0.1, 1);--ease-base-in:cubic-bezier(0.9, 0, 0.3, 0.7);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-out-back:cubic-bezier(0.12, 0.4, 0.29, 1.46);--ease-in-back:cubic-bezier(0.71, -0.46, 0.88, 0.6);--ease-in-out-back:cubic-bezier(0.71, -0.46, 0.29, 1.46);--ease-out-circ:cubic-bezier(0.08, 0.82, 0.17, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.34);--ease-in-out-circ:cubic-bezier(0.78, 0.14, 0.15, 0.86);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1)}[data-color=error]{--link-color:var(--error-color);--link-hover-color:var(--error-hover);--link-active-color:var(--error-active)}[data-color=warning]{--link-color:var(--warning-color);--link-hover-color:var(--warning-hover);--link-active-color:var(--warning-active)}[data-color=success]{--link-color:var(--success-color);--link-hover-color:var(--success-hover);--link-active-color:var(--success-active)}[data-color]{--primary-shadow-3:0 0 0 1px var(--primary-a3),0 2px 3px -2px var(--primary-a3),0 3px 12px -4px var(--primary-a3),0 4px 16px -8px var(--primary-a3)}:root,[data-radius]{--dropdown-border-radius:var(--radius-md);--icon-button-radius:var(--radius-md);--modal-border-radius:var(--radius-lg);--control-radius:var(--radius-md);--control-radius-small:var(--radius-md);--control-radius-large:var(--radius-md)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-btn{--button-font-weight:var(--font-weight-medium);--button-border-width:var(--border-width-base);--button-border-style:var(--border-style-base);--button-border-color:var(--color-border-base);--button-hover-border-color:var(--primary-color);--button-active-border-color:var(--primary-active-color);--button-text-color:var(--default-font-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-active-color);--button-line-height:var(--line-height-5);--button-background-color:var(--color-background);--button-hover-background-color:var(--color-background);--button-active-background-color:var(--color-background);--button-padding:var(--space-2) var(--space-4);--button-font-size:var(--default-font-size);--button-height:var(--space-9);--button-border-radius-base:var(--control-radius);--button-active-filter:brightness(1.08)}.uui-btn[data-color=success]{--primary-color:var(--success-color);--primary-hover:var(--success-hover);--primary-active:var(--success-active);--primary-soft:var(--success-soft);--primary-soft-hover:var(--success-soft-hover);--primary-soft-active:var(--success-soft-hover)}.uui-btn[data-color=danger]{--primary-color:var(--error-color);--primary-hover:var(--error-hover);--primary-active:var(--error-active);--primary-soft:var(--error-soft);--primary-soft-hover:var(--error-soft-hover);--primary-soft-active:var(--error-soft-hover)}.uui-btn[data-color=warning]{--primary-color:var(--warning-color);--primary-hover:var(--warning-hover);--primary-active:var(--warning-active);--primary-soft:var(--warning-soft);--primary-soft-hover:var(--warning-soft-hover);--primary-soft-active:var(--warning-soft-hover)}[data-radius=full] .uui-btn{--button-border-radius-base:var(--radius-full)}.uui-btn{display:inline-flex;justify-content:center;margin-bottom:0;font-weight:var(--button-font-weight);align-items:center;touch-action:manipulation;cursor:var(--cursor-button);background-image:none;border:none;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:var(--button-line-height);font-size:var(--button-font-size);transition:var(--transition-colors);color:var(--button-text-color);height:var(--button-height);padding:var(--button-padding);border-radius:var(--button-border-radius-base);background-color:var(--button-background-color);border-width:var(--button-border-width);border-style:var(--button-border-style);border-color:var(--button-border-color)}.uui-btn:hover{border-color:var(--button-hover-border-color);background-color:var(--button-hover-background-color);color:var(--button-hover-text-color)}.uui-btn:active{border-color:var(--button-active-border-color);background-color:var(--button-active-background-color);color:var(--button-active-text-color)}.uui-btn,.uui-btn:active,.uui-btn:focus{outline:0}.uui-btn:not([disabled]):hover{text-decoration:none}.uui-btn:not([disabled]):active{outline:0}.uui-btn.disabled,.uui-btn[disabled] fieldset[disabled] .uui-btn{cursor:var(--cursor-disabled);opacity:var(--disabled-opacity);pointer-events:none}.uui-btn.disabled>*,.uui-btn[disabled] fieldset[disabled] .uui-btn>*{pointer-events:none}.uui-btn>a:only-child{color:currentcolor}.uui-btn>a:only-child::after{content:'';position:absolute;inset:0;background:0 0}.uui-btn::before{position:absolute;inset:-1px;background:var(--button-background-color);opacity:.35;content:'';border-radius:inherit;z-index:1;transition:opacity var(--animation-time);pointer-events:none;display:none}.uui-btn-variant-surface{box-shadow:var(--shadow-sm)}.uui-btn-variant-surface.active,.uui-btn-variant-surface:active{filter:var(--button-active-filter)}.uui-btn-variant-surface.uui-btn-primary,.uui-btn-variant-surface[data-color]{--button-background-color:var(--primary-color);--button-hover-background-color:var(--primary-hover);--button-active-background-color:var(--primary-active);--button-border-width:0;--button-text-color:white;--button-hover-text-color:white;--button-active-text-color:white}.uui-btn-variant-surface.uui-btn-primary .uui-btn-icon-loading>svg,.uui-btn-variant-surface[data-color] .uui-btn-icon-loading>svg{color:#fff}.uui-btn-variant-soft{--button-background-color:var(--color-background-secondary);--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary);--button-border-width:0;box-shadow:var(--shadow-sm)}.uui-btn-variant-soft.uui-btn-primary,.uui-btn-variant-soft[data-color]{--button-text-color:var(--primary-color);--button-background-color:var(--primary-soft);--button-hover-background-color:var(--primary-soft-hover);--button-active-background-color:var(--primary-soft-active)}.uui-btn-variant-dashed,.uui-btn-variant-outline{--button-hover-border-color:var(--color-border-base);--button-active-border-color:var(--color-border-base);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-background-color:transparent;--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary)}.uui-btn-variant-dashed.uui-btn-primary,.uui-btn-variant-dashed[data-color],.uui-btn-variant-outline.uui-btn-primary,.uui-btn-variant-outline[data-color]{--button-border-color:var(--primary-color);--button-hover-border-color:var(--primary-hover);--button-active-border-color:var(--primary-active);--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color);--button-background-color:transparent;--button-hover-background-color:var(--primary-soft);--button-active-background-color:var(--primary-soft)}.uui-btn-variant-outline{box-shadow:var(--shadow-sm)}.uui-btn-variant-dashed{--button-border-style:dashed}.uui-btn-variant-text{--button-background-color:transparent;--button-hover-background-color:var(--color-background-secondary);--button-active-background-color:var(--color-background-secondary);--button-text-color:var(--default-font-color);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-border-width:0;--button-disabled-background-color:transparent}.uui-btn-variant-text.uui-btn-primary,.uui-btn-variant-text[data-color]{--button-background-color:transparent;--button-hover-background-color:var(--primary-soft);--button-active-background-color:var(--primary-soft);--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color);--button-border-width:0}.uui-btn-variant-link{--button-text-color:var(--default-font-color);--button-hover-text-color:var(--default-font-color);--button-active-text-color:var(--default-font-color);--button-border-width:0;display:inline;padding:0;height:auto;background-color:transparent;line-height:1}.uui-btn-variant-link:hover>span{-webkit-text-decoration:var(--link-hover-decoration);text-decoration:var(--link-hover-decoration)}.uui-btn-variant-link.active,.uui-btn-variant-link:active{filter:var(--button-active-filter)}.uui-btn-variant-link.uui-btn-primary,.uui-btn-variant-link[data-color]{--button-text-color:var(--primary-color);--button-hover-text-color:var(--primary-color);--button-active-text-color:var(--primary-color)}.uui-btn>.uui-icon+span:not(:empty),.uui-btn>span:not(:empty)+.uui-icon{margin-left:4px}.uui-btn .uui-icon{font-size:var(--icon-font-size)}.uui-btn>span{display:inline-flex;align-items:center;pointer-events:none}.uui-btn-block{width:100%;justify-content:center}.uui-btn-circle{--button-border-radius-base:var(--radius-full)}.uui-btn-circle.uui-btn-icon{--button-padding:0;width:var(--button-height)}.uui-btn-icon-only{width:var(--button-height);padding:0}.uui-btn-icon-only.uui-btn-large-size{--button-height:var(--space-10);min-width:var(--button-height)}.uui-btn-icon-only.uui-btn-small-size{--button-height:var(--space-8);min-width:var(--button-height)}.uui-btn-circle-outline.uui-btn-icon-only{width:auto}.uui-btn.uui-btn-loading{position:relative;pointer-events:none}.uui-btn.uui-btn-loading uui-btn-icon-loading>svg{color:var(--button-text-color)}.uui-btn.uui-btn-loading::before{display:block}.uui-btn-icon-loading{animation:loop 1s linear infinite}.uui-btn-large-size{--button-height:var(--space-10);--button-padding:0 var(--space-8)}.uui-btn-small-size{--button-height:var(--space-8);--button-padding:0 var(--space-3)}@keyframes loop{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}

package/styles/components/card/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-card{--card-background-color:var(--color-background);--card-font-size-base:var(--font-size-sm);--card-font-size-large:var(--font-size-base);--card-default-shadow:var(--base-card-classic-box-shadow-inner);--card-default-hover-shadow:var(--base-card-classic-hover-box-shadow-inner);--card-border-split-color:var(--gray-a3);--card-padding-base:var(--space-4);--card-head-padding:var(--space-4);--card-head-title-height:var(--space-6);--card-head-color:var(--default-font-color);--card-meta-avatar-margin-right:var(--space-4);--card-meta-title-color:var(--black-a9);--card-action-button-border-right:1px solid var(--card-border-split-color);--card-border-radius:var(--radius-base);--card-primary-color:var(--primary-color)}.uui-card{position:relative;display:block;background:var(--card-background-color);border-radius:var(--card-border-radius);font-size:var(--card-font-size-base);transition:all var(--animation-time-short) var(--ease-in-out)}.uui-card-bordered{box-shadow:var(--card-default-shadow);overflow:hidden}.uui-card-shadow{box-shadow:var(--card-default-hover-shadow)}.uui-card:hover{box-shadow:var(--card-default-hover-shadow)}.uui-card.uui-card-dis-hover:hover{box-shadow:var(--card-default-shadow)}.uui-card.uui-card-dis-hover.uui-card-bordered:hover{border-color:var(--card-border-split-color)}.uui-card.uui-card-shadow:hover{box-shadow:var(--card-default-hover-shadow)}.uui-card-head{border-bottom:1px solid var(--card-border-split-color);padding:var(--card-head-padding);line-height:1}.uui-card-head-inner{display:inline-block;margin:0;width:100%;line-height:var(--card-head-title-height);font-size:var(--card-font-size-large);color:var(--card-head-color);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-card-extra{position:absolute;line-height:calc(var(--card-head-title-height) + var(--card-head-padding) * 2);right:var(--card-head-padding);top:0}.uui-card-cover img{display:block;width:100%}.uui-card-body{padding:var(--card-padding-base)}.uui-card-meta{display:flex;flex:1;align-items:flex-start;font-size:0}.uui-card-meta-avatar{margin-right:var(--card-meta-avatar-margin-right)}.uui-card-meta-content{flex:1 0}.uui-card-meta-title{font-weight:500;margin-bottom:4px;color:var(--card-meta-title-color);font-size:var(--card-font-size-base);line-height:22px}.uui-card-meta-title>a{color:var(--card-meta-title-color);transition:all var(--animation-time-short)}.uui-card-meta-title>a:hover{color:var(--card-primary-color)}.uui-card-meta-description{color:var(--card-meta-title-color) -secondary;font-size:var(--card-font-size-base);line-height:22px}.uui-card-action{display:flex;padding:0;font-size:0;list-style:none;border-top:1px solid var(--card-border-split-color)}.uui-card-action>li{flex:1;-webkit-box-flex:1;-moz-box-flex:1;margin:12px 0;color:var(--card-meta-title-color) -secondary;font-size:var(--card-font-size-base);line-height:22px;text-align:center;cursor:pointer}.uui-card-action>li:not(:last-child){border-right:var(--card-action-button-border-right)}.uui-card-contain-grid:not(.uui-card-loading) .uui-card-body{margin:-1px 0 0 -1px;padding:0}.uui-card-grid .uui-col{padding:var(--card-padding-base);border:0;border-radius:0;box-shadow:1px 0 0 0 var(--card-border-split-color),0 1px 0 0 var(--card-border-split-color),1px 1px 0 0 var(--card-border-split-color),1px 0 0 0 var(--card-border-split-color) inset,0 1px 0 0 var(--card-border-split-color) inset;transition:all .3s}.uui-card-grid .uui-col:hover{position:relative;z-index:1;box-shadow:var(--card-default-hover-shadow)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-card{--card-background-color:var(--color-background);--card-head-font-size:var(--font-size-base);--card-padding:var(--space-6);--card-border-radius:var(--radius-xl);--card-head-title-height:var(--space-6);--card-grid:24}.uui-card{position:relative;display:block;background:var(--card-background-color);border-radius:var(--card-border-radius);font-size:var(--default-font-size);transition:all var(--animation-time-short) var(--ease-in-out)}.uui-card-bordered{border:1px solid var(--color-border-base);overflow:hidden}.uui-card-shadow{border:1px solid var(--color-border-split);box-shadow:var(--card-shadow)}.uui-card:hover{box-shadow:var(--card-shadow)}.uui-card.uui-card-dis-hover:hover{box-shadow:var(--shadow-none)}.uui-card.uui-card-shadow:hover{box-shadow:var(--card-shadow)}.uui-card-head{padding:var(--card-padding);display:flex;flex-direction:column;gap:var(--space-1-5)}.uui-card-head-title{display:inline-flex;margin:0;width:100%;line-height:var(--line-height-none);font-size:var(--card-head-font-size);font-weight:var(--font-weight-semibold);column-gap:var(--space-1-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-card-head-description{color:var(--secondary-font-color);font-size:var(--default-font-size);line-height:var(--line-height-5)}.uui-card-extra{position:absolute;right:var(--card-padding);top:var(--card-padding)}.uui-card-cover img{display:block;width:100%}.uui-card-body{padding:var(--card-padding)}.uui-card-head+.uui-card-body{padding-top:0}.uui-card-meta{display:flex;flex:1;align-items:flex-start;font-size:0}.uui-card-meta-avatar{margin-right:var(--space-2);width:var(--space-6);height:var(--space-6)}.uui-card-meta-content{flex:1 0}.uui-card-meta-title{font-weight:500;margin-bottom:var(--space-1);color:var(--default-font-color);font-size:var(--card-head-font-size);line-height:var(--line-height-6)}.uui-card-meta-title>a{color:var(--default-font-color);transition:all var(--animation-time-short)}.uui-card-meta-title>a:hover{color:var(--primary-color)}.uui-card-meta-description{margin-top:var(--space-2-5);color:var(--secondary-font-color);font-size:var(--default-font-size);line-height:var(--line-height-5)}.uui-card-action{display:flex;padding:var(--card-padding);padding-top:0;justify-content:space-between;align-items:center;column-gap:var(--space-2)}.uui-card-action>div{flex:0}.uui-card-contain-grid{overflow:visible}.uui-card-contain-grid:not(.uui-card-loading) .uui-card-body{margin:-1px 0 0 -1px;padding:0}.uui-card-grid{display:grid;grid-template-columns:repeat(var(--card-grid),1fr);gap:0}.uui-card-grid-item{padding:var(--card-padding);border:0;border-radius:0;box-shadow:1px 0 0 0 var(--color-border-base),0 1px 0 0 var(--color-border-base),1px 1px 0 0 var(--color-border-base),1px 0 0 0 var(--color-border-base) inset,0 1px 0 0 var(--color-border-base) inset;transition:all .3s}.uui-card-grid-item:hover{position:relative;z-index:1;box-shadow:1px 0 0 0 var(--color-border-base),0 1px 0 0 var(--color-border-base),1px 1px 0 0 var(--color-border-base),1px 0 0 0 var(--color-border-base) inset,0 1px 0 0 var(--color-border-base) inset,var(--shadow-lg)}