@purpurds/heading 7.11.0 → 7.12.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.
Files changed (11) hide show
  1. package/dist/heading.cjs.js +2 -2
  2. package/dist/heading.cjs.js.map +1 -1
  3. package/dist/heading.d.ts +4 -0
  4. package/dist/heading.d.ts.map +1 -1
  5. package/dist/heading.es.js +72 -64
  6. package/dist/heading.es.js.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +3 -3
  9. package/src/heading.mixins.scss +40 -12
  10. package/src/heading.module.scss +16 -0
  11. package/src/heading.tsx +4 -0
package/dist/heading.cjs.js CHANGED
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime");function c(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var h={exports:{}};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime");function c(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var l={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
- */var d;function y(){return d||(d=1,function(r){(function(){var s={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(e=p(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=p(t,i));return t}function p(e,t){return t?e?e+" "+t:e+t:e}r.exports?(n.default=n,r.exports=n):window.classNames=n})()}(h)),h.exports}var T=y();const q=c(T),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"},m={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"},k={DISPLAY25:"display-25",DISPLAY50:"display-50",DISPLAY100:"display-100",DISPLAY200:"display-200"},u="purpur-heading",_=({children:r,className:s="",enableHyphenation:n=!1,negative:l=!1,tag:p,variant:e=o.TITLE100,...t})=>{const i=p,f=q([s,a[u],a[`${u}--${e}`],{[a[`${u}--hyphens`]]:n,[a[`${u}--negative`]]:l}]);return g.jsx(i,{className:f,...t,children:r})};_.displayName="Heading";exports.DisplayVariant=k;exports.Heading=_;exports.HeadingTag=m;exports.TitleVariant=o;
5
+ */var o;function v(){return o||(o=1,function(i){(function(){var s={}.hasOwnProperty;function p(){for(var e="",r=0;r<arguments.length;r++){var t=arguments[r];t&&(e=a(e,d(t)))}return e}function d(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return p.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var r="";for(var t in e)s.call(e,t)&&e[t]&&(r=a(r,t));return r}function a(e,r){return r?e?e+" "+r:e+r:e}i.exports?(p.default=p,i.exports=p):window.classNames=p})()}(l)),l.exports}var f=v();const T=c(f),n={"purpur-heading":"_purpur-heading_vo751_1","purpur-heading--hyphens":"_purpur-heading--hyphens_vo751_8","purpur-heading--negative":"_purpur-heading--negative_vo751_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_vo751_14","purpur-heading--title-100":"_purpur-heading--title-100_vo751_20","purpur-heading--title-200":"_purpur-heading--title-200_vo751_26","purpur-heading--title-300":"_purpur-heading--title-300_vo751_32","purpur-heading--title-400":"_purpur-heading--title-400_vo751_38","purpur-heading--title-500":"_purpur-heading--title-500_vo751_44","purpur-heading--title-600":"_purpur-heading--title-600_vo751_50","purpur-heading--title-700":"_purpur-heading--title-700_vo751_56","purpur-heading--display-5":"_purpur-heading--display-5_vo751_62","purpur-heading--display-10":"_purpur-heading--display-10_vo751_68","purpur-heading--display-15":"_purpur-heading--display-15_vo751_74","purpur-heading--display-20":"_purpur-heading--display-20_vo751_80","purpur-heading--display-25":"_purpur-heading--display-25_vo751_86","purpur-heading--display-50":"_purpur-heading--display-50_vo751_92","purpur-heading--display-100":"_purpur-heading--display-100_vo751_98","purpur-heading--display-200":"_purpur-heading--display-200_vo751_104"},I={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},_={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},S={DISPLAY5:"display-5",DISPLAY10:"display-10",DISPLAY15:"display-15",DISPLAY20:"display-20",DISPLAY25:"display-25",DISPLAY50:"display-50",DISPLAY100:"display-100",DISPLAY200:"display-200"},u="purpur-heading",h=({children:i,className:s="",enableHyphenation:p=!1,negative:d=!1,tag:a,variant:e=_.TITLE100,...r})=>{const t=a,g=T([s,n[u],n[`${u}--${e}`],{[n[`${u}--hyphens`]]:p,[n[`${u}--negative`]]:d}]);return y.jsx(t,{className:g,...r,children:i})};h.displayName="Heading";exports.DisplayVariant=S;exports.Heading=h;exports.HeadingTag=I;exports.TitleVariant=_;
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, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps<T>) => {\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 className={classes} {...props}>\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","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles"],"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,qgCCtEaU,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,EAYMC,EAAgB,iBAETC,EAAU,CAA2B,CAChD,SAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,IAAAC,EACA,QAAAC,EAAUT,EAAa,SACvB,GAAGU,CACL,IAAuB,CACrB,MAAMC,EAAMH,EACNlB,EAAUsB,EAAE,CAChBP,EACAQ,EAAOX,CAAa,EACpBW,EAAO,GAAGX,CAAa,KAAKO,CAAO,EAAE,EACrC,CACE,CAACI,EAAO,GAAGX,CAAa,WAAW,CAAC,EAAGI,EACvC,CAACO,EAAO,GAAGX,CAAa,YAAY,CAAC,EAAGK,CAAA,CAC1C,CACD,EAED,aACGI,EAAI,CAAA,UAAWrB,EAAU,GAAGoB,EAC1B,SAAAN,EACH,CAEJ,EAEAD,EAAQ,YAAc","x_google_ignoreList":[0]}
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, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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 DISPLAY5: \"display-5\",\n DISPLAY10: \"display-10\",\n DISPLAY15: \"display-15\",\n DISPLAY20: \"display-20\",\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<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps<T>) => {\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 className={classes} {...props}>\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","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles"],"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,oxCCtEaU,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,SAAU,YACV,UAAW,aACX,UAAW,aACX,UAAW,aACX,UAAW,aACX,UAAW,aACX,WAAY,cACZ,WAAY,aACd,EAYMC,EAAgB,iBAETC,EAAU,CAA2B,CAChD,SAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,IAAAC,EACA,QAAAC,EAAUT,EAAa,SACvB,GAAGU,CACL,IAAuB,CACrB,MAAMC,EAAMH,EACNlB,EAAUsB,EAAE,CAChBP,EACAQ,EAAOX,CAAa,EACpBW,EAAO,GAAGX,CAAa,KAAKO,CAAO,EAAE,EACrC,CACE,CAACI,EAAO,GAAGX,CAAa,WAAW,CAAC,EAAGI,EACvC,CAACO,EAAO,GAAGX,CAAa,YAAY,CAAC,EAAGK,CAAA,CAC1C,CACD,EAED,aACGI,EAAI,CAAA,UAAWrB,EAAU,GAAGoB,EAC1B,SAAAN,EACH,CAEJ,EAEAD,EAAQ,YAAc","x_google_ignoreList":[0]}
package/dist/heading.d.ts CHANGED
@@ -22,6 +22,10 @@ export declare const TitleVariant: {
22
22
  };
