@purpurds/heading 4.4.0 → 4.5.0
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.es.js +33 -33
- package/dist/heading.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
- package/src/heading.mixins.scss +12 -24
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 f=require("react/jsx-runtime");function g(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var h={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 t="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(t=p(t,l(i)))}return t}function l(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var i in t)s.call(t,i)&&t[i]&&(e=p(e,i));return e}function p(t,e){return e?t?t+" "+e:t+e:t}r.exports?(n.default=n,r.exports=n):window.classNames=n})()})(
|
|
5
|
+
*/(function(r){(function(){var s={}.hasOwnProperty;function n(){for(var t="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(t=p(t,l(i)))}return t}function l(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var i in t)s.call(t,i)&&t[i]&&(e=p(e,i));return e}function p(t,e){return e?t?t+" "+e:t+e:t}r.exports?(n.default=n,r.exports=n):window.classNames=n})()})(h);var c=h.exports;const y=g(c),a={"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"},T={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},d={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},q={DISPLAY25:"display-25",DISPLAY50:"display-50",DISPLAY100:"display-100",DISPLAY200:"display-200"},u="purpur-heading",k=({["data-testid"]:r,children:s,className:n="",enableHyphenation:l=!1,negative:p=!1,tag:t,variant:e=d.TITLE100,...i})=>{const o=t,_=y([n,a[u],a[`${u}--${e}`],{[a[`${u}--hyphens`]]:l,[a[`${u}--negative`]]:p}]);return f.jsx(o,{...i,className:_,"data-testid":r,children:s})};exports.DisplayVariant=q;exports.Heading=k;exports.HeadingTag=T;exports.TitleVariant=d;
|
|
6
6
|
//# sourceMappingURL=heading.cjs.js.map
|
package/dist/heading.es.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
function
|
|
1
|
+
import { jsx as _ } from "react/jsx-runtime";
|
|
2
|
+
function f(r) {
|
|
3
3
|
return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
|
|
4
4
|
}
|
|
5
|
-
var
|
|
5
|
+
var l = { exports: {} };
|
|
6
6
|
/*!
|
|
7
7
|
Copyright (c) 2018 Jed Watson.
|
|
8
8
|
Licensed under the MIT License (MIT), see
|
|
@@ -14,11 +14,11 @@ var d = { exports: {} };
|
|
|
14
14
|
function p() {
|
|
15
15
|
for (var t = "", e = 0; e < arguments.length; e++) {
|
|
16
16
|
var i = arguments[e];
|
|
17
|
-
i && (t = n(t,
|
|
17
|
+
i && (t = n(t, h(i)));
|
|
18
18
|
}
|
|
19
19
|
return t;
|
|
20
20
|
}
|
|
21
|
-
function
|
|
21
|
+
function h(t) {
|
|
22
22
|
if (typeof t == "string" || typeof t == "number")
|
|
23
23
|
return t;
|
|
24
24
|
if (typeof t != "object")
|
|
@@ -37,25 +37,25 @@ var d = { exports: {} };
|
|
|
37
37
|
}
|
|
38
38
|
r.exports ? (p.default = p, r.exports = p) : window.classNames = p;
|
|
39
39
|
})();
|
|
40
|
-
})(
|
|
41
|
-
var
|
|
42
|
-
const
|
|
43
|
-
"purpur-heading": "_purpur-
|
|
44
|
-
"purpur-heading--hyphens": "_purpur-heading--
|
|
45
|
-
"purpur-heading--negative": "_purpur-heading--
|
|
46
|
-
"purpur-heading--subsection-100": "_purpur-heading--subsection-
|
|
47
|
-
"purpur-heading--title-100": "_purpur-heading--title-
|
|
48
|
-
"purpur-heading--title-200": "_purpur-heading--title-
|
|
49
|
-
"purpur-heading--title-300": "_purpur-heading--title-
|
|
50
|
-
"purpur-heading--title-400": "_purpur-heading--title-
|
|
51
|
-
"purpur-heading--title-500": "_purpur-heading--title-
|
|
52
|
-
"purpur-heading--title-600": "_purpur-heading--title-
|
|
53
|
-
"purpur-heading--title-700": "_purpur-heading--title-
|
|
54
|
-
"purpur-heading--display-25": "_purpur-heading--display-
|
|
55
|
-
"purpur-heading--display-50": "_purpur-heading--display-
|
|
56
|
-
"purpur-heading--display-100": "_purpur-heading--display-
|
|
57
|
-
"purpur-heading--display-200": "_purpur-heading--display-
|
|
58
|
-
},
|
|
40
|
+
})(l);
|
|
41
|
+
var g = l.exports;
|
|
42
|
+
const c = /* @__PURE__ */ f(g), u = {
|
|
43
|
+
"purpur-heading": "_purpur-heading_k9fhq_1",
|
|
44
|
+
"purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
|
|
45
|
+
"purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
|
|
46
|
+
"purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
|
|
47
|
+
"purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
|
|
48
|
+
"purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
|
|
49
|
+
"purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
|
|
50
|
+
"purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
|
|
51
|
+
"purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
|
|
52
|
+
"purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
|
|
53
|
+
"purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
|
|
54
|
+
"purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
|
|
55
|
+
"purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
|
|
56
|
+
"purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
|
|
57
|
+
"purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
|
|
58
|
+
}, q = {
|
|
59
59
|
H1: "h1",
|
|
60
60
|
H2: "h2",
|
|
61
61
|
H3: "h3",
|
|
@@ -71,36 +71,36 @@ const f = /* @__PURE__ */ _(c), u = {
|
|
|
71
71
|
TITLE600: "title-600",
|
|
72
72
|
TITLE700: "title-700",
|
|
73
73
|
SUBSECTION100: "subsection-100"
|
|
74
|
-
},
|
|
74
|
+
}, k = {
|
|
75
75
|
DISPLAY25: "display-25",
|
|
76
76
|
DISPLAY50: "display-50",
|
|
77
77
|
DISPLAY100: "display-100",
|
|
78
78
|
DISPLAY200: "display-200"
|
|
79
|
-
}, a = "purpur-heading",
|
|
79
|
+
}, a = "purpur-heading", I = ({
|
|
80
80
|
["data-testid"]: r,
|
|
81
81
|
children: s,
|
|
82
82
|
className: p = "",
|
|
83
|
-
enableHyphenation:
|
|
83
|
+
enableHyphenation: h = !1,
|
|
84
84
|
negative: n = !1,
|
|
85
85
|
tag: t,
|
|
86
86
|
variant: e = y.TITLE100,
|
|
87
87
|
...i
|
|
88
88
|
}) => {
|
|
89
|
-
const
|
|
89
|
+
const d = t, o = c([
|
|
90
90
|
p,
|
|
91
91
|
u[a],
|
|
92
92
|
u[`${a}--${e}`],
|
|
93
93
|
{
|
|
94
|
-
[u[`${a}--hyphens`]]:
|
|
94
|
+
[u[`${a}--hyphens`]]: h,
|
|
95
95
|
[u[`${a}--negative`]]: n
|
|
96
96
|
}
|
|
97
97
|
]);
|
|
98
|
-
return /* @__PURE__ */
|
|
98
|
+
return /* @__PURE__ */ _(d, { ...i, className: o, "data-testid": r, children: s });
|
|
99
99
|
};
|
|
100
100
|
export {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
101
|
+
k as DisplayVariant,
|
|
102
|
+
I as Heading,
|
|
103
|
+
q as HeadingTag,
|
|
104
104
|
y as TitleVariant
|
|
105
105
|
};
|
|
106
106
|
//# 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"],"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","
|
|
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"],"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":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;;;;;;;;;;;;;;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,IAAU,EAAE;AAAA,IAChBgB;AAAA,IACAO,EAAOX,CAAa;AAAA,IACpBW,EAAO,GAAGX,CAAa,KAAKQ,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACG,EAAO,GAAGX,CAAa,WAAW,CAAC,GAAGK;AAAA,MACvC,CAACM,EAAO,GAAGX,CAAa,YAAY,CAAC,GAAGM;AAAA,IAC1C;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAM,EAACF,KAAK,GAAGD,GAAO,WAAWrB,GAAS,eAAac,GAC9C,UAAAC,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-
|
|
1
|
+
._purpur-heading_k9fhq_1{color:var(--purpur-color-text-default);display:block;-webkit-hyphens:none;hyphens:none;margin:0;max-width:60ch}._purpur-heading--hyphens_k9fhq_8{-webkit-hyphens:auto;hyphens:auto}._purpur-heading--negative_k9fhq_11{color:var(--purpur-color-text-default-negative)}._purpur-heading--subsection-100_k9fhq_14{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-100_k9fhq_20{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-100),3cqw,var(--purpur-typography-scale-200));line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-200_k9fhq_26{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-200),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-300_k9fhq_32{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-400),3cqw,var(--purpur-typography-scale-600));line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-400_k9fhq_38{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-500),3cqw,var(--purpur-typography-scale-700));line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-500_k9fhq_44{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-500),3cqw,var(--purpur-typography-scale-800));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--title-600_k9fhq_50{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-650),3cqw,var(--purpur-typography-scale-850));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--title-700_k9fhq_56{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-700),3cqw,var(--purpur-typography-scale-900));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--display-25_k9fhq_62{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-600),3cqw,var(--purpur-typography-scale-800));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--display-50_k9fhq_68{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-650),3cqw,var(--purpur-typography-scale-850));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--display-100_k9fhq_74{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-700),3cqw,var(--purpur-typography-scale-900));line-height:var(--purpur-typography-line-height-tight)}._purpur-heading--display-200_k9fhq_80{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-800),3cqw,var(--purpur-typography-scale-1000));line-height:var(--purpur-typography-line-height-tight)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/heading",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.5.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/heading.cjs.js",
|
|
6
6
|
"types": "./dist/heading.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"source": "src/heading.tsx",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"classnames": "~2.5.0",
|
|
18
|
-
"@purpurds/tokens": "4.
|
|
18
|
+
"@purpurds/tokens": "4.5.0"
|
|
19
19
|
},
|
|
20
20
|
"devDependencies": {
|
|
21
21
|
"@rushstack/eslint-patch": "~1.10.0",
|
package/src/heading.mixins.scss
CHANGED
|
@@ -1,94 +1,82 @@
|
|
|
1
1
|
@mixin purpur-subsection-100() {
|
|
2
|
-
font-family: var(--purpur-typography-family-default)
|
|
3
|
-
sans-serif;
|
|
2
|
+
font-family: var(--purpur-typography-family-default);
|
|
4
3
|
font-weight: var(--purpur-typography-weight-medium);
|
|
5
4
|
font-size: var(--purpur-typography-scale-100);
|
|
6
5
|
line-height: var(--purpur-typography-line-height-default);
|
|
7
6
|
}
|
|
8
7
|
|
|
9
8
|
@mixin purpur-title-100() {
|
|
10
|
-
font-family: var(--purpur-typography-family-default)
|
|
11
|
-
sans-serif;
|
|
9
|
+
font-family: var(--purpur-typography-family-default);
|
|
12
10
|
font-weight: var(--purpur-typography-weight-bold);
|
|
13
11
|
font-size: clamp(var(--purpur-typography-scale-100), 3cqw, var(--purpur-typography-scale-200));
|
|
14
12
|
line-height: var(--purpur-typography-line-height-default);
|
|
15
13
|
}
|
|
16
14
|
|
|
17
15
|
@mixin purpur-title-200() {
|
|
18
|
-
font-family: var(--purpur-typography-family-default)
|
|
19
|
-
sans-serif;
|
|
16
|
+
font-family: var(--purpur-typography-family-default);
|
|
20
17
|
font-weight: var(--purpur-typography-weight-bold);
|
|
21
18
|
font-size: clamp(var(--purpur-typography-scale-200), 3cqw, var(--purpur-typography-scale-400));
|
|
22
19
|
line-height: var(--purpur-typography-line-height-default);
|
|
23
20
|
}
|
|
24
21
|
|
|
25
22
|
@mixin purpur-title-300() {
|
|
26
|
-
font-family: var(--purpur-typography-family-default)
|
|
27
|
-
sans-serif;
|
|
23
|
+
font-family: var(--purpur-typography-family-default);
|
|
28
24
|
font-weight: var(--purpur-typography-weight-bold);
|
|
29
25
|
font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
|
|
30
26
|
line-height: var(--purpur-typography-line-height-default);
|
|
31
27
|
}
|
|
32
28
|
|
|
33
29
|
@mixin purpur-title-400() {
|
|
34
|
-
font-family: var(--purpur-typography-family-default)
|
|
35
|
-
sans-serif;
|
|
30
|
+
font-family: var(--purpur-typography-family-default);
|
|
36
31
|
font-weight: var(--purpur-typography-weight-bold);
|
|
37
32
|
font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
|
|
38
33
|
line-height: var(--purpur-typography-line-height-default);
|
|
39
34
|
}
|
|
40
35
|
|
|
41
36
|
@mixin purpur-title-500() {
|
|
42
|
-
font-family: var(--purpur-typography-family-default)
|
|
43
|
-
sans-serif;
|
|
37
|
+
font-family: var(--purpur-typography-family-default);
|
|
44
38
|
font-weight: var(--purpur-typography-weight-bold);
|
|
45
39
|
font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-800));
|
|
46
40
|
line-height: var(--purpur-typography-line-height-tight);
|
|
47
41
|
}
|
|
48
42
|
|
|
49
43
|
@mixin purpur-title-600() {
|
|
50
|
-
font-family: var(--purpur-typography-family-default)
|
|
51
|
-
sans-serif;
|
|
44
|
+
font-family: var(--purpur-typography-family-default);
|
|
52
45
|
font-weight: var(--purpur-typography-weight-bold);
|
|
53
46
|
font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
|
|
54
47
|
line-height: var(--purpur-typography-line-height-tight);
|
|
55
48
|
}
|
|
56
49
|
|
|
57
50
|
@mixin purpur-title-700() {
|
|
58
|
-
font-family: var(--purpur-typography-family-default)
|
|
59
|
-
sans-serif;
|
|
51
|
+
font-family: var(--purpur-typography-family-default);
|
|
60
52
|
font-weight: var(--purpur-typography-weight-bold);
|
|
61
53
|
font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
|
|
62
54
|
line-height: var(--purpur-typography-line-height-tight);
|
|
63
55
|
}
|
|
64
56
|
|
|
65
57
|
@mixin purpur-display-25() {
|
|
66
|
-
font-family: var(--purpur-typography-family-display)
|
|
67
|
-
sans-serif;
|
|
58
|
+
font-family: var(--purpur-typography-family-display);
|
|
68
59
|
font-weight: var(--purpur-typography-weight-medium);
|
|
69
60
|
font-size: clamp(var(--purpur-typography-scale-600), 3cqw, var(--purpur-typography-scale-800));
|
|
70
61
|
line-height: var(--purpur-typography-line-height-tight);
|
|
71
62
|
}
|
|
72
63
|
|
|
73
64
|
@mixin purpur-display-50() {
|
|
74
|
-
font-family: var(--purpur-typography-family-display)
|
|
75
|
-
sans-serif;
|
|
65
|
+
font-family: var(--purpur-typography-family-display);
|
|
76
66
|
font-weight: var(--purpur-typography-weight-medium);
|
|
77
67
|
font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
|
|
78
68
|
line-height: var(--purpur-typography-line-height-tight);
|
|
79
69
|
}
|
|
80
70
|
|
|
81
71
|
@mixin purpur-display-100() {
|
|
82
|
-
font-family: var(--purpur-typography-family-display)
|
|
83
|
-
sans-serif;
|
|
72
|
+
font-family: var(--purpur-typography-family-display);
|
|
84
73
|
font-weight: var(--purpur-typography-weight-medium);
|
|
85
74
|
font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
|
|
86
75
|
line-height: var(--purpur-typography-line-height-tight);
|
|
87
76
|
}
|
|
88
77
|
|
|
89
78
|
@mixin purpur-display-200() {
|
|
90
|
-
font-family: var(--purpur-typography-family-display)
|
|
91
|
-
sans-serif;
|
|
79
|
+
font-family: var(--purpur-typography-family-display);
|
|
92
80
|
font-weight: var(--purpur-typography-weight-medium);
|
|
93
81
|
font-size: clamp(var(--purpur-typography-scale-800), 3cqw, var(--purpur-typography-scale-1000));
|
|
94
82
|
line-height: var(--purpur-typography-line-height-tight);
|