@purpurds/heading 4.1.1 → 4.2.0

package/dist/heading.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function f(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var h={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function c(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var d={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(r){(function(){var p={}.hasOwnProperty;function a(){for(var t="",e=0;e<arguments.length;e++){var i=arguments[e];i&&(t=n(t,u(i)))}return t}function u(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return a.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)p.call(t,i)&&t[i]&&(e=n(e,i));return e}function n(t,e){return e?t?t+" "+e:t+e:t}r.exports?(a.default=a,r.exports=a):window.classNames=a})()})(h);var c=h.exports;const g=f(c),s={"purpur-heading":"_purpur-heading_1abfh_1","purpur-heading--hyphens":"_purpur-heading--hyphens_1abfh_8","purpur-heading--subsection-100":"_purpur-heading--subsection-100_1abfh_11","purpur-heading--title-100":"_purpur-heading--title-100_1abfh_17","purpur-heading--title-200":"_purpur-heading--title-200_1abfh_23","purpur-heading--title-300":"_purpur-heading--title-300_1abfh_29","purpur-heading--title-400":"_purpur-heading--title-400_1abfh_35","purpur-heading--title-500":"_purpur-heading--title-500_1abfh_41","purpur-heading--title-600":"_purpur-heading--title-600_1abfh_47","purpur-heading--title-700":"_purpur-heading--title-700_1abfh_53","purpur-heading--display-25":"_purpur-heading--display-25_1abfh_59","purpur-heading--display-50":"_purpur-heading--display-50_1abfh_65","purpur-heading--display-100":"_purpur-heading--display-100_1abfh_71","purpur-heading--display-200":"_purpur-heading--display-200_1abfh_77"},y={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"},b={DISPLAY25:"display-25",DISPLAY50:"display-50",DISPLAY100:"display-100",DISPLAY200:"display-200"},l="purpur-heading",T=({["data-testid"]:r,children:p,className:a="",enableHyphenation:u=!1,tag:n,variant:t=d.TITLE100,...e})=>{const i=n,o=g([a,s[l],s[`${l}--${t}`],{[s[`${l}--hyphens`]]:u}]);return _.jsx(i,{...e,className:o,"data-testid":r,children:p})};exports.DisplayVariant=b;exports.Heading=T;exports.HeadingTag=y;exports.TitleVariant=d;
+*/(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})()})(d);var y=d.exports;const f=c(y),a={"purpur-heading":"_purpur-heading_1g237_1","purpur-heading--hyphens":"_purpur-heading--hyphens_1g237_8","purpur-heading--negative":"_purpur-heading--negative_1g237_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_1g237_14","purpur-heading--title-100":"_purpur-heading--title-100_1g237_20","purpur-heading--title-200":"_purpur-heading--title-200_1g237_26","purpur-heading--title-300":"_purpur-heading--title-300_1g237_32","purpur-heading--title-400":"_purpur-heading--title-400_1g237_38","purpur-heading--title-500":"_purpur-heading--title-500_1g237_44","purpur-heading--title-600":"_purpur-heading--title-600_1g237_50","purpur-heading--title-700":"_purpur-heading--title-700_1g237_56","purpur-heading--display-25":"_purpur-heading--display-25_1g237_62","purpur-heading--display-50":"_purpur-heading--display-50_1g237_68","purpur-heading--display-100":"_purpur-heading--display-100_1g237_74","purpur-heading--display-200":"_purpur-heading--display-200_1g237_80"},T={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6"},g={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",S=({["data-testid"]:r,children:s,className:n="",enableHyphenation:l=!1,negative:p=!1,tag:t,variant:e=g.TITLE100,...i})=>{const o=t,h=f([n,a[u],a[`${u}--${e}`],{[a[`${u}--hyphens`]]:l,[a[`${u}--negative`]]:p}]);return _.jsx(o,{...i,className:h,"data-testid":r,children:s})};exports.DisplayVariant=I;exports.Heading=S;exports.HeadingTag=T;exports.TitleVariant=g;
 //# sourceMappingURL=heading.cjs.js.map

package/dist/heading.cjs.js.map

@@ -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  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  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    },\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","tag","variant","props","Tag","c","styles","jsx"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,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,EAE/C,CAED,OAAOF,CACP,CAED,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,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,i8BCvEaU,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,EAaMC,EAAgB,iBAETC,EAAU,CAAC,CACtB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EAAY,GACZ,kBAAAC,EAAoB,GACpB,IAAAC,EACA,QAAAC,EAAUT,EAAa,SACvB,GAAGU,CACL,IAAoB,CAClB,MAAMC,EAAMH,EACNlB,EAAUsB,EAAE,CAChBN,EACAO,EAAOX,CAAa,EACpBW,EAAO,GAAGX,CAAa,KAAKO,CAAO,EAAE,EACrC,CACE,CAACI,EAAO,GAAGX,CAAa,WAAW,CAAC,EAAGK,CACzC,CAAA,CACD,EAGC,OAAAO,MAACH,GAAK,GAAGD,EAAO,UAAWpB,EAAS,cAAac,EAC9C,SAAAC,CACH,CAAA,CAEJ","x_google_ignoreList":[0]}
+{"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"],"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":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,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,EAE/C,CAED,OAAOF,CACP,CAED,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,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,igCCvEaU,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,CAC1C,CAAA,CACD,EAGC,OAAAO,MAACH,GAAK,GAAGD,EAAO,UAAWrB,EAAS,cAAac,EAC9C,SAAAC,CACH,CAAA,CAEJ","x_google_ignoreList":[0]}