23
23
  export type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];
24
24
  export declare const DisplayVariant: {
25
+ readonly DISPLAY5: "display-5";
26
+ readonly DISPLAY10: "display-10";
27
+ readonly DISPLAY15: "display-15";
28
+ readonly DISPLAY20: "display-20";
25
29
  readonly DISPLAY25: "display-25";
26
30
  readonly DISPLAY50: "display-50";
27
31
  readonly DISPLAY100: "display-100";
package/dist/heading.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKxD,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAE1E,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAEhF,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEtF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,cAAc,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;CACjD,CAAC;AAIF,eAAO,MAAM,OAAO;KAAI,CAAC,SAAS,cAAc,gFAQ7C,YAAY,CAAC,CAAC,CAAC;;CAiBjB,CAAC"}
1
+ {"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKxD,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAE1E,eAAO,MAAM,YAAY;;;;;;;;;CASf,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAEhF,eAAO,MAAM,cAAc;;;;;;;;;CASjB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEtF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,cAAc,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;CACjD,CAAC;AAIF,eAAO,MAAM,OAAO;KAAI,CAAC,SAAS,cAAc,gFAQ7C,YAAY,CAAC,CAAC,CAAC;;CAiBjB,CAAC"}
package/dist/heading.es.js CHANGED
@@ -1,6 +1,6 @@
1
- import { jsx as _ } from "react/jsx-runtime";
2
- function f(t) {
3
- return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
1
+ import { jsx as h } from "react/jsx-runtime";
2
+ function g(p) {
3
+ return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
4
4
  }
5
5
  var l = { exports: {} };
6
6
  /*!
@@ -8,64 +8,68 @@ var l = { exports: {} };
8
8
  Licensed under the MIT License (MIT), see
9
9
  http://jedwatson.github.io/classnames
10
10
  */
11
- var d;
12
- function g() {
13
- return d || (d = 1, function(t) {
11
+ var o;
12
+ function y() {
13
+ return o || (o = 1, function(p) {
14
14
  (function() {
15
15
  var s = {}.hasOwnProperty;
16
- function n() {
17
- for (var e = "", r = 0; r < arguments.length; r++) {
18
- var i = arguments[r];
19
- i && (e = p(e, h(i)));
16
+ function t() {
17
+ for (var r = "", e = 0; e < arguments.length; e++) {
18
+ var i = arguments[e];
19
+ i && (r = a(r, d(i)));
20
20
  }
21
- return e;
21
+ return r;
22
22
  }
23
- function h(e) {
24
- if (typeof e == "string" || typeof e == "number")
25
- return e;
26
- if (typeof e != "object")
23
+ function d(r) {
24
+ if (typeof r == "string" || typeof r == "number")
25
+ return r;
26
+ if (typeof r != "object")
27
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 r = "";
33
- for (var i in e)
34
- s.call(e, i) && e[i] && (r = p(r, i));
35
- return r;
28
+ if (Array.isArray(r))
29
+ return t.apply(null, r);
30
+ if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
31
+ return r.toString();
32
+ var e = "";
33
+ for (var i in r)
34
+ s.call(r, i) && r[i] && (e = a(e, i));
35
+ return e;
36
36
  }
37
- function p(e, r) {
38
- return r ? e ? e + " " + r : e + r : e;
37
+ function a(r, e) {
38
+ return e ? r ? r + " " + e : r + e : r;
39
39
  }
40
- t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
40
+ p.exports ? (t.default = t, p.exports = t) : window.classNames = t;
41
41
  })();
42
42
  }(l)), l.exports;
43
43
  }
44
- var c = g();
45
- const y = /* @__PURE__ */ f(c), u = {
46
- "purpur-heading": "_purpur-heading_k9fhq_1",
47
- "purpur-heading--hyphens": "_purpur-heading--hyphens_k9fhq_8",
48
- "purpur-heading--negative": "_purpur-heading--negative_k9fhq_11",
49
- "purpur-heading--subsection-100": "_purpur-heading--subsection-100_k9fhq_14",
50
- "purpur-heading--title-100": "_purpur-heading--title-100_k9fhq_20",
51
- "purpur-heading--title-200": "_purpur-heading--title-200_k9fhq_26",
52
- "purpur-heading--title-300": "_purpur-heading--title-300_k9fhq_32",
53
- "purpur-heading--title-400": "_purpur-heading--title-400_k9fhq_38",
54
- "purpur-heading--title-500": "_purpur-heading--title-500_k9fhq_44",
55
- "purpur-heading--title-600": "_purpur-heading--title-600_k9fhq_50",
56
- "purpur-heading--title-700": "_purpur-heading--title-700_k9fhq_56",
57
- "purpur-heading--display-25": "_purpur-heading--display-25_k9fhq_62",
58
- "purpur-heading--display-50": "_purpur-heading--display-50_k9fhq_68",
59
- "purpur-heading--display-100": "_purpur-heading--display-100_k9fhq_74",
60
- "purpur-heading--display-200": "_purpur-heading--display-200_k9fhq_80"
61
- }, k = {
44
+ var c = y();
45
+ const f = /* @__PURE__ */ g(c), n = {
46
+ "purpur-heading": "_purpur-heading_vo751_1",
47
+ "purpur-heading--hyphens": "_purpur-heading--hyphens_vo751_8",
48
+ "purpur-heading--negative": "_purpur-heading--negative_vo751_11",
49
+ "purpur-heading--subsection-100": "_purpur-heading--subsection-100_vo751_14",
50
+ "purpur-heading--title-100": "_purpur-heading--title-100_vo751_20",
51
+ "purpur-heading--title-200": "_purpur-heading--title-200_vo751_26",
52
+ "purpur-heading--title-300": "_purpur-heading--title-300_vo751_32",
53
+ "purpur-heading--title-400": "_purpur-heading--title-400_vo751_38",
54
+ "purpur-heading--title-500": "_purpur-heading--title-500_vo751_44",
55
+ "purpur-heading--title-600": "_purpur-heading--title-600_vo751_50",
56
+ "purpur-heading--title-700": "_purpur-heading--title-700_vo751_56",
57
+ "purpur-heading--display-5": "_purpur-heading--display-5_vo751_62",
58
+ "purpur-heading--display-10": "_purpur-heading--display-10_vo751_68",
59
+ "purpur-heading--display-15": "_purpur-heading--display-15_vo751_74",
60
+ "purpur-heading--display-20": "_purpur-heading--display-20_vo751_80",
61
+ "purpur-heading--display-25": "_purpur-heading--display-25_vo751_86",
62
+ "purpur-heading--display-50": "_purpur-heading--display-50_vo751_92",
63
+ "purpur-heading--display-100": "_purpur-heading--display-100_vo751_98",
64
+ "purpur-heading--display-200": "_purpur-heading--display-200_vo751_104"
65
+ }, L = {
62
66
  H1: "h1",
63
67
  H2: "h2",
64
68
  H3: "h3",
65
69
  H4: "h4",
66
70
  H5: "h5",
67
71
  H6: "h6"
68
- }, T = {
72
+ }, v = {
69
73
  TITLE100: "title-100",
70
74
  TITLE200: "title-200",
71
75
  TITLE300: "title-300",
@@ -74,36 +78,40 @@ const y = /* @__PURE__ */ f(c), u = {
74
78
  TITLE600: "title-600",
75
79
  TITLE700: "title-700",
76
80
  SUBSECTION100: "subsection-100"
77
- }, I = {
81
+ }, S = {
82
+ DISPLAY5: "display-5",
83
+ DISPLAY10: "display-10",
84
+ DISPLAY15: "display-15",
85
+ DISPLAY20: "display-20",
78
86
  DISPLAY25: "display-25",
79
87
  DISPLAY50: "display-50",
80
88
  DISPLAY100: "display-100",
81
89
  DISPLAY200: "display-200"
82
- }, a = "purpur-heading", q = ({
83
- children: t,
90
+ }, u = "purpur-heading", T = ({
91
+ children: p,
84
92
  className: s = "",
85
- enableHyphenation: n = !1,
86
- negative: h = !1,
87
- tag: p,
88
- variant: e = T.TITLE100,
89
- ...r
93
+ enableHyphenation: t = !1,
94
+ negative: d = !1,
95
+ tag: a,
96
+ variant: r = v.TITLE100,
97
+ ...e
90
98
  }) => {
91
- const i = p, o = y([
99
+ const i = a, _ = f([
92
100
  s,
93
- u[a],
94
- u[`${a}--${e}`],
101
+ n[u],
102
+ n[`${u}--${r}`],
95
103
  {
96
- [u[`${a}--hyphens`]]: n,
97
- [u[`${a}--negative`]]: h
104
+ [n[`${u}--hyphens`]]: t,
105
+ [n[`${u}--negative`]]: d
98
106
  }
99
107
  ]);
100
- return /* @__PURE__ */ _(i, { className: o, ...r, children: t });
108
+ return /* @__PURE__ */ h(i, { className: _, ...e, children: p });
101
109
  };
102
- q.displayName = "Heading";
110
+ T.displayName = "Heading";
103
111
  export {
104
- I as DisplayVariant,
105
- q as Heading,
106
- k as HeadingTag,
107
- T as TitleVariant
112
+ S as DisplayVariant,
113
+ T as Heading,
114
+ L as HeadingTag,
115
+ v as TitleVariant
108
116
  };
109
117
  //# 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, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps<T>) => {\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 className={classes} {...props}>\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","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles"],"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;;;;;;;;;;;;;;;;;;;;GCtEaU,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,GAYMC,IAAgB,kBAETC,IAAU,CAA2B;AAAA,EAChD,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,SAAAC,IAAUT,EAAa;AAAA,EACvB,GAAGU;AACL,MAAuB;AACrB,QAAMC,IAAMH,GACNlB,IAAUsB,EAAE;AAAA,IAChBP;AAAA,IACAQ,EAAOX,CAAa;AAAA,IACpBW,EAAO,GAAGX,CAAa,KAAKO,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACI,EAAO,GAAGX,CAAa,WAAW,CAAC,GAAGI;AAAA,MACvC,CAACO,EAAO,GAAGX,CAAa,YAAY,CAAC,GAAGK;AAAA,IAAA;AAAA,EAC1C,CACD;AAED,2BACGI,GAAI,EAAA,WAAWrB,GAAU,GAAGoB,GAC1B,UAAAN,GACH;AAEJ;AAEAD,EAAQ,cAAc;","x_google_ignoreList":[0]}
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, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\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 DISPLAY5: \"display-5\",\n DISPLAY10: \"display-10\",\n DISPLAY15: \"display-15\",\n DISPLAY20: \"display-20\",\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<T extends HeadingTagType> = Omit<BaseProps<T>, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n tag: HeadingTagType;\n variant?: TitleVariantType | DisplayVariantType;\n};\n\nconst rootClassName = \"purpur-heading\";\n\nexport const Heading = <T extends HeadingTagType>({\n children,\n className = \"\",\n enableHyphenation = false,\n negative = false,\n tag,\n variant = TitleVariant.TITLE100,\n ...props\n}: HeadingProps<T>) => {\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 className={classes} {...props}>\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","children","className","enableHyphenation","negative","tag","variant","props","Tag","c","styles"],"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;;;;;;;;;;;;;;;;;;;;;;;;GCtEaU,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,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AACd,GAYMC,IAAgB,kBAETC,IAAU,CAA2B;AAAA,EAChD,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,KAAAC;AAAA,EACA,SAAAC,IAAUT,EAAa;AAAA,EACvB,GAAGU;AACL,MAAuB;AACrB,QAAMC,IAAMH,GACNlB,IAAUsB,EAAE;AAAA,IAChBP;AAAA,IACAQ,EAAOX,CAAa;AAAA,IACpBW,EAAO,GAAGX,CAAa,KAAKO,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACI,EAAO,GAAGX,CAAa,WAAW,CAAC,GAAGI;AAAA,MACvC,CAACO,EAAO,GAAGX,CAAa,YAAY,CAAC,GAAGK;AAAA,IAAA;AAAA,EAC1C,CACD;AAED,2BACGI,GAAI,EAAA,WAAWrB,GAAU,GAAGoB,GAC1B,UAAAN,GACH;AAEJ;AAEAD,EAAQ,cAAc;","x_google_ignoreList":[0]}
package/dist/styles.css CHANGED
@@ -1 +1 @@
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)}
1
+ ._purpur-heading_vo751_1{color:var(--purpur-color-text-default);display:block;-webkit-hyphens:none;hyphens:none;margin:0;max-width:60ch}._purpur-heading--hyphens_vo751_8{-webkit-hyphens:auto;hyphens:auto}._purpur-heading--negative_vo751_11{color:var(--purpur-color-text-default-negative)}._purpur-heading--subsection-100_vo751_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_vo751_20{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-bold);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-200));line-height:var(--purpur-typography-line-height-default)}._purpur-heading--title-200_vo751_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_vo751_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_vo751_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_vo751_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-snug)}._purpur-heading--title-600_vo751_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-snug)}._purpur-heading--title-700_vo751_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-snug)}._purpur-heading--display-5_vo751_62{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-200));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-10_vo751_68{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-200),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-15_vo751_74{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-400),3cqw,var(--purpur-typography-scale-600));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-20_vo751_80{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-500),3cqw,var(--purpur-typography-scale-700));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-25_vo751_86{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-600),3cqw,var(--purpur-typography-scale-800));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-50_vo751_92{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-650),3cqw,var(--purpur-typography-scale-850));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-100_vo751_98{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-700),3cqw,var(--purpur-typography-scale-900));line-height:var(--purpur-typography-line-height-snug)}._purpur-heading--display-200_vo751_104{font-family:var(--purpur-typography-family-display);font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-800),3cqw,var(--purpur-typography-scale-1000));line-height:var(--purpur-typography-line-height-snug)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/heading",
3
- "version": "7.11.0",
3
+ "version": "7.12.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/heading.cjs.js",
6
6
  "types": "./dist/heading.d.ts",
