@harnessio/ui 1.3.18 → 1.3.19

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.
@@ -1379,7 +1379,7 @@ const ce = {
1379
1379
  opacity: "0"
1380
1380
  }
1381
1381
  }
1382
- }, ue = {
1382
+ }, he = {
1383
1383
  ".cn-drawer": {
1384
1384
  "&-content": {
1385
1385
  userSelect: "auto !important",
@@ -1784,7 +1784,7 @@ const ce = {
1784
1784
  }
1785
1785
  }
1786
1786
  }
1787
- }, he = [
1787
+ }, ue = [
1788
1788
  "gray",
1789
1789
  "green",
1790
1790
  "red",
@@ -1801,7 +1801,7 @@ const ce = {
1801
1801
  "violet"
1802
1802
  ], me = () => {
1803
1803
  const r = {};
1804
- return he.forEach((e) => {
1804
+ return ue.forEach((e) => {
1805
1805
  r[`&.cn-dropdown-menu-item-indicator-${e}`] = {
1806
1806
  backgroundColor: `var(--cn-set-${e}-solid-bg)`
1807
1807
  };
@@ -2274,7 +2274,7 @@ const Se = {
2274
2274
  ...Ce()
2275
2275
  }
2276
2276
  }, ze = ["2xs", "xs", "sm", "md", "lg", "xl"], $e = ["xs", "sm", "md", "lg"];
2277
- function u(r) {
2277
+ function h(r) {
2278
2278
  const e = r === "icon" ? ze : $e, n = r === "symbol" ? "logo" : r, a = {};
2279
2279
  return e.forEach((t) => {
2280
2280
  const o = {};
@@ -2283,16 +2283,16 @@ function u(r) {
2283
2283
  }
2284
2284
  const Ie = {
2285
2285
  ".cn-icon": {
2286
- ...u("icon")
2286
+ ...h("icon")
2287
2287
  },
2288
2288
  ".cn-logo": {
2289
- ...u("logo")
2289
+ ...h("logo")
2290
2290
  },
2291
2291
  ".cn-symbol": {
2292
- ...u("symbol")
2292
+ ...h("symbol")
2293
2293
  }
2294
2294
  }, Re = ["danger", "warning", "success"];
2295
- function Te() {
2295
+ function We() {
2296
2296
  const r = {};
2297
2297
  return Re.forEach((e) => {
2298
2298
  r[`&:where(.cn-input-${e}):not(:has(input[disabled]))`] = {
@@ -2309,7 +2309,7 @@ function Te() {
2309
2309
  };
2310
2310
  }), r;
2311
2311
  }
2312
- const We = {
2312
+ const Te = {
2313
2313
  ".cn-input": {
2314
2314
  "&-input": {
2315
2315
  height: "100%",
@@ -2397,7 +2397,7 @@ const We = {
2397
2397
  "@apply h-full border-0 border-l rounded-l-cn-none": "",
2398
2398
  borderColor: "inherit"
2399
2399
  },
2400
- ...Te()
2400
+ ...We()
2401
2401
  },
2402
2402
  "&-search": {
2403
2403
  "&:where(.cn-input-input)": {
@@ -2777,12 +2777,12 @@ const Ee = {
2777
2777
  progressBg: "danger",
2778
2778
  color: "text-danger"
2779
2779
  }
2780
- }, h = "var(--cn-comp-slider-track-progress-stripes)", Ne = `linear-gradient(45deg,
2781
- ${h} 18.75%,
2780
+ }, u = "var(--cn-comp-slider-track-progress-stripes)", Ne = `linear-gradient(45deg,
2781
+ ${u} 18.75%,
2782
2782
  transparent 18.75%,
2783
2783
  transparent 50%,
2784
- ${h} 50%,
2785
- ${h} 68.75%,
2784
+ ${u} 50%,
2785
+ ${u} 68.75%,
2786
2786
  transparent 68.75%,
2787
2787
  transparent)`, Ve = (r) => r === "sm" ? "8px 8px" : r === "lg" ? "32px 32px" : "16px 16px";
2788
2788
  function Me() {
@@ -3466,13 +3466,7 @@ const tr = {
3466
3466
  },
3467
3467
  "&-submenu": {
3468
3468
  "&-group": {
3469
- paddingLeft: "var(--cn-layout-xl)",
3470
- paddingTop: "var(--cn-sidebar-group-py)",
3471
- paddingBottom: "var(--cn-sidebar-group-py)",
3472
- gap: "var(--cn-spacing-2)",
3473
- overflow: "hidden",
3474
- '&[data-state="open"]': { "@apply animate-accordion-down": "" },
3475
- '&[data-state="closed"]': { "@apply animate-accordion-up": "" }
3469
+ display: "grid"
3476
3470
  },
3477
3471
  "&-item": {
3478
3472
  display: "grid",
@@ -3887,7 +3881,7 @@ const tr = {
3887
3881
  padding: "var(--cn-spacing-3) var(--cn-spacing-6)"
3888
3882
  }
3889
3883
  }, pr = ["sm", "md", "lg", "xs"], gr = ["2xs", "xs", "sm", "md", "lg", "xl"], br = ["xs", "sm", "md", "lg"], vr = ["sm"];
3890
- function ur() {
3884
+ function hr() {
3891
3885
  const r = {};
3892
3886
  return pr.forEach((e) => {
3893
3887
  r[`&:where(.cn-skeleton-avatar-${e})`] = {
@@ -3903,7 +3897,7 @@ function S(r) {
3903
3897
  t.width = `var(--cn-${r}-size-${a})`, t["min-width"] = `var(--cn-${r}-size-${a})`, t.height = `var(--cn-${r}-size-${a})`, t["min-height"] = `var(--cn-${r}-size-${a})`, n[`&:where(.cn-skeleton-${r}-${a})`] = t;
3904
3898
  }), n;
3905
3899
  }
3906
- function hr() {
3900
+ function ur() {
3907
3901
  const r = {};
3908
3902
  return vr.forEach((e) => {
3909
3903
  r[`&.cn-skeleton-form-item-${e}`] = {
@@ -3927,7 +3921,7 @@ const mr = {
3927
3921
  "&:where(.cn-skeleton-avatar-rounded)": {
3928
3922
  borderRadius: "var(--cn-avatar-radius-rounded)"
3929
3923
  },
3930
- ...ur()
3924
+ ...hr()
3931
3925
  },
3932
3926
  "&-icon": {
3933
3927
  ...S("icon")
@@ -3965,7 +3959,7 @@ const mr = {
3965
3959
  border: "var(--cn-input-border) solid var(--cn-border-2)",
3966
3960
  borderRadius: "var(--cn-input-radius)",
3967
3961
  backgroundColor: "var(--cn-comp-input-bg)",
3968
- ...hr()
3962
+ ...ur()
3969
3963
  }
3970
3964
  },
3971
3965
  "&-list": {
@@ -6121,20 +6115,20 @@ const mr = {
6121
6115
  green: "success",
6122
6116
  red: "danger",
6123
6117
  yellow: "warning"
6124
- }, T = (r, e) => ({
6118
+ }, W = (r, e) => ({
6125
6119
  backgroundColor: `var(--cn-set-${r}-${e ? "outline-bg-hover" : "secondary-bg-hover"})`,
6126
6120
  borderColor: `var(--cn-set-${r}-${e ? "outline-border" : "secondary-bg-hover"})`
6127
6121
  });
6128
- function W(r) {
6122
+ function T(r) {
6129
6123
  const e = {};
6130
6124
  return Ir.forEach((n) => {
6131
6125
  const a = Rr[n] ?? n, t = r === "outline", o = {
6132
6126
  color: `var(--cn-set-${a}-secondary-text)`,
6133
6127
  backgroundColor: `var(--cn-set-${a}-${t ? "outline-bg" : "secondary-bg"})`,
6134
6128
  borderColor: `var(--cn-set-${a}-${t ? "outline-border" : "secondary-bg"})`,
6135
- "&.cn-tag-hoverable:hover:not(.cn-tag-split *)": T(a, t),
6129
+ "&.cn-tag-hoverable:hover:not(.cn-tag-split *)": W(a, t),
6136
6130
  "&:where(.cn-tag-split-left)": {
6137
- ".cn-tag-split.cn-tag-split-hoverable:hover &": T(a, t)
6131
+ ".cn-tag-split.cn-tag-split-hoverable:hover &": W(a, t)
6138
6132
  },
6139
6133
  "&:where(.cn-tag-split-right)": t ? {
6140
6134
  borderColor: `var(--cn-set-${a}-secondary-bg)`,
@@ -6155,7 +6149,7 @@ function W(r) {
6155
6149
  e[`&:where(.cn-tag-${a})`] = o;
6156
6150
  }), e;
6157
6151
  }
6158
- const Tr = {
6152
+ const Wr = {
6159
6153
  ".cn-tag": {
6160
6154
  display: "inline-flex",
6161
6155
  alignItems: "center",
@@ -6201,10 +6195,10 @@ const Tr = {
6201
6195
  }
6202
6196
  },
6203
6197
  "&:where(.cn-tag-outline)": {
6204
- ...W("outline")
6198
+ ...T("outline")
6205
6199
  },
6206
6200
  "&:where(.cn-tag-secondary)": {
6207
- ...W("secondary")
6201
+ ...T("secondary")
6208
6202
  },
6209
6203
  ".cn-tag-text": {
6210
6204
  "@apply truncate leading-cn-16 align-middle inline-block": ""
@@ -6214,10 +6208,10 @@ const Tr = {
6214
6208
  maxWidth: "min(var(--cn-tag-split-max-width), 100%)",
6215
6209
  "@apply min-w-0": ""
6216
6210
  }
6217
- }, Wr = ["danger", "warning"], Br = ["sm"];
6211
+ }, Tr = ["danger", "warning"], Br = ["sm"];
6218
6212
  function Lr() {
6219
6213
  const r = {};
6220
- return Wr.forEach((e) => {
6214
+ return Tr.forEach((e) => {
6221
6215
  r[`&:where(.cn-textarea-${e}):not(:disabled)`] = {
6222
6216
  borderColor: `var(--cn-border-${e})`,
6223
6217
  boxShadow: `var(--cn-ring-${e})`,
@@ -6567,7 +6561,7 @@ const Hr = {
6567
6561
  xe,
6568
6562
  Sr,
6569
6563
  Be,
6570
- Tr,
6564
+ Wr,
6571
6565
  Le,
6572
6566
  M,
6573
6567
  le,
@@ -6575,7 +6569,7 @@ const Hr = {
6575
6569
  Oe,
6576
6570
  Ue,
6577
6571
  Se,
6578
- ue,
6572
+ he,
6579
6573
  de,
6580
6574
  $r,
6581
6575
  ve,
@@ -6617,7 +6611,7 @@ const Hr = {
6617
6611
  be,
6618
6612
  Ke,
6619
6613
  Hr,
6620
- We,
6614
+ Te,
6621
6615
  se,
6622
6616
  Ee,
6623
6617
  jr,