package/dist/heading.d.ts

@@ -31,8 +31,9 @@ export type HeadingProps = ComponentProps<HeadingTagType> & {
     children: ReactNode;
     className?: string;
     enableHyphenation?: boolean;
+    negative?: boolean;
     tag: HeadingTagType;
     variant?: TitleVariantType | DisplayVariantType;
 };
-export declare const Heading: ({ ["data-testid"]: dataTestid, children, className, enableHyphenation, tag, variant, ...props }: HeadingProps) => React.JSX.Element;
+export declare const Heading: ({ ["data-testid"]: dataTestid, children, className, enableHyphenation, negative, tag, variant, ...props }: HeadingProps) => React.JSX.Element;
 //# sourceMappingURL=heading.d.ts.map

package/dist/heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzD,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,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;CACjD,CAAC;AAIF,eAAO,MAAM,OAAO,oGAQjB,YAAY,sBAgBd,CAAC"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../src/heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzD,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,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,8GASjB,YAAY,sBAiBd,CAAC"}

package/dist/heading.es.js

@@ -1,24 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-function _(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { jsx as h } from "react/jsx-runtime";
+function _(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
-var l = { exports: {} };
+var d = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(r) {
   (function() {
-    var n = {}.hasOwnProperty;
+    var s = {}.hasOwnProperty;
     function p() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var i = arguments[r];
-        i && (t = a(t, u(i)));
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var i = arguments[e];
+        i && (t = n(t, l(i)));
       }
       return t;
     }
-    function u(t) {
+    function l(t) {
       if (typeof t == "string" || typeof t == "number")
         return t;
       if (typeof t != "object")
@@ -27,41 +27,42 @@ var l = { exports: {} };
         return p.apply(null, t);
       if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
         return t.toString();
-      var r = "";
+      var e = "";
       for (var i in t)
-        n.call(t, i) && t[i] && (r = a(r, i));
-      return r;
+        s.call(t, i) && t[i] && (e = n(e, i));
+      return e;
     }
-    function a(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
+    function n(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
     }
-    e.exports ? (p.default = p, e.exports = p) : window.classNames = p;
+    r.exports ? (p.default = p, r.exports = p) : window.classNames = p;
   })();
-})(l);
-var f = l.exports;
-const c = /* @__PURE__ */ _(f), s = {
-  "purpur-heading": "_purpur-heading_1abfh_1",
-  "purpur-heading--hyphens": "_purpur-heading--hyphens_1abfh_8",
-  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1abfh_11",
-  "purpur-heading--title-100": "_purpur-heading--title-100_1abfh_17",
-  "purpur-heading--title-200": "_purpur-heading--title-200_1abfh_23",
-  "purpur-heading--title-300": "_purpur-heading--title-300_1abfh_29",
-  "purpur-heading--title-400": "_purpur-heading--title-400_1abfh_35",
-  "purpur-heading--title-500": "_purpur-heading--title-500_1abfh_41",
-  "purpur-heading--title-600": "_purpur-heading--title-600_1abfh_47",
-  "purpur-heading--title-700": "_purpur-heading--title-700_1abfh_53",
-  "purpur-heading--display-25": "_purpur-heading--display-25_1abfh_59",
-  "purpur-heading--display-50": "_purpur-heading--display-50_1abfh_65",
-  "purpur-heading--display-100": "_purpur-heading--display-100_1abfh_71",
-  "purpur-heading--display-200": "_purpur-heading--display-200_1abfh_77"
-}, b = {
+})(d);
+var c = d.exports;
+const f = /* @__PURE__ */ _(c), u = {
+  "purpur-heading": "_purpur-heading_1g237_1",
+  "purpur-heading--hyphens": "_purpur-heading--hyphens_1g237_8",
+  "purpur-heading--negative": "_purpur-heading--negative_1g237_11",
+  "purpur-heading--subsection-100": "_purpur-heading--subsection-100_1g237_14",
+  "purpur-heading--title-100": "_purpur-heading--title-100_1g237_20",
+  "purpur-heading--title-200": "_purpur-heading--title-200_1g237_26",
+  "purpur-heading--title-300": "_purpur-heading--title-300_1g237_32",
+  "purpur-heading--title-400": "_purpur-heading--title-400_1g237_38",
+  "purpur-heading--title-500": "_purpur-heading--title-500_1g237_44",
+  "purpur-heading--title-600": "_purpur-heading--title-600_1g237_50",
+  "purpur-heading--title-700": "_purpur-heading--title-700_1g237_56",
+  "purpur-heading--display-25": "_purpur-heading--display-25_1g237_62",
+  "purpur-heading--display-50": "_purpur-heading--display-50_1g237_68",
+  "purpur-heading--display-100": "_purpur-heading--display-100_1g237_74",
+  "purpur-heading--display-200": "_purpur-heading--display-200_1g237_80"
+}, I = {
   H1: "h1",
   H2: "h2",
   H3: "h3",
   H4: "h4",
   H5: "h5",
   H6: "h6"
-}, g = {
+}, y = {
   TITLE100: "title-100",
   TITLE200: "title-200",
   TITLE300: "title-300",
@@ -70,34 +71,36 @@ const c = /* @__PURE__ */ _(f), s = {
   TITLE600: "title-600",
   TITLE700: "title-700",
   SUBSECTION100: "subsection-100"
-}, T = {
+}, L = {
   DISPLAY25: "display-25",
   DISPLAY50: "display-50",
   DISPLAY100: "display-100",
   DISPLAY200: "display-200"
-}, h = "purpur-heading", I = ({
-  ["data-testid"]: e,
-  children: n,
+}, a = "purpur-heading", m = ({
+  ["data-testid"]: r,
+  children: s,
   className: p = "",
-  enableHyphenation: u = !1,
-  tag: a,
-  variant: t = g.TITLE100,
-  ...r
+  enableHyphenation: l = !1,
+  negative: n = !1,
+  tag: t,
+  variant: e = y.TITLE100,
+  ...i
 }) => {
-  const i = a, d = c([
+  const g = t, o = f([
     p,
-    s[h],
-    s[`${h}--${t}`],
+    u[a],
+    u[`${a}--${e}`],
     {
-      [s[`${h}--hyphens`]]: u
+      [u[`${a}--hyphens`]]: l,
+      [u[`${a}--negative`]]: n
     }
   ]);
-  return /* @__PURE__ */ o(i, { ...r, className: d, "data-testid": e, children: n });
+  return /* @__PURE__ */ h(g, { ...i, className: o, "data-testid": r, children: s });
 };
 export {
-  T as DisplayVariant,
-  I as Heading,
-  b as HeadingTag,
-  g as TitleVariant
+  L as DisplayVariant,
+  m as Heading,
+  I as HeadingTag,
+  y as TitleVariant
 };
 //# sourceMappingURL=heading.es.js.map

package/dist/heading.es.js.map

@@ -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  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  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    },\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","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,GAaMC,IAAgB,kBAETC,IAAU,CAAC;AAAA,EACtB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,KAAAC;AAAA,EACA,SAAAC,IAAUT,EAAa;AAAA,EACvB,GAAGU;AACL,MAAoB;AAClB,QAAMC,IAAMH,GACNlB,IAAU,EAAE;AAAA,IAChBgB;AAAA,IACAM,EAAOV,CAAa;AAAA,IACpBU,EAAO,GAAGV,CAAa,KAAKO,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACG,EAAO,GAAGV,CAAa,WAAW,CAAC,GAAGK;AAAA,IACzC;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAM,EAACF,KAAK,GAAGD,GAAO,WAAWpB,GAAS,eAAac,GAC9C,UAAAC,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}
+{"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","c","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,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,IAC1C;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAO,EAACH,KAAK,GAAGD,GAAO,WAAWrB,GAAS,eAAac,GAC9C,UAAAC,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-heading_1abfh_1{color:var(--purpur-color-text-default);display:block;-webkit-hyphens:none;hyphens:none;margin:0;max-width:60ch}._purpur-heading--hyphens_1abfh_8{-webkit-hyphens:auto;hyphens:auto}._purpur-heading--subsection-100_1abfh_11{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_17{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_23{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_29{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_35{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_41{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_47{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_53{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_59{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_65{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_71{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1abfh_77{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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)}
+._purpur-heading_1g237_1{color:var(--purpur-color-text-default);display:block;-webkit-hyphens:none;hyphens:none;margin:0;max-width:60ch}._purpur-heading--hyphens_1g237_8{-webkit-hyphens:auto;hyphens:auto}._purpur-heading--negative_1g237_11{color:var(--purpur-color-text-default-negative)}._purpur-heading--subsection-100_1g237_14{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_20{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_26{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_32{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_38{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_44{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_50{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_56{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_62{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_68{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_74{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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_1g237_80{font-family:var(--purpur-typography-family-display),Helvetica,Arial,"Lucida Grande",sans-serif;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

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/heading",
-  "version": "4.1.1",
+  "version": "4.2.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/heading.cjs.js",
   "types": "./dist/heading.d.ts",
@@ -15,7 +15,7 @@
   "source": "src/heading.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "4.1.1"
+    "@purpurds/tokens": "4.2.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.7.0",

package/src/heading.module.scss

@@ -11,6 +11,10 @@
     hyphens: auto;
   }
 
+  &--negative {
+    color: var(--purpur-color-text-default-negative);
+  }
+
   &--subsection-100 {
     @include purpur-subsection-100;
   }

package/src/heading.stories.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
 
 import { DisplayVariant, Heading, HeadingTag, TitleVariant } from "./heading";
@@ -10,8 +11,7 @@ const meta: Meta<typeof Heading> = {
       {
         name: "Heading",
         type: "figma",
-        url:
-          "https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=5704%3A1581&mode=design&t=JZyDcq4SLtP80IvN-1",
+        url: "https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=5704%3A1581&mode=design&t=JZyDcq4SLtP80IvN-1",
       },
     ],
   },
@@ -24,13 +24,6 @@ const meta: Meta<typeof Heading> = {
       options: Object.values(HeadingTag),
       control: { type: "select" },
     },
-    enableHyphenation: {
-      defaultValue: false,
-      control: { type: "boolean" },
-    },
-    ["data-testid"]: { control: { type: "text" } },
-    className: { control: { type: "text" } },
-    children: { control: { type: "text" } },
   },
 };
 export default meta;
@@ -43,4 +36,14 @@ export const Showcase: Story = {
     tag: HeadingTag.H1,
     children: "The quick brown fox jumps over the lazy dog",
   },
+  render: ({ children, ...args }) => (
+    <div
+      style={{
+        padding: "var(--purpur-spacing-250)",
+        background: args.negative ? "var(--purpur-color-purple-900)" : "transparent",
+      }}
+    >
+      <Heading {...args}>{children}</Heading>
+    </div>
+  ),
 };

package/src/heading.test.tsx

@@ -24,4 +24,12 @@ describe("Heading", () => {
     );
     expect(screen.getByTestId("second-paragraph")).toHaveClass("purpur-heading--title-100");
   });
+  it("negative variant should have a negative class", () => {
+    render(
+      <Heading data-testid="third-paragraph" tag="h2" negative={true}>
+        Some text content
+      </Heading>
+    );
+    expect(screen.getByTestId("third-paragraph")).toHaveClass("purpur-heading--negative");
+  });
 });

package/src/heading.tsx

@@ -41,6 +41,7 @@ export type HeadingProps = ComponentProps<HeadingTagType> & {
   children: ReactNode;
   className?: string;
   enableHyphenation?: boolean;
+  negative?: boolean;
   tag: HeadingTagType;
   variant?: TitleVariantType | DisplayVariantType;
 };
@@ -52,6 +53,7 @@ export const Heading = ({
   children,
   className = "",
   enableHyphenation = false,
+  negative = false,
   tag,
   variant = TitleVariant.TITLE100,
   ...props
@@ -63,6 +65,7 @@ export const Heading = ({
     styles[`${rootClassName}--${variant}`],
     {
       [styles[`${rootClassName}--hyphens`]]: enableHyphenation,
+      [styles[`${rootClassName}--negative`]]: negative,
     },
   ]);