@@ -17,8 +17,8 @@
17
17
  "source": "src/heading.tsx",
18
18
  "dependencies": {
19
19
  "classnames": "~2.5.0",
20
- "@purpurds/common-types": "7.11.0",
21
- "@purpurds/tokens": "7.11.0"
20
+ "@purpurds/tokens": "7.12.0",
21
+ "@purpurds/common-types": "7.12.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@storybook/react-vite": "^9.0.18",
package/src/heading.mixins.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  @mixin purpur-title-100() {
9
9
  font-family: var(--purpur-typography-family-default);
10
10
  font-weight: var(--purpur-typography-weight-bold);
11
- font-size: clamp(var(--purpur-typography-scale-100), 3cqw, var(--purpur-typography-scale-200));
11
+ font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
12
12
  line-height: var(--purpur-typography-line-height-default);
13
13
  }
14
14
 
@@ -37,47 +37,75 @@
37
37
  font-family: var(--purpur-typography-family-default);
38
38
  font-weight: var(--purpur-typography-weight-bold);
39
39
  font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-800));
40
- line-height: var(--purpur-typography-line-height-tight);
40
+ line-height: var(--purpur-typography-line-height-snug);
41
41
  }
42
42
 
43
43
  @mixin purpur-title-600() {
44
44
  font-family: var(--purpur-typography-family-default);
45
45
  font-weight: var(--purpur-typography-weight-bold);
46
46
  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
47
- line-height: var(--purpur-typography-line-height-tight);
47
+ line-height: var(--purpur-typography-line-height-snug);
48
48
  }
