@purpurds/paragraph 7.6.1 → 7.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/paragraph.cjs.js +2 -2
- package/dist/paragraph.cjs.js.map +1 -1
- package/dist/paragraph.d.ts +4 -4
- package/dist/paragraph.d.ts.map +1 -1
- package/dist/paragraph.es.js +29 -35
- package/dist/paragraph.es.js.map +1 -1
- package/package.json +3 -2
- package/src/paragraph.tsx +12 -16
package/dist/paragraph.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime");function d(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var s={exports:{}};/*!
|
|
2
2
|
Copyright (c) 2018 Jed Watson.
|
|
3
3
|
Licensed under the MIT License (MIT), see
|
|
4
4
|
http://jedwatson.github.io/classnames
|
|
5
|
-
*/var
|
|
5
|
+
*/var o;function c(){return o||(o=1,function(p){(function(){var h={}.hasOwnProperty;function u(){for(var r="",a=0;a<arguments.length;a++){var e=arguments[a];e&&(r=n(r,i.call(this,e)))}return r}function i(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return u.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var e in r)h.call(r,e)&&r[e]&&(a=n(a,this&&this[e]||e));return a}function n(r,a){return a?r?r+" "+a:r+a:r}p.exports?(u.default=u,p.exports=u):window.classNames=u})()}(s)),s.exports}var f=c();const m=d(f),A={"purpur-paragraph":"_purpur-paragraph_1rh57_1","purpur-paragraph--disabled":"_purpur-paragraph--disabled_1rh57_7","purpur-paragraph--hyphens":"_purpur-paragraph--hyphens_1rh57_10","purpur-paragraph--negative":"_purpur-paragraph--negative_1rh57_13","purpur-paragraph--paragraph-100":"_purpur-paragraph--paragraph-100_1rh57_16","purpur-paragraph--paragraph-100-medium":"_purpur-paragraph--paragraph-100-medium_1rh57_22","purpur-paragraph--paragraph-100-bold":"_purpur-paragraph--paragraph-100-bold_1rh57_29","purpur-paragraph--paragraph-200":"_purpur-paragraph--paragraph-200_1rh57_36","purpur-paragraph--preamble-100":"_purpur-paragraph--preamble-100_1rh57_42","purpur-paragraph--preamble-200":"_purpur-paragraph--preamble-200_1rh57_48","purpur-paragraph--additional-100":"_purpur-paragraph--additional-100_1rh57_54","purpur-paragraph--additional-100-medium":"_purpur-paragraph--additional-100-medium_1rh57_60","purpur-paragraph--overline-100":"_purpur-paragraph--overline-100_1rh57_67","purpur-paragraph--overline-200":"_purpur-paragraph--overline-200_1rh57_75"},b=m.bind(A),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"},t="purpur-paragraph",g=({children:p,className:h,disabled:u,enableHyphenation:i=!1,negative:n=!1,variant:r=l.PARAGRAPH100,...a})=>{const e=b(h,t,`${t}--${r}`,{[`${t}--hyphens`]:i,[`${t}--disabled`]:u,[`${t}--negative`]:n});return _.jsx("p",{...a,className:e,children:p})};g.displayName="Paragraph";exports.Paragraph=g;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/
|
|
1
|
+
{"version":3,"file":"paragraph.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./paragraph.module.scss\";\n\nconst cx = c.bind(styles);\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 = Omit<BaseProps<\"p\">, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n children,\n className,\n disabled,\n enableHyphenation = false,\n negative = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = cx(className, rootClassName, `${rootClassName}--${variant}`, {\n [`${rootClassName}--hyphens`]: enableHyphenation,\n [`${rootClassName}--disabled`]: disabled,\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <p {...props} className={classes}>\n {children}\n </p>\n );\n};\n\nParagraph.displayName = \"Paragraph\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","ParagraphVariant","rootClassName","Paragraph","children","className","disabled","enableHyphenation","negative","variant","props"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,qlCCtEMU,EAAKC,EAAE,KAAKC,CAAM,EAEXC,EAAmB,CAC9B,aAAc,gBACd,mBAAoB,uBACpB,iBAAkB,qBAClB,aAAc,gBACd,YAAa,eACb,YAAa,eACb,cAAe,iBACf,oBAAqB,wBACrB,YAAa,eACb,YAAa,cACf,EAYMC,EAAgB,mBAETC,EAAY,CAAC,CACxB,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,kBAAAC,EAAoB,GACpB,SAAAC,EAAW,GACX,QAAAC,EAAUR,EAAiB,aAC3B,GAAGS,CACL,IAAsB,CACd,MAAArB,EAAUS,EAAGO,EAAWH,EAAe,GAAGA,CAAa,KAAKO,CAAO,GAAI,CAC3E,CAAC,GAAGP,CAAa,WAAW,EAAGK,EAC/B,CAAC,GAAGL,CAAa,YAAY,EAAGI,EAChC,CAAC,GAAGJ,CAAa,YAAY,EAAGM,CAAA,CACjC,EAED,aACG,IAAG,CAAA,GAAGE,EAAO,UAAWrB,EACtB,SAAAe,EACH,CAEJ,EAEAD,EAAU,YAAc","x_google_ignoreList":[0]}
|
package/dist/paragraph.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { default as React,
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { BaseProps } from '@purpurds/common-types';
|
|
2
3
|
|
|
3
4
|
export declare const ParagraphVariant: {
|
|
4
5
|
readonly PARAGRAPH100: "paragraph-100";
|
|
@@ -13,8 +14,7 @@ export declare const ParagraphVariant: {
|
|
|
13
14
|
readonly OVERLINE200: "overline-200";
|
|
14
15
|
};
|
|
15
16
|
export type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];
|
|
16
|
-
export type ParagraphProps =
|
|
17
|
-
["data-testid"]?: string;
|
|
17
|
+
export type ParagraphProps = Omit<BaseProps<"p">, "children"> & {
|
|
18
18
|
children: ReactNode;
|
|
19
19
|
enableHyphenation?: boolean;
|
|
20
20
|
negative?: boolean;
|
|
@@ -22,7 +22,7 @@ export type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {
|
|
|
22
22
|
variant?: ParagraphVariant;
|
|
23
23
|
};
|
|
24
24
|
export declare const Paragraph: {
|
|
25
|
-
({
|
|
25
|
+
({ children, className, disabled, enableHyphenation, negative, variant, ...props }: ParagraphProps): React.JSX.Element;
|
|
26
26
|
displayName: string;
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=paragraph.d.ts.map
|
package/dist/paragraph.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../src/paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,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,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC,GAAG;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,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;wFAQnB,cAAc;;CAYhB,CAAC"}
|
package/dist/paragraph.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
function
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
function g(p) {
|
|
3
3
|
return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
|
|
4
4
|
}
|
|
5
5
|
var o = { exports: {} };
|
|
@@ -8,30 +8,30 @@ var o = { exports: {} };
|
|
|
8
8
|
Licensed under the MIT License (MIT), see
|
|
9
9
|
http://jedwatson.github.io/classnames
|
|
10
10
|
*/
|
|
11
|
-
var
|
|
12
|
-
function
|
|
13
|
-
return
|
|
11
|
+
var s;
|
|
12
|
+
function _() {
|
|
13
|
+
return s || (s = 1, function(p) {
|
|
14
14
|
(function() {
|
|
15
|
-
var
|
|
15
|
+
var n = {}.hasOwnProperty;
|
|
16
16
|
function u() {
|
|
17
17
|
for (var r = "", a = 0; a < arguments.length; a++) {
|
|
18
18
|
var e = arguments[a];
|
|
19
|
-
e && (r = h(r, i(e)));
|
|
19
|
+
e && (r = h(r, i.call(this, e)));
|
|
20
20
|
}
|
|
21
21
|
return r;
|
|
22
22
|
}
|
|
23
23
|
function i(r) {
|
|
24
24
|
if (typeof r == "string" || typeof r == "number")
|
|
25
|
-
return r;
|
|
25
|
+
return this && this[r] || r;
|
|
26
26
|
if (typeof r != "object")
|
|
27
27
|
return "";
|
|
28
28
|
if (Array.isArray(r))
|
|
29
|
-
return u.apply(
|
|
29
|
+
return u.apply(this, r);
|
|
30
30
|
if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
|
|
31
31
|
return r.toString();
|
|
32
32
|
var a = "";
|
|
33
33
|
for (var e in r)
|
|
34
|
-
|
|
34
|
+
n.call(r, e) && r[e] && (a = h(a, this && this[e] || e));
|
|
35
35
|
return a;
|
|
36
36
|
}
|
|
37
37
|
function h(r, a) {
|
|
@@ -41,8 +41,8 @@ function m() {
|
|
|
41
41
|
})();
|
|
42
42
|
}(o)), o.exports;
|
|
43
43
|
}
|
|
44
|
-
var
|
|
45
|
-
const
|
|
44
|
+
var d = _();
|
|
45
|
+
const c = /* @__PURE__ */ g(d), f = {
|
|
46
46
|
"purpur-paragraph": "_purpur-paragraph_1rh57_1",
|
|
47
47
|
"purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
|
|
48
48
|
"purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
|
|
@@ -57,7 +57,7 @@ const f = /* @__PURE__ */ d(c), t = {
|
|
|
57
57
|
"purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
|
|
58
58
|
"purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
|
|
59
59
|
"purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
|
|
60
|
-
}, A = {
|
|
60
|
+
}, m = c.bind(f), A = {
|
|
61
61
|
PARAGRAPH100: "paragraph-100",
|
|
62
62
|
PARAGRAPH100MEDIUM: "paragraph-100-medium",
|
|
63
63
|
PARAGRAPH100BOLD: "paragraph-100-bold",
|
|
@@ -68,31 +68,25 @@ const f = /* @__PURE__ */ d(c), t = {
|
|
|
68
68
|
ADDITIONAL100MEDIUM: "additional-100-medium",
|
|
69
69
|
OVERLINE100: "overline-100",
|
|
70
70
|
OVERLINE200: "overline-200"
|
|
71
|
-
},
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
...e
|
|
71
|
+
}, t = "purpur-paragraph", b = ({
|
|
72
|
+
children: p,
|
|
73
|
+
className: n,
|
|
74
|
+
disabled: u,
|
|
75
|
+
enableHyphenation: i = !1,
|
|
76
|
+
negative: h = !1,
|
|
77
|
+
variant: r = A.PARAGRAPH100,
|
|
78
|
+
...a
|
|
80
79
|
}) => {
|
|
81
|
-
const
|
|
82
|
-
|
|
83
|
-
t
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
[t[`${n}--disabled`]]: i,
|
|
88
|
-
[t[`${n}--negative`]]: r
|
|
89
|
-
}
|
|
90
|
-
]);
|
|
91
|
-
return /* @__PURE__ */ _("p", { ...e, className: g, "data-testid": p, children: s });
|
|
80
|
+
const e = m(n, t, `${t}--${r}`, {
|
|
81
|
+
[`${t}--hyphens`]: i,
|
|
82
|
+
[`${t}--disabled`]: u,
|
|
83
|
+
[`${t}--negative`]: h
|
|
84
|
+
});
|
|
85
|
+
return /* @__PURE__ */ l("p", { ...a, className: e, children: p });
|
|
92
86
|
};
|
|
93
|
-
|
|
87
|
+
b.displayName = "Paragraph";
|
|
94
88
|
export {
|
|
95
|
-
|
|
89
|
+
b as Paragraph,
|
|
96
90
|
A as ParagraphVariant
|
|
97
91
|
};
|
|
98
92
|
//# sourceMappingURL=paragraph.es.js.map
|
package/dist/paragraph.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paragraph.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/
|
|
1
|
+
{"version":3,"file":"paragraph.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, 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 this && this[arg] || 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(this, 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, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./paragraph.module.scss\";\n\nconst cx = c.bind(styles);\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 = Omit<BaseProps<\"p\">, \"children\"> & {\n children: ReactNode;\n enableHyphenation?: boolean;\n negative?: boolean;\n disabled?: boolean;\n variant?: ParagraphVariant;\n};\n\nconst rootClassName = \"purpur-paragraph\";\n\nexport const Paragraph = ({\n children,\n className,\n disabled,\n enableHyphenation = false,\n negative = false,\n variant = ParagraphVariant.PARAGRAPH100,\n ...props\n}: ParagraphProps) => {\n const classes = cx(className, rootClassName, `${rootClassName}--${variant}`, {\n [`${rootClassName}--hyphens`]: enableHyphenation,\n [`${rootClassName}--disabled`]: disabled,\n [`${rootClassName}--negative`]: negative,\n });\n\n return (\n <p {...props} className={classes}>\n {children}\n </p>\n );\n};\n\nParagraph.displayName = \"Paragraph\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","styles","ParagraphVariant","rootClassName","Paragraph","children","className","disabled","enableHyphenation","negative","variant","props"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;;;;;;;;GCtEMU,IAAK,EAAE,KAAKC,CAAM,GAEXC,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,GAYMC,IAAgB,oBAETC,IAAY,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,UAAAC,IAAW;AAAA,EACX,SAAAC,IAAUR,EAAiB;AAAA,EAC3B,GAAGS;AACL,MAAsB;AACd,QAAApB,IAAUS,EAAGM,GAAWH,GAAe,GAAGA,CAAa,KAAKO,CAAO,IAAI;AAAA,IAC3E,CAAC,GAAGP,CAAa,WAAW,GAAGK;AAAA,IAC/B,CAAC,GAAGL,CAAa,YAAY,GAAGI;AAAA,IAChC,CAAC,GAAGJ,CAAa,YAAY,GAAGM;AAAA,EAAA,CACjC;AAED,2BACG,KAAG,EAAA,GAAGE,GAAO,WAAWpB,GACtB,UAAAc,GACH;AAEJ;AAEAD,EAAU,cAAc;","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/paragraph",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.7.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/paragraph.cjs.js",
|
|
6
6
|
"types": "./dist/paragraph.d.ts",
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"source": "src/paragraph.tsx",
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"classnames": "~2.5.0",
|
|
20
|
-
"@purpurds/tokens": "7.
|
|
20
|
+
"@purpurds/tokens": "7.7.0",
|
|
21
|
+
"@purpurds/common-types": "7.7.0"
|
|
21
22
|
},
|
|
22
23
|
"devDependencies": {
|
|
23
24
|
"eslint": "9.24.0",
|
package/src/paragraph.tsx
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import React, { type
|
|
2
|
-
import
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
import type { BaseProps } from "@purpurds/common-types";
|
|
3
|
+
import c from "classnames/bind";
|
|
3
4
|
|
|
4
5
|
import styles from "./paragraph.module.scss";
|
|
5
6
|
|
|
7
|
+
const cx = c.bind(styles);
|
|
8
|
+
|
|
6
9
|
export const ParagraphVariant = {
|
|
7
10
|
PARAGRAPH100: "paragraph-100",
|
|
8
11
|
PARAGRAPH100MEDIUM: "paragraph-100-medium",
|
|
@@ -18,8 +21,7 @@ export const ParagraphVariant = {
|
|
|
18
21
|
|
|
19
22
|
export type ParagraphVariant = (typeof ParagraphVariant)[keyof typeof ParagraphVariant];
|
|
20
23
|
|
|
21
|
-
export type ParagraphProps =
|
|
22
|
-
["data-testid"]?: string;
|
|
24
|
+
export type ParagraphProps = Omit<BaseProps<"p">, "children"> & {
|
|
23
25
|
children: ReactNode;
|
|
24
26
|
enableHyphenation?: boolean;
|
|
25
27
|
negative?: boolean;
|
|
@@ -30,7 +32,6 @@ export type ParagraphProps = ParamHTMLAttributes<HTMLParagraphElement> & {
|
|
|
30
32
|
const rootClassName = "purpur-paragraph";
|
|
31
33
|
|
|
32
34
|
export const Paragraph = ({
|
|
33
|
-
["data-testid"]: dataTestid,
|
|
34
35
|
children,
|
|
35
36
|
className,
|
|
36
37
|
disabled,
|
|
@@ -39,19 +40,14 @@ export const Paragraph = ({
|
|
|
39
40
|
variant = ParagraphVariant.PARAGRAPH100,
|
|
40
41
|
...props
|
|
41
42
|
}: ParagraphProps) => {
|
|
42
|
-
const classes =
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
[styles[`${rootClassName}--hyphens`]]: enableHyphenation,
|
|
48
|
-
[styles[`${rootClassName}--disabled`]]: disabled,
|
|
49
|
-
[styles[`${rootClassName}--negative`]]: negative,
|
|
50
|
-
},
|
|
51
|
-
]);
|
|
43
|
+
const classes = cx(className, rootClassName, `${rootClassName}--${variant}`, {
|
|
44
|
+
[`${rootClassName}--hyphens`]: enableHyphenation,
|
|
45
|
+
[`${rootClassName}--disabled`]: disabled,
|
|
46
|
+
[`${rootClassName}--negative`]: negative,
|
|
47
|
+
});
|
|
52
48
|
|
|
53
49
|
return (
|
|
54
|
-
<p {...props} className={classes}
|
|
50
|
+
<p {...props} className={classes}>
|
|
55
51
|
{children}
|
|
56
52
|
</p>
|
|
57
53
|
);
|