@purpurds/heading 6.3.0 → 6.3.1
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/heading.cjs.js +2 -2
- package/dist/heading.cjs.js.map +1 -1
- package/dist/heading.es.js +53 -50
- package/dist/heading.es.js.map +1 -1
- package/package.json +5 -5
package/dist/heading.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function y(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var d={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/(function(r){(function(){var s={}.hasOwnProperty;function n(){for(var
|
|
5
|
+
*/var h;function T(){return h||(h=1,function(r){(function(){var s={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(e=a(e,l(i)))}return e}function l(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var i in e)s.call(e,i)&&e[i]&&(t=a(t,i));return t}function a(e,t){return t?e?e+" "+t:e+t:e}r.exports?(n.default=n,r.exports=n):window.classNames=n})()}(d)),d.exports}var q=T();const m=y(q),p={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},k={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},o={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},I={DISPLAY25:"display-25",DISPLAY50:"display-50",DISPLAY100:"display-100",DISPLAY200:"display-200"},u="purpur-heading",_=({["data-testid"]:r,children:s,className:n="",enableHyphenation:l=!1,negative:a=!1,tag:e,variant:t=o.TITLE100,...i})=>{const f=e,g=m([n,p[u],p[`${u}--${t}`],{[p[`${u}--hyphens`]]:l,[p[`${u}--negative`]]:a}]);return c.jsx(f,{...i,className:g,"data-testid":r,children:s})};_.displayName="Heading";exports.DisplayVariant=I;exports.Heading=_;exports.HeadingTag=k;exports.TitleVariant=o;
|
|
6
6
|
//# sourceMappingURL=heading.cjs.js.map
|
package/dist/heading.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/heading.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ComponentProps, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n H1: \"h1\",\n H2: \"h2\",\n H3: \"h3\",\n H4: \"h4\",\n H5: \"h5\",\n H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n TITLE100: \"title-100\",\n TITLE200: \"title-200\",\n TITLE300: \"title-300\",\n TITLE400: \"title-400\",\n TITLE500: \"title-500\",\n TITLE600: \"title-600\",\n TITLE700: \"title-700\",\n SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n DISPLAY25: \"display-25\",\n DISPLAY50: \"display-50\",\n DISPLAY100: \"display-100\",\n DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingProps = ComponentProps<HeadingTagType> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps) => {\n const Tag = tag;\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <Tag {...props} className={classes} data-testid={dataTestid}>\n {children}\n </Tag>\n );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","dataTestid","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles","jsx"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"heading.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/heading.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ComponentProps, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n H1: \"h1\",\n H2: \"h2\",\n H3: \"h3\",\n H4: \"h4\",\n H5: \"h5\",\n H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n TITLE100: \"title-100\",\n TITLE200: \"title-200\",\n TITLE300: \"title-300\",\n TITLE400: \"title-400\",\n TITLE500: \"title-500\",\n TITLE600: \"title-600\",\n TITLE700: \"title-700\",\n SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n DISPLAY25: \"display-25\",\n DISPLAY50: \"display-50\",\n DISPLAY100: \"display-100\",\n DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingProps = ComponentProps<HeadingTagType> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps) => {\n const Tag = tag;\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <Tag {...props} className={classes} data-testid={dataTestid}>\n {children}\n </Tag>\n );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","dataTestid","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles","jsx"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAElD,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,qgCCvEaU,EAAa,CACxB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,IACN,EAIaC,EAAe,CAC1B,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,SAAU,YACV,cAAe,gBACjB,EAIaC,EAAiB,CAC5B,UAAW,aACX,UAAW,aACX,WAAY,cACZ,WAAY,aACd,EAcMC,EAAgB,iBAETC,EAAU,CAAC,CACtB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,IAAAC,EACA,QAAAC,EAAUV,EAAa,SACvB,GAAGW,CACL,IAAoB,CAClB,MAAMC,EAAMH,EACNnB,EAAUuB,EAAE,CAChBP,EACAQ,EAAOZ,CAAa,EACpBY,EAAO,GAAGZ,CAAa,KAAKQ,CAAO,EAAE,EACrC,CACE,CAACI,EAAO,GAAGZ,CAAa,WAAW,CAAC,EAAGK,EACvC,CAACO,EAAO,GAAGZ,CAAa,YAAY,CAAC,EAAGM,CAAA,CAC1C,CACD,EAGC,OAAAO,EAAA,IAACH,GAAK,GAAGD,EAAO,UAAWrB,EAAS,cAAac,EAC9C,SAAAC,EACH,CAEJ,EAEAF,EAAQ,YAAc","x_google_ignoreList":[0]}
|
package/dist/heading.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
function
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
function g(r) {
|
|
3
3
|
return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
|
|
4
4
|
}
|
|
5
5
|
var l = { exports: {} };
|
|
@@ -8,38 +8,41 @@ var l = { exports: {} };
|
|
|
8
8
|
Licensed under the MIT License (MIT), see
|
|
9
9
|
http://jedwatson.github.io/classnames
|
|
10
10
|
*/
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
var d;
|
|
12
|
+
function c() {
|
|
13
|
+
return d || (d = 1, function(r) {
|
|
14
|
+
(function() {
|
|
15
|
+
var s = {}.hasOwnProperty;
|
|
16
|
+
function n() {
|
|
17
|
+
for (var e = "", t = 0; t < arguments.length; t++) {
|
|
18
|
+
var i = arguments[t];
|
|
19
|
+
i && (e = p(e, h(i)));
|
|
20
|
+
}
|
|
21
|
+
return e;
|
|
18
22
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
+
function h(e) {
|
|
24
|
+
if (typeof e == "string" || typeof e == "number")
|
|
25
|
+
return e;
|
|
26
|
+
if (typeof e != "object")
|
|
27
|
+
return "";
|
|
28
|
+
if (Array.isArray(e))
|
|
29
|
+
return n.apply(null, e);
|
|
30
|
+
if (e.toString !== Object.prototype.toString && !e.toString.toString().includes("[native code]"))
|
|
31
|
+
return e.toString();
|
|
32
|
+
var t = "";
|
|
33
|
+
for (var i in e)
|
|
34
|
+
s.call(e, i) && e[i] && (t = p(t, i));
|
|
23
35
|
return t;
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
}
|
|
35
|
-
function n(t, e) {
|
|
36
|
-
return e ? t ? t + " " + e : t + e : t;
|
|
37
|
-
}
|
|
38
|
-
r.exports ? (p.default = p, r.exports = p) : window.classNames = p;
|
|
39
|
-
})();
|
|
40
|
-
})(l);
|
|
41
|
-
var g = l.exports;
|
|
42
|
-
const c = /* @__PURE__ */ f(g), a = {
|
|
36
|
+
}
|
|
37
|
+
function p(e, t) {
|
|
38
|
+
return t ? e ? e + " " + t : e + t : e;
|
|
39
|
+
}
|
|
40
|
+
r.exports ? (n.default = n, r.exports = n) : window.classNames = n;
|
|
41
|
+
})();
|
|
42
|
+
}(l)), l.exports;
|
|
43
|
+
}
|
|
44
|
+
var y = c();
|
|
45
|
+
const T = /* @__PURE__ */ g(y), a = {
|
|
43
46
|
"purpur-heading": "_purpur-heading_k9fhq_1",
|
|
44
47
|
"purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
|
|
45
48
|
"purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
|
|
@@ -55,14 +58,14 @@ const c = /* @__PURE__ */ f(g), a = {
|
|
|
55
58
|
"purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
|
|
56
59
|
"purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
|
|
57
60
|
"purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
|
|
58
|
-
},
|
|
61
|
+
}, I = {
|
|
59
62
|
H1: "h1",
|
|
60
63
|
H2: "h2",
|
|
61
64
|
H3: "h3",
|
|
62
65
|
H4: "h4",
|
|
63
66
|
H5: "h5",
|
|
64
67
|
H6: "h6"
|
|
65
|
-
},
|
|
68
|
+
}, q = {
|
|
66
69
|
TITLE100: "title-100",
|
|
67
70
|
TITLE200: "title-200",
|
|
68
71
|
TITLE300: "title-300",
|
|
@@ -71,37 +74,37 @@ const c = /* @__PURE__ */ f(g), a = {
|
|
|
71
74
|
TITLE600: "title-600",
|
|
72
75
|
TITLE700: "title-700",
|
|
73
76
|
SUBSECTION100: "subsection-100"
|
|
74
|
-
},
|
|
77
|
+
}, L = {
|
|
75
78
|
DISPLAY25: "display-25",
|
|
76
79
|
DISPLAY50: "display-50",
|
|
77
80
|
DISPLAY100: "display-100",
|
|
78
81
|
DISPLAY200: "display-200"
|
|
79
|
-
}, u = "purpur-heading",
|
|
82
|
+
}, u = "purpur-heading", m = ({
|
|
80
83
|
["data-testid"]: r,
|
|
81
84
|
children: s,
|
|
82
|
-
className:
|
|
85
|
+
className: n = "",
|
|
83
86
|
enableHyphenation: h = !1,
|
|
84
|
-
negative:
|
|
85
|
-
tag:
|
|
86
|
-
variant:
|
|
87
|
+
negative: p = !1,
|
|
88
|
+
tag: e,
|
|
89
|
+
variant: t = q.TITLE100,
|
|
87
90
|
...i
|
|
88
91
|
}) => {
|
|
89
|
-
const
|
|
90
|
-
|
|
92
|
+
const o = e, _ = T([
|
|
93
|
+
n,
|
|
91
94
|
a[u],
|
|
92
|
-
a[`${u}--${
|
|
95
|
+
a[`${u}--${t}`],
|
|
93
96
|
{
|
|
94
97
|
[a[`${u}--hyphens`]]: h,
|
|
95
|
-
[a[`${u}--negative`]]:
|
|
98
|
+
[a[`${u}--negative`]]: p
|
|
96
99
|
}
|
|
97
100
|
]);
|
|
98
|
-
return /* @__PURE__ */
|
|
101
|
+
return /* @__PURE__ */ f(o, { ...i, className: _, "data-testid": r, children: s });
|
|
99
102
|
};
|
|
100
|
-
|
|
103
|
+
m.displayName = "Heading";
|
|
101
104
|
export {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
105
|
+
L as DisplayVariant,
|
|
106
|
+
m as Heading,
|
|
107
|
+
I as HeadingTag,
|
|
108
|
+
q as TitleVariant
|
|
106
109
|
};
|
|
107
110
|
//# sourceMappingURL=heading.es.js.map
|
package/dist/heading.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"heading.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/heading.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ComponentProps, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n H1: \"h1\",\n H2: \"h2\",\n H3: \"h3\",\n H4: \"h4\",\n H5: \"h5\",\n H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n TITLE100: \"title-100\",\n TITLE200: \"title-200\",\n TITLE300: \"title-300\",\n TITLE400: \"title-400\",\n TITLE500: \"title-500\",\n TITLE600: \"title-600\",\n TITLE700: \"title-700\",\n SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n DISPLAY25: \"display-25\",\n DISPLAY50: \"display-50\",\n DISPLAY100: \"display-100\",\n DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingProps = ComponentProps<HeadingTagType> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps) => {\n const Tag = tag;\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <Tag {...props} className={classes} data-testid={dataTestid}>\n {children}\n </Tag>\n );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","dataTestid","children","className","enableHyphenation","negative","tag","variant","props","Tag","styles","jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"heading.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/heading.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ComponentProps, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./heading.module.scss\";\n\nexport const HeadingTag = {\n H1: \"h1\",\n H2: \"h2\",\n H3: \"h3\",\n H4: \"h4\",\n H5: \"h5\",\n H6: \"h6\",\n} as const;\n\nexport type HeadingTagType = (typeof HeadingTag)[keyof typeof HeadingTag];\n\nexport const TitleVariant = {\n TITLE100: \"title-100\",\n TITLE200: \"title-200\",\n TITLE300: \"title-300\",\n TITLE400: \"title-400\",\n TITLE500: \"title-500\",\n TITLE600: \"title-600\",\n TITLE700: \"title-700\",\n SUBSECTION100: \"subsection-100\",\n} as const;\n\nexport type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];\n\nexport const DisplayVariant = {\n DISPLAY25: \"display-25\",\n DISPLAY50: \"display-50\",\n DISPLAY100: \"display-100\",\n DISPLAY200: \"display-200\",\n} as const;\n\nexport type DisplayVariantType = (typeof DisplayVariant)[keyof typeof DisplayVariant];\n\nexport type HeadingProps = ComponentProps<HeadingTagType> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps) => {\n const Tag = tag;\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <Tag {...props} className={classes} data-testid={dataTestid}>\n {children}\n </Tag>\n );\n};\n\nHeading.displayName = \"Heading\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","HeadingTag","TitleVariant","DisplayVariant","rootClassName","Heading","dataTestid","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles","jsx"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,QAElD;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAOA;AAGR,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;;;;;;;;;GCvEaU,IAAa;AAAA,EACxB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAIaC,IAAe;AAAA,EAC1B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,eAAe;AACjB,GAIaC,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AACd,GAcMC,IAAgB,kBAETC,IAAU,CAAC;AAAA,EACtB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,SAAAC,IAAUV,EAAa;AAAA,EACvB,GAAGW;AACL,MAAoB;AAClB,QAAMC,IAAMH,GACNnB,IAAUuB,EAAE;AAAA,IAChBP;AAAA,IACAQ,EAAOZ,CAAa;AAAA,IACpBY,EAAO,GAAGZ,CAAa,KAAKQ,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACI,EAAO,GAAGZ,CAAa,WAAW,CAAC,GAAGK;AAAA,MACvC,CAACO,EAAO,GAAGZ,CAAa,YAAY,CAAC,GAAGM;AAAA,IAAA;AAAA,EAC1C,CACD;AAGC,SAAA,gBAAAO,EAACH,KAAK,GAAGD,GAAO,WAAWrB,GAAS,eAAac,GAC9C,UAAAC,GACH;AAEJ;AAEAF,EAAQ,cAAc;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/heading",
|
|
3
|
-
"version": "6.3.
|
|
3
|
+
"version": "6.3.1",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/heading.cjs.js",
|
|
6
6
|
"types": "./dist/heading.d.ts",
|
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
"source": "src/heading.tsx",
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"classnames": "~2.5.0",
|
|
20
|
-
"@purpurds/tokens": "6.3.
|
|
20
|
+
"@purpurds/tokens": "6.3.1"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
24
|
-
"@storybook/react": "^8.
|
|
25
|
-
"storybook": "^8.
|
|
24
|
+
"@storybook/react": "^8.6.4",
|
|
25
|
+
"storybook": "^8.6.4",
|
|
26
26
|
"@telia/base-rig": "~8.2.0",
|
|
27
27
|
"@telia/react-rig": "~3.2.0",
|
|
28
28
|
"@testing-library/dom": "~10.4.0",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"react-dom": "^19.0.0",
|
|
40
40
|
"react": "^19.0.0",
|
|
41
41
|
"typescript": "^5.6.3",
|
|
42
|
-
"vite": "
|
|
42
|
+
"vite": "^6.2.1",
|
|
43
43
|
"vitest": "^2.1.2",
|
|
44
44
|
"@purpurds/component-rig": "1.0.0"
|
|
45
45
|
},
|