49
49
 
50
50
  @mixin purpur-title-700() {
51
51
  font-family: var(--purpur-typography-family-default);
52
52
  font-weight: var(--purpur-typography-weight-bold);
53
53
  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
54
- line-height: var(--purpur-typography-line-height-tight);
54
+ line-height: var(--purpur-typography-line-height-snug);
55
+ }
56
+
57
+ @mixin purpur-display-5() {
58
+ font-family: var(--purpur-typography-family-display);
59
+ font-weight: var(--purpur-typography-weight-normal);
60
+ font-size: clamp(var(--purpur-typography-scale-150), 3cqw, var(--purpur-typography-scale-200));
61
+ line-height: var(--purpur-typography-line-height-snug);
62
+ }
63
+
64
+ @mixin purpur-display-10() {
65
+ font-family: var(--purpur-typography-family-display);
66
+ font-weight: var(--purpur-typography-weight-normal);
67
+ font-size: clamp(var(--purpur-typography-scale-200), 3cqw, var(--purpur-typography-scale-400));
68
+ line-height: var(--purpur-typography-line-height-snug);
69
+ }
70
+
71
+ @mixin purpur-display-15() {
72
+ font-family: var(--purpur-typography-family-display);
73
+ font-weight: var(--purpur-typography-weight-normal);
74
+ font-size: clamp(var(--purpur-typography-scale-400), 3cqw, var(--purpur-typography-scale-600));
75
+ line-height: var(--purpur-typography-line-height-snug);
76
+ }
77
+
78
+ @mixin purpur-display-20() {
79
+ font-family: var(--purpur-typography-family-display);
80
+ font-weight: var(--purpur-typography-weight-normal);
81
+ font-size: clamp(var(--purpur-typography-scale-500), 3cqw, var(--purpur-typography-scale-700));
82
+ line-height: var(--purpur-typography-line-height-snug);
55
83
  }
