@koi-design/uxd-ui 13.1.9 → 13.2.2

package/lib/components/Tree/Tree.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.type.js","sources":["../../../../src/components/Tree/Tree.type.ts"],"sourcesContent":["import type { PropType, ExtractPropTypes, InjectionKey, VNode } from 'vue';\nimport { USolidCaretRight } from '@koi-design/uxd-icon';\nimport type { EmitFn, IconPropType } from '../../utils/globalType';\n\nexport interface TreeItem {\n  title: string;\n  key?: string | number;\n  disabled?: boolean;\n  children?: TreeItem[];\n  isLeaf?: boolean;\n  checkable?: boolean;\n  [key: string]: any;\n}\n\nexport interface TreeNodeSlotArgs {\n  node: InnerTreeItem;\n  origin: TreeItem;\n  operate: (type: 'add' | 'delete', key: string, children: TreeItem[]) => void;\n}\nexport interface InnerTreeItem extends TreeItem {\n  key: string | number;\n  slot: (param: TreeNodeSlotArgs) => VNode[];\n  operateSlot: (param: TreeNodeSlotArgs) => VNode[];\n  componentKey: string;\n  dataRef: TreeItem;\n  // & { parent: boolean | null };\n  parent: InnerTreeItem | null;\n  level: string;\n  children?: InnerTreeItem[];\n}\n\nexport type TreeMap = Map<string | number, InnerTreeItem>;\n\nexport type TreeLoadData = (node: InnerTreeItem) => Promise<TreeItem[] | undefined>;\n\nexport type GetDataKey = (item: InnerTreeItem) => string | number;\n\nexport const treeProps = {\n  treeData: {\n    type: Array as PropType<TreeItem[]>,\n    default: (): TreeItem[] => []\n  },\n  dataKey: {\n    type: [Function, String] as PropType<string | GetDataKey>,\n    default: 'key'\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  checkable: {\n    type: Boolean,\n    default: false\n  },\n  selectable: {\n    type: Boolean,\n    default: true\n  },\n  checkStrictly: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  switcherIcon: {\n    type: [String, Object] as PropType<IconPropType>,\n    default: USolidCaretRight\n  },\n  showLine: {\n    type: Boolean,\n    default: false\n  },\n  showIcon: {\n    type: Boolean,\n    default: false\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  expandedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  checkedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  defaultExpandAll: {\n    type: Boolean,\n    default: false\n  },\n  draggable: {\n    type: Boolean,\n    default: false\n  },\n  blockNode: {\n    type: Boolean,\n    default: false\n  },\n  loadData: {\n    type: Function as PropType<TreeLoadData>\n  },\n  loadedKeys: {\n    type: Array as PropType<(string | number)[]>\n  },\n  treeSelect: {\n    type: Boolean,\n    default: false\n  }\n};\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\n\nexport const treeEmits = {\n  'update:treeData': (data: TreeItem[]) => Array.isArray(data),\n  'update:selectedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n  'update:expandedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n  'update:checkedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n\n  select: (item: TreeItem[], e: Event) => Array.isArray(item) && e instanceof Event,\n  check: (checkedkeys: (string | number)[], halfCheckedKeys: (string | number)[], e?: Event) =>\n    Array.isArray(checkedkeys) && Array.isArray(halfCheckedKeys) && (e === undefined || e instanceof Event),\n  expand: (keys: (string | number)[], e: Event) => Array.isArray(keys) && e instanceof Event,\n  'update-data': (data: TreeItem[]) => Array.isArray(data),\n  'drag-start': (node: TreeItem, e: Event) => typeof node === 'object' && e instanceof Event\n};\n\nexport type TreeEmits = typeof treeEmits;\n\nexport const treeNodeProps = {\n  data: {\n    type: Object as PropType<InnerTreeItem>,\n    default: () => ({} as InnerTreeItem)\n  },\n  appear: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type TreeNodeProps = ExtractPropTypes<typeof treeNodeProps>;\n\nexport interface TreeContext {\n  props: TreeProps;\n  prefixCls: string;\n  treeDataMap: TreeMap;\n  selectedKeys: (string | number)[];\n  expandedKeys: (string | number)[];\n  checkedKeys: (string | number)[];\n  halfCheckedKeys: (string | number)[];\n  dragKey: string | number;\n  loadingKeys: (string | number)[];\n  emit: EmitFn<TreeEmits>;\n  updateDragKeys: (key: string | number) => void;\n  fireTreeDrop: (params: { dragKey: string | number; dropKey: string | number; dropPosition: number; dropToGap: boolean }) => void;\n  treeNodeOperate: (type: 'add' | 'delete', key: string, children?: TreeItem[]) => void;\n  asyncLoadData: (node: InnerTreeItem) => Promise<void>;\n  fireTreeSelect: (e: Event) => void;\n  fireTreeCheck: (e: Event, key: string | number) => void;\n  fireTreeExpand: (e: Event) => void;\n  getDataKey: (data: InnerTreeItem) => string | number;\n}\n\nexport const TREE_CONTEXT_INJECTION_KEY: InjectionKey<TreeContext> = Symbol('treeContext');\n"],"names":["USolidCaretRight"],"mappings":";;;;;;MAqCa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAkB;AAAC;AAC9B,EACA,SAAS;AAAA,IACP,MAAM,CAAC,UAAU,MAAM;AAAA,IACvB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAASA;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAGa,YAAY;AAAA,EACvB,mBAAmB,CAAC,SAAqB,MAAM,QAAQ,IAAI;AAAA,EAC3D,uBAAuB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EACxE,uBAAuB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EACxE,sBAAsB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EAEvE,QAAQ,CAAC,MAAkB,MAAa,MAAM,QAAQ,IAAI,KAAK,aAAa;AAAA,EAC5E,OAAO,CAAC,aAAkC,iBAAsC,MAC9E,MAAM,QAAQ,WAAW,KAAK,MAAM,QAAQ,eAAe,MAAM,MAAM,UAAa,aAAa;AAAA,EACnG,QAAQ,CAAC,MAA2B,MAAa,MAAM,QAAQ,IAAI,KAAK,aAAa;AAAA,EACrF,eAAe,CAAC,SAAqB,MAAM,QAAQ,IAAI;AAAA,EACvD,cAAc,CAAC,MAAgB,MAAa,OAAO,SAAS,YAAY,aAAa;AACvF;MAIa,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAyBa,6BAAwD,OAAO,aAAa;;;;;;;"}
+{"version":3,"file":"Tree.type.js","sources":["../../../../src/components/Tree/Tree.type.ts"],"sourcesContent":["import type { PropType, ExtractPropTypes, InjectionKey, VNode } from 'vue';\nimport { USolidCaretRight } from '@koi-design/uxd-icon';\nimport type { EmitFn, IconPropType } from '../../utils/globalType';\n\nexport interface TreeItem {\n  title: string;\n  key?: string | number;\n  disabled?: boolean;\n  children?: TreeItem[];\n  isLeaf?: boolean;\n  checkable?: boolean;\n  [key: string]: any;\n}\n\nexport interface TreeNodeSlotArgs {\n  node: InnerTreeItem;\n  origin: TreeItem;\n  operate: (type: 'add' | 'delete', key: string, children: TreeItem[]) => void;\n}\nexport interface InnerTreeItem extends TreeItem {\n  key: string | number;\n  slot: (param: TreeNodeSlotArgs) => VNode[];\n  operateSlot: (param: TreeNodeSlotArgs) => VNode[];\n  componentKey: string;\n  dataRef: TreeItem;\n  // & { parent: boolean | null };\n  parent: InnerTreeItem | null;\n  level: string;\n  children?: InnerTreeItem[];\n}\n\nexport type TreeMap = Map<string | number, InnerTreeItem>;\n\nexport type TreeLoadData = (node: InnerTreeItem) => Promise<TreeItem[] | undefined>;\n\nexport type GetDataKey = (item: InnerTreeItem) => string | number;\n\nexport const treeProps = {\n  treeData: {\n    type: Array as PropType<TreeItem[]>,\n    default: (): TreeItem[] => []\n  },\n  dataKey: {\n    type: [Function, String] as PropType<string | GetDataKey>,\n    default: 'key'\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  checkable: {\n    type: Boolean,\n    default: false\n  },\n  selectable: {\n    type: Boolean,\n    default: true\n  },\n  checkStrictly: {\n    type: Boolean,\n    default: false\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  switcherIcon: {\n    type: [String, Object] as PropType<IconPropType>,\n    default: USolidCaretRight\n  },\n  showLine: {\n    type: Boolean,\n    default: false\n  },\n  showIcon: {\n    type: Boolean,\n    default: false\n  },\n  selectedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  expandedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  checkedKeys: {\n    type: Array as PropType<(string | number)[]>,\n    default: (): string[] => []\n  },\n  defaultExpandAll: {\n    type: Boolean,\n    default: false\n  },\n  draggable: {\n    type: Boolean,\n    default: false\n  },\n  blockNode: {\n    type: Boolean,\n    default: false\n  },\n  loadData: {\n    type: Function as PropType<TreeLoadData>\n  },\n  loadedKeys: {\n    type: Array as PropType<(string | number)[]>\n  },\n  treeSelect: {\n    type: Boolean,\n    default: false\n  }\n};\nexport type TreeProps = ExtractPropTypes<typeof treeProps>;\n\nexport const treeEmits = {\n  'update:treeData': (data: TreeItem[]) => Array.isArray(data),\n  'update:selectedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n  'update:expandedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n  'update:checkedKeys': (keys: (string | number)[]) => Array.isArray(keys),\n\n  select: (item: TreeItem[], e: Event) => Array.isArray(item) && e instanceof Event,\n  check: (checkedkeys: (string | number)[], halfCheckedKeys: (string | number)[], e?: Event) =>\n    Array.isArray(checkedkeys) && Array.isArray(halfCheckedKeys) && (e === undefined || e instanceof Event),\n  expand: (keys: (string | number)[], e: Event) => Array.isArray(keys) && e instanceof Event,\n  'update-data': (data: TreeItem[]) => Array.isArray(data),\n  'drag-start': (node: TreeItem, e: Event) => typeof node === 'object' && e instanceof Event\n};\n\nexport type TreeEmits = typeof treeEmits;\n\nexport const treeNodeProps = {\n  data: {\n    type: Object as PropType<InnerTreeItem>,\n    default: () => ({} as InnerTreeItem)\n  },\n  appear: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type TreeNodeProps = ExtractPropTypes<typeof treeNodeProps>;\n\nexport interface TreeContext {\n  props: TreeProps;\n  prefixCls: string;\n  treeDataMap: TreeMap;\n  selectedKeys: (string | number)[];\n  expandedKeys: (string | number)[];\n  checkedKeys: (string | number)[];\n  halfCheckedKeys: (string | number)[];\n  dragKey: string | number;\n  loadingKeys: (string | number)[];\n  emit: EmitFn<TreeEmits>;\n  updateDragKeys: (key: string | number) => void;\n  fireTreeDrop: (params: { dragKey: string | number; dropKey: string | number; dropPosition: number; dropToGap: boolean }) => void;\n  treeNodeOperate: (type: 'add' | 'delete', key: string, children?: TreeItem[]) => void;\n  asyncLoadData: (node: InnerTreeItem) => Promise<void>;\n  fireTreeSelect: (e: Event) => void;\n  fireTreeCheck: (e: Event, key: string | number) => void;\n  fireTreeExpand: (e: Event) => void;\n  getDataKey: (data: InnerTreeItem) => string | number;\n  isDisabledNode: (key: string | number) => boolean;\n}\n\nexport const TREE_CONTEXT_INJECTION_KEY: InjectionKey<TreeContext> = Symbol('treeContext');\n"],"names":["USolidCaretRight"],"mappings":";;;;;;MAqCa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS,MAAkB;AAAC;AAC9B,EACA,SAAS;AAAA,IACP,MAAM,CAAC,UAAU,MAAM;AAAA,IACvB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAASA;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAGa,YAAY;AAAA,EACvB,mBAAmB,CAAC,SAAqB,MAAM,QAAQ,IAAI;AAAA,EAC3D,uBAAuB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EACxE,uBAAuB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EACxE,sBAAsB,CAAC,SAA8B,MAAM,QAAQ,IAAI;AAAA,EAEvE,QAAQ,CAAC,MAAkB,MAAa,MAAM,QAAQ,IAAI,KAAK,aAAa;AAAA,EAC5E,OAAO,CAAC,aAAkC,iBAAsC,MAC9E,MAAM,QAAQ,WAAW,KAAK,MAAM,QAAQ,eAAe,MAAM,MAAM,UAAa,aAAa;AAAA,EACnG,QAAQ,CAAC,MAA2B,MAAa,MAAM,QAAQ,IAAI,KAAK,aAAa;AAAA,EACrF,eAAe,CAAC,SAAqB,MAAM,QAAQ,IAAI;AAAA,EACvD,cAAc,CAAC,MAAgB,MAAa,OAAO,SAAS,YAAY,aAAa;AACvF;MAIa,gBAAgB;AAAA,EAC3B,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MA0Ba,6BAAwD,OAAO,aAAa;;;;;;;"}

package/lib/components/Tree/TreeNode.js

@@ -46,7 +46,19 @@ const _sfc_main = vue.defineComponent({
       return tree.loadingKeys.includes(dataKey.value);
     });
     const isDisabled = vue.computed(() => {
-      return props.data.disabled !== void 0 ? props.data.disabled : tree.props.disabled;
+      if (props.data.disabled !== void 0) {
+        return props.data.disabled;
+      }
+      if (!tree.props.checkStrictly) {
+        const parentDisabled = tree.isDisabledNode(dataKey.value);
+        if (parentDisabled) {
+          return true;
+        }
+      }
+      return tree.props.disabled;
+    });
+    const checkStrictly = vue.computed(() => {
+      return tree.props.checkable && tree.props.checkStrictly;
     });
     const pauseEvent = (e) => {
       e.stopPropagation();
@@ -132,6 +144,7 @@ const _sfc_main = vue.defineComponent({
       dragOverGapBottom,
       isLeaf,
       treeNodeOperate,
+      checkStrictly,
       ...vue.toRefs(tree.props)
     };
   }
@@ -151,6 +164,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       {
         [`${_ctx.prefixCls}-node-open`]: _ctx.expanded,
         [`${_ctx.prefixCls}-node-disabled`]: _ctx.isDisabled,
+        [`${_ctx.prefixCls}-node-checkStrictly`]: !_ctx.isDisabled && _ctx.checkStrictly,
         [`${_ctx.prefixCls}-block-node`]: _ctx.blockNode,
         [`${_ctx.prefixCls}-node-selected`]: !_ctx.disabled && !_ctx.data.disabled && _ctx.selected && _ctx.blockNode && !_ctx.checkable,
         "drag-over": _ctx.dragOver,

package/lib/components/Tree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../../../src/components/Tree/TreeNode.vue"],"sourcesContent":[", type TreeItem, watch, type TreeItem\n<template>\n  <li\n    ref=\"treeNode\"\n    :class=\"[\n      `${prefixCls}-node`,\n      {\n        [`${prefixCls}-node-open`]: expanded,\n        [`${prefixCls}-node-disabled`]: isDisabled,\n        [`${prefixCls}-block-node`]: blockNode,\n        [`${prefixCls}-node-selected`]: !disabled && !data.disabled && selected && blockNode && !checkable,\n        'drag-over': dragOver,\n        'drag-over-gap-top': dragOverGapTop,\n        'drag-over-gap-bottom': dragOverGapBottom\n      }\n    ]\"\n    @dragenter=\"(e) => onDragEnter(e)\"\n    @dragover=\"(e) => onDragOver(e)\"\n    @dragleave=\"(e) => onDragLeave(e)\"\n    @drop=\"(e) => onDrop(e)\"\n    @dragend=\"(e) => onDragEnd(e)\"\n  >\n    <div :class=\"`${prefixCls}-node-wrap`\">\n      <span\n        :class=\"[\n          `${prefixCls}-switcher`,\n          {\n            [`${prefixCls}-switcher-open`]: expanded\n          }\n        ]\"\n        @click=\"(e) => handleExpand(data, e)\"\n      >\n        <UIcon v-if=\"!isLeaf(data) && !loading\" :class=\"`${prefixCls}-switcher-icon`\">\n          <component :is=\"switcherIcon\" />\n        </UIcon>\n        <UIcon v-if=\"loading\" :class=\"`${prefixCls}-switcher-icon`\" spin>\n          <ULineLoading />\n        </UIcon>\n        <UIcon v-if=\"showLine && (!data.children || data.children.length === 0)\" :class=\"`${prefixCls}-switcher-line-icon`\">\n          <ULineText />\n        </UIcon>\n      </span>\n      <UCheckbox\n        v-if=\"checkable\"\n        v-show=\"data.checkable !== false\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"isDisabled\"\n        @click=\"(e: Event) => handleCheck(e)\"\n      />\n      <span\n        ref=\"selectHandle\"\n        :class=\"[\n          `${prefixCls}-node-content-wrap`,\n          {\n            [`${prefixCls}-node-selected`]: !disabled && !data.disabled && (selected || dragNodeHighlight) && !blockNode,\n            draggable: !disabled && !data.disabled && draggable,\n            [`${prefixCls}-node-with-operate`]: !!data.operateSlot\n          }\n        ]\"\n        :draggable=\"(!disabled && !data.disabled && draggable) || undefined\"\n        @click=\"(e) => handleSelectClick(e)\"\n        @dragstart=\"(e) => onDragStart(e, data)\"\n      >\n        <template v-if=\"data.slot\">\n          <Render\n            :render=\"\n              () => {\n                return data.slot({\n                  node: data,\n                  origin: data.dataRef,\n                  operate: treeNodeOperate\n                });\n              }\n            \"\n          />\n        </template>\n        <template v-else>\n          {{ data.title }}\n        </template>\n      </span>\n      <div v-if=\"data.operateSlot\" :class=\"`${prefixCls}-node-operate-box`\">\n        <Render\n          :render=\"\n            () => {\n              return data.operateSlot({\n                node: data,\n                origin: data.dataRef,\n                operate: treeNodeOperate\n              });\n            }\n          \"\n        />\n      </div>\n    </div>\n\n    <CollapseTransition :appear=\"appear\">\n      <ul v-if=\"expanded\" :class=\"`${prefixCls}-child-tree`\">\n        <slot name=\"list\" />\n      </ul>\n    </CollapseTransition>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { inject, ref, computed, toRefs, defineComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineText, ULineLoading } from '@koi-design/uxd-icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport CollapseTransition from '../base/CollapseTransition';\nimport Render from '../base/Render';\nimport useDrag from './hooks/useDrag';\n\nimport { treeNodeProps, TREE_CONTEXT_INJECTION_KEY, type InnerTreeItem, type TreeItem } from './Tree.type';\n\nexport default defineComponent({\n  name: 'UTreeNode',\n  components: {\n    UIcon,\n    UCheckbox,\n    CollapseTransition,\n    Render,\n    ULineLoading,\n    ULineText\n  },\n  props: treeNodeProps,\n  setup(props) {\n    const treeNode = ref(null);\n    const selectHandle = ref(null);\n    const tree = inject(TREE_CONTEXT_INJECTION_KEY)!;\n    const { prefixCls } = tree;\n\n    // computed\n    const dataKey = computed(() => tree.getDataKey(props.data));\n\n    const selected = computed(() => {\n      return tree.selectedKeys.includes(dataKey.value);\n    });\n    const expanded = computed(() => {\n      return tree.expandedKeys.includes(dataKey.value);\n    });\n    const checked = computed(() => {\n      return tree.checkedKeys.includes(dataKey.value);\n    });\n    const indeterminate = computed(() => {\n      const rst = tree.props.checkable && !tree.props.checkStrictly && tree.halfCheckedKeys.includes(dataKey.value);\n      return rst;\n    });\n\n    const loading = computed(() => {\n      return tree.loadingKeys.includes(dataKey.value);\n    });\n\n    const isDisabled = computed(() => {\n      return props.data.disabled !== undefined ? props.data.disabled : tree.props.disabled;\n    });\n\n    // methods\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const handleSelectClick = (e: MouseEvent) => {\n      if (!tree.props.selectable || isDisabled.value || tree.props.checkable) {\n        return;\n      }\n      // Windows / Mac single pick\n      const { ctrlKey, metaKey } = e;\n      if (tree.props.multiple && (ctrlKey || metaKey || tree.props.treeSelect)) {\n        // Control click\n        if (tree.selectedKeys.includes(dataKey.value)) {\n          tree.selectedKeys = tree.selectedKeys.filter((x) => x !== dataKey.value);\n        } else {\n          tree.selectedKeys.push(dataKey.value);\n        }\n      } else {\n        tree.selectedKeys = [dataKey.value];\n      }\n\n      tree.fireTreeSelect(e);\n    };\n\n    // #region loadData\n    const isLeaf = (node: InnerTreeItem) => {\n      const hasChildren = node.children && node.children.length !== 0;\n      if (tree.props.loadData !== undefined) {\n        return !!node.isLeaf;\n      }\n      return !hasChildren;\n    };\n\n    const handleExpand = (node: InnerTreeItem, e: any) => {\n      if (isLeaf(node)) return;\n      const keyIndex = tree.expandedKeys.indexOf(dataKey.value);\n      if (keyIndex === -1) {\n        tree.expandedKeys.push(dataKey.value);\n      } else {\n        tree.expandedKeys.splice(keyIndex, 1);\n      }\n      tree.fireTreeExpand(e);\n\n      if (!!tree.props.loadData && keyIndex === -1) {\n        const find = tree.treeDataMap.get(dataKey.value as string);\n        if (find) {\n          tree.asyncLoadData(find);\n        }\n      }\n    };\n    // check click\n    const handleCheck = (e: any) => {\n      tree.fireTreeCheck(e, dataKey.value);\n      pauseEvent(e);\n    };\n    // #region drag\n    const { data } = toRefs(props);\n    const params = {\n      treeContext: tree,\n      node: data,\n      nodeRef: selectHandle,\n      updateExpandKey: handleExpand\n    };\n    const { dragNodeHighlight, dragOver, dragOverGapTop, dragOverGapBottom, onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop, onDragEnd } =\n      useDrag(params);\n    // #endregion\n\n    const treeNodeOperate = (type: 'add' | 'delete', key: string, children?: TreeItem[]) => {\n      tree.treeNodeOperate(type, key, children);\n    };\n    // #endregion\n\n    return {\n      prefixCls,\n      treeNode,\n      selectHandle,\n      dragNodeHighlight,\n      selected,\n      expanded,\n      checked,\n      indeterminate,\n      loading,\n      isDisabled,\n      handleSelectClick,\n      handleExpand,\n      handleCheck,\n      onDragStart,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      onDragEnd,\n      dragOver,\n      dragOverGapTop,\n      dragOverGapBottom,\n      isLeaf,\n      treeNodeOperate,\n      ...toRefs(tree.props)\n      // blockNodeHeight\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UCheckbox","CollapseTransition","Render","ULineLoading","ULineText","treeNodeProps","ref","inject","TREE_CONTEXT_INJECTION_KEY","computed","toRefs","useDrag","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode","_Fragment","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../src/components/Tree/TreeNode.vue"],"sourcesContent":[", type TreeItem, watch, type TreeItem\n<template>\n  <li\n    ref=\"treeNode\"\n    :class=\"[\n      `${prefixCls}-node`,\n      {\n        [`${prefixCls}-node-open`]: expanded,\n        [`${prefixCls}-node-disabled`]: isDisabled,\n        [`${prefixCls}-node-checkStrictly`]: !isDisabled && checkStrictly,\n        [`${prefixCls}-block-node`]: blockNode,\n        [`${prefixCls}-node-selected`]: !disabled && !data.disabled && selected && blockNode && !checkable,\n        'drag-over': dragOver,\n        'drag-over-gap-top': dragOverGapTop,\n        'drag-over-gap-bottom': dragOverGapBottom\n      }\n    ]\"\n    @dragenter=\"(e) => onDragEnter(e)\"\n    @dragover=\"(e) => onDragOver(e)\"\n    @dragleave=\"(e) => onDragLeave(e)\"\n    @drop=\"(e) => onDrop(e)\"\n    @dragend=\"(e) => onDragEnd(e)\"\n  >\n    <div :class=\"`${prefixCls}-node-wrap`\">\n      <span\n        :class=\"[\n          `${prefixCls}-switcher`,\n          {\n            [`${prefixCls}-switcher-open`]: expanded\n          }\n        ]\"\n        @click=\"(e) => handleExpand(data, e)\"\n      >\n        <UIcon v-if=\"!isLeaf(data) && !loading\" :class=\"`${prefixCls}-switcher-icon`\">\n          <component :is=\"switcherIcon\" />\n        </UIcon>\n        <UIcon v-if=\"loading\" :class=\"`${prefixCls}-switcher-icon`\" spin>\n          <ULineLoading />\n        </UIcon>\n        <UIcon v-if=\"showLine && (!data.children || data.children.length === 0)\" :class=\"`${prefixCls}-switcher-line-icon`\">\n          <ULineText />\n        </UIcon>\n      </span>\n      <UCheckbox\n        v-if=\"checkable\"\n        v-show=\"data.checkable !== false\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"isDisabled\"\n        @click=\"(e: Event) => handleCheck(e)\"\n      />\n      <span\n        ref=\"selectHandle\"\n        :class=\"[\n          `${prefixCls}-node-content-wrap`,\n          {\n            [`${prefixCls}-node-selected`]: !disabled && !data.disabled && (selected || dragNodeHighlight) && !blockNode,\n            draggable: !disabled && !data.disabled && draggable,\n            [`${prefixCls}-node-with-operate`]: !!data.operateSlot\n          }\n        ]\"\n        :draggable=\"(!disabled && !data.disabled && draggable) || undefined\"\n        @click=\"(e) => handleSelectClick(e)\"\n        @dragstart=\"(e) => onDragStart(e, data)\"\n      >\n        <template v-if=\"data.slot\">\n          <Render\n            :render=\"\n              () => {\n                return data.slot({\n                  node: data,\n                  origin: data.dataRef,\n                  operate: treeNodeOperate\n                });\n              }\n            \"\n          />\n        </template>\n        <template v-else>\n          {{ data.title }}\n        </template>\n      </span>\n      <div v-if=\"data.operateSlot\" :class=\"`${prefixCls}-node-operate-box`\">\n        <Render\n          :render=\"\n            () => {\n              return data.operateSlot({\n                node: data,\n                origin: data.dataRef,\n                operate: treeNodeOperate\n              });\n            }\n          \"\n        />\n      </div>\n    </div>\n\n    <CollapseTransition :appear=\"appear\">\n      <ul v-if=\"expanded\" :class=\"`${prefixCls}-child-tree`\">\n        <slot name=\"list\" />\n      </ul>\n    </CollapseTransition>\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { inject, ref, computed, toRefs, defineComponent } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { ULineText, ULineLoading } from '@koi-design/uxd-icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport CollapseTransition from '../base/CollapseTransition';\nimport Render from '../base/Render';\nimport useDrag from './hooks/useDrag';\n\nimport { treeNodeProps, TREE_CONTEXT_INJECTION_KEY, type InnerTreeItem, type TreeItem } from './Tree.type';\n\nexport default defineComponent({\n  name: 'UTreeNode',\n  components: {\n    UIcon,\n    UCheckbox,\n    CollapseTransition,\n    Render,\n    ULineLoading,\n    ULineText\n  },\n  props: treeNodeProps,\n  setup(props) {\n    const treeNode = ref(null);\n    const selectHandle = ref(null);\n    const tree = inject(TREE_CONTEXT_INJECTION_KEY)!;\n    const { prefixCls } = tree;\n\n    // computed\n    const dataKey = computed(() => tree.getDataKey(props.data));\n\n    const selected = computed(() => {\n      return tree.selectedKeys.includes(dataKey.value);\n    });\n    const expanded = computed(() => {\n      return tree.expandedKeys.includes(dataKey.value);\n    });\n    const checked = computed(() => {\n      return tree.checkedKeys.includes(dataKey.value);\n    });\n    const indeterminate = computed(() => {\n      const rst = tree.props.checkable && !tree.props.checkStrictly && tree.halfCheckedKeys.includes(dataKey.value);\n      return rst;\n    });\n\n    const loading = computed(() => {\n      return tree.loadingKeys.includes(dataKey.value);\n    });\n\n    const isDisabled = computed(() => {\n      if (props.data.disabled !== undefined) {\n        return props.data.disabled;\n      }\n\n      if (!tree.props.checkStrictly) {\n        const parentDisabled = tree.isDisabledNode(dataKey.value);\n        if (parentDisabled) {\n          return true;\n        }\n      }\n\n      return tree.props.disabled;\n    });\n\n    const checkStrictly = computed(() => {\n      return tree.props.checkable && tree.props.checkStrictly;\n    });\n\n    // methods\n\n    const pauseEvent = (e: any) => {\n      e.stopPropagation();\n      e.preventDefault();\n    };\n\n    const handleSelectClick = (e: MouseEvent) => {\n      if (!tree.props.selectable || isDisabled.value || tree.props.checkable) {\n        return;\n      }\n      // Windows / Mac single pick\n      const { ctrlKey, metaKey } = e;\n      if (tree.props.multiple && (ctrlKey || metaKey || tree.props.treeSelect)) {\n        // Control click\n        if (tree.selectedKeys.includes(dataKey.value)) {\n          tree.selectedKeys = tree.selectedKeys.filter((x) => x !== dataKey.value);\n        } else {\n          tree.selectedKeys.push(dataKey.value);\n        }\n      } else {\n        tree.selectedKeys = [dataKey.value];\n      }\n\n      tree.fireTreeSelect(e);\n    };\n\n    // #region loadData\n    const isLeaf = (node: InnerTreeItem) => {\n      const hasChildren = node.children && node.children.length !== 0;\n      if (tree.props.loadData !== undefined) {\n        return !!node.isLeaf;\n      }\n      return !hasChildren;\n    };\n\n    const handleExpand = (node: InnerTreeItem, e: any) => {\n      if (isLeaf(node)) return;\n      const keyIndex = tree.expandedKeys.indexOf(dataKey.value);\n      if (keyIndex === -1) {\n        tree.expandedKeys.push(dataKey.value);\n      } else {\n        tree.expandedKeys.splice(keyIndex, 1);\n      }\n      tree.fireTreeExpand(e);\n\n      if (!!tree.props.loadData && keyIndex === -1) {\n        const find = tree.treeDataMap.get(dataKey.value as string);\n        if (find) {\n          tree.asyncLoadData(find);\n        }\n      }\n    };\n    // check click\n    const handleCheck = (e: any) => {\n      tree.fireTreeCheck(e, dataKey.value);\n      pauseEvent(e);\n    };\n    // #region drag\n    const { data } = toRefs(props);\n    const params = {\n      treeContext: tree,\n      node: data,\n      nodeRef: selectHandle,\n      updateExpandKey: handleExpand\n    };\n    const { dragNodeHighlight, dragOver, dragOverGapTop, dragOverGapBottom, onDragStart, onDragEnter, onDragOver, onDragLeave, onDrop, onDragEnd } =\n      useDrag(params);\n    // #endregion\n\n    const treeNodeOperate = (type: 'add' | 'delete', key: string, children?: TreeItem[]) => {\n      tree.treeNodeOperate(type, key, children);\n    };\n    // #endregion\n\n    return {\n      prefixCls,\n      treeNode,\n      selectHandle,\n      dragNodeHighlight,\n      selected,\n      expanded,\n      checked,\n      indeterminate,\n      loading,\n      isDisabled,\n      handleSelectClick,\n      handleExpand,\n      handleCheck,\n      onDragStart,\n      onDragEnter,\n      onDragOver,\n      onDragLeave,\n      onDrop,\n      onDragEnd,\n      dragOver,\n      dragOverGapTop,\n      dragOverGapBottom,\n      isLeaf,\n      treeNodeOperate,\n      checkStrictly,\n      ...toRefs(tree.props)\n      // blockNodeHeight\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","UIcon","UCheckbox","CollapseTransition","Render","ULineLoading","ULineText","treeNodeProps","ref","inject","TREE_CONTEXT_INJECTION_KEY","computed","toRefs","useDrag","_createElementBlock","_normalizeClass","_createElementVNode","_createBlock","_resolveDynamicComponent","_createVNode","_Fragment","_renderSlot"],"mappings":"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"}

package/package.json

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

package/styles/components/mentions/index.css

@@ -1 +1 @@
-.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--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-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--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)}.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(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[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);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-mention{--mentions-background-color:var(--color-surface);--mentions-border-color:var(--control-surface-border-color);--mentions-padding-vertical:var(--space-2);--mentions-padding-horizontal:var(--space-2);--mentions-hover-border-color:var(--control-surface-hover-border-color);--mentions-hover-background-color:var(--color-surface);--mentions-dropdown-border-radius:var(--radius-2);--mentions-dropdown-background-color:var(--color-background);--mentions-dropdown-box-shadow:var(--dropdown-shadow);--mentions-dropdown-padding-vertical:var(--space-2);--mentions-dropdown-padding-horizontal:var(--space-2);--mentions-dropdown-item-border-radius:var(--radius-2);--mentions-dropdown-item-height:var(--control-height-base);--mentions-dropdown-item-padding-horizontal:var(--space-2);--mentions-focus-border-color:var(--primary-9);--mentions-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--mentions-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--mentions-border-radius:var(--control-radius);--mentions-resize-handle-color:var(--placeholder-color);--mentions-resize-handle-hover-color:var(--theme-color);--mentions-warp-hover-background-color:var(--color-surface);--mentions-disabled-background-color:var(--gray-2)}.uui-mention{width:100%;display:inline-flex;position:relative;align-items:center;border-radius:var(--mentions-border-radius);height:auto;line-height:var(--mentions-height-base);font-size:var(--default-font-size);color:var(--default-font-color);white-space:pre-line;box-shadow:0 0 0 1px var(--mentions-border-color) inset;transition:box-shadow var(--animation-time) linear;background-color:var(--mentions-background-color);padding:var(--mentions-padding-vertical) var(--mentions-padding-horizontal)}.uui-mention.disabled{background-color:var(--mentions-disabled-background-color)}.uui-mention:not(.disabled):hover{background-color:var(--mentions-warp-hover-background-color)}.uui-mention:not(.disabled):focus-within{border:1px solid var(--theme-color)}.uui-mention:focus-within{outline:1px solid var(--mentions-focus-outer-color);box-shadow:0 0 0 1px var(--mentions-focus-border-color) inset}.uui-mention-editor{width:100%;border:none;outline:0;min-height:50px;padding:var(--mentions-textarea-padding-horizontal);font-size:var(--default-font-size);height:100%;overflow-y:auto;color:var(--default-font-color)}.uui-mention-editor.disabled{-webkit-user-modify:unset;cursor:not-allowed}.uui-mention-editor:empty::before{content:attr(data-placeholder);color:var(--placeholder-color)}.uui-mention-editor[contenteditable=false]{cursor:not-allowed}.uui-mention-popper-wrap{z-index:99}.uui-mention-select-wrap{width:200px;background-color:var(--mentions-dropdown-background-color);font-size:var(--default-font-size);overflow:hidden;border-radius:var(--mentions-dropdown-border-radius);z-index:100;padding:var(--mentions-dropdown-padding-vertical) var(--mentions-dropdown-padding-horizontal);box-shadow:var(--mentions-dropdown-box-shadow);color:var(--default-font-color)}.uui-mention-select-wrap .no-more-wrap{padding-top:12px;padding-bottom:10px;display:flex;justify-content:center;align-items:center}.uui-mention-item{line-height:var(--mentions-dropdown-item-height);padding-left:var(--mentions-dropdown-item-padding-horizontal);cursor:pointer;margin-bottom:4px;background-color:var(--mentions-dropdown-background-color);height:var(--mentions-dropdown-item-height);border-radius:var(--mentions-dropdown-item-border-radius)}.uui-mention-item:hover{background-color:var(--mentions-dropdown-item-hover-background-color);color:var(--mentions-dropdown-item-hover-font-color)}.uui-mention-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-mention .resize-handle{position:absolute;right:3px;bottom:3px;width:8px;height:8px;cursor:se-resize;background-repeat:no-repeat;background-position:center;background-size:contain;color:var(--mentions-resize-handle-color)}.uui-mention .resize-handle:hover{color:var(--mentions-resize-handle-hover-color)}
+.dark,.dark-theme,.light,.light-theme,:root{--animation-time:0.3s;--animation-time-fast:0.15s;--animation-time-short:0.2s;--animation-time-long:0.5s;--default-font-color:var(--gray-12);--secondary-font-color:var(--gray-11);--heading-color:var(--gray-12);--placeholder-color:var(--gray-10);--placeholder-disabled-color:var(--gray-7);--border-width-base:1px;--border-style-base:solid;--border-color-base:var(--color-border-base);--border-split-color:var(--color-border-split);--disabled-font-color:var(--color-disabled-font);--validate-error-border-color:var(--error-8);--validate-error-hover-border-color:var(--error-9);--validate-error-background-color:transparent;--validate-error-hover-background-color:transparent;--control-disabled-background-color:var(--gray-2);--control-disabled-border-color:var(--color-border-disabled);--control-surface-border-color:var(--color-border-base);--control-surface-hover-border-color:var(--color-border-hover);--control-surface-background-color:var(--color-background);--control-soft-background-color:var(--color-soft-control-background);--control-soft-hover-background-color:var(--color-soft-control-hover-background);--control-height-small:var(--space-5);--control-height-base:var(--space-6);--control-height-large:var(--space-7);--control-font-size-small:var(--font-size-1);--control-font-size-base:var(--default-font-size);--control-font-size-large:var(--font-size-3);--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-5);--popover-shadow:var(--shadow-5);--modal-shadow:var(--shadow-6);--message-shadow:var(--shadow-5);--notice-shadow:var(--shadow-5);--card-shadow:var(--shadow-2);--icon-width-base:var(--space-4);--icon-font-size:var(--font-size-3);--icon-button-color:var(--gray-a11);--icon-button-padding:var(--space-1);--icon-button-hover-color:var(--gray-a11);--icon-button-hover-background-color:var(--gray-a3);--required-color:var(--error-9);--required-font-size:var(--font-size-2);--required-font-family:'SimSun',sans-serif;--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)}.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(--primary-a3);--dropdown-item-hover-font-color:var(--default-font-color);--highlight-color:var(--primary-10)}[data-color=error]{--link-color:var(--error-9);--link-hover-color:var(--error-10);--link-active-color:var(--error-11)}[data-color=warning]{--link-color:var(--warning-9);--link-hover-color:var(--warning-10);--link-active-color:var(--warning-11)}[data-color=success]{--link-color:var(--success-9);--link-hover-color:var(--success-10);--link-active-color:var(--success-11)}[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);--primary-shadow-5:0 0 0 1px var(--primary-a3),0 12px 24px var(--primary-2),0 12px 24px -16px var(--primary-a5)}:root,[data-radius]{--dropdown-border-radius:var(--radius-4);--icon-button-radius:var(--radius-2);--modal-border-radius:var(--radius-4);--control-radius:var(--radius-4);--control-radius-small:var(--radius-2);--control-radius-large:var(--radius-4)}:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-mention{--mentions-background-color:var(--color-surface);--mentions-border-color:var(--control-surface-border-color);--mentions-padding-vertical:var(--space-2);--mentions-padding-horizontal:var(--space-2);--mentions-hover-border-color:var(--control-surface-hover-border-color);--mentions-hover-background-color:var(--color-surface);--mentions-dropdown-border-radius:var(--radius-2);--mentions-dropdown-background-color:var(--color-background);--mentions-dropdown-box-shadow:var(--dropdown-shadow);--mentions-dropdown-padding-vertical:var(--space-2);--mentions-dropdown-padding-horizontal:var(--space-2);--mentions-dropdown-item-border-radius:var(--radius-2);--mentions-dropdown-item-height:var(--control-height-base);--mentions-dropdown-item-padding-horizontal:var(--space-2);--mentions-focus-border-color:var(--primary-9);--mentions-dropdown-item-hover-background-color:var(--dropdown-item-hover-background-color);--mentions-dropdown-item-hover-font-color:var(--dropdown-item-hover-font-color);--mentions-border-radius:var(--control-radius);--mentions-resize-handle-color:var(--placeholder-color);--mentions-resize-handle-hover-color:var(--theme-color);--mentions-warp-hover-background-color:var(--color-surface);--mentions-disabled-background-color:var(--gray-2)}.uui-mention{width:100%;display:inline-flex;position:relative;align-items:center;border-radius:var(--mentions-border-radius);height:auto;line-height:var(--mentions-height-base);font-size:var(--default-font-size);color:var(--default-font-color);white-space:pre-line;box-shadow:0 0 0 1px var(--mentions-border-color) inset;transition:box-shadow var(--animation-time) linear;background-color:var(--mentions-background-color);padding:var(--mentions-padding-vertical) var(--mentions-padding-horizontal)}.uui-mention.disabled{background-color:var(--mentions-disabled-background-color)}.uui-mention:not(.disabled):hover{background-color:var(--mentions-warp-hover-background-color)}.uui-mention:not(.disabled):focus-within{border:1px solid var(--theme-color)}.uui-mention:focus-within{outline:1px solid var(--mentions-focus-outer-color);box-shadow:0 0 0 1px var(--mentions-focus-border-color) inset}.uui-mention-editor{width:100%;border:none;outline:0;min-height:22px;padding:var(--mentions-textarea-padding-horizontal);font-size:var(--default-font-size);height:100%;overflow-y:auto;color:var(--default-font-color)}.uui-mention-editor.disabled{-webkit-user-modify:unset;cursor:not-allowed}.uui-mention-editor:empty::before{content:attr(data-placeholder);color:var(--placeholder-color)}.uui-mention-editor[contenteditable=false]{cursor:not-allowed}.uui-mention-popper-wrap{z-index:99}.uui-mention-select-wrap{width:200px;background-color:var(--mentions-dropdown-background-color);font-size:var(--default-font-size);overflow:hidden;border-radius:var(--mentions-dropdown-border-radius);z-index:100;padding:var(--mentions-dropdown-padding-vertical) var(--mentions-dropdown-padding-horizontal);box-shadow:var(--mentions-dropdown-box-shadow);color:var(--default-font-color)}.uui-mention-select-wrap .no-more-wrap{padding-top:12px;padding-bottom:10px;display:flex;justify-content:center;align-items:center}.uui-mention-item{line-height:var(--mentions-dropdown-item-height);padding-left:var(--mentions-dropdown-item-padding-horizontal);cursor:pointer;margin-bottom:4px;background-color:var(--mentions-dropdown-background-color);height:var(--mentions-dropdown-item-height);border-radius:var(--mentions-dropdown-item-border-radius)}.uui-mention-item:hover{background-color:var(--mentions-dropdown-item-hover-background-color);color:var(--mentions-dropdown-item-hover-font-color)}.uui-mention-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-mention .resize-handle{position:absolute;right:3px;bottom:3px;width:8px;height:8px;cursor:se-resize;background-repeat:no-repeat;background-position:center;background-size:contain;color:var(--mentions-resize-handle-color)}.uui-mention .resize-handle:hover{color:var(--mentions-resize-handle-hover-color)}

