@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

package/packages/components/checkbox/index.js

@@ -1,29 +1,29 @@
 import '@das-fed/ui/packages/components/checkbox/style.css';
-import { defineComponent as Y, computed as m, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, createElementBlock as u, openBlock as o, createBlock as R, createCommentVNode as c, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as W, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as M, toDisplayString as p, createVNode as A, createElementVNode as se } from "vue";
-import { withInstall as te } from "@das-fed/utils/with-install/index";
-import { CheckboxGroup as ue } from "ant-design-vue/es";
+import { defineComponent as Z, computed as y, reactive as _, toRefs as ee, watchEffect as ae, watch as le, useSlots as oe, ref as K, onMounted as se, createElementBlock as u, openBlock as o, createBlock as F, createCommentVNode as c, unref as r, mergeProps as U, isRef as A, withCtx as W, withDirectives as x, normalizeStyle as g, renderSlot as M, normalizeClass as b, Fragment as C, renderList as $, createTextVNode as N, toDisplayString as v, createVNode as j, createElementVNode as te } from "vue";
+import { withInstall as ue } from "@das-fed/utils/with-install/index";
+import { CheckboxGroup as re } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
-import { Checkbox as j } from "ant-design-vue";
-import { DasAutoRegisterIcon as ie, DasIcon as G } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as x } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { useModelValue as H } from "@das-fed/utils/vue";
-import { setThemeRule as re } from "@das-fed/web/packages/theme/index";
-const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick", "onBlur", "tabindex"], fe = {
+import { Checkbox as G } from "ant-design-vue";
+import { DasAutoRegisterIcon as ie, DasIcon as H } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as T } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { useModelValue as J } from "@das-fed/utils/vue";
+import { getVar as n, setGlobalThemeRule as de, setThemeRule as ce } from "@das-fed/web/packages/theme/index";
+const ne = { class: "das-ui-checkbox" }, be = { class: "label" }, fe = ["onClick", "onBlur", "tabindex"], he = {
   key: 0,
   class: "square-select-icon"
-}, be = {
+}, pe = {
   key: 1,
   class: "empty-text"
-}, he = ["onClick", "tabindex"], pe = {
+}, ve = ["onClick", "tabindex"], ke = {
   key: 6,
   class: "das-checkbox-error-label-content"
-}, ve = {
+}, me = {
   key: 0,
   class: "das-input-error-label"
-}, ke = {
+}, ye = {
   key: 7,
   class: "das-checkbox-overlay-error-label-content"
-}, me = { class: "label" }, ye = /* @__PURE__ */ Y({
+}, xe = { class: "label" }, ge = /* @__PURE__ */ Z({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -50,24 +50,24 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["change", "update:modelValue", "update:indeterminate"],
-  setup(T, { emit: B }) {
+  setup(V, { emit: B }) {
     ie({
       select: import("@das-fed/ui/packages/icons/select")
     });
-    const s = T, $ = m(() => s.noSetDefaultVal ? "" : "-"), D = Z({
+    const s = V, S = y(() => s.noSetDefaultVal ? "" : "-"), z = _({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
-    let { checkboxValue: t, isFocus: F, checkboxIndeterminate: v } = _(D);
-    const S = s.layout, k = B;
-    ee(() => {
-      t.value = s.modelValue, v.value = s.indeterminate, s.checkboxType == "default" && s.optionType == "default" && s.modelValue && (v.value = !1);
-    }), ae(t, (e) => {
-      k("update:modelValue", e);
+    let { checkboxValue: t, isFocus: D, checkboxIndeterminate: k } = ee(z);
+    const I = s.layout, m = B;
+    ae(() => {
+      t.value = s.modelValue, k.value = s.indeterminate, s.checkboxType == "default" && s.optionType == "default" && s.modelValue && (k.value = !1);
+    }), le(t, (e) => {
+      m("update:modelValue", e);
     });
-    const f = H(s, "defaultProps"), V = H(s, "options"), b = m(() => V.value.length ? V.value.map((e) => {
+    const f = J(s, "defaultProps"), w = J(s, "options"), h = y(() => w.value.length ? w.value.map((e) => {
       var l;
       return {
         value: e[f.value.value],
@@ -77,84 +77,84 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
         checked: (l = s.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
         mutual: e.mutual
       };
-    }) : []), N = () => {
-      v && (v.value = !1, k("update:indeterminate", v.value), k("update:modelValue", t.value)), k("change", t.value);
-    }, K = s.disabled, Q = b.value.some((e) => !!e.mutual), z = (e, l) => {
-      if (!K)
+    }) : []), O = () => {
+      k && (k.value = !1, m("update:indeterminate", k.value), m("update:modelValue", t.value)), m("change", t.value);
+    }, Q = s.disabled, X = h.value.some((e) => !!e.mutual), R = (e, l) => {
+      if (!Q)
         if (e == "group") {
           if (l.disabled) return;
-          Q ? l.mutual ? (b.value.forEach((r) => {
-            r.checked = !1;
-          }), l.checked = !0) : (l.checked = !l.checked, b.value.forEach((r) => {
-            r.mutual && (r.checked = !b.value.some((a) => a.checked));
-          })) : l.checked = !l.checked, l.isFocus = !0, t.value = b.value.filter((r) => r.checked).map((r) => r.value), k("change", t.value);
+          X ? l.mutual ? (h.value.forEach((i) => {
+            i.checked = !1;
+          }), l.checked = !0) : (l.checked = !l.checked, h.value.forEach((i) => {
+            i.mutual && (i.checked = !h.value.some((a) => a.checked));
+          })) : l.checked = !l.checked, l.isFocus = !0, t.value = h.value.filter((i) => i.checked).map((i) => i.value), m("change", t.value);
         } else
-          t.value = !t.value, F.value = !0, k("change", t.value);
-    }, I = m(() => {
-      var e, l, r;
+          t.value = !t.value, D.value = !0, m("change", t.value);
+    }, L = y(() => {
+      var e, l, i;
       if (!s.isView) return [];
-      if ((!((e = V.value) != null && e.length) || !((l = t.value) != null && l.length)) && s.checkboxType == "group") return [];
+      if ((!((e = w.value) != null && e.length) || !((l = t.value) != null && l.length)) && s.checkboxType == "group") return [];
       if (s.checkboxType == "group")
-        return V.value.filter((a) => {
+        return w.value.filter((a) => {
           if (t.value.includes(a[f.value.value]))
             return a;
         });
       {
         if (!t.value) return [];
-        const a = le();
+        const a = oe();
         let d = null;
-        return a && a.default && ((r = a.default()) == null ? void 0 : r.length) == 0 && (d = a.default()[0].children), [
+        return a && a.default && ((i = a.default()) == null ? void 0 : i.length) == 0 && (d = a.default()[0].children), [
           {
             value: t.value,
             label: d
           }
         ];
       }
-    }), O = (e, l) => {
-      e == "group" ? l.isFocus = !1 : F.value = !1;
-    }, X = m(() => s.maxWidth ? s.maxWidth : s.width), h = m(() => {
-      let e = `${Number(String(X.value).split("px")[0])}`;
+    }), P = (e, l) => {
+      e == "group" ? l.isFocus = !1 : D.value = !1;
+    }, Y = y(() => s.maxWidth ? s.maxWidth : s.width), p = y(() => {
+      let e = `${Number(String(Y.value).split("px")[0])}`;
       if (s.maxWidth)
         return `max-width:${e}px`;
       if (s.width)
         return Number(e) > 72 && s.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}px`;
-    }), L = J(null);
-    return oe(() => {
+    }), E = K(null);
+    return se(() => {
       setTimeout(() => {
-        var l, r;
-        const e = (r = (l = L.value) == null ? void 0 : l.$el) == null ? void 0 : r.querySelectorAll(".ant-checkbox-input");
+        var l, i;
+        const e = (i = (l = E.value) == null ? void 0 : l.$el) == null ? void 0 : i.querySelectorAll(".ant-checkbox-input");
         e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
       }, 1e3);
     }), (e, l) => {
-      const r = ue;
-      return o(), u("div", de, [
-        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), R(i(j), P({
+      const i = re;
+      return o(), u("div", ne, [
+        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), F(r(G), U({
           key: 0,
           ref_key: "checkboxRef",
-          ref: L,
-          checked: i(t),
-          "onUpdate:checked": l[0] || (l[0] = (a) => U(t) ? t.value = a : t = a),
+          ref: E,
+          checked: r(t),
+          "onUpdate:checked": l[0] || (l[0] = (a) => A(t) ? t.value = a : t = a),
           disabled: e.disabled
         }, e.$attrs, {
           optionType: e.optionType,
-          indeterminate: i(v),
-          onChange: N,
+          indeterminate: r(k),
+          onChange: O,
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
-          default: E(() => [
-            y((o(), u(
+          default: W(() => [
+            x((o(), u(
               "div",
               {
                 class: "label",
-                style: g([h.value, { color: "#666" }])
+                style: g(p.value)
               },
               [
-                W(e.$slots, "default", {}, void 0, !0)
+                M(e.$slots, "default", {}, void 0, !0)
               ],
               4
               /* STYLE */
             )), [
-              [i(x)]
+              [r(T)]
             ])
           ]),
           _: 3
@@ -164,62 +164,62 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           "div",
           {
             key: 1,
-            class: n([
+            class: b([
               "das-ui-checkbox-square",
               e.size,
               {
                 "das-ui-checkbox-square--disabled": e.disabled,
-                "das-ui-checkbox-square--checked": !!i(t),
-                "das-ui-checkbox-square--focus": i(F),
-                "ellipsis-square-checkbox": !!h.value
+                "das-ui-checkbox-square--checked": !!r(t),
+                "das-ui-checkbox-square--focus": r(D),
+                "ellipsis-square-checkbox": !!p.value
               }
             ]),
             tabindex: "0",
-            onClick: l[1] || (l[1] = (a) => z("default", "")),
-            onBlur: l[2] || (l[2] = (a) => O("default", "")),
-            style: g(h.value)
+            onClick: l[1] || (l[1] = (a) => R("default", "")),
+            onBlur: l[2] || (l[2] = (a) => P("default", "")),
+            style: g(p.value)
           },
           [
-            y((o(), u("div", ce, [
-              W(e.$slots, "default", {}, void 0, !0)
+            x((o(), u("div", be, [
+              M(e.$slots, "default", {}, void 0, !0)
             ])), [
-              [i(x)]
+              [r(T)]
             ])
           ],
           38
           /* CLASS, STYLE, NEED_HYDRATION */
         )) : c("v-if", !0),
-        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), R(r, P({
+        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), F(i, U({
           key: 2,
           ref_key: "checkboxRef",
-          ref: L
+          ref: E
         }, e.$attrs, {
-          class: [e.size, { "das-ui-checkbox-vertical": i(S) == "vertical" }],
-          value: i(t),
-          "onUpdate:value": l[3] || (l[3] = (a) => U(t) ? t.value = a : t = a),
+          class: [e.size, { "das-ui-checkbox-vertical": r(I) == "vertical" }],
+          value: r(t),
+          "onUpdate:value": l[3] || (l[3] = (a) => A(t) ? t.value = a : t = a),
           name: e.name,
-          onChange: N
+          onChange: O
         }), {
-          default: E(() => [
+          default: W(() => [
             (o(!0), u(
-              w,
+              C,
               null,
-              C(b.value, (a, d) => (o(), R(i(j), {
+              $(h.value, (a, d) => (o(), F(r(G), {
                 key: d,
                 value: a.value,
                 "onUpdate:value": (q) => a.value = q,
                 disabled: a.disabled || e.disabled
               }, {
-                default: E(() => [
-                  y((o(), u(
+                default: W(() => [
+                  x((o(), u(
                     "div",
                     {
-                      class: n(["label", { "label-min-width": !!h.value }]),
-                      style: g([h.value, { color: "#666" }])
+                      class: b(["label", { "label-min-width": !!p.value }]),
+                      style: g(p.value)
                     },
                     [
-                      M(
-                        p(a.label),
+                      N(
+                        v(a.label),
                         1
                         /* TEXT */
                       )
@@ -227,7 +227,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     6
                     /* CLASS, STYLE */
                   )), [
-                    [i(x)]
+                    [r(T)]
                   ])
                 ]),
                 _: 2
@@ -244,46 +244,46 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           "div",
           {
             key: 3,
-            class: n(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": i(S) == "vertical" }]])
+            class: b(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": r(I) == "vertical" }]])
           },
           [
             (o(!0), u(
-              w,
+              C,
               null,
-              C(b.value, (a, d) => (o(), u("div", {
-                class: n([
+              $(h.value, (a, d) => (o(), u("div", {
+                class: b([
                   "das-ui-checkbox-square",
                   {
                     "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
                     "das-ui-checkbox-square--checked": a.checked,
                     "das-ui-checkbox-square--focus": a.isFocus,
-                    "ellipsis-square-checkbox": !!h.value
+                    "ellipsis-square-checkbox": !!p.value
                   }
                 ]),
-                style: g(h.value),
-                onClick: (q) => z("group", a),
-                onBlur: (q) => O("group", a),
+                style: g(p.value),
+                onClick: (q) => R("group", a),
+                onBlur: (q) => P("group", a),
                 tabindex: d,
                 key: d
               }, [
-                a.checked ? (o(), u("span", fe, [
-                  A(i(G), {
+                a.checked ? (o(), u("span", he, [
+                  j(r(H), {
                     size: "mini",
                     icon: "select",
-                    iconColor: "#fff",
+                    iconColor: "var(--das-ui-radio-bgff)",
                     class: "view-icon"
                   })
                 ])) : c("v-if", !0),
-                y((o(), u("div", null, [
-                  M(
-                    p(a.label),
+                x((o(), u("div", null, [
+                  N(
+                    v(a.label),
                     1
                     /* TEXT */
                   )
                 ])), [
-                  [i(x)]
+                  [r(T)]
                 ])
-              ], 46, ne))),
+              ], 46, fe))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -296,35 +296,35 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           "div",
           {
             key: 4,
-            class: n(["das-ui-checkbox-view-group", { "flex-view": I.value.length > 1 }])
+            class: b(["das-ui-checkbox-view-group", { "flex-view": L.value.length > 1 }])
           },
           [
-            I.value.length ? (o(!0), u(
-              w,
+            L.value.length ? (o(!0), u(
+              C,
               { key: 0 },
-              C(I.value, (a, d) => (o(), u(
+              $(L.value, (a, d) => (o(), u(
                 "div",
                 {
-                  class: n(["das-checkbox-item-view", a[i(f).label] && "nonelabel-item-view"]),
+                  class: b(["das-checkbox-item-view", a[r(f).label] && "nonelabel-item-view"]),
                   key: d
                 },
                 [
-                  A(i(G), {
+                  j(r(H), {
                     size: "mini",
                     icon: "select",
-                    iconColor: "#666",
-                    class: n(["view-icon", { "m-r-5": a[i(f).label] || Object.keys(e.$slots).length > 0 }])
+                    iconColor: "var(--das-ui-radio-font-body)",
+                    class: b(["view-icon", { "m-r-5": a[r(f).label] || Object.keys(e.$slots).length > 0 }])
                   }, null, 8, ["class"]),
-                  a[i(f).label] ? y((o(), u(
+                  a[r(f).label] ? x((o(), u(
                     "div",
                     {
                       key: 0,
-                      class: n(["label", e.size]),
-                      style: g([h.value, { color: "#666" }])
+                      class: b(["label", e.size]),
+                      style: g(p.value)
                     },
                     [
-                      M(
-                        p(a[i(f).label]),
+                      N(
+                        v(a[r(f).label]),
                         1
                         /* TEXT */
                       )
@@ -332,8 +332,8 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     6
                     /* CLASS, STYLE */
                   )), [
-                    [i(x)]
-                  ]) : W(e.$slots, "default", { key: 1 }, void 0, !0)
+                    [r(T)]
+                  ]) : M(e.$slots, "default", { key: 1 }, void 0, !0)
                 ],
                 2
                 /* CLASS */
@@ -342,8 +342,8 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
               /* KEYED_FRAGMENT */
             )) : (o(), u(
               "span",
-              be,
-              p($.value),
+              pe,
+              v(S.value),
               1
               /* TEXT */
             ))
@@ -356,24 +356,24 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           "div",
           {
             key: 5,
-            class: n(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": i(S) == "vertical" }])
+            class: b(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": r(I) == "vertical" }])
           },
           [
             (o(!0), u(
-              w,
+              C,
               null,
-              C(b.value, (a, d) => (o(), u("div", {
-                class: n([
+              $(h.value, (a, d) => (o(), u("div", {
+                class: b([
                   "das-ui-checkbox-square",
                   {
                     "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
                     "das-ui-checkbox-square--checked": a.checked
                   }
                 ]),
-                onClick: (q) => z("group", a),
+                onClick: (q) => R("group", a),
                 tabindex: d,
                 key: d
-              }, p(a.label), 11, he))),
+              }, v(a.label), 11, ve))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -381,20 +381,20 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           2
           /* CLASS */
         )) : c("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", pe, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", ke, [
           e.error ? (o(), u(
             "span",
-            ve,
-            p(e.errorLabel),
+            me,
+            v(e.errorLabel),
             1
             /* TEXT */
           )) : c("v-if", !0)
         ])) : c("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ke, [
-          se(
+        e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ye, [
+          te(
             "span",
-            me,
-            p(e.errorLabel),
+            xe,
+            v(e.errorLabel),
             1
             /* TEXT */
           )
@@ -402,28 +402,30 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
       ]);
     };
   }
-}), ge = (T, B) => {
-  const s = T.__vccOpts || T;
-  for (const [$, D] of B)
-    s[$] = D;
+}), Te = (V, B) => {
+  const s = V.__vccOpts || V;
+  for (const [S, z] of B)
+    s[S] = z;
   return s;
-}, xe = /* @__PURE__ */ ge(ye, [["__scopeId", "data-v-8bd7db79"]]), Te = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-radio-font-normal": "#212121",
-  "--das-ui-radio-primary": "#5582F3 ",
-  "--das-ui-radio-disabled": "#B2B2B2",
-  "--das-ui-radio-inner-disabled": "#F5F5F5",
-  "--das-ui-radio-border-normal": "#D9D9D9",
-  "--das-ui-radio-bgff": "#fff",
-  "--das-ui-radio-shadow": "rgba(85, 130, 243, 0.1)"
+}, Ve = /* @__PURE__ */ Te(ge, [["__scopeId", "data-v-301a8ec8"]]), we = {
+  "--das-ui-radio-font-normal": n("--das-color-text-title"),
+  "--das-ui-radio-font-body": n("--das-color-text-body"),
+  "--das-ui-radio-primary": n("--das-color-brand-primary"),
+  "--das-ui-radio-disabled": n("--das-color-text-caption"),
+  "--das-ui-radio-inner-disabled": n("--das-color-bg-disabled"),
+  "--das-ui-radio-border-normal": n("--das-color-border-strong"),
+  "--das-ui-radio-bgff": n("--das-color-bg-container"),
+  "--das-ui-radio-shadow": n("--das-color-brand-primary-shadow"),
+  "--das-ui-radio-filter-bgcolor": n("--das-color-bg-container"),
+  "--das-ui-checkbox-radius": n("--das-radius-md"),
+  "--das-ui-checkbox-inner-radius": n("--das-radius-xs"),
+  "--das-ui-checkbox-overlay-error-radius": n("--das-radius-xs")
 };
-re(Te);
-const Ie = () => J(null), Le = te(xe);
+de();
+ce(we);
+const Ee = () => K(null), Fe = ue(Ve);
 export {
-  Le as DasCheckbox,
-  Ie as DasCheckboxRef,
-  Le as default
+  Fe as DasCheckbox,
+  Ee as DasCheckboxRef,
+  Fe as default
 };

package/packages/components/checkbox/style.css

@@ -1 +1 @@
-.empty-text[data-v-8bd7db79]{font-size:var(--das-ui-font-size-md);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-8bd7db79]{position:relative}.das-ui-checkbox .label[data-v-8bd7db79]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .label.label-min-width[data-v-8bd7db79]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-8bd7db79]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-8bd7db79]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-8bd7db79]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-8bd7db79]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-8bd7db79]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-8bd7db79]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:2px;color:var(--das-ui-radio-font-normal);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-8bd7db79]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-8bd7db79]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-8bd7db79]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-8bd7db79]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-8bd7db79]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-8bd7db79]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-8bd7db79]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-8bd7db79]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-8bd7db79]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-8bd7db79]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-8bd7db79]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-8bd7db79]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-8bd7db79]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-8bd7db79]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-8bd7db79]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-8bd7db79]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-8bd7db79]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-8bd7db79]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-8bd7db79]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-8bd7db79]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-8bd7db79]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-8bd7db79]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-8bd7db79]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-8bd7db79]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-8bd7db79]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-8bd7db79]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-8bd7db79]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-8bd7db79]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-8bd7db79],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-8bd7db79]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-8bd7db79]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-8bd7db79]{max-width:72px;margin-right:16px;font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-8bd7db79]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-8bd7db79]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-8bd7db79]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-8bd7db79]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-8bd7db79]{font-size:12px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-8bd7db79]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-8bd7db79]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-8bd7db79]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-8bd7db79]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-8bd7db79]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-inner-disabled)!important}
+.empty-text[data-v-301a8ec8]{font-size:var(--das-ui-font-size-md);color:var(--das-ui-radio-font-normal)}.das-ui-checkbox[data-v-301a8ec8]{position:relative}.das-ui-checkbox .label[data-v-301a8ec8]{color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .label.label-min-width[data-v-301a8ec8]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square[data-v-301a8ec8]:not(.das-ui-checkbox-square--checked):not(.das-ui-checkbox-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-301a8ec8]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-301a8ec8]{position:relative}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .das-ui-checkbox-square.das-ui-checkbox-square--disabled.das-ui-checkbox-square--checked[data-v-301a8ec8]:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-filter-square-group) .ellipsis-square-checkbox[data-v-301a8ec8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square[data-v-301a8ec8]{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:var(--das-ui-checkbox-radius);color:var(--das-ui-radio-font-normal);font-size:var(--das-ui-font-size-sm);font-weight:500;position:relative}.das-ui-checkbox .das-ui-checkbox-square.ellipsis-square-checkbox[data-v-301a8ec8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon[data-v-301a8ec8]{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-checkbox .das-ui-checkbox-square .square-select-icon .view-icon[data-v-301a8ec8]{width:10px!important;height:10px!important}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-301a8ec8]{position:relative}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked .square-checked-icon[data-v-301a8ec8]{position:absolute;bottom:0;right:2px}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--focus[data-v-301a8ec8]{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked[data-v-301a8ec8]:not(.das-ui-checkbox-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--checked.das-ui-checkbox-square--disabled[data-v-301a8ec8]{color:var(--das-ui-radio-font-normal)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-301a8ec8]{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .das-ui-checkbox-square.das-ui-checkbox-square--disabled[data-v-301a8ec8]:not([class*=" das-ui-checkbox-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-checkbox .das-ui-checkbox-square-group.small .das-ui-checkbox-square[data-v-301a8ec8]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square-group.middle .das-ui-checkbox-square[data-v-301a8ec8]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square-group.large .das-ui-checkbox-square[data-v-301a8ec8]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-ui-checkbox-square.small[data-v-301a8ec8]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-square.middle[data-v-301a8ec8]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-square.large[data-v-301a8ec8]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical[data-v-301a8ec8]{display:flex;flex-direction:column;width:fit-content}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item[data-v-301a8ec8]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-square-group[data-v-301a8ec8]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-301a8ec8]{margin-left:10px}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical[data-v-301a8ec8]{display:flex;flex-direction:column;align-items:flex-start}.das-ui-checkbox .das-ui-checkbox-square-group.das-ui-checkbox-vertical .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-301a8ec8]{margin-top:10px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-301a8ec8]{height:24px;line-height:24px}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square--checked[data-v-301a8ec8]{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-checkbox .das-ui-checkbox-filter-square-group .das-ui-checkbox-square[data-v-301a8ec8]:not(.das-ui-checkbox-square--checked){border-color:transparent}.das-ui-checkbox .das-ui-checkbox-filter-square-group:not(.das-ui-checkbox-vertical) .das-ui-checkbox-square+.das-ui-checkbox-square[data-v-301a8ec8]{margin-left:24px}.das-ui-checkbox .das-ui-checkbox-view-group[data-v-301a8ec8]{display:inline-block;position:relative;color:var(--das-ui-radio-font-normal)!important;font-size:var(--das-ui-font-size-sm)!important}.das-ui-checkbox .das-ui-checkbox-view-group .view-icon.m-r-5[data-v-301a8ec8]{margin-right:5px}.das-ui-checkbox .das-ui-checkbox-view-group.flex-view[data-v-301a8ec8],.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view[data-v-301a8ec8]{display:flex;align-items:center}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view.label-min-width[data-v-301a8ec8]{margin-right:4px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label[data-v-301a8ec8]{max-width:72px;margin-right:16px;font-size:var(--das-ui-font-size-sm);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.label-min-width[data-v-301a8ec8]{min-width:72px;margin-left:5px}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.small[data-v-301a8ec8]{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.middle[data-v-301a8ec8]{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .das-ui-checkbox-view-group .das-checkbox-item-view .label.large[data-v-301a8ec8]{font-size:var(--das-ui-font-size-lg)}.das-ui-checkbox .das-checkbox-error-label-content[data-v-301a8ec8]{font-size:12px}html[lang=ar] .das-ui-checkbox .das-checkbox-error-label-content[data-v-301a8ec8],:host-context(html[lang="ar"]) .das-ui-checkbox .das-checkbox-error-label-content[data-v-301a8ec8]{font-size:14px}.das-ui-checkbox .das-checkbox-error-label-content .das-input-success-label[data-v-301a8ec8]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .das-input-error-label[data-v-301a8ec8]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-checkbox .das-checkbox-error-label-content .error-label-overflow[data-v-301a8ec8]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-checkbox .das-checkbox-overlay-error-label-content[data-v-301a8ec8]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:var(--das-ui-checkbox-overlay-error-radius);padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-301a8ec8]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}html[lang=ar] .das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-301a8ec8],:host-context(html[lang="ar"]) .das-ui-checkbox .das-checkbox-overlay-error-label-content .label[data-v-301a8ec8]{font-size:14px}.das-ui-checkbox .ant-checkbox-wrapper{font-weight:500}.das-ui-checkbox .ant-checkbox-wrapper.nolabel .ant-checkbox+span{display:none}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{box-sizing:border-box;border-color:var(--das-ui-radio-border-normal);border-radius:var(--das-ui-checkbox-inner-radius)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{border-color:var(--das-ui-radio-primary);background-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox:not(.ant-checkbox-indeterminate) .ant-checkbox-inner:after{width:3.5px!important;height:8px!important;top:47%!important;left:3px!important;border-width:1.5px}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-border-normal)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--das-ui-radio-primary)!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox-inner{width:14px!important;height:14px!important}.das-ui-checkbox .ant-checkbox-wrapper .ant-checkbox+span{color:var(--das-ui-radio-font-normal);padding-left:5px!important;padding-right:16px!important;font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox+*{color:var(--das-ui-radio-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-checkbox .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled .ant-checkbox-disabled .ant-checkbox-inner:after{border-color:var(--das-ui-radio-border-normal)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox+*{color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-wrapper:not([class*=" ant-checkbox-wrapper-disabled"]):hover .ant-checkbox-inner{border-color:var(--das-ui-radio-primary)}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical{display:flex;flex-direction:column}.das-ui-checkbox .ant-checkbox-group.das-ui-checkbox-vertical .ant-checkbox-group-item+.ant-checkbox-group-item{margin-top:10px}.das-ui-checkbox .ant-checkbox-wrapper{margin-left:0!important}.das-ui-checkbox .ant-checkbox-wrapper.small .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.small .ant-checkbox+span{font-size:var(--das-ui-font-size-sm)}.das-ui-checkbox .ant-checkbox-wrapper.middle .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.middle .ant-checkbox+span{font-size:var(--das-ui-font-size-md)}.das-ui-checkbox .ant-checkbox-wrapper.large .ant-checkbox+span,.das-ui-checkbox .ant-checkbox-group.large .ant-checkbox+span{font-size:var(--das-ui-font-size-lg)}.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner:after{background-color:var(--das-ui-radio-inner-disabled)!important}

package/packages/components/checkbox/theme/index.d.ts

@@ -1,14 +1,15 @@
 declare const _default: {
-    '--demo-alert-bg': {
-        light: string;
-        dark: string;
-    };
     '--das-ui-radio-font-normal': string;
+    '--das-ui-radio-font-body': string;
     '--das-ui-radio-primary': string;
     '--das-ui-radio-disabled': string;
     '--das-ui-radio-inner-disabled': string;
     '--das-ui-radio-border-normal': string;
     '--das-ui-radio-bgff': string;
     '--das-ui-radio-shadow': string;
+    '--das-ui-radio-filter-bgcolor': string;
+    '--das-ui-checkbox-radius': string;
+    '--das-ui-checkbox-inner-radius': string;
+    '--das-ui-checkbox-overlay-error-radius': string;
 };
 export default _default;