56
84
 
57
85
  @mixin purpur-display-25() {
58
86
  font-family: var(--purpur-typography-family-display);
59
- font-weight: var(--purpur-typography-weight-medium);
87
+ font-weight: var(--purpur-typography-weight-normal);
60
88
  font-size: clamp(var(--purpur-typography-scale-600), 3cqw, var(--purpur-typography-scale-800));
61
- line-height: var(--purpur-typography-line-height-tight);
89
+ line-height: var(--purpur-typography-line-height-snug);
62
90
  }
63
91
 
64
92
  @mixin purpur-display-50() {
65
93
  font-family: var(--purpur-typography-family-display);
66
- font-weight: var(--purpur-typography-weight-medium);
94
+ font-weight: var(--purpur-typography-weight-normal);
67
95
  font-size: clamp(var(--purpur-typography-scale-650), 3cqw, var(--purpur-typography-scale-850));
68
- line-height: var(--purpur-typography-line-height-tight);
96
+ line-height: var(--purpur-typography-line-height-snug);
69
97
  }
70
98
 
71
99
  @mixin purpur-display-100() {
72
100
  font-family: var(--purpur-typography-family-display);
73
- font-weight: var(--purpur-typography-weight-medium);
101
+ font-weight: var(--purpur-typography-weight-normal);
74
102
  font-size: clamp(var(--purpur-typography-scale-700), 3cqw, var(--purpur-typography-scale-900));
75
- line-height: var(--purpur-typography-line-height-tight);
103
+ line-height: var(--purpur-typography-line-height-snug);
76
104
  }
