quirk-ui 0.1.130 → 0.1.131
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index31.css');const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index31.css');const p=require("react"),b="_heading_6h751_2",y="_h1_6h751_10",C="_h2_6h751_16",w="_h3_6h751_22",k="_h4_6h751_27",v="_h5_6h751_32",S="_h6_6h751_37",z="_gradient_6h751_71",H="_truncate_6h751_84",t={heading:b,h1:y,h2:C,h3:w,h4:k,h5:v,h6:S,"align-left":"_align-left_6h751_45","align-center":"_align-center_6h751_49","align-right":"_align-right_6h751_53","transform-uppercase":"_transform-uppercase_6h751_58","transform-lowercase":"_transform-lowercase_6h751_62","transform-capitalize":"_transform-capitalize_6h751_66",gradient:z,truncate:H,"text-small":"_text-small_6h751_133","text-medium":"_text-medium_6h751_134","text-large":"_text-large_6h751_135","text-xlarge":"_text-xlarge_6h751_136"};function O({level:n=1,as:r,align:a,transform:_="none",gradient:s=!1,truncate:h=!1,maxLines:e,className:l,style:c,children:i,...o}){const g=r||`h${n}`,d=t[`h${n}`]||"",m=a?t[`align-${a}`]:"",u=_!=="none"?t[`transform-${_}`]:"",f=s?t.gradient:"",$=h?t.truncate:"",x={...c,...e&&e>1?{display:"-webkit-box",WebkitLineClamp:e,WebkitBoxOrient:"vertical",overflow:"hidden"}:{}};return p.createElement(g,{className:`${t.heading} ${d} ${m} ${u} ${f} ${$} ${l??""}`.trim(),style:x,...o},i)}exports.Heading=O;
|
|
@@ -1,51 +1,55 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../index31.css';const b = "
|
|
3
|
-
heading:
|
|
4
|
-
h1:
|
|
5
|
-
h2:
|
|
6
|
-
h3:
|
|
7
|
-
h4:
|
|
8
|
-
h5:
|
|
9
|
-
h6:
|
|
10
|
-
"align-left": "_align-
|
|
11
|
-
"align-center": "_align-
|
|
12
|
-
"align-right": "_align-
|
|
13
|
-
"transform-uppercase": "_transform-
|
|
14
|
-
"transform-lowercase": "_transform-
|
|
15
|
-
"transform-capitalize": "_transform-
|
|
16
|
-
gradient:
|
|
17
|
-
truncate: B
|
|
1
|
+
import p from "react";
|
|
2
|
+
import '../../../index31.css';const C = "_heading_6h751_2", b = "_h1_6h751_10", w = "_h2_6h751_16", y = "_h3_6h751_22", k = "_h4_6h751_27", v = "_h5_6h751_32", z = "_h6_6h751_37", W = "_gradient_6h751_71", B = "_truncate_6h751_84", t = {
|
|
3
|
+
heading: C,
|
|
4
|
+
h1: b,
|
|
5
|
+
h2: w,
|
|
6
|
+
h3: y,
|
|
7
|
+
h4: k,
|
|
8
|
+
h5: v,
|
|
9
|
+
h6: z,
|
|
10
|
+
"align-left": "_align-left_6h751_45",
|
|
11
|
+
"align-center": "_align-center_6h751_49",
|
|
12
|
+
"align-right": "_align-right_6h751_53",
|
|
13
|
+
"transform-uppercase": "_transform-uppercase_6h751_58",
|
|
14
|
+
"transform-lowercase": "_transform-lowercase_6h751_62",
|
|
15
|
+
"transform-capitalize": "_transform-capitalize_6h751_66",
|
|
16
|
+
gradient: W,
|
|
17
|
+
truncate: B,
|
|
18
|
+
"text-small": "_text-small_6h751_133",
|
|
19
|
+
"text-medium": "_text-medium_6h751_134",
|
|
20
|
+
"text-large": "_text-large_6h751_135",
|
|
21
|
+
"text-xlarge": "_text-xlarge_6h751_136"
|
|
18
22
|
};
|
|
19
23
|
function H({
|
|
20
|
-
level:
|
|
21
|
-
as:
|
|
22
|
-
align:
|
|
23
|
-
transform:
|
|
24
|
-
gradient:
|
|
25
|
-
truncate:
|
|
26
|
-
maxLines:
|
|
27
|
-
className:
|
|
28
|
-
style:
|
|
29
|
-
children:
|
|
30
|
-
...
|
|
24
|
+
level: _ = 1,
|
|
25
|
+
as: h,
|
|
26
|
+
align: n,
|
|
27
|
+
transform: a = "none",
|
|
28
|
+
gradient: r = !1,
|
|
29
|
+
truncate: s = !1,
|
|
30
|
+
maxLines: e,
|
|
31
|
+
className: l,
|
|
32
|
+
style: o,
|
|
33
|
+
children: c,
|
|
34
|
+
...i
|
|
31
35
|
}) {
|
|
32
|
-
const
|
|
33
|
-
...
|
|
34
|
-
...
|
|
36
|
+
const g = h || `h${_}`, m = t[`h${_}`] || "", d = n ? t[`align-${n}`] : "", f = a !== "none" ? t[`transform-${a}`] : "", u = r ? t.gradient : "", x = s ? t.truncate : "", $ = {
|
|
37
|
+
...o,
|
|
38
|
+
...e && e > 1 ? {
|
|
35
39
|
display: "-webkit-box",
|
|
36
|
-
WebkitLineClamp:
|
|
40
|
+
WebkitLineClamp: e,
|
|
37
41
|
WebkitBoxOrient: "vertical",
|
|
38
42
|
overflow: "hidden"
|
|
39
43
|
} : {}
|
|
40
44
|
};
|
|
41
|
-
return
|
|
42
|
-
|
|
45
|
+
return p.createElement(
|
|
46
|
+
g,
|
|
43
47
|
{
|
|
44
|
-
className: `${t.heading} ${
|
|
45
|
-
style:
|
|
46
|
-
...
|
|
48
|
+
className: `${t.heading} ${m} ${d} ${f} ${u} ${x} ${l ?? ""}`.trim(),
|
|
49
|
+
style: $,
|
|
50
|
+
...i
|
|
47
51
|
},
|
|
48
|
-
|
|
52
|
+
c
|
|
49
53
|
);
|
|
50
54
|
}
|
|
51
55
|
export {
|
package/dist/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_6h751_2{font-family:var(--font-family-primary, inherit);line-height:var(--line-height-tight, 1.1);color:var(--color-heading, var(--color-text));margin:0}._h1_6h751_10{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em}._h2_6h751_16{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em}._h3_6h751_22{font-size:var(--font-size-h3, 1.75rem);font-weight:var(--font-weight-semibold, 600)}._h4_6h751_27{font-size:var(--font-size-h4, 1.5rem);font-weight:var(--font-weight-semibold, 600)}._h5_6h751_32{font-size:var(--font-size-h5, 1.25rem);font-weight:var(--font-weight-medium, 500)}._h6_6h751_37{font-size:var(--font-size-h6, 1rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em}._align-left_6h751_45{text-align:left}._align-center_6h751_49{text-align:center}._align-right_6h751_53{text-align:right}._transform-uppercase_6h751_58{text-transform:uppercase}._transform-lowercase_6h751_62{text-transform:lowercase}._transform-capitalize_6h751_66{text-transform:capitalize}._gradient_6h751_71{background:linear-gradient(135deg,var(--color-primary-100, #007bff) 0%,var(--color-primary-120, #0056b3) 50%,var(--color-secondary-100, #6c757d) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._truncate_6h751_84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){._h1_6h751_10{font-size:var(--font-size-h2, 2rem)}._h2_6h751_16{font-size:var(--font-size-h3, 1.75rem)}._h3_6h751_22{font-size:var(--font-size-h4, 1.5rem)}._h4_6h751_27{font-size:var(--font-size-h5, 1.25rem)}}@media (max-width: 480px){._h1_6h751_10{font-size:var(--font-size-h3, 1.75rem)}._h2_6h751_16{font-size:var(--font-size-h4, 1.5rem)}._h3_6h751_22{font-size:var(--font-size-h5, 1.25rem)}}._heading_6h751_2[class*=bg-]{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, .5rem)}._heading_6h751_2:has(span._text-small_6h751_133),._heading_6h751_2:has(span._text-medium_6h751_134),._heading_6h751_2:has(span._text-large_6h751_135),._heading_6h751_2:has(span._text-xlarge_6h751_136){font-size:1em;line-height:inherit}._heading_6h751_2:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}._heading_6h751_2:focus{outline:none}
|