package/styles/components/mentions/index.less

@@ -39,7 +39,7 @@
     width: 100%;
     border: none;
     outline: none;
-    min-height: 50px;
+    min-height: 22px;
     padding: var(--mentions-textarea-padding-horizontal);
     font-size: var(--default-font-size);
     height: 100%;

package/styles/components/table/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-background-color:var(--color-background);--table-header-background:var(--gray-2);--table-border-color:var(--border-split-color);--table-row-box-shadow:0 -1px 0 0 var(--table-border-color) inset;--table-border-cell-box-shadow:0 -1px 0 0 var(--table-border-color) inset,-1px 0 0 0 var(--table-border-color) inset;--table-expanded-row-background:var(--gray-1);--table-body-sort-background:var(--gray-2);--table-header-sort-background:var(--gray-3);--table-header-sort-active-background:var(--gray-4);--table-header-color:var(--gray-12);--table-header-icon-color:var(--gray-8);--table-header-filter-active-background:var(--gray-5);--table-header-font-weight:var(--font-weight-medium);--table-header-tips-margin:var(--space-1);--table-pagination-margin-base:var(--space-2);--table-line-height:var(--line-height-2);--table-padding-vertical:14px;--table-padding-horizontal:var(--space-2);--table-row-min-height:calc(var(--table-padding-vertical) * 2 + var(--table-line-height));--table-line-height-large:var(--line-height-3);--table-padding-vertical-large:var(--space-4);--table-padding-horizontal-large:var(--space-3);--table-row-min-height-large:calc(var(--table-padding-vertical-large) * 2 + var(--table-line-height-large));--table-line-height-small:var(--line-height-2);--table-padding-vertical-small:var(--space-3);--table-padding-horizontal-small:var(--space-2);--table-row-min-height-small:calc(var(--table-padding-vertical-small) * 2 + var(--table-line-height-small));--table-expand-icon-margin-right:var(--space-2);--table-expand-icon-size:18px;--table-fixed-left-shadow:inset 10px 0 8px -8px var(--gray-a6);--table-fixed-right-shadow:inset -10px 0 8px -8px var(--gray-a6);--table-row-hover-background-color:var(--primary-2);--table-border-radius:var(--radius-4)}.uui-table{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);position:relative;clear:both;background:var(--table-background-color)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;box-shadow:var(--table-row-box-shadow)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr>td{box-shadow:var(--table-row-box-shadow);transition:background .3s}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-tbody>tr>td,.uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height);overflow-wrap:break-word}.uui-table-tbody>tr>td:empty,.uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{color:var(--link-color);text-decoration:none;outline:0;cursor:pointer;transition:color .3s;display:inline-flex;justify-content:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);line-height:1;color:inherit;background:var(--table-background-color);border:var(--border-width-base) var(--border-style-base) var(--border-split-color);border-radius:var(--radius-1);transition:all .3s;-webkit-user-select:none;user-select:none}.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--link-hover-color)}.uui-table-row-expand-icon:active{color:var(--link-active-color)}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{border-color:currentcolor}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--table-expand-icon-margin-right)}tr.uui-table-summary-row td{background:var(--table-header-background)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--table-background-color)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--table-background-color)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-surface .uui-table-tbody tr:last-child,.uui-table-surface .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child){--table-row-box-shadow:none}.uui-table-ghost{border:none}.uui-table-ghost .uui-table-placeholder{border-bottom:var(--border-width-base) var(--border-style-base) var(--border-split-color)}.uui-table-border{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){box-shadow:var(--table-border-cell-box-shadow)}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:not(:last-child),.uui-table-border .uui-table-tbody>tr:last-child>td:not(:last-child){--table-border-cell-box-shadow:-1px 0 0 0 var(--table-border-color) inset}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:last-child,.uui-table-border .uui-table-tbody>tr:last-child>td:last-child{box-shadow:none}.uui-table-fixed-column{position:sticky;background-color:var(--table-background-color);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;height:var(--table-line-height);justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--table-background-color);border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--table-header-icon-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:0;right:0;width:28px;height:100%;color:var(--table-header-icon-color);font-size:var(--default-font-size);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;margin-left:calc(var(--default-font-size)/ -2)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-selected.uui-icon{color:var(--primary-9)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:hover{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:active{color:var(--gray-a11)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:table}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--table-header-icon-color);text-align:center;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:inline-flex;font-size:12px;transform:scale(.91666667) rotate(0);display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{font-size:var(--font-size-1)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--primary-9)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters::before{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover::before{background:rgba(0,0,0,.04)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover .uui-table-filter-icon{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-down:not(.on),.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-up:not(.on){color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--table-header-sort-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--table-header-tips-margin);cursor:pointer}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--table-body-sort-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--table-row-hover-background)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--table-background-color);border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-3);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-9);font-weight:700;text-shadow:0 0 2px var(--primary-a11)}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;border-top:var(--border-width-base) var(--border-style-base) var(--border-split-color);display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--link-color)}.uui-table-filter-dropdown-link:hover{color:var(--link-hover-color)}.uui-table-filter-dropdown-link:active{color:var(--link-active-color)}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--border-split-color);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--table-header-background)}.uui-table.uui-table-large{font-size:var(--font-size-3)}.uui-table.uui-table-large>.uui-table-footer,.uui-table.uui-table-large>.uui-table-title{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td,.uui-table.uui-table-large .uui-table-thead>tr>th{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);line-height:var(--table-line-height-large);min-height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td:empty,.uui-table.uui-table-large .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-3);line-height:var(--font-size-3)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-3)/ 2);display:flex;align-items:center}.uui-table.uui-table-default{font-size:var(--default-font-size)}.uui-table.uui-table-default>.uui-table-footer,.uui-table.uui-table-default>.uui-table-title{padding:var(--table-padding-vertical) var(--table-padding-horizontal)}.uui-table.uui-table-default .uui-table-tbody>tr>td,.uui-table.uui-table-default .uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-tbody>tr>td:empty,.uui-table.uui-table-default .uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--default-font-size);line-height:var(--default-font-size)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table.uui-table-small{font-size:var(--font-size-1)}.uui-table.uui-table-small>.uui-table-footer,.uui-table.uui-table-small>.uui-table-title{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td,.uui-table.uui-table-small .uui-table-thead>tr>th{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small);line-height:var(--table-line-height-small);min-height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td:empty,.uui-table.uui-table-small .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-1);line-height:var(--font-size-1)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-1)/ 2);display:flex;align-items:center}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--table-pagination-margin-base)}.uui-table-pagination-top{margin-bottom:var(--table-pagination-margin-base)}.uui-table-pagination-right{text-align:right}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-background-color:var(--color-background);--table-header-background:var(--gray-2);--table-border-color:var(--border-split-color);--table-row-box-shadow:0 -1px 0 0 var(--table-border-color) inset;--table-border-cell-box-shadow:0 -1px 0 0 var(--table-border-color) inset,-1px 0 0 0 var(--table-border-color) inset;--table-expanded-row-background:var(--gray-1);--table-body-sort-background:var(--gray-2);--table-header-sort-background:var(--gray-3);--table-header-sort-active-background:var(--gray-4);--table-header-color:var(--gray-12);--table-header-icon-color:var(--gray-8);--table-header-filter-active-background:var(--gray-5);--table-header-font-weight:var(--font-weight-medium);--table-header-tips-margin:var(--space-1);--table-pagination-margin-base:var(--space-2);--table-line-height:var(--line-height-2);--table-padding-vertical:14px;--table-padding-horizontal:var(--space-2);--table-row-min-height:calc(var(--table-padding-vertical) * 2 + var(--table-line-height));--table-line-height-large:var(--line-height-3);--table-padding-vertical-large:var(--space-4);--table-padding-horizontal-large:var(--space-3);--table-row-min-height-large:calc(var(--table-padding-vertical-large) * 2 + var(--table-line-height-large));--table-line-height-small:var(--line-height-2);--table-padding-vertical-small:var(--space-3);--table-padding-horizontal-small:var(--space-2);--table-row-min-height-small:calc(var(--table-padding-vertical-small) * 2 + var(--table-line-height-small));--table-expand-icon-margin-right:var(--space-2);--table-expand-icon-size:18px;--table-fixed-left-shadow:inset 10px 0 8px -8px var(--gray-a6);--table-fixed-right-shadow:inset -10px 0 8px -8px var(--gray-a6);--table-row-hover-background-color:var(--primary-2);--table-border-radius:var(--radius-4)}.uui-table{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);position:relative;clear:both;background:var(--table-background-color)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;box-shadow:var(--table-row-box-shadow)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr>td{box-shadow:var(--table-row-box-shadow);transition:background .3s}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-tbody>tr>td,.uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height);overflow-wrap:break-word}.uui-table-tbody>tr>td:empty,.uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{color:var(--link-color);text-decoration:none;outline:0;cursor:pointer;transition:color .3s;display:inline-flex;justify-content:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);line-height:1;color:inherit;background:var(--table-background-color);border:var(--border-width-base) var(--border-style-base) var(--border-split-color);border-radius:var(--radius-1);transition:all .3s;-webkit-user-select:none;user-select:none}.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--link-hover-color)}.uui-table-row-expand-icon:active{color:var(--link-active-color)}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{border-color:currentcolor}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--table-expand-icon-margin-right)}tr.uui-table-summary-row td{background:var(--table-header-background)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--table-background-color)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--table-background-color)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-surface .uui-table-tbody tr:last-child,.uui-table-surface .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child){--table-row-box-shadow:none}.uui-table-ghost{border:none}.uui-table-ghost .uui-table-placeholder{border-bottom:var(--border-width-base) var(--border-style-base) var(--border-split-color)}.uui-table-border{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){box-shadow:var(--table-border-cell-box-shadow)}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:not(:last-child),.uui-table-border .uui-table-tbody>tr:last-child>td:not(:last-child){--table-border-cell-box-shadow:-1px 0 0 0 var(--table-border-color) inset}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:last-child,.uui-table-border .uui-table-tbody>tr:last-child>td:last-child{box-shadow:none}.uui-table-fixed-column{position:sticky;background-color:var(--table-background-color);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;height:var(--table-line-height);justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--table-background-color);border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--table-header-icon-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:0;right:0;width:28px;height:100%;color:var(--table-header-icon-color);font-size:var(--default-font-size);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;margin-left:calc(var(--default-font-size)/ -2)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-selected.uui-icon{color:var(--primary-9)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:hover{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:active{color:var(--gray-a11)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:table}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--table-header-icon-color);text-align:center;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:inline-flex;font-size:12px;transform:scale(.91666667) rotate(0);display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{font-size:var(--font-size-1)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--primary-9)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters::before{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover::before{background:rgba(0,0,0,.04)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover .uui-table-filter-icon{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-down:not(.on),.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-up:not(.on){color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--table-header-sort-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--table-header-tips-margin);cursor:pointer}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--table-body-sort-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--table-row-hover-background)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--table-background-color);border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-3);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-3);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-9);font-weight:700;text-shadow:0 0 2px var(--primary-a11)}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;border-top:var(--border-width-base) var(--border-style-base) var(--border-split-color);display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--link-color)}.uui-table-filter-dropdown-link:hover{color:var(--link-hover-color)}.uui-table-filter-dropdown-link:active{color:var(--link-active-color)}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--border-split-color);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--table-header-background)}.uui-table-stripe tbody>tr:nth-child(2n) td{background-color:var(--table-header-background)}.uui-table.uui-table-large{font-size:var(--font-size-3)}.uui-table.uui-table-large>.uui-table-footer,.uui-table.uui-table-large>.uui-table-title{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td,.uui-table.uui-table-large .uui-table-thead>tr>th{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);line-height:var(--table-line-height-large);min-height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td:empty,.uui-table.uui-table-large .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-3);line-height:var(--font-size-3)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-3)/ 2);display:flex;align-items:center}.uui-table.uui-table-default{font-size:var(--default-font-size)}.uui-table.uui-table-default>.uui-table-footer,.uui-table.uui-table-default>.uui-table-title{padding:var(--table-padding-vertical) var(--table-padding-horizontal)}.uui-table.uui-table-default .uui-table-tbody>tr>td,.uui-table.uui-table-default .uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-tbody>tr>td:empty,.uui-table.uui-table-default .uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--default-font-size);line-height:var(--default-font-size)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table.uui-table-small{font-size:var(--font-size-1)}.uui-table.uui-table-small>.uui-table-footer,.uui-table.uui-table-small>.uui-table-title{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td,.uui-table.uui-table-small .uui-table-thead>tr>th{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small);line-height:var(--table-line-height-small);min-height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td:empty,.uui-table.uui-table-small .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-1);line-height:var(--font-size-1)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-1)/ 2);display:flex;align-items:center}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--table-pagination-margin-base)}.uui-table-pagination-top{margin-bottom:var(--table-pagination-margin-base)}.uui-table-pagination-right{text-align:right}

