@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.3.1

package/packages/components/tabs/index.js

@@ -1,87 +1,100 @@
 import '@das-fed/ui/packages/components/tabs/style.css';
 import { withInstall as J } from "@das-fed/utils/with-install/index";
 import { setThemeRule as Q } from "@das-fed/web/packages/theme/index";
-import { ref as S, computed as i, onMounted as X, defineComponent as Y, useCssVars as Z, unref as s, openBlock as d, createBlock as B, mergeProps as U, createSlots as V, withCtx as b, renderSlot as p, createCommentVNode as u, createElementBlock as c, Fragment as k, renderList as K, normalizeStyle as ee, withDirectives as L, createTextVNode as O, toDisplayString as $, createVNode as te, createElementVNode as oe, normalizeClass as ae } from "vue";
-import { DasIcon as re } from "@das-fed/ui/packages/components/icon/index";
+import { ref as w, computed as u, onMounted as X, defineComponent as Y, openBlock as i, createBlock as B, unref as r, mergeProps as j, createSlots as V, withCtx as b, renderSlot as y, createCommentVNode as c, createElementBlock as f, Fragment as g, renderList as K, normalizeStyle as Z, withDirectives as L, createTextVNode as $, toDisplayString as D, createVNode as ee, createElementVNode as te, normalizeClass as ae } from "vue";
+import { DasIcon as oe } from "@das-fed/ui/packages/components/icon/index";
 import { vDasTooltip as I } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { Tabs as se, TabPane as le } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
-import { ElPopover as ne } from "element-plus";
+import { ElPopover as re } from "element-plus";
 import "element-plus/es/components/popover/style/css";
