quirk-ui 0.1.132 → 0.1.133
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 m=require("react"),$="_heading_p6jxx_2",b="_h1_p6jxx_10",y="_h2_p6jxx_16",C="_h3_p6jxx_22",w="_h4_p6jxx_27",k="_h5_p6jxx_32",v="_h6_p6jxx_37",S="_gradient_p6jxx_71",z="_truncate_p6jxx_84",t={heading:$,h1:b,h2:y,h3:C,h4:w,h5:k,h6:v,"align-left":"_align-left_p6jxx_45","align-center":"_align-center_p6jxx_49","align-right":"_align-right_p6jxx_53","transform-uppercase":"_transform-uppercase_p6jxx_58","transform-lowercase":"_transform-lowercase_p6jxx_62","transform-capitalize":"_transform-capitalize_p6jxx_66",gradient:S,truncate:z};function H({level:n=1,as:r,align:a,transform:s="none",gradient:_=!1,truncate:c=!1,maxLines:e,className:o,style:i,children:l,...x}){const h=r||`h${n}`,p=t[`h${n}`]||"",g=a?t[`align-${a}`]:"",d=s!=="none"?t[`transform-${s}`]:"",j=_?t.gradient:"",f=c?t.truncate:"",u={...i,...e&&e>1?{display:"-webkit-box",WebkitLineClamp:e,WebkitBoxOrient:"vertical",overflow:"hidden"}:{}};return m.createElement(h,{className:`${t.heading} ${p} ${g} ${d} ${j} ${f} ${o??""}`.trim(),style:u,...x},l)}exports.Heading=H;
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import
|
|
2
|
-
import '../../../index31.css';const
|
|
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:
|
|
1
|
+
import $ from "react";
|
|
2
|
+
import '../../../index31.css';const u = "_heading_p6jxx_2", C = "_h1_p6jxx_10", b = "_h2_p6jxx_16", w = "_h3_p6jxx_22", y = "_h4_p6jxx_27", k = "_h5_p6jxx_32", v = "_h6_p6jxx_37", z = "_gradient_p6jxx_71", W = "_truncate_p6jxx_84", t = {
|
|
3
|
+
heading: u,
|
|
4
|
+
h1: C,
|
|
5
|
+
h2: b,
|
|
6
|
+
h3: w,
|
|
7
|
+
h4: y,
|
|
8
|
+
h5: k,
|
|
9
|
+
h6: v,
|
|
10
|
+
"align-left": "_align-left_p6jxx_45",
|
|
11
|
+
"align-center": "_align-center_p6jxx_49",
|
|
12
|
+
"align-right": "_align-right_p6jxx_53",
|
|
13
|
+
"transform-uppercase": "_transform-uppercase_p6jxx_58",
|
|
14
|
+
"transform-lowercase": "_transform-lowercase_p6jxx_62",
|
|
15
|
+
"transform-capitalize": "_transform-capitalize_p6jxx_66",
|
|
16
|
+
gradient: z,
|
|
17
|
+
truncate: W
|
|
18
18
|
};
|
|
19
|
-
function
|
|
19
|
+
function E({
|
|
20
20
|
level: e = 1,
|
|
21
21
|
as: s,
|
|
22
22
|
align: a,
|
|
23
23
|
transform: _ = "none",
|
|
24
|
-
gradient:
|
|
25
|
-
truncate:
|
|
24
|
+
gradient: r = !1,
|
|
25
|
+
truncate: o = !1,
|
|
26
26
|
maxLines: n,
|
|
27
|
-
className:
|
|
28
|
-
style:
|
|
29
|
-
children:
|
|
27
|
+
className: c,
|
|
28
|
+
style: i,
|
|
29
|
+
children: x,
|
|
30
30
|
...l
|
|
31
31
|
}) {
|
|
32
|
-
const
|
|
33
|
-
...
|
|
32
|
+
const h = s || `h${e}`, p = t[`h${e}`] || "", g = a ? t[`align-${a}`] : "", d = _ !== "none" ? t[`transform-${_}`] : "", f = r ? t.gradient : "", j = o ? t.truncate : "", m = {
|
|
33
|
+
...i,
|
|
34
34
|
...n && n > 1 ? {
|
|
35
35
|
display: "-webkit-box",
|
|
36
36
|
WebkitLineClamp: n,
|
|
@@ -38,16 +38,16 @@ function H({
|
|
|
38
38
|
overflow: "hidden"
|
|
39
39
|
} : {}
|
|
40
40
|
};
|
|
41
|
-
return
|
|
42
|
-
|
|
41
|
+
return $.createElement(
|
|
42
|
+
h,
|
|
43
43
|
{
|
|
44
|
-
className: `${t.heading} ${
|
|
45
|
-
style:
|
|
44
|
+
className: `${t.heading} ${p} ${g} ${d} ${f} ${j} ${c ?? ""}`.trim(),
|
|
45
|
+
style: m,
|
|
46
46
|
...l
|
|
47
47
|
},
|
|
48
|
-
|
|
48
|
+
x
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
export {
|
|
52
|
-
|
|
52
|
+
E as Heading
|
|
53
53
|
};
|
package/dist/index31.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._heading_p6jxx_2{font-family:var(--font-family-primary, inherit);line-height:var(--line-height-normal, 1.1);color:var(--color-heading, var(--color-text));margin:0}._h1_p6jxx_10{font-size:var(--font-size-h1, 2.5rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.02em}._h2_p6jxx_16{font-size:var(--font-size-h2, 2rem);font-weight:var(--font-weight-bold, 700);letter-spacing:-.01em}._h3_p6jxx_22{font-size:var(--font-size-h3, 1.75rem);font-weight:var(--font-weight-semibold, 600)}._h4_p6jxx_27{font-size:var(--font-size-h4, 1.5rem);font-weight:var(--font-weight-semibold, 600)}._h5_p6jxx_32{font-size:var(--font-size-h5, 1.25rem);font-weight:var(--font-weight-medium, 500)}._h6_p6jxx_37{font-size:var(--font-size-h6, 1rem);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.05em}._align-left_p6jxx_45{text-align:left}._align-center_p6jxx_49{text-align:center}._align-right_p6jxx_53{text-align:right}._transform-uppercase_p6jxx_58{text-transform:uppercase}._transform-lowercase_p6jxx_62{text-transform:lowercase}._transform-capitalize_p6jxx_66{text-transform:capitalize}._gradient_p6jxx_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_p6jxx_84{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){._h1_p6jxx_10{font-size:var(--font-size-h2, 2rem)}._h2_p6jxx_16{font-size:var(--font-size-h3, 1.75rem)}._h3_p6jxx_22{font-size:var(--font-size-h4, 1.5rem)}._h4_p6jxx_27{font-size:var(--font-size-h5, 1.25rem)}}@media (max-width: 480px){._h1_p6jxx_10{font-size:var(--font-size-h3, 1.75rem)}._h2_p6jxx_16{font-size:var(--font-size-h4, 1.5rem)}._h3_p6jxx_22{font-size:var(--font-size-h5, 1.25rem)}}._heading_p6jxx_2[class*=bg-]{padding:var(--spacing-sm, .5rem) var(--spacing-md, 1rem);border-radius:var(--radius-md, .5rem)}._heading_p6jxx_2:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px;border-radius:var(--radius-sm, .25rem)}._heading_p6jxx_2:focus{outline:none}
|