@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.
- package/dist/components.js +1 -1
- package/dist/{index-DT-7jgfl.js → index-DCAkdq5p.js} +26 -7
- package/dist/{index-DT-7jgfl.js.map → index-DCAkdq5p.js.map} +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/tailwind.config.js +31 -37
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
package/dist/tailwind.config.js
CHANGED
|
@@ -1379,7 +1379,7 @@ const ce = {
|
|
|
1379
1379
|
opacity: "0"
|
|
1380
1380
|
}
|
|
1381
1381
|
}
|
|
1382
|
-
},
|
|
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
|
-
},
|
|
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
|
|
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
|
|
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
|
-
...
|
|
2286
|
+
...h("icon")
|
|
2287
2287
|
},
|
|
2288
2288
|
".cn-logo": {
|
|
2289
|
-
...
|
|
2289
|
+
...h("logo")
|
|
2290
2290
|
},
|
|
2291
2291
|
".cn-symbol": {
|
|
2292
|
-
...
|
|
2292
|
+
...h("symbol")
|
|
2293
2293
|
}
|
|
2294
2294
|
}, Re = ["danger", "warning", "success"];
|
|
2295
|
-
function
|
|
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
|
|
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
|
-
...
|
|
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
|
-
},
|
|
2781
|
-
${
|
|
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
|
-
${
|
|
2785
|
-
${
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
...
|
|
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
|
-
...
|
|
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
|
-
},
|
|
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
|
|
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 *)":
|
|
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 &":
|
|
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
|
|
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
|
-
...
|
|
6198
|
+
...T("outline")
|
|
6205
6199
|
},
|
|
6206
6200
|
"&:where(.cn-tag-secondary)": {
|
|
6207
|
-
...
|
|
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
|
-
},
|
|
6211
|
+
}, Tr = ["danger", "warning"], Br = ["sm"];
|
|
6218
6212
|
function Lr() {
|
|
6219
6213
|
const r = {};
|
|
6220
|
-
return
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
6614
|
+
Te,
|
|
6621
6615
|
se,
|
|
6622
6616
|
Ee,
|
|
6623
6617
|
jr,
|