-const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(o), z = (o) => {
-  if (o)
-    return typeof o == "string" && ie(o) ? o : o + "px";
-}, de = (o, y) => {
-  const e = S({}), m = S([
+import { t as R } from "@das-fed/web/packages/i18n/index";
+const ne = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(a), z = (a) => {
+  if (a)
+    return typeof a == "string" && ne(a) ? a : a + "px";
+}, ie = (a, m) => {
+  const e = w({}), p = w([
     {
       key: "all",
-      name: "关闭全部页签",
+      name: R("关闭全部页签"),
       disabled: !1,
       hidden: !1
     },
     {
       key: "other",
-      name: "关闭其他页签",
+      name: R("关闭其他页签"),
       disabled: !1,
-      hidden: (a, l) => a.length === 1
+      hidden: (o, l) => o.length === 1
     },
     {
       key: "right",
-      name: "关闭右侧页签",
+      name: R("关闭右侧页签"),
       disabled: !1,
-      hidden: (a, l) => a.findIndex((E) => {
-        var x, w;
-        return E[(x = o.defualtProps) == null ? void 0 : x.key] === l[(w = o.defualtProps) == null ? void 0 : w.key];
-      }) === a.length - 1
+      hidden: (o, l) => o.findIndex((k) => {
+        var E, x;
+        return k[(E = a.defualtProps) == null ? void 0 : E.key] === l[(x = a.defualtProps) == null ? void 0 : x.key];
+      }) === o.length - 1
     }
-  ]), g = i(() => o.constomMenuList && o.constomMenuList.length ? o.constomMenuList : m.value), C = i(() => {
-    let a;
-    return o.width && (a = z(o.width)), a;
-  }), F = i(() => {
-    let a = o.type === "lattice" ? "65px" : void 0;
-    return o.tabWidth && (a = z(o.tabWidth)), a;
-  }), A = i(() => {
-    let a;
-    return o.tabMaxWidth && (a = z(o.tabMaxWidth)), a;
-  }), T = S(!1), v = S(), D = (a) => {
+  ]), F = u(() => a.constomMenuList && a.constomMenuList.length ? a.constomMenuList : p.value), C = u(() => {
+    let o;
+    return a.width && (o = z(a.width)), o;
+  }), T = u(() => {
+    let o = a.type === "lattice" ? "65px" : void 0;
+    return a.tabWidth && (o = z(a.tabWidth)), o;
+  }), S = u(() => {
+    let o;
+    return a.tabMaxWidth && (o = z(a.tabMaxWidth)), o;
+  }), A = w(!1), v = w(), M = (o) => {
     Object.keys(e.value).forEach((l) => {
-      (T.value || l != a) && (e.value[l] = !1);
+      (A.value || l != o) && (e.value[l] = !1);
     });
-  }, h = (a) => {
-    const l = a.target.parentElement;
-    T.value = !l.classList.contains("ant-tabs-tab-btn");
-  }, M = (a, l) => {
+  }, h = (o) => {
+    const l = o.target.parentElement;
+    A.value = !l.classList.contains("ant-tabs-tab-btn");
+  }, O = (o, l) => {
     var P;
-    y("menuClick", a, l), (P = v.value) != null && P.length && v.value.forEach((E) => {
-      E.hide();
+    m("menuClick", o, l), (P = v.value) != null && P.length && v.value.forEach((k) => {
+      k.hide();
     });
   };
   return X(() => {
-    o.contextmenu && o.options.forEach((a) => {
+    a.contextmenu && a.options.forEach((o) => {
       var l;
-      (l = o.defualtProps) != null && l.key && (e.value[a[o.defualtProps.key]] = !1);
+      (l = a.defualtProps) != null && l.key && (e.value[o[a.defualtProps.key]] = !1);
     });
   }), {
     realWidth: C,
-    realMenuList: g,
-    realTabWidth: F,
-    realTabMaxWidth: A,
+    realMenuList: F,
+    realTabWidth: T,
+    realTabMaxWidth: S,
     tabsMenuPoppver: v,
     poppverVisible: e,
-    menuClick: M,
-    beforeEnter: D,
+    menuClick: O,
+    beforeEnter: M,
     onContextmenu: h
   };
-}, ue = {
+}, N = {
+  "--das-ui-tabs-color": {
+    kjl: "#666666",
+    ssl: "#999999",
+    cjb: "#666666"
+  },
+  "--das-ui-tabs-bg-color": {
+    kjl: "#FAFAFA",
+    ssl: "#161834",
+    cjb: "#FAFAFA"
+  }
+}, de = {
   key: 1,
   class: "das-tab-label"
-}, ce = { class: "das-tabs-contextmenu-list" }, fe = ["onClick"], be = {
+}, ue = { class: "das-tabs-contextmenu-list" }, ce = ["onClick"], fe = {
   key: 1,
   style: { position: "relative", top: "-5px", "font-size": "18px" }
-}, ve = "#666666", pe = "#D9D9D9", ye = /* @__PURE__ */ Y({
+}, be = "#666666", ve = "#D9D9D9", ye = /* @__PURE__ */ Y({
   inheritAttrs: !1,
   __name: "Tabs",
   props: {
+    theme: { default: "default" },
     activeKey: {},
     type: { default: "line" },
     isStrict: { type: Boolean, default: !1 },
@@ -107,117 +120,125 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     hideOverflow: { type: Boolean }
   },
   emits: ["update:activeKey", "tabClick", "menuClick"],
-  setup(o, { emit: y }) {
-    Z((t) => ({
-      43915847: s(x),
-      "597c90a1": s(w),
-      "4844cc32": H.value
-    }));
-    const e = o, m = S(), g = (t) => {
-      var f;
-      v("tabClick", t), (f = m.value) == null || f.$el.click();
-    }, C = i({
+  setup(a, { emit: m }) {
+    const e = a, p = w(), F = (t) => {
+      var d;
+      v("tabClick", t), (d = p.value) == null || d.$el.click();
+    }, C = u({
       get: () => e.activeKey ?? "",
       set: (t) => v("update:activeKey", t)
-    }), F = i(() => e.options.filter((f) => !f.hidden)), A = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, T = i(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), v = y, D = i(() => e.type === "lattice" ? "line" : e.type), h = i(() => {
+    }), T = u(() => e.options.filter((d) => !d.hidden)), S = (t) => e.isStrict ? !!(t.contentSlot && t[e.defualtProps.key] === C.value) : !!t.contentSlot, A = u(() => e.moreIconType ? e.moreIconType : e.type === "lattice" ? "default" : "arrow"), v = m, M = u(() => e.type === "lattice" ? "line" : e.type), h = u(() => {
       if (e.type === "card")
         return e.size ? e.size : "large";
       if (e.type === "line")
         return e.size ? e.size : "medium";
       if (e.type === "editable-card")
         return e.size ? e.size : "small";
-    }), M = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", a = i(() => e.fontColor ? e.fontColor : ve), l = i(() => e.backgroudColor ? e.backgroudColor : M), P = i(() => e.borderColor ? e.borderColor : pe), E = i(() => ({
-      ...e.tabsStyle,
-      "--das-ui-tabs-custom-color": a.value,
-      "--das-ui-tabs-custom-bg-color": l.value,
-      "--das-ui-tabs-custom-border-color": P.value
-    })), {
-      realTabWidth: x,
-      realTabMaxWidth: w,
-      realWidth: N,
-      menuClick: _,
-      tabsMenuPoppver: j,
-      realMenuList: G,
-      poppverVisible: R,
-      beforeEnter: q,
-      onContextmenu: W
-    } = de(e, v), H = i(() => {
+    }), O = e.type === "editable-card" ? "#FAFAFA" : "#FFFFFF", o = u(() => {
+      let t = {};
+      return e != null && e.fontColor && (t["--das-ui-tabs-color"] = e.fontColor), e != null && e.backgroudColor && (t["--das-ui-tabs-bg-color"] = e.backgroudColor), e != null && e.borderColor && (t["--das-ui-tabs-border-color"] = e.borderColor), t;
+    }), l = u(() => {
       if (e.tabPadding) return e.tabPadding;
-      if (x.value || w.value) return "0";
+      if (k.value || E.value) return "0";
       if (e.type === "line") return "0 20px";
       if (e.type === "card") {
         if (h.value === "large") return "0 40px";
         if (h.value === "medium" || h.value === "small") return "0 24px";
       }
       if (e.type === "lattice") return "0 20px";
-    });
-    return (t, f) => F.value && F.value.length ? (d(), B(s(se), U({
+    }), P = u(() => {
+      const t = {};
+      return e.theme !== "default" && Object.keys(N).forEach((d) => {
+        t[d] = N[d][e.theme];
+      }), {
+        ...e.tabsStyle,
+        "--das-ui-tabs-color": be,
+        "--das-ui-tabs-bg-color": O,
+        "--das-ui-tabs-border-color": ve,
+        "---das-ui-tabs-tab-width": k.value,
+        "---das-ui-tabs-tab-max-width": E.value,
+        "---das-ui-tabs-tab-padding": l.value,
+        ...t,
+        ...o.value
+      };
+    }), {
+      realTabWidth: k,
+      realTabMaxWidth: E,
+      realWidth: x,
+      menuClick: _,
+      tabsMenuPoppver: G,
+      realMenuList: q,
+      poppverVisible: W,
+      beforeEnter: H,
+      onContextmenu: U
+    } = ie(e, v);
+    return (t, d) => T.value && T.value.length ? (i(), B(r(se), j({
       key: 0,
       ref_key: "tabsContainerRef",
-      ref: m,
+      ref: p,
       class: ["das-tabs", t.type, h.value, t.hideOverflow ? "hide-overflow" : ""],
-      style: E.value,
-      type: D.value,
+      style: P.value,
+      type: M.value,
       hideAdd: t.hideAdd,
       activeKey: C.value,
-      "onUpdate:activeKey": f[1] || (f[1] = (r) => C.value = r)
-    }, t.$attrs, { onTabClick: g }), V({
+      "onUpdate:activeKey": d[1] || (d[1] = (s) => C.value = s)
+    }, t.$attrs, { onTabClick: F }), V({
       moreIcon: b(() => [
-        p(t.$slots, "moreIcon", {}, () => [
-          T.value === "arrow" ? (d(), B(s(re), {
+        y(t.$slots, "moreIcon", {}, () => [
+          A.value === "arrow" ? (i(), B(r(oe), {
             key: 0,
             icon: "fold",
             size: "small",
             "icon-color": "rgb(102, 102, 102)"
-          })) : u("v-if", !0),
-          T.value === "default" ? (d(), c("div", be, "...")) : u("v-if", !0)
+          })) : c("v-if", !0),
+          A.value === "default" ? (i(), f("div", fe, "...")) : c("v-if", !0)
         ], !0)
       ]),
       default: b(() => [
-        (d(!0), c(
-          k,
+        (i(!0), f(
+          g,
           null,
-          K(F.value, (r) => (d(), B(s(le), {
-            style: ee({ width: s(N) }),
-            key: r[t.defualtProps.key],
+          K(T.value, (s) => (i(), B(r(le), {
+            style: Z({ width: r(x) }),
+            key: s[t.defualtProps.key],
             tab: void 0,
-            disabled: r.disabled,
-            forceRender: r.forceRender
+            disabled: s.disabled,
+            forceRender: s.forceRender
           }, V({
             tab: b(() => [
-              u(" 无右键菜单 "),
-              t.contextmenu ? (d(), c(
-                k,
+              c(" 无右键菜单 "),
+              t.contextmenu ? (i(), f(
+                g,
                 { key: 1 },
                 [
-                  u(" 有右键菜单 "),
-                  te(s(ne), U({
+                  c(" 有右键菜单 "),
+                  ee(r(re), j({
                     ref_for: !0,
                     ref_key: "tabsMenuPoppver",
-                    ref: j,
-                    visible: s(R)[r[t.defualtProps.key]],
-                    "onUpdate:visible": (n) => s(R)[r[t.defualtProps.key]] = n,
+                    ref: G,
+                    visible: r(W)[s[t.defualtProps.key]],
+                    "onUpdate:visible": (n) => r(W)[s[t.defualtProps.key]] = n,
                     "popper-class": "das-tabs-contextmenu",
                     "show-arrow": !1,
                     placement: "bottom-start",
                     trigger: "contextmenu",
                     width: 106
                   }, t.menuPoppverAttrs, {
-                    onBeforeEnter: (n) => s(q)(r[t.defualtProps.key])
+                    onBeforeEnter: (n) => r(H)(s[t.defualtProps.key])
                   }), {
                     reference: b(() => [
-                      u(" @slot  自定义选项卡头显示文字"),
-                      r.tabSlot ? p(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), c(
+                      c(" @slot  自定义选项卡头显示文字"),
+                      s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : L((i(), f(
                         "div",
                         {
                           key: 1,
                           class: "das-tab-label",
-                          onContextmenu: f[0] || (f[0] = //@ts-ignore
-                          (...n) => s(W) && s(W)(...n))
+                          onContextmenu: d[0] || (d[0] = //@ts-ignore
+                          (...n) => r(U) && r(U)(...n))
                         },
                         [
-                          O(
-                            $(r[t.defualtProps.tab]),
+                          $(
+                            D(s[t.defualtProps.tab]),
                             1
                             /* TEXT */
                           )
@@ -225,34 +246,34 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                         32
                         /* NEED_HYDRATION */
                       )), [
-                        [s(I)]
+                        [r(I)]
                       ])
                     ]),
                     default: b(() => [
-                      oe("ul", ce, [
-                        (d(!0), c(
-                          k,
+                      te("ul", ue, [
+                        (i(!0), f(
+                          g,
                           null,
-                          K(s(G), (n) => (d(), c(
-                            k,
+                          K(r(q), (n) => (i(), f(
+                            g,
                             null,
                             [
-                              (typeof n.hidden == "function" ? !n.hidden(t.options, r) : !n.hidden) ? L((d(), c("li", {
+                              (typeof n.hidden == "function" ? !n.hidden(t.options, s) : !n.hidden) ? L((i(), f("li", {
                                 key: n.key,
                                 class: ae([
                                   "das-tabs-contextmenu-item",
-                                  (typeof n.disabled == "function" ? n.disabled(t.options, r) : n.disabled) ? "is-disabled" : ""
+                                  (typeof n.disabled == "function" ? n.disabled(t.options, s) : n.disabled) ? "is-disabled" : ""
                                 ]),
-                                onClick: (ge) => s(_)(n, r)
+                                onClick: (ke) => r(_)(n, s)
                               }, [
-                                O(
-                                  $(n.name),
+                                $(
+                                  D(n.name),
                                   1
                                   /* TEXT */
                                 )
-                              ], 10, fe)), [
-                                [s(I)]
-                              ]) : u("v-if", !0)
+                              ], 10, ce)), [
+                                [r(I)]
+                              ]) : c("v-if", !0)
                             ],
                             64
                             /* STABLE_FRAGMENT */
@@ -268,19 +289,19 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
                 ],
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : (d(), c(
-                k,
+              )) : (i(), f(
+                g,
                 { key: 0 },
                 [
-                  u(" @slot  自定义选项卡头显示文字"),
-                  r.tabSlot ? p(t.$slots, r.tabSlot, { key: 0 }, void 0, !0) : L((d(), c("div", ue, [
-                    O(
-                      $(r[t.defualtProps.tab]),
+                  c(" @slot  自定义选项卡头显示文字"),
+                  s.tabSlot ? y(t.$slots, s.tabSlot, { key: 0 }, void 0, !0) : L((i(), f("div", de, [
+                    $(
+                      D(s[t.defualtProps.tab]),
                       1
                       /* TEXT */
                     )
                   ])), [
-                    [s(I)]
+                    [r(I)]
                   ])
                 ],
                 64
@@ -288,24 +309,24 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
               ))
             ]),
             default: b(() => [
-              A(r) ? (d(), c(
-                k,
+              S(s) ? (i(), f(
+                g,
                 { key: 0 },
                 [
-                  u(" @slot  自定义显示内容"),
-                  p(t.$slots, r.contentSlot, {}, void 0, !0)
+                  c(" @slot  自定义显示内容"),
+                  y(t.$slots, s.contentSlot, {}, void 0, !0)
                 ],
                 64
                 /* STABLE_FRAGMENT */
-              )) : u("v-if", !0)
+              )) : c("v-if", !0)
             ]),
             _: 2
             /* DYNAMIC */
           }, [
-            r.closeIconSlot ? {
+            s.closeIconSlot ? {
               name: "closeIcon",
               fn: b(() => [
-                p(t.$slots, r.closeIconSlot, {}, void 0, !0)
+                y(t.$slots, s.closeIconSlot, {}, void 0, !0)
               ]),
               key: "0"
             } : void 0
@@ -320,27 +341,26 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
       t.$slots.leftExtra ? {
         name: "leftExtra",
         fn: b(() => [
-          u(" @slot tabbar 上左侧额外的元素 "),
-          p(t.$slots, "leftExtra", {}, void 0, !0)
+          c(" @slot tabbar 上左侧额外的元素 "),
+          y(t.$slots, "leftExtra", {}, void 0, !0)
         ]),
         key: "0"
       } : void 0,
       t.$slots.rightExtra ? {
         name: "rightExtra",
         fn: b(() => [
-          p(t.$slots, "rightExtra", {}, void 0, !0)
+          y(t.$slots, "rightExtra", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : u("v-if", !0);
+    ]), 1040, ["class", "style", "type", "hideAdd", "activeKey"])) : c("v-if", !0);
   }
-}), me = (o, y) => {
-  const e = o.__vccOpts || o;
-  for (const [m, g] of y)
-    e[m] = g;
+}), me = (a, m) => {
+  const e = a.__vccOpts || a;
+  for (const [p, F] of m)
+    e[p] = F;
   return e;
-}, he = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-3e216ece"]]), ke = {
-  "--das-ui-tabs-color": "#666666",
+}, pe = /* @__PURE__ */ me(ye, [["__scopeId", "data-v-1b6336e0"]]), he = {
   "--das-ui-tabs-active-color": "#5582F3",
   "--das-ui-tabs-menu-color": "#212121",
   "--das-ui-tabs-menu-hover-bg-color": "#F5F5F5",
@@ -350,12 +370,11 @@ const ie = (o) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
   "--das-ui-tabs-menu-disabled-bg--color": "#ffffff",
   "--das-ui-edit-tabs-bg-color": "#FAFAFA",
   "--das-ui-card-tabs-bg-color": "#F5F5F5",
-  "--das-ui-card-tabs-active-color": "#5582F3",
-  "--das-ui-tabs-border-color": "#D9D9D9"
+  "--das-ui-card-tabs-active-color": "#5582F3"
 };
-Q(ke);
-const De = J(he), Me = { name: "Tabs 页签" };
+Q(he);
+const Me = J(pe), Oe = { name: "Tabs 页签" };
 export {
-  De as DasTabs,
-  Me as default
+  Me as DasTabs,
+  Oe as default
 };

package/packages/components/tabs/src/style-theme.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    '--das-ui-tabs-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+    '--das-ui-tabs-bg-color': {
+        kjl: string;
+        ssl: string;
+        cjb: string;
+    };
+};
+export default _default;

package/packages/components/tabs/src/type.d.ts

@@ -28,6 +28,8 @@ export interface DasTabsoptionsType {
 }
 
 export interface Props {
+  theme: 'default' | 'kjl' | 'cjb' | 'ssl'
+
   
   activeKey?: string | number
 

package/packages/components/tabs/style.css

@@ -1 +1 @@
-.das-tabs[data-v-3e216ece]{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.das-tabs[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{cursor:pointer}.das-tabs:not(.editable-card).hide-overflow[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-operations{display:none}.das-tabs[data-v-3e216ece]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab{width:var(--43915847)!important;max-width:var(--597c90a1)!important;padding:var(--4844cc32)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.das-tabs[data-v-3e216ece]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab:hover{color:var(--das-ui-tabs-menu-active-color)}.das-tabs[data-v-3e216ece]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav{margin:0 0 10px;border-bottom:1px solid var(--das-ui-tabs-custom-border-color);color:var(--das-ui-tabs-color);background-color:var(--das-ui-tabs-custom-bg-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav:before,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav:before{display:none}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab{background:transparent;border:none;transition:none;box-sizing:border-box}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{color:var(--das-ui-tabs-custom-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn{color:#00000040}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{display:none}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{display:flex;align-items:center;color:var(--das-ui-tabs-custom-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-ink-bar,.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-ink-bar{background:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px!important}.das-tabs.line.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.line.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.line.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.line.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.line.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.line.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px}.das-tabs.line.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{padding:0}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn{position:relative}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background-color:var(--das-ui-tabs-active-color)}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn{text-align:center;width:var(--43915847);max-width:var(--597c90a1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-left:0}.das-tabs.editable-card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar{display:none}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap{height:48px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:6px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:30px;height:48px;line-height:48px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:16px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:16px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-right:0;margin-right:30px}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap{height:36px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:36px;line-height:36px}.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap{height:32px}.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:32px;line-height:32px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:4px;transform:translateY(1px)}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:26px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:14px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:14px}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove),.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){margin-right:26px;padding-right:0!important}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis,.das-tabs.editable-card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav{margin:0 0 10px;background-color:var(--das-ui-card-tabs-bg-color);color:var(--das-ui-tabs-color);border-top:1px solid var(--das-ui-tabs-border-color);border-bottom:1px solid var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav:before{display:none}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{position:relative;margin:0;border:none;border-radius:0;font-size:14px;color:#666;background-color:var(--das-ui-card-tabs-bg-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{position:relative;border-top:2px solid var(--das-ui-tabs-active-color);background-color:#fff;height:calc(100% + 2px)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .das-tab-label{margin-top:-2px}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active+.ant-tabs-tab:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color)}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child:before{display:none}.das-tabs.card[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.large[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.medium[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px;padding:0 24px}.das-tabs.card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.small[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.lattice.hide-overflow .ant-tabs-nav-wrap[data-v-3e216ece],.das-tabs.lattice.hide-overflow .ant-tabs-nav-list[data-v-3e216ece]{width:100%}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav{margin:0;height:24px;line-height:24px;font-size:12px}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav:before{display:none!important}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list{border:1px solid #d9d9d9;border-radius:2px}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{display:flex;justify-content:center;align-items:center;font-size:12px}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab+.ant-tabs-tab{margin:0}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(:nth-last-child(2)):not(.ant-tabs-tab-active){border-right:1px solid #d9d9d9}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-tabs-active-color)}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.lattice[data-v-3e216ece]>.ant-tabs-nav .ant-tabs-nav-operations{border:1px solid #d9d9d9;display:flex;justify-content:center;align-items:center}.das-tabs[data-v-3e216ece]>.ant-tabs-content-holder{flex:1}.das-tabs[data-v-3e216ece]>.ant-tabs-content-holder .ant-tabs-content{height:100%}.das-tabs[data-v-3e216ece]>.ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{height:100%}.das-tabs-contextmenu.el-popover.el-popper{width:106px;min-width:106px;padding:0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list{padding:8px 0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{height:32px;line-height:32px;color:var(--das-ui-tabs-menu-color);font-size:12px;padding-left:12px;cursor:pointer}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:hover{background-color:var(--das-ui-tabs-menu-hover-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:focus,.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:active{color:var(--das-ui-tabs-menu-active-color);background-color:var(--das-ui-tabs-menu-active-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item.is-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color);background-color:var(--das-ui-tabs-menu-disabled-bg--color)}.ant-tabs-dropdown{box-sizing:border-box;width:90px;border-radius:4px;box-shadow:0 1px 6px #0000004d;background-color:var(--das-ui-layout-header-menu-background-color);padding:0;max-height:336px;z-index:3000}.ant-tabs-dropdown .ant-tabs-dropdown-menu{width:90px;overflow-x:hidden;overflow-y:overlay;display:block;padding:5px 0}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar{width:8px;height:8px}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb{background:transparent}.ant-tabs-dropdown .ant-tabs-dropdown-menu:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{display:block;min-width:0;font-size:12px;height:32px;line-height:32px;padding:5px 5px 5px 16px;width:100%}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .das-tab-label{position:relative;height:22px;line-height:22px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-item-remove{display:none}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:active{color:var(--das-ui-layout-header-menu-active-background-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}
+.das-tabs[data-v-1b6336e0]{display:flex;flex-direction:column;justify-content:flex-start;height:100%}.das-tabs[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{cursor:pointer}.das-tabs:not(.editable-card).hide-overflow[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{width:100%}.das-tabs:not(.editable-card).hide-overflow[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-operations{display:none}.das-tabs[data-v-1b6336e0]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab{width:var(---das-ui-tabs-tab-width)!important;max-width:var(---das-ui-tabs-tab-max-width)!important;padding:var(---das-ui-tabs-tab-padding)!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.das-tabs[data-v-1b6336e0]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab:hover{color:var(--das-ui-tabs-menu-active-color)}.das-tabs[data-v-1b6336e0]:not(.editable-card)>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav{margin:0 0 10px;border-bottom:1px solid var(--das-ui-tabs-border-color);color:var(--das-ui-tabs-color);background-color:var(--das-ui-tabs-bg-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav:before,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav:before{display:none}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab{background:transparent;border:none;transition:none;box-sizing:border-box}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-disabled .ant-tabs-tab-btn{color:#00000040}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{padding:0;display:none}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{display:flex;align-items:center;color:var(--das-ui-tabs-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove:hover{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-disabled).ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-ink-bar,.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-ink-bar{background:var(--das-ui-tabs-active-color)}.das-tabs.line[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:2px!important}.das-tabs.line.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:48px;line-height:48px}.das-tabs.line.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.line.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.line.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.line.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.line.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px}.das-tabs.line.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.line.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-tab+.ant-tabs-tab{margin-left:0!important}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{padding:0}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn{position:relative}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active .ant-tabs-tab-btn:after{position:absolute;content:"";bottom:0;right:0;width:100%;height:2px;background-color:var(--das-ui-tabs-active-color)}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-btn{text-align:center;width:var(---das-ui-tabs-tab-width);max-width:var(---das-ui-tabs-tab-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-left:0}.das-tabs.editable-card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-ink-bar{display:none}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap{height:48px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:6px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:30px;height:48px;line-height:48px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:16px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:16px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){padding-right:0;margin-right:30px}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap{height:36px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:36px;line-height:36px}.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap{height:32px}.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{height:32px;line-height:32px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab{font-size:14px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab .ant-tabs-tab-remove{margin-left:4px;transform:translateY(1px)}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove{margin-left:12px;margin-right:26px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove:hover{margin-right:14px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-with-remove.ant-tabs-tab-active{margin-right:14px}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove),.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab.ant-tabs-tab-disabled:not(.ant-tabs-tab-with-remove){margin-right:26px;padding-right:0!important}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.editable-card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis,.das-tabs.editable-card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav{margin:0 0 10px;background-color:var(--das-ui-card-tabs-bg-color);color:var(--das-ui-tabs-color);border-top:1px solid var(--das-ui-tabs-border-color);border-bottom:1px solid var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav:before{display:none}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{position:relative;margin:0;border:none;border-radius:0;font-size:14px;color:#666;background-color:var(--das-ui-card-tabs-bg-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:not(.ant-tabs-tab-disabled):hover .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{position:relative;border-top:2px solid var(--das-ui-tabs-active-color);background-color:#fff;height:calc(100% + 2px)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-card-tabs-active-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .das-tab-label{margin-top:-2px}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active+.ant-tabs-tab:before{position:absolute;content:"";top:0;left:0;height:100%;width:1px;background-color:var(--das-ui-tabs-border-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color)}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab:first-child:before{display:none}.das-tabs.card[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.large[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-2px}.das-tabs.card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:36px;line-height:36px}.das-tabs.card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{padding:0 24px}.das-tabs.card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.medium[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-4px}.das-tabs.card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list{height:32px;line-height:32px}.das-tabs.card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{font-size:12px;padding:0 24px}.das-tabs.card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more{padding:0 8px!important}.das-tabs.card.small[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-more .anticon-ellipsis{position:relative;top:-3px}.das-tabs.lattice.hide-overflow .ant-tabs-nav-wrap[data-v-1b6336e0],.das-tabs.lattice.hide-overflow .ant-tabs-nav-list[data-v-1b6336e0]{width:100%}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav{margin:0;height:24px;line-height:24px;font-size:12px}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav:before{display:none!important}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list{border:1px solid #d9d9d9;border-radius:2px}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab{display:flex;justify-content:center;align-items:center;font-size:12px}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab+.ant-tabs-tab{margin:0}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab:not(:nth-last-child(2)):not(.ant-tabs-tab-active){border-right:1px solid #d9d9d9}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-tabs-active-color)}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-list .ant-tabs-ink-bar{display:none}.das-tabs.lattice[data-v-1b6336e0]>.ant-tabs-nav .ant-tabs-nav-operations{border:1px solid #d9d9d9;display:flex;justify-content:center;align-items:center}.das-tabs[data-v-1b6336e0]>.ant-tabs-content-holder{flex:1}.das-tabs[data-v-1b6336e0]>.ant-tabs-content-holder .ant-tabs-content{height:100%}.das-tabs[data-v-1b6336e0]>.ant-tabs-content-holder .ant-tabs-content .ant-tabs-tabpane{height:100%}.das-tabs-contextmenu.el-popover.el-popper{width:106px;min-width:106px;padding:0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list{padding:8px 0}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item{height:32px;line-height:32px;color:var(--das-ui-tabs-menu-color);font-size:12px;padding-left:12px;cursor:pointer}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:hover{background-color:var(--das-ui-tabs-menu-hover-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:focus,.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item:active{color:var(--das-ui-tabs-menu-active-color);background-color:var(--das-ui-tabs-menu-active-bg-color)}.das-tabs-contextmenu.el-popover.el-popper .das-tabs-contextmenu-list .das-tabs-contextmenu-item.is-disabled{cursor:not-allowed;color:var(--das-ui-tabs-menu-disabled-color);background-color:var(--das-ui-tabs-menu-disabled-bg--color)}.ant-tabs-dropdown{box-sizing:border-box;width:90px;border-radius:4px;box-shadow:0 1px 6px #0000004d;background-color:var(--das-ui-layout-header-menu-background-color);padding:0;max-height:336px;z-index:3000}.ant-tabs-dropdown .ant-tabs-dropdown-menu{width:90px;overflow-x:hidden;overflow-y:overlay;display:block;padding:5px 0}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar{width:8px;height:8px}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb{background:transparent}.ant-tabs-dropdown .ant-tabs-dropdown-menu:hover::-webkit-scrollbar-thumb{background:var(--das-ui-scrollbar-thumb-color)}.ant-tabs-dropdown .ant-tabs-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--das-ui-scrollbar-thumb-hover-color)}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item{display:block;min-width:0;font-size:12px;height:32px;line-height:32px;padding:5px 5px 5px 16px;width:100%}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .das-tab-label{position:relative;height:22px;line-height:22px}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item .ant-tabs-dropdown-menu-item-remove{display:none}.ant-tabs-dropdown .ant-tabs-dropdown-menu .ant-tabs-dropdown-menu-item:active{color:var(--das-ui-layout-header-menu-active-background-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}

package/packages/components/tabs/theme/base.d.ts

@@ -1,5 +1,4 @@
 declare const _default: {
-    '--das-ui-tabs-color': string;
     '--das-ui-tabs-active-color': string;
     '--das-ui-tabs-menu-color': string;
     '--das-ui-tabs-menu-hover-bg-color': string;
@@ -10,6 +9,5 @@ declare const _default: {
     '--das-ui-edit-tabs-bg-color': string;
     '--das-ui-card-tabs-bg-color': string;
     '--das-ui-card-tabs-active-color': string;
-    '--das-ui-tabs-border-color': string;
 };
 export default _default;