@purpurds/paragraph 4.1.0 → 4.2.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.
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime");function _(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var h={exports:{}};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function d(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var h={exports:{}};/*!
2
2
  Copyright (c) 2018 Jed Watson.
3
3
  Licensed under the MIT License (MIT), see
4
4
  http://jedwatson.github.io/classnames
5
- */(function(p){(function(){var i={}.hasOwnProperty;function u(){for(var r="",a=0;a<arguments.length;a++){var e=arguments[a];e&&(r=t(r,o(e)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return u.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var e in r)i.call(r,e)&&r[e]&&(a=t(a,e));return a}function t(r,a){return a?r?r+" "+a:r+a:r}p.exports?(u.default=u,p.exports=u):window.classNames=u})()})(h);var d=h.exports;const f=_(d),n={"purpur-paragraph":"_purpur-paragraph_1fzxr_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1fzxr_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1fzxr_10","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1fzxr_13","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1fzxr_19","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1fzxr_26","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1fzxr_33","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1fzxr_39","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1fzxr_45","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1fzxr_51","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1fzxr_57","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1fzxr_64","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1fzxr_71"},l={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},s="purpur-paragraph",c=({["data-testid"]:p,children:i,className:u="",disabled:o,enableHyphenation:t=!1,variant:r=l.PARAGRAPH100,...a})=>{const e=f([u,n[s],n[`${s}--${r}`],{[n[`${s}--hyphens`]]:t,[n[`${s}--disabled`]]:o}]);return g.jsx("p",{...a,className:e,"data-testid":p,children:i})};exports.Paragraph=c;exports.ParagraphVariant=l;
5
+ */(function(p){(function(){var s={}.hasOwnProperty;function e(){for(var r="",a=0;a<arguments.length;a++){var u=arguments[a];u&&(r=i(r,o(u)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var u in r)s.call(r,u)&&r[u]&&(a=i(a,u));return a}function i(r,a){return a?r?r+" "+a:r+a:r}p.exports?(e.default=e,p.exports=e):window.classNames=e})()})(h);var c=h.exports;const m=d(c),t={"purpur-paragraph":"_purpur-paragraph_15yuz_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_15yuz_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_15yuz_10","purpur-paragraph--negative":"_purpur-paragraph--negative_15yuz_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_15yuz_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_15yuz_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_15yuz_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_15yuz_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_15yuz_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_15yuz_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_15yuz_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_15yuz_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_15yuz_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_15yuz_75"},l={PARAGRAPH100:"paragraph-100",PARAGRAPH100MEDIUM:"paragraph-100-medium",PARAGRAPH100BOLD:"paragraph-100-bold",PARAGRAPH200:"paragraph-200",PREAMBLE100:"preamble-100",PREAMBLE200:"preamble-200",ADDITIONAL100:"additional-100",ADDITIONAL100MEDIUM:"additional-100-medium",OVERLINE100:"overline-100",OVERLINE200:"overline-200"},n="purpur-paragraph",y=({["data-testid"]:p,children:s,className:e="",disabled:o,enableHyphenation:i=!1,negative:r=!1,variant:a=l.PARAGRAPH100,...u})=>{const g=m([e,t[n],t[`${n}--${a}`],{[t[`${n}--hyphens`]]:i,[t[`${n}--disabled`]]:o,[t[`${n}--negative`]]:r}]);return _.jsx("p",{...u,className:g,"data-testid":p,children:s})};exports.Paragraph=y;exports.ParagraphVariant=l;
6
6
  //# sourceMappingURL=paragraph.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"paragraph.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/paragraph.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, { ParamHTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./paragraph.module.scss\";\n\nexport const ParagraphVariant = {\n PARAGRAPH100: \"paragraph-100\",\n PARAGRAPH100MEDIUM: \"paragraph-100-medium\",\n PARAGRAPH100BOLD: \"paragraph-100-bold\",\n PARAGRAPH200: \"paragraph-200\",\n PREAMBLE100: \"preamble-100\",\n PREAMBLE200: \"preamble-200\",\n ADDITIONAL100: \"additional-100\",\n ADDITIONAL100MEDIUM: \"additional-100-medium\",\n OVERLINE100: \"overline-100\",\n OVERLINE200: \"overline-200\",\n} as const;\n\nexport type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];\n\nexport type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n disabled,\n enableHyphenation = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--disabled`]]: disabled,\n },\n ]);\n\n return (\n <p {...props} className={classes} data-testid={dataTestid}>\n {children}\n </p>\n );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","ParagraphVariant","rootClassName","Paragraph","dataTestid","children","className","disabled","enableHyphenation","variant","props","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,6gCCvEaU,EAAmB,CAC9B,aAAc,gBACd,mBAAoB,uBACpB,iBAAkB,qBAClB,aAAc,gBACd,YAAa,eACb,YAAa,eACb,cAAe,iBACf,oBAAqB,wBACrB,YAAa,eACb,YAAa,cACf,EAaMC,EAAgB,mBAETC,EAAY,CAAC,CACxB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,kBAAAC,EAAoB,GACpB,QAAAC,EAAUR,EAAiB,aAC3B,GAAGS,CACL,IAAsB,CACpB,MAAMlB,EAAUmB,EAAE,CAChBL,EACAM,EAAOV,CAAa,EACpBU,EAAO,GAAGV,CAAa,KAAKO,CAAO,EAAE,EACrC,CACE,CAACG,EAAO,GAAGV,CAAa,WAAW,CAAC,EAAGM,EACvC,CAACI,EAAO,GAAGV,CAAa,YAAY,CAAC,EAAGK,CAC1C,CAAA,CACD,EAGC,OAAAM,MAAC,KAAG,GAAGH,EAAO,UAAWlB,EAAS,cAAaY,EAC5C,SAAAC,CACH,CAAA,CAEJ","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"paragraph.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/paragraph.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, { ParamHTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./paragraph.module.scss\";\n\nexport const ParagraphVariant = {\n PARAGRAPH100: \"paragraph-100\",\n PARAGRAPH100MEDIUM: \"paragraph-100-medium\",\n PARAGRAPH100BOLD: \"paragraph-100-bold\",\n PARAGRAPH200: \"paragraph-200\",\n PREAMBLE100: \"preamble-100\",\n PREAMBLE200: \"preamble-200\",\n ADDITIONAL100: \"additional-100\",\n ADDITIONAL100MEDIUM: \"additional-100-medium\",\n OVERLINE100: \"overline-100\",\n OVERLINE200: \"overline-200\",\n} as const;\n\nexport type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];\n\nexport type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n disabled,\n enableHyphenation = false,\n negative = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--disabled`]]: disabled,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <p {...props} className={classes} data-testid={dataTestid}>\n {children}\n </p>\n );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","ParagraphVariant","rootClassName","Paragraph","dataTestid","children","className","disabled","enableHyphenation","negative","variant","props","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,ilCCvEaU,EAAmB,CAC9B,aAAc,gBACd,mBAAoB,uBACpB,iBAAkB,qBAClB,aAAc,gBACd,YAAa,eACb,YAAa,eACb,cAAe,iBACf,oBAAqB,wBACrB,YAAa,eACb,YAAa,cACf,EAcMC,EAAgB,mBAETC,EAAY,CAAC,CACxB,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EAAY,GACZ,SAAAC,EACA,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,QAAAC,EAAUT,EAAiB,aAC3B,GAAGU,CACL,IAAsB,CACpB,MAAMnB,EAAUoB,EAAE,CAChBN,EACAO,EAAOX,CAAa,EACpBW,EAAO,GAAGX,CAAa,KAAKQ,CAAO,EAAE,EACrC,CACE,CAACG,EAAO,GAAGX,CAAa,WAAW,CAAC,EAAGM,EACvC,CAACK,EAAO,GAAGX,CAAa,YAAY,CAAC,EAAGK,EACxC,CAACM,EAAO,GAAGX,CAAa,YAAY,CAAC,EAAGO,CAC1C,CAAA,CACD,EAGC,OAAAK,MAAC,KAAG,GAAGH,EAAO,UAAWnB,EAAS,cAAaY,EAC5C,SAAAC,CACH,CAAA,CAEJ","x_google_ignoreList":[0]}
@@ -17,8 +17,9 @@ export type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {
17
17
  children: ReactNode;
18
18
  className?: string;
19
19
  enableHyphenation?: boolean;
20
+ negative?: boolean;
20
21
  disabled?: boolean;
21
22
  variant?: ParagraphVariant;
22
23
  };
23
- export declare const Paragraph: ({ ["data-testid"]: dataTestid, children, className, disabled, enableHyphenation, variant, ...props }: ParagraphProps) => React.JSX.Element;
24
+ export declare const Paragraph: ({ ["data-testid"]: dataTestid, children, className, disabled, enableHyphenation, negative, variant, ...props }: ParagraphProps) => React.JSX.Element;
24
25
  //# sourceMappingURL=paragraph.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAWnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,GAAG;IACvE,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,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,SAAS,yGAQnB,cAAc,sBAgBhB,CAAC"}
1
+ {"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAWnB,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,MAAM,MAAM,cAAc,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,GAAG;IACvE,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,SAAS,mHASnB,cAAc,sBAiBhB,CAAC"}
@@ -1,4 +1,4 @@
1
- import { jsx as l } from "react/jsx-runtime";
1
+ import { jsx as g } from "react/jsx-runtime";
2
2
  function _(p) {
3
3
  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
4
4
  }
@@ -10,50 +10,51 @@ var h = { exports: {} };
10
10
  */
11
11
  (function(p) {
12
12
  (function() {
13
- var s = {}.hasOwnProperty;
14
- function u() {
13
+ var i = {}.hasOwnProperty;
14
+ function e() {
15
15
  for (var r = "", a = 0; a < arguments.length; a++) {
16
- var e = arguments[a];
17
- e && (r = t(r, i(e)));
16
+ var u = arguments[a];
17
+ u && (r = s(r, o(u)));
18
18
  }
19
19
  return r;
20
20
  }
21
- function i(r) {
21
+ function o(r) {
22
22
  if (typeof r == "string" || typeof r == "number")
23
23
  return r;
24
24
  if (typeof r != "object")
25
25
  return "";
26
26
  if (Array.isArray(r))
27
- return u.apply(null, r);
27
+ return e.apply(null, r);
28
28
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
29
29
  return r.toString();
30
30
  var a = "";
31
- for (var e in r)
32
- s.call(r, e) && r[e] && (a = t(a, e));
31
+ for (var u in r)
32
+ i.call(r, u) && r[u] && (a = s(a, u));
33
33
  return a;
34
34
  }
35
- function t(r, a) {
35
+ function s(r, a) {
36
36
  return a ? r ? r + " " + a : r + a : r;
37
37
  }
38
- p.exports ? (u.default = u, p.exports = u) : window.classNames = u;
38
+ p.exports ? (e.default = e, p.exports = e) : window.classNames = e;
39
39
  })();
40
40
  })(h);
41
- var f = h.exports;
42
- const g = /* @__PURE__ */ _(f), n = {
43
- "purpur-paragraph": "_purpur-paragraph_1fzxr_1",
44
- "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1fzxr_7",
45
- "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1fzxr_10",
46
- "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1fzxr_13",
47
- "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1fzxr_19",
48
- "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1fzxr_26",
49
- "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1fzxr_33",
50
- "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1fzxr_39",
51
- "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1fzxr_45",
52
- "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1fzxr_51",
53
- "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1fzxr_57",
54
- "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1fzxr_64",
55
- "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1fzxr_71"
56
- }, d = {
41
+ var d = h.exports;
42
+ const m = /* @__PURE__ */ _(d), t = {
43
+ "purpur-paragraph": "_purpur-paragraph_15yuz_1",
44
+ "purpur-paragraph--disabled": "_purpur-paragraph--disabled_15yuz_7",
45
+ "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_15yuz_10",
46
+ "purpur-paragraph--negative": "_purpur-paragraph--negative_15yuz_13",
47
+ "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_15yuz_16",
48
+ "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_15yuz_22",
49
+ "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_15yuz_29",
50
+ "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_15yuz_36",
51
+ "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_15yuz_42",
52
+ "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_15yuz_48",
53
+ "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_15yuz_54",
54
+ "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_15yuz_60",
55
+ "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_15yuz_67",
56
+ "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_15yuz_75"
57
+ }, c = {
57
58
  PARAGRAPH100: "paragraph-100",
58
59
  PARAGRAPH100MEDIUM: "paragraph-100-medium",
59
60
  PARAGRAPH100BOLD: "paragraph-100-bold",
@@ -64,28 +65,30 @@ const g = /* @__PURE__ */ _(f), n = {
64
65
  ADDITIONAL100MEDIUM: "additional-100-medium",
65
66
  OVERLINE100: "overline-100",
66
67
  OVERLINE200: "overline-200"
67
- }, o = "purpur-paragraph", c = ({
68
+ }, n = "purpur-paragraph", y = ({
68
69
  ["data-testid"]: p,
69
- children: s,
70
- className: u = "",
71
- disabled: i,
72
- enableHyphenation: t = !1,
73
- variant: r = d.PARAGRAPH100,
74
- ...a
70
+ children: i,
71
+ className: e = "",
72
+ disabled: o,
73
+ enableHyphenation: s = !1,
74
+ negative: r = !1,
75
+ variant: a = c.PARAGRAPH100,
76
+ ...u
75
77
  }) => {
76
- const e = g([
77
- u,
78
- n[o],
79
- n[`${o}--${r}`],
78
+ const l = m([
79
+ e,
80
+ t[n],
81
+ t[`${n}--${a}`],
80
82
  {
81
- [n[`${o}--hyphens`]]: t,
82
- [n[`${o}--disabled`]]: i
83
+ [t[`${n}--hyphens`]]: s,
84
+ [t[`${n}--disabled`]]: o,
85
+ [t[`${n}--negative`]]: r
83
86
  }
84
87
  ]);
85
- return /* @__PURE__ */ l("p", { ...a, className: e, "data-testid": p, children: s });
88
+ return /* @__PURE__ */ g("p", { ...u, className: l, "data-testid": p, children: i });
86
89
  };
87
90
  export {
88
- c as Paragraph,
89
- d as ParagraphVariant
91
+ y as Paragraph,
92
+ c as ParagraphVariant
90
93
  };
91
94
  //# sourceMappingURL=paragraph.es.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"paragraph.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/paragraph.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, { ParamHTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./paragraph.module.scss\";\n\nexport const ParagraphVariant = {\n PARAGRAPH100: \"paragraph-100\",\n PARAGRAPH100MEDIUM: \"paragraph-100-medium\",\n PARAGRAPH100BOLD: \"paragraph-100-bold\",\n PARAGRAPH200: \"paragraph-200\",\n PREAMBLE100: \"preamble-100\",\n PREAMBLE200: \"preamble-200\",\n ADDITIONAL100: \"additional-100\",\n ADDITIONAL100MEDIUM: \"additional-100-medium\",\n OVERLINE100: \"overline-100\",\n OVERLINE200: \"overline-200\",\n} as const;\n\nexport type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];\n\nexport type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n disabled,\n enableHyphenation = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--disabled`]]: disabled,\n },\n ]);\n\n return (\n <p {...props} className={classes} data-testid={dataTestid}>\n {children}\n </p>\n );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","ParagraphVariant","rootClassName","Paragraph","dataTestid","children","className","disabled","enableHyphenation","variant","props","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,IAAmB;AAAA,EAC9B,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,aAAa;AACf,GAaMC,IAAgB,oBAETC,IAAY,CAAC;AAAA,EACxB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,SAAAC,IAAUR,EAAiB;AAAA,EAC3B,GAAGS;AACL,MAAsB;AACpB,QAAMlB,IAAUmB,EAAE;AAAA,IAChBL;AAAA,IACAM,EAAOV,CAAa;AAAA,IACpBU,EAAO,GAAGV,CAAa,KAAKO,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACG,EAAO,GAAGV,CAAa,WAAW,CAAC,GAAGM;AAAA,MACvC,CAACI,EAAO,GAAGV,CAAa,YAAY,CAAC,GAAGK;AAAA,IAC1C;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAM,EAAC,OAAG,GAAGH,GAAO,WAAWlB,GAAS,eAAaY,GAC5C,UAAAC,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"paragraph.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/paragraph.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, { ParamHTMLAttributes, ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./paragraph.module.scss\";\n\nexport const ParagraphVariant = {\n PARAGRAPH100: \"paragraph-100\",\n PARAGRAPH100MEDIUM: \"paragraph-100-medium\",\n PARAGRAPH100BOLD: \"paragraph-100-bold\",\n PARAGRAPH200: \"paragraph-200\",\n PREAMBLE100: \"preamble-100\",\n PREAMBLE200: \"preamble-200\",\n ADDITIONAL100: \"additional-100\",\n ADDITIONAL100MEDIUM: \"additional-100-medium\",\n OVERLINE100: \"overline-100\",\n OVERLINE200: \"overline-200\",\n} as const;\n\nexport type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];\n\nexport type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n className?: string;\n enableHyphenation?: boolean;\n negative?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n [\"data-testid\"]: dataTestid,\n children,\n className = \"\",\n disabled,\n enableHyphenation = false,\n negative = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = c([\n className,\n styles[rootClassName],\n styles[`${rootClassName}--${variant}`],\n {\n [styles[`${rootClassName}--hyphens`]]: enableHyphenation,\n [styles[`${rootClassName}--disabled`]]: disabled,\n [styles[`${rootClassName}--negative`]]: negative,\n },\n ]);\n\n return (\n <p {...props} className={classes} data-testid={dataTestid}>\n {children}\n </p>\n );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","ParagraphVariant","rootClassName","Paragraph","dataTestid","children","className","disabled","enableHyphenation","negative","variant","props","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,IAAmB;AAAA,EAC9B,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,aAAa;AACf,GAcMC,IAAgB,oBAETC,IAAY,CAAC;AAAA,EACxB,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAUT,EAAiB;AAAA,EAC3B,GAAGU;AACL,MAAsB;AACpB,QAAMnB,IAAUoB,EAAE;AAAA,IAChBN;AAAA,IACAO,EAAOX,CAAa;AAAA,IACpBW,EAAO,GAAGX,CAAa,KAAKQ,CAAO,EAAE;AAAA,IACrC;AAAA,MACE,CAACG,EAAO,GAAGX,CAAa,WAAW,CAAC,GAAGM;AAAA,MACvC,CAACK,EAAO,GAAGX,CAAa,YAAY,CAAC,GAAGK;AAAA,MACxC,CAACM,EAAO,GAAGX,CAAa,YAAY,CAAC,GAAGO;AAAA,IAC1C;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAK,EAAC,OAAG,GAAGH,GAAO,WAAWnB,GAAS,eAAaY,GAC5C,UAAAC,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- ._purpur-paragraph_1fzxr_1{color:var(--purpur-color-text-default);display:block;margin:0;-webkit-hyphens:none;hyphens:none}._purpur-paragraph--disabled_1fzxr_7{color:var(--purpur-color-text-weak)}._purpur-paragraph--hyphens_1fzxr_10{-webkit-hyphens:auto;hyphens:auto}._purpur-paragraph--paragraph-100_1fzxr_13{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--paragraph-100-medium_1fzxr_19{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--paragraph-100-bold_1fzxr_26{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold)}._purpur-paragraph--paragraph-200_1fzxr_33{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-looser)}._purpur-paragraph--preamble-100_1fzxr_39{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-200);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--preamble-200_1fzxr_45{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100_1fzxr_51{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100-medium_1fzxr_57{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--overline-100_1fzxr_64{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-size:var(--purpur-typography-scale-75);letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-paragraph--overline-200_1fzxr_71{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}
1
+ ._purpur-paragraph_15yuz_1{color:var(--purpur-color-text-default);display:block;margin:0;-webkit-hyphens:none;hyphens:none}._purpur-paragraph--disabled_15yuz_7{color:var(--purpur-color-text-weak)}._purpur-paragraph--hyphens_15yuz_10{-webkit-hyphens:auto;hyphens:auto}._purpur-paragraph--negative_15yuz_13{color:var(--purpur-color-text-default-negative)}._purpur-paragraph--paragraph-100_15yuz_16{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--paragraph-100-medium_15yuz_22{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--paragraph-100-bold_15yuz_29{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-bold)}._purpur-paragraph--paragraph-200_15yuz_36{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-looser)}._purpur-paragraph--preamble-100_15yuz_42{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-200);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--preamble-200_15yuz_48{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:clamp(var(--purpur-typography-scale-150),3cqw,var(--purpur-typography-scale-400));line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100_15yuz_54{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose)}._purpur-paragraph--additional-100-medium_15yuz_60{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);font-weight:var(--purpur-typography-weight-medium)}._purpur-paragraph--overline-100_15yuz_67{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-75);letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}._purpur-paragraph--overline-200_15yuz_75{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-medium);font-size:clamp(var(--purpur-typography-scale-75),3cqw,var(--purpur-typography-scale-100));letter-spacing:var(--purpur-spacing-10);line-height:var(--purpur-typography-line-height-tight);text-transform:uppercase}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/paragraph",
3
- "version": "4.1.0",
3
+ "version": "4.2.0",
4
4
  "license": "AGPL-3.0-only",
5
5
  "main": "./dist/paragraph.cjs.js",
6
6
  "types": "./dist/paragraph.d.ts",
@@ -16,7 +16,7 @@
16
16
  "source": "src/paragraph.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/tokens": "4.1.0"
19
+ "@purpurds/tokens": "4.2.0"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@rushstack/eslint-patch": "~1.7.0",
@@ -56,6 +56,7 @@
56
56
  @mixin purpur-overline-100() {
57
57
  font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
58
58
  sans-serif;
59
+ font-weight: var(--purpur-typography-weight-medium);
59
60
  font-size: var(--purpur-typography-scale-75);
60
61
  letter-spacing: var(--purpur-spacing-10);
61
62
  line-height: var(--purpur-typography-line-height-tight);
@@ -65,6 +66,7 @@
65
66
  @mixin purpur-overline-200() {
66
67
  font-family: var(--purpur-typography-family-default), Helvetica, Arial, "Lucida Grande",
67
68
  sans-serif;
69
+ font-weight: var(--purpur-typography-weight-medium);
68
70
  font-size: clamp(var(--purpur-typography-scale-75), 3cqw, var(--purpur-typography-scale-100));
69
71
  letter-spacing: var(--purpur-spacing-10);
70
72
  line-height: var(--purpur-typography-line-height-tight);
@@ -14,6 +14,10 @@
14
14
  hyphens: auto;
15
15
  }
16
16
 
17
+ &--negative {
18
+ color: var(--purpur-color-text-default-negative);
19
+ }
20
+
17
21
  &--paragraph-100 {
18
22
  @include purpur-paragraph-100;
19
23
  }
@@ -1,3 +1,4 @@
1
+ import React from "react";
1
2
  import type { Meta, StoryObj } from "@storybook/react";
2
3
 
3
4
  import { Paragraph, ParagraphVariant } from "./paragraph";
@@ -10,8 +11,7 @@ const meta: Meta<typeof Paragraph> = {
10
11
  {
11
12
  name: "Paragraph",
12
13
  type: "figma",
13
- url:
14
- "https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=5704%3A1581&mode=design&t=JZyDcq4SLtP80IvN-1",
14
+ url: "https://www.figma.com/file/2QIcZVqP99ZKY4rNW7VuSx/Purpur-DS---Foundations-Library?type=design&node-id=5704%3A1581&mode=design&t=JZyDcq4SLtP80IvN-1",
15
15
  },
16
16
  ],
17
17
  },
@@ -39,4 +39,14 @@ export const Showcase: Story = {
39
39
  variant: ParagraphVariant.PARAGRAPH100,
40
40
  children: "The quick brown fox jumps over the lazy dog",
41
41
  },
42
+ render: ({ children, ...args }) => (
43
+ <div
44
+ style={{
45
+ padding: "var(--purpur-spacing-250)",
46
+ background: args.negative ? "var(--purpur-color-purple-900)" : "transparent",
47
+ }}
48
+ >
49
+ <Paragraph {...args}>{children}</Paragraph>
50
+ </div>
51
+ ),
42
52
  };
@@ -20,4 +20,12 @@ describe("Paragraph", () => {
20
20
  render(<Paragraph data-testid="second-paragraph">Some text content</Paragraph>);
21
21
  expect(screen.getByTestId("second-paragraph")).toHaveClass("purpur-paragraph--paragraph-100");
22
22
  });
23
+ it("negative variant should have a negative class", () => {
24
+ render(
25
+ <Paragraph data-testid="third-paragraph" negative>
26
+ Some text content
27
+ </Paragraph>
28
+ );
29
+ expect(screen.getByTestId("third-paragraph")).toHaveClass("purpur-paragraph--negative");
30
+ });
23
31
  });
package/src/paragraph.tsx CHANGED
@@ -23,6 +23,7 @@ export type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {
23
23
  children: ReactNode;
24
24
  className?: string;
25
25
  enableHyphenation?: boolean;
26
+ negative?: boolean;
26
27
  disabled?: boolean;
27
28
  variant?: ParagraphVariant;
28
29
  };
@@ -35,6 +36,7 @@ export const Paragraph = ({
35
36
  className = "",
36
37
  disabled,
37
38
  enableHyphenation = false,
39
+ negative = false,
38
40
  variant = ParagraphVariant.PARAGRAPH100,
39
41
  ...props
40
42
  }: ParagraphProps) => {
@@ -45,6 +47,7 @@ export const Paragraph = ({
45
47
  {
46
48
  [styles[`${rootClassName}--hyphens`]]: enableHyphenation,
47
49
  [styles[`${rootClassName}--disabled`]]: disabled,
50
+ [styles[`${rootClassName}--negative`]]: negative,
48
51
  },
49
52
  ]);
50
53