@dss-kit/ui-kit 0.2.29 → 0.2.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/ui-kit.es.js CHANGED
@@ -6171,7 +6171,7 @@ const $k = ta(ue), { color: Pd, cornerRadius: en, height: Ma, transition: Ok } =
6171
6171
  borderRadius: g ? ss[g] : I,
6172
6172
  backgroundColor: S,
6173
6173
  borderColor: $,
6174
- color: c,
6174
+ color: c ?? `var(--text-${M})`,
6175
6175
  width: "100%",
6176
6176
  height: Dk[m],
6177
6177
  opacity: h || (e ? 0.7 : 1)
@@ -28541,56 +28541,56 @@ const d4 = kg, { color: st, cornerRadius: Fr, height: Rt, transition: F0 } = D,
28541
28541
  borderRadius: Fr.xs,
28542
28542
  iconSize: Rt.icon["2xs"],
28543
28543
  fontSize: 10,
28544
- fontWeight: 500
28544
+ fontWeight: "var(--fw-medium)"
28545
28545
  },
28546
28546
  xs: {
28547
28547
  size: Rt.avatar.xs,
28548
28548
  borderRadius: Fr.sm,
28549
28549
  iconSize: Rt.icon.xs,
28550
28550
  fontSize: 12,
28551
- fontWeight: 500
28551
+ fontWeight: "var(--fw-medium)"
28552
28552
  },
28553
28553
  sm: {
28554
28554
  size: Rt.avatar.sm,
28555
28555
  borderRadius: Fr.sm,
28556
28556
  iconSize: Rt.icon.xs,
28557
28557
  fontSize: 14,
28558
- fontWeight: 500
28558
+ fontWeight: "var(--fw-medium)"
28559
28559
  },
28560
28560
  md: {
28561
28561
  size: Rt.avatar.md,
28562
28562
  borderRadius: Fr.sm,
28563
28563
  iconSize: Rt.icon.sm,
28564
28564
  fontSize: 14,
28565
- fontWeight: 500
28565
+ fontWeight: "var(--fw-medium)"
28566
28566
  },
28567
28567
  lg: {
28568
28568
  size: Rt.avatar.lg,
28569
28569
  borderRadius: Fr.md,
28570
28570
  iconSize: Rt.icon.md,
28571
28571
  fontSize: 16,
28572
- fontWeight: 600
28572
+ fontWeight: "var(--fw-semibold)"
28573
28573
  },
28574
28574
  xl: {
28575
28575
  size: Rt.avatar.xl,
28576
28576
  borderRadius: Fr.md,
28577
28577
  iconSize: Rt.icon.md,
28578
28578
  fontSize: 16,
28579
- fontWeight: 600
28579
+ fontWeight: "var(--fw-semibold)"
28580
28580
  },
28581
28581
  "2xl": {
28582
28582
  size: Rt.avatar["2xl"],
28583
28583
  borderRadius: Fr.md,
28584
28584
  iconSize: Rt.icon.md,
28585
28585
  fontSize: 18,
28586
- fontWeight: 500
28586
+ fontWeight: "var(--fw-semibold)"
28587
28587
  },
28588
28588
  custom: {
28589
28589
  size: Rt.avatar.md,
28590
28590
  borderRadius: Fr.sm,
28591
28591
  iconSize: Rt.icon.sm,
28592
28592
  fontSize: 14,
28593
- fontWeight: 500
28593
+ fontWeight: "var(--fw-medium)"
28594
28594
  }
28595
28595
  }, JO = Ue(
28596
28596
  ({ children: e, color: t = "primary", size: n = "md", fullRound: r = !1, className: o }, i) => {
@@ -28773,7 +28773,7 @@ const { color: Lt, cornerRadius: id, spacing: pl } = D, Lf = {
28773
28773
  );
28774
28774
  };
28775
28775
  t5.displayName = "Badge";
28776
- const n5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ A.createElement("path", { d: "M16 9L10.0337 15L8 12.9548", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), sd = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ A.createElement("path", { d: "M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z", fill: "currentColor" }), /* @__PURE__ */ A.createElement("path", { d: "M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z", fill: "currentColor" })), r5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.12 }), /* @__PURE__ */ A.createElement("path", { d: "M16 8L8 16M16 16L8 8", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), o5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "black", ...e }, /* @__PURE__ */ A.createElement("path", { d: "M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), { color: Je, cornerRadius: i5, spacing: Ls } = D, si = {
28776
+ const n5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ A.createElement("path", { d: "M16 9L10.0337 15L8 12.9548", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), sd = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("path", { d: "M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z", fill: "currentColor", fillOpacity: 0.15 }), /* @__PURE__ */ A.createElement("path", { d: "M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z", fill: "currentColor" }), /* @__PURE__ */ A.createElement("path", { d: "M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z", fill: "currentColor" })), r5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ A.createElement("circle", { cx: 12, cy: 12, r: 10, fill: "currentColor", fillOpacity: 0.12 }), /* @__PURE__ */ A.createElement("path", { d: "M16 8L8 16M16 16L8 8", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round" })), o5 = (e) => /* @__PURE__ */ A.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", color: "currentColor", ...e }, /* @__PURE__ */ A.createElement("path", { d: "M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), { color: Je, cornerRadius: i5, spacing: Ls } = D, si = {
28777
28777
  hint: k({
28778
28778
  display: "flex",
28779
28779
  alignItems: "flex-start",