package/styles/components/table/index.less

@@ -32,8 +32,8 @@
     border-spacing: 0;
   }
 
-  &-thead > tr {
-    > th {
+  &-thead>tr {
+    >th {
       color: var(--table-header-color);
       font-weight: var(--table-header-font-weight);
       text-align: left;
@@ -53,27 +53,28 @@
   //   }
   // }
 
-  &-tbody > tr > td {
+  &-tbody>tr>td {
     box-shadow: var(--table-row-box-shadow);
     transition: background 0.3s;
   }
 
   tr {
+
     &.@{table-prefix-cls}-row-hover:not(.@{table-prefix-cls}-row-disabled-hover):not(.@{table-prefix-cls}-row-custom),
     &.@{table-prefix-cls}-summary-row-hover:not(.@{table-prefix-cls}-summary-row-disabled-hover),
     &.@{table-prefix-cls}-expanded-row-hover:not(.@{table-prefix-cls}-expanded-row-disabled-hover) {
-      > td:not(.@{table-prefix-cls}-row-cell-custom):not([rowspan]) {
+      >td:not(.@{table-prefix-cls}-row-cell-custom):not([rowspan]) {
         background: var(--table-row-hover-background-color);
       }
     }
   }
 
-  &-thead > tr:hover {
+  &-thead>tr:hover {
     background: none;
   }
 
-  &-thead > tr > th,
-  &-tbody > tr > td {
+  &-thead>tr>th,
+  &-tbody>tr>td {
     padding: var(--table-padding-vertical) var(--table-padding-horizontal);
     line-height: var(--table-line-height);
     min-height: var(--table-row-min-height);
@@ -169,14 +170,15 @@
   }
 
   tr&-expanded-row {
+
     &,
     &:hover {
       background: var(--table-expanded-row-background);
     }
   }
 
-  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-icon,
-  .@{table-prefix-cls}-row-indent + .@{table-prefix-cls}-row-expand-custom-icon {
+  .@{table-prefix-cls}-row-indent+.@{table-prefix-cls}-row-expand-icon,
+  .@{table-prefix-cls}-row-indent+.@{table-prefix-cls}-row-expand-custom-icon {
     margin-right: var(--table-expand-icon-margin-right);
   }
 
@@ -209,7 +211,7 @@
     height: 100%;
   }
 
-  &-fixed-header > &-content > &-scroll > &-body {
+  &-fixed-header>&-content>&-scroll>&-body {
     position: relative;
     background: var(--table-background-color);
   }
@@ -268,7 +270,7 @@
       }
     }
 
-    .@{table-prefix-cls}-header + .@{table-prefix-cls}-body {
+    .@{table-prefix-cls}-header+.@{table-prefix-cls}-body {
       border-radius: 0 0 var(--table-border-radius) var(--table-border-radius);
     }
 
@@ -283,7 +285,7 @@
     border: var(--border-width-base) var(--border-style-base) var(--table-border-color);
 
     .@{table-prefix-cls}-tbody tr:last-child,
-    .@{table-prefix-cls}-tbody > tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child) {
+    .@{table-prefix-cls}-tbody>tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child) {
       --table-row-box-shadow: none;
     }
   }
@@ -303,18 +305,18 @@
   &-border {
     border: var(--border-width-base) var(--border-style-base) var(--table-border-color);
 
-    .@{table-prefix-cls}-thead > tr > th:not(.@{table-prefix-cls}-column-header-right),
-    .@{table-prefix-cls}-tbody > tr > td:not(:last-child) {
+    .@{table-prefix-cls}-thead>tr>th:not(.@{table-prefix-cls}-column-header-right),
+    .@{table-prefix-cls}-tbody>tr>td:not(:last-child) {
       box-shadow: var(--table-border-cell-box-shadow);
     }
 
-    .@{table-prefix-cls}-tbody > tr:last-child > td:not(:last-child),
-    .@{table-prefix-cls}-tbody > tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child) > td:not(:last-child) {
+    .@{table-prefix-cls}-tbody>tr:last-child>td:not(:last-child),
+    .@{table-prefix-cls}-tbody>tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child)>td:not(:last-child) {
       --table-border-cell-box-shadow: -1px 0 0 0 var(--table-border-color) inset;
     }
 
-    .@{table-prefix-cls}-tbody > tr:last-child > td:last-child,
-    .@{table-prefix-cls}-tbody > tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child) > td:last-child {
+    .@{table-prefix-cls}-tbody>tr:last-child>td:last-child,
+    .@{table-prefix-cls}-tbody>tr:has(+ .@{table-prefix-cls}-expanded-row[style='display: none;']:last-child)>td:last-child {
       box-shadow: none;
     }
   }
@@ -373,14 +375,14 @@
 
   // ========================== selection ==========================
 
-  &-thead > tr > th.@{table-prefix-cls}-selection-column-custom {
+  &-thead>tr>th.@{table-prefix-cls}-selection-column-custom {
     .@{table-prefix-cls}-selection {
       margin-right: -18px;
     }
   }
 
-  &-thead > tr > th.@{table-prefix-cls}-selection-column,
-  &-tbody > tr > td.@{table-prefix-cls}-selection-column {
+  &-thead>tr>th.@{table-prefix-cls}-selection-column,
+  &-tbody>tr>td.@{table-prefix-cls}-selection-column {
     text-align: center;
 
     .@{css-prefix}-radio-wrapper {
@@ -388,7 +390,7 @@
     }
   }
 
-  &-row[class*='@{table-prefix-cls}-row-level-0'] .@{table-prefix-cls}-selection-column > span {
+  &-row[class*='@{table-prefix-cls}-row-level-0'] .@{table-prefix-cls}-selection-column>span {
     display: inline-block;
   }
 
@@ -431,10 +433,11 @@
 
   // ======================== sort && filter ===============================
 
-  &-thead > tr > th.@{table-prefix-cls}-column-has-actions {
+  &-thead>tr>th.@{table-prefix-cls}-column-has-actions {
     &:not(.@{table-prefix-cls}-fixed-column) {
       position: relative;
     }
+
     // position: relative;
     background-clip: padding-box; // For Firefox background bug, https://github.com/ant-design/ant-design/issues/12628
     /* stylelint-disable-next-line */
@@ -497,12 +500,12 @@
       .@{table-prefix-cls}-column-sorters {
         display: table;
 
-        > .@{table-prefix-cls}-column-title {
+        >.@{table-prefix-cls}-column-title {
           display: table-cell;
           vertical-align: middle;
         }
 
-        > *:not(.@{table-prefix-cls}-column-sorter) {
+        >*:not(.@{table-prefix-cls}-column-sorter) {
           position: relative;
         }
 
@@ -572,6 +575,7 @@
       }
 
       &:active {
+
         .@{table-prefix-cls}-column-sorter-up:not(.on),
         .@{table-prefix-cls}-column-sorter-down:not(.on) {
           color: var(--gray-a9);
@@ -580,22 +584,22 @@
     }
   }
 
-  &-thead > tr > th.@{table-prefix-cls}-column-sort {
+  &-thead>tr>th.@{table-prefix-cls}-column-sort {
     background: var(--table-header-sort-background);
   }
 
-  &-thead > tr > th &-column-tips-icon {
+  &-thead>tr>th &-column-tips-icon {
     margin-left: var(--table-header-tips-margin);
     cursor: pointer;
   }
 
-  &-tbody > tr {
-    > td.@{table-prefix-cls}-column-sort {
+  &-tbody>tr {
+    >td.@{table-prefix-cls}-column-sort {
       background: var(--table-body-sort-background);
     }
 
     &.@{table-prefix-cls}-row-hover {
-      > td.@{table-prefix-cls}-column-sort {
+      >td.@{table-prefix-cls}-column-sort {
         background: var(--table-row-hover-background);
       }
     }
@@ -619,11 +623,11 @@
       border-radius: var(--radius-3);
       box-shadow: none;
 
-      &-item > label + span {
+      &-item>label+span {
         padding-right: 0;
       }
 
-      &-item .@{css-prefix}-checkbox-wrap + span {
+      &-item .@{css-prefix}-checkbox-wrap+span {
         padding-left: 8px;
       }
 
@@ -671,7 +675,7 @@
     }
   }
 
-  &-thead > tr > th.@{table-prefix-cls}-column-has-resize {
+  &-thead>tr>th.@{table-prefix-cls}-column-has-resize {
     &:not(.@{table-prefix-cls}-fixed-column) {
       position: relative;
     }
@@ -712,9 +716,13 @@
   }
 
   &-stripe {
-    tbody > tr {
+    tbody>tr {
       &:nth-child(2n) {
         background-color: var(--table-header-background);
+
+        td {
+          background-color: var(--table-header-background);
+        }
       }
     }
   }
@@ -722,13 +730,13 @@
   .table-size(@padding-vertical, @padding-horizontal, @font-size, @line-height, @row-min-height) {
     font-size: @font-size;
 
-    > .@{table-prefix-cls}-title,
-    > .@{table-prefix-cls}-footer {
+    >.@{table-prefix-cls}-title,
+    >.@{table-prefix-cls}-footer {
       padding: @padding-vertical @padding-horizontal;
     }
 
-    .@{table-prefix-cls}-thead > tr > th,
-    .@{table-prefix-cls}-tbody > tr > td {
+    .@{table-prefix-cls}-thead>tr>th,
+    .@{table-prefix-cls}-tbody>tr>td {
       padding: @padding-vertical @padding-horizontal;
       line-height: @line-height;
       min-height: @row-min-height;
@@ -738,9 +746,10 @@
       }
     }
 
-    .@{table-prefix-cls}-thead > tr > th.@{table-prefix-cls}-column-has-actions.@{table-prefix-cls}-column-has-sorters {
+    .@{table-prefix-cls}-thead>tr>th.@{table-prefix-cls}-column-has-actions.@{table-prefix-cls}-column-has-sorters {
       .@{table-prefix-cls}-column-sorter {
         .@{table-prefix-cls}-column-sorter-inner {
+
           .@{table-prefix-cls}-column-sorter-up,
           .@{table-prefix-cls}-column-sorter-down {
             height: @font-size;
@@ -748,6 +757,7 @@
           }
 
           &-full {
+
             .@{table-prefix-cls}-column-sorter-up,
             .@{table-prefix-cls}-column-sorter-down {
               height: calc(@font-size / 2);
@@ -765,12 +775,15 @@
     //   margin: calc((@padding-vertical * -1) - @inner-padding-horizontal) calc((@padding-vertical * -1) - 1px);
     // }
   }
+
   &.@{table-prefix-cls}-large {
     .table-size(var(--table-padding-vertical-large), var(--table-padding-horizontal-large), var(--font-size-3), var(--table-line-height-large), var(--table-row-min-height-large));
   }
+
   &.@{table-prefix-cls}-default {
     .table-size(var(--table-padding-vertical), var(--table-padding-horizontal), var(--default-font-size), var(--table-line-height), var(--table-row-min-height));
   }
+
   &.@{table-prefix-cls}-small {
     .table-size(var(--table-padding-vertical-small), var(--table-padding-horizontal-small), var(--font-size-1), var(--table-line-height-small), var(--table-row-min-height-small));
   }
@@ -787,7 +800,7 @@
   }
 
   &-dragging {
-    .@{table-prefix-cls}-thead > tr > th {
+    .@{table-prefix-cls}-thead>tr>th {
       cursor: col-resize;
 
       &.@{table-prefix-cls}-column-has-actions {

package/styles/components/tooltip/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-tooltip{--tooltip-min-width:32px;--tooltip-min-height:32px;--tooltip-max-width:256px;--tooltip-max-height:512px;--tooltip-color:var(--gray-1);--tooltip-background-color:black;--tooltip-arrow-width:6px;--tooltip-arrow-wrap-width:calc(var(--popover-arrow-width) + 4px);--tooltip-distance:var(--popover-arrow-wrap-width);--tooltip-box-shadow:var(--shadow-4);--tooltip-line-height:var(--line-height-2);--tooltip-padding-vertical:calc((var(--tooltip-min-height) - var(--tooltip-line-height)) / 2);--tooltip-padding-horizontal:var(--space-2);--tooltip-border-radius:var(--radius-2)}.uui-tooltip [data-color]{--tooltip-color:var(--primary-contrast);--tooltip-background-color:var(--primary-9)}.uui-tooltip [data-color=light]{--tooltip-color:var(--default-font-color);--tooltip-background-color:white}.dark .uui-tooltip,.dark-theme .uui-tooltip{--tooltip-color:var(--gray-11);--tooltip-background-color:var(--gray-6)}.uui-tooltip{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);position:absolute;z-index:var(--zindex-tooltip);display:block;max-width:var(--tooltip-max-width);visibility:visible}.uui-tooltip-hidden{display:none}.uui-tooltip[data-popper-placement^=top]{padding-bottom:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=right]{padding-left:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=bottom]{padding-top:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=left]{padding-right:var(--tooltip-distance)}.uui-tooltip-inner{min-width:var(--tooltip-min-width);min-height:var(--tooltip-min-height);max-height:var(--tooltip-max-height);line-height:var(--tooltip-line-height);padding:var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);color:var(--tooltip-color);text-align:left;text-decoration:none;word-wrap:break-word;background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-box-shadow)}.uui-tooltip-arrow{position:absolute;display:block;width:var(--tooltip-arrow-wrap-width);height:var(--tooltip-arrow-wrap-width);overflow:hidden;background:0 0;pointer-events:none}.uui-tooltip-arrow::before{position:absolute;inset:0;display:block;width:var(--tooltip-arrow-width);height:var(--tooltip-arrow-width);margin:auto;background-color:var(--tooltip-background-color);content:'';pointer-events:auto;box-shadow:var(--tooltip-box-shadow)}.uui-tooltip[data-popper-placement^=top] .uui-tooltip-arrow{bottom:0}.uui-tooltip[data-popper-placement^=top] .uui-tooltip-arrow::before{transform:translateY(calc(-1 * var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-top .uui-tooltip-arrow{left:50%;transform:translateX(-50%)}.uui-tooltip[data-popper-placement^=right] .uui-tooltip-arrow{left:0}.uui-tooltip[data-popper-placement^=right] .uui-tooltip-arrow::before{transform:translateX(calc(var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-right .uui-tooltip-arrow{top:50%;transform:translateY(-50%)}.uui-tooltip[data-popper-placement^=left] .uui-tooltip-arrow{right:0}.uui-tooltip[data-popper-placement^=left] .uui-tooltip-arrow::before{transform:translateX(calc(-1 * var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-left .uui-tooltip-arrow{top:50%;transform:translateY(-50%)}.uui-tooltip[data-popper-placement^=bottom] .uui-tooltip-arrow{top:0}.uui-tooltip[data-popper-placement^=bottom] .uui-tooltip-arrow::before{transform:translateY(calc(var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-bottom .uui-tooltip-arrow{left:50%;transform:translateX(-50%)}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-tooltip{--tooltip-min-width:32px;--tooltip-min-height:32px;--tooltip-max-width:256px;--tooltip-max-height:512px;--tooltip-color:var(--gray-1);--tooltip-background-color:black;--tooltip-arrow-width:6px;--tooltip-arrow-wrap-width:calc(var(--tooltip-arrow-width) + 4px);--tooltip-distance:var(--tooltip-arrow-wrap-width);--tooltip-box-shadow:var(--shadow-4);--tooltip-line-height:var(--line-height-2);--tooltip-padding-vertical:calc((var(--tooltip-min-height) - var(--tooltip-line-height)) / 2);--tooltip-padding-horizontal:var(--space-2);--tooltip-border-radius:var(--radius-2)}.uui-tooltip [data-color]{--tooltip-color:var(--primary-contrast);--tooltip-background-color:var(--primary-9)}.uui-tooltip [data-color=light]{--tooltip-color:var(--default-font-color);--tooltip-background-color:white}.dark .uui-tooltip,.dark-theme .uui-tooltip{--tooltip-color:var(--gray-11);--tooltip-background-color:var(--gray-6)}.uui-tooltip{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);position:absolute;z-index:var(--zindex-tooltip);display:block;max-width:var(--tooltip-max-width);visibility:visible}.uui-tooltip-hidden{display:none}.uui-tooltip[data-popper-placement^=top]{padding-bottom:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=right]{padding-left:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=bottom]{padding-top:var(--tooltip-distance)}.uui-tooltip[data-popper-placement^=left]{padding-right:var(--tooltip-distance)}.uui-tooltip-inner{min-width:var(--tooltip-min-width);min-height:var(--tooltip-min-height);max-height:var(--tooltip-max-height);line-height:var(--tooltip-line-height);padding:var(--tooltip-padding-vertical) var(--tooltip-padding-horizontal);color:var(--tooltip-color);text-align:left;text-decoration:none;word-wrap:break-word;background-color:var(--tooltip-background-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-box-shadow)}.uui-tooltip-arrow{position:absolute;display:block;width:var(--tooltip-arrow-wrap-width);height:var(--tooltip-arrow-wrap-width);overflow:hidden;background:0 0;pointer-events:none}.uui-tooltip-arrow::before{position:absolute;inset:0;display:block;width:var(--tooltip-arrow-width);height:var(--tooltip-arrow-width);margin:auto;background-color:var(--tooltip-background-color);content:'';pointer-events:auto;box-shadow:var(--tooltip-box-shadow)}.uui-tooltip[data-popper-placement^=top] .uui-tooltip-arrow{bottom:0}.uui-tooltip[data-popper-placement^=top] .uui-tooltip-arrow::before{transform:translateY(calc(-1 * var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-top .uui-tooltip-arrow{left:50%;transform:translateX(-50%)}.uui-tooltip[data-popper-placement^=right] .uui-tooltip-arrow{left:0}.uui-tooltip[data-popper-placement^=right] .uui-tooltip-arrow::before{transform:translateX(calc(var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-right .uui-tooltip-arrow{top:50%;transform:translateY(-50%)}.uui-tooltip[data-popper-placement^=left] .uui-tooltip-arrow{right:0}.uui-tooltip[data-popper-placement^=left] .uui-tooltip-arrow::before{transform:translateX(calc(-1 * var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-left .uui-tooltip-arrow{top:50%;transform:translateY(-50%)}.uui-tooltip[data-popper-placement^=bottom] .uui-tooltip-arrow{top:0}.uui-tooltip[data-popper-placement^=bottom] .uui-tooltip-arrow::before{transform:translateY(calc(var(--tooltip-arrow-wrap-width)/ 2)) rotate(45deg)}.uui-tooltip-placement-bottom .uui-tooltip-arrow{left:50%;transform:translateX(-50%)}