77
105
 
78
106
  @mixin purpur-display-200() {
79
107
  font-family: var(--purpur-typography-family-display);
80
- font-weight: var(--purpur-typography-weight-medium);
108
+ font-weight: var(--purpur-typography-weight-normal);
81
109
  font-size: clamp(var(--purpur-typography-scale-800), 3cqw, var(--purpur-typography-scale-1000));
82
- line-height: var(--purpur-typography-line-height-tight);
110
+ line-height: var(--purpur-typography-line-height-snug);
83
111
  }
package/src/heading.module.scss CHANGED
@@ -47,6 +47,22 @@
47
47
  @include heading.purpur-title-700;
48
48
  }
49
49
 
50
+ &--display-5 {
51
+ @include heading.purpur-display-5;
52
+ }
53
+
54
+ &--display-10 {
55
+ @include heading.purpur-display-10;
56
+ }
57
+
58
+ &--display-15 {
59
+ @include heading.purpur-display-15;
60
+ }
61
+
62
+ &--display-20 {
63
+ @include heading.purpur-display-20;
64
+ }
65
+
50
66
  &--display-25 {
51
67
  @include heading.purpur-display-25;
52
68
  }
package/src/heading.tsx CHANGED
@@ -29,6 +29,10 @@ export const TitleVariant = {
29
29
  export type TitleVariantType = (typeof TitleVariant)[keyof typeof TitleVariant];
30
30
 
31
31
  export const DisplayVariant = {
32
+ DISPLAY5: "display-5",
33
+ DISPLAY10: "display-10",
34
+ DISPLAY15: "display-15",
35
+ DISPLAY20: "display-20",
32
36
  DISPLAY25: "display-25",
33
37
  DISPLAY50: "display-50",
34
38
  DISPLAY100: "display-100",