@purpurds/field-error-text 7.14.0 → 8.0.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/LICENSE.txt +1 -1
- package/dist/field-error-text.cjs.js +3 -3
- package/dist/field-error-text.cjs.js.map +1 -1
- package/dist/field-error-text.d.ts +2 -1
- package/dist/field-error-text.d.ts.map +1 -1
- package/dist/field-error-text.es.js +37 -33
- package/dist/field-error-text.es.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +5 -5
- package/src/field-error-text.module.scss +8 -0
- package/src/field-error-text.stories.tsx +1 -0
- package/src/field-error-text.tsx +5 -1
package/dist/LICENSE.txt
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function x(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var p={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 f;function g(){return f||(f=1,function(e){(function(){var i={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=s(r,u.call(this,o)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)i.call(r,o)&&r[o]&&(t=s(t,this&&this[o]||o));return t}function s(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(p)),p.exports}var h=g();const y=x(h),w={"purpur-icon":"_purpur-icon_8u1lq_1","purpur-icon--xxs":"_purpur-icon--xxs_8u1lq_4","purpur-icon--xs":"_purpur-icon--xs_8u1lq_8","purpur-icon--sm":"_purpur-icon--sm_8u1lq_12","purpur-icon--md":"_purpur-icon--md_8u1lq_16","purpur-icon--lg":"_purpur-icon--lg_8u1lq_20","purpur-icon--xl":"_purpur-icon--xl_8u1lq_24"},b=y.bind(w),d="purpur-icon",j="md",S=e=>e.filter(i=>Object.keys(i).length>=1).map(i=>`${i.name}="${i.value}"`).join(" "),O=({content:e="",title:i}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},i?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],u=i?`<title>${i}</title>`:"";return`<svg ${S(n)}>${u}${e}</svg>`},$=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),m=({svg:e,allyTitle:i,className:n,size:u=j,...s})=>{const r=O({content:$(e.svg),title:i}),t=b(n,d,`${d}--${u}`);return c.jsx("span",{className:t,dangerouslySetInnerHTML:{__html:r},...s})};m.displayName="Icon";const q={name:"error-filled",svg:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="currentColor"><path fill-rule="evenodd" d="M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z" clip-rule="evenodd"/></svg>',keywords:["error-filled"],category:"status"};function N(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var l={exports:{}};/*!
|
|
6
6
|
Copyright (c) 2018 Jed Watson.
|
|
7
7
|
Licensed under the MIT License (MIT), see
|
|
8
8
|
http://jedwatson.github.io/classnames
|
|
9
|
-
*/var
|
|
9
|
+
*/var v;function M(){return v||(v=1,function(e){(function(){var i={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=s(r,u.call(this,o)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)i.call(r,o)&&r[o]&&(t=s(t,this&&this[o]||o));return t}function s(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(l)),l.exports}var P=M();const T=N(P),A={"purpur-field-error-text":"_purpur-field-error-text_u1cy2_1","purpur-field-error-text--negative":"_purpur-field-error-text--negative_u1cy2_11","purpur-field-error-text__icon":"_purpur-field-error-text__icon_u1cy2_14"},_=T.bind(A),B=["additions text","additions","removals","text","all"],a="purpur-field-error-text",E=({children:e,className:i,negative:n=!1,["aria-relevant"]:u="additions text",...s})=>c.jsxs("div",{className:_(i,a,{[`${a}--negative`]:n}),"aria-live":"assertive","aria-relevant":u,...s,children:[c.jsx(m,{svg:q,size:"xs",className:_(`${a}__icon`)}),e]});exports.FieldErrorText=E;exports.ariaRelevantValues=B;
|
|
10
10
|
//# sourceMappingURL=field-error-text.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-error-text.cjs.js","sources":["../../icon/dist/icon.es.js","../../icon/dist/assets/error-filled.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/field-error-text.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nfunction f(r) {\n return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, \"default\") ? r.default : r;\n}\nvar c = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar p;\nfunction m() {\n return p || (p = 1, function(r) {\n (function() {\n var e = {}.hasOwnProperty;\n function s() {\n for (var t = \"\", n = 0; n < arguments.length; n++) {\n var o = arguments[n];\n o && (t = i(t, u.call(this, o)));\n }\n return t;\n }\n function u(t) {\n if (typeof t == \"string\" || typeof t == \"number\")\n return this && this[t] || t;\n if (typeof t != \"object\")\n return \"\";\n if (Array.isArray(t))\n return s.apply(this, t);\n if (t.toString !== Object.prototype.toString && !t.toString.toString().includes(\"[native code]\"))\n return t.toString();\n var n = \"\";\n for (var o in t)\n e.call(t, o) && t[o] && (n = i(n, this && this[o] || o));\n return n;\n }\n function i(t, n) {\n return n ? t ? t + \" \" + n : t + n : t;\n }\n r.exports ? (s.default = s, r.exports = s) : window.classNames = s;\n })();\n }(c)), c.exports;\n}\nvar _ = m();\nconst v = /* @__PURE__ */ f(_), d = {\n \"purpur-icon\": \"_purpur-icon_8u1lq_1\",\n \"purpur-icon--xxs\": \"_purpur-icon--xxs_8u1lq_4\",\n \"purpur-icon--xs\": \"_purpur-icon--xs_8u1lq_8\",\n \"purpur-icon--sm\": \"_purpur-icon--sm_8u1lq_12\",\n \"purpur-icon--md\": \"_purpur-icon--md_8u1lq_16\",\n \"purpur-icon--lg\": \"_purpur-icon--lg_8u1lq_20\",\n \"purpur-icon--xl\": \"_purpur-icon--xl_8u1lq_24\"\n}, x = v.bind(d), l = \"purpur-icon\", w = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], g = \"md\", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}=\"${e.value}\"`).join(\" \"), y = ({ content: r = \"\", title: e } = {}) => {\n const s = [\n { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n { name: \"fill\", value: \"currentColor\" },\n { name: \"viewBox\", value: \"0 0 24 24\" },\n e ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" }\n ], u = e ? `<title>${e}</title>` : \"\";\n return `<svg ${h(s)}>${u}${r}</svg>`;\n}, S = (r) => r.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim(), b = ({ svg: r, allyTitle: e, className: s, size: u = g, ...i }) => {\n const t = y({\n content: S(r.svg),\n title: e\n }), n = x(s, l, `${l}--${u}`);\n return /* @__PURE__ */ a(\"span\", { className: n, dangerouslySetInnerHTML: { __html: t }, ...i });\n};\nb.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n b as Icon,\n w as sizes\n};\n//# sourceMappingURL=icon.es.js.map\n","const e = {\n name: \"error-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"error-filled\"],\n category: \"status\"\n};\nexport {\n e as errorFilled\n};\n//# sourceMappingURL=error-filled.es.js.map\n","/*!\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 { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<BaseProps, \"aria-relevant\" | \"children\"> & {\n children: ReactNode;\n [\"aria-relevant\"]?: (typeof ariaRelevantValues)[number];\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n [\"aria-relevant\"]: ariaRelevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={cx(className, rootClassName)}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n {children}\n </div>\n);\n"],"names":["f","r","c","m","e","s","t","n","i","u","_","v","d","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","cx","styles","ariaRelevantValues","rootClassName","FieldErrorText","children","className","ariaRelevant","props","jsxs","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
|
|
1
|
+
{"version":3,"file":"field-error-text.cjs.js","sources":["../../icon/dist/icon.es.js","../../icon/dist/assets/error-filled.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/field-error-text.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nfunction f(r) {\n return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, \"default\") ? r.default : r;\n}\nvar c = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar p;\nfunction m() {\n return p || (p = 1, function(r) {\n (function() {\n var e = {}.hasOwnProperty;\n function s() {\n for (var t = \"\", n = 0; n < arguments.length; n++) {\n var o = arguments[n];\n o && (t = i(t, u.call(this, o)));\n }\n return t;\n }\n function u(t) {\n if (typeof t == \"string\" || typeof t == \"number\")\n return this && this[t] || t;\n if (typeof t != \"object\")\n return \"\";\n if (Array.isArray(t))\n return s.apply(this, t);\n if (t.toString !== Object.prototype.toString && !t.toString.toString().includes(\"[native code]\"))\n return t.toString();\n var n = \"\";\n for (var o in t)\n e.call(t, o) && t[o] && (n = i(n, this && this[o] || o));\n return n;\n }\n function i(t, n) {\n return n ? t ? t + \" \" + n : t + n : t;\n }\n r.exports ? (s.default = s, r.exports = s) : window.classNames = s;\n })();\n }(c)), c.exports;\n}\nvar _ = m();\nconst v = /* @__PURE__ */ f(_), d = {\n \"purpur-icon\": \"_purpur-icon_8u1lq_1\",\n \"purpur-icon--xxs\": \"_purpur-icon--xxs_8u1lq_4\",\n \"purpur-icon--xs\": \"_purpur-icon--xs_8u1lq_8\",\n \"purpur-icon--sm\": \"_purpur-icon--sm_8u1lq_12\",\n \"purpur-icon--md\": \"_purpur-icon--md_8u1lq_16\",\n \"purpur-icon--lg\": \"_purpur-icon--lg_8u1lq_20\",\n \"purpur-icon--xl\": \"_purpur-icon--xl_8u1lq_24\"\n}, x = v.bind(d), l = \"purpur-icon\", w = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], g = \"md\", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}=\"${e.value}\"`).join(\" \"), y = ({ content: r = \"\", title: e } = {}) => {\n const s = [\n { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n { name: \"fill\", value: \"currentColor\" },\n { name: \"viewBox\", value: \"0 0 24 24\" },\n e ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" }\n ], u = e ? `<title>${e}</title>` : \"\";\n return `<svg ${h(s)}>${u}${r}</svg>`;\n}, S = (r) => r.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim(), b = ({ svg: r, allyTitle: e, className: s, size: u = g, ...i }) => {\n const t = y({\n content: S(r.svg),\n title: e\n }), n = x(s, l, `${l}--${u}`);\n return /* @__PURE__ */ a(\"span\", { className: n, dangerouslySetInnerHTML: { __html: t }, ...i });\n};\nb.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n b as Icon,\n w as sizes\n};\n//# sourceMappingURL=icon.es.js.map\n","const e = {\n name: \"error-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"error-filled\"],\n category: \"status\"\n};\nexport {\n e as errorFilled\n};\n//# sourceMappingURL=error-filled.es.js.map\n","/*!\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 { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<BaseProps, \"aria-relevant\" | \"children\"> & {\n children: ReactNode;\n negative?: boolean;\n [\"aria-relevant\"]?: (typeof ariaRelevantValues)[number];\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n negative = false,\n [\"aria-relevant\"]: ariaRelevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={cx(className, rootClassName, {\n [`${rootClassName}--negative`]: negative,\n })}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n {children}\n </div>\n);\n"],"names":["f","r","c","p","m","e","s","t","n","i","_","v","d","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","cx","styles","ariaRelevantValues","rootClassName","FieldErrorText","children","className","negative","ariaRelevant","props","jsxs","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
|
|
@@ -4,7 +4,8 @@ import { BaseProps } from '@purpurds/common-types';
|
|
|
4
4
|
export declare const ariaRelevantValues: readonly ["additions text", "additions", "removals", "text", "all"];
|
|
5
5
|
export type FieldErrorTextProps = Omit<BaseProps, "aria-relevant" | "children"> & {
|
|
6
6
|
children: ReactNode;
|
|
7
|
+
negative?: boolean;
|
|
7
8
|
["aria-relevant"]?: (typeof ariaRelevantValues)[number];
|
|
8
9
|
};
|
|
9
|
-
export declare const FieldErrorText: ({ children, className, ["aria-relevant"]: ariaRelevant, ...props }: FieldErrorTextProps) => React.JSX.Element;
|
|
10
|
+
export declare const FieldErrorText: ({ children, className, negative, ["aria-relevant"]: ariaRelevant, ...props }: FieldErrorTextProps) => React.JSX.Element;
|
|
10
11
|
//# sourceMappingURL=field-error-text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-error-text.d.ts","sourceRoot":"","sources":["../src/field-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AASxD,eAAO,MAAM,kBAAkB,qEAMrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC,GAAG;IAChF,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;CACzD,CAAC;AAIF,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"field-error-text.d.ts","sourceRoot":"","sources":["../src/field-error-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AASxD,eAAO,MAAM,kBAAkB,qEAMrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC,GAAG;IAChF,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;CACzD,CAAC;AAIF,eAAO,MAAM,cAAc,iFAMxB,mBAAmB,sBAYrB,CAAC"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as _, jsxs as x } from "react/jsx-runtime";
|
|
2
|
-
function
|
|
2
|
+
function g(e) {
|
|
3
3
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
4
|
}
|
|
5
|
-
var
|
|
5
|
+
var p = { exports: {} };
|
|
6
6
|
/*!
|
|
7
7
|
Copyright (c) 2018 Jed Watson.
|
|
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 c;
|
|
12
|
+
function h() {
|
|
13
|
+
return c || (c = 1, function(e) {
|
|
14
14
|
(function() {
|
|
15
15
|
var i = {}.hasOwnProperty;
|
|
16
16
|
function n() {
|
|
17
17
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
18
18
|
var o = arguments[t];
|
|
19
|
-
o && (r =
|
|
19
|
+
o && (r = s(r, u.call(this, o)));
|
|
20
20
|
}
|
|
21
21
|
return r;
|
|
22
22
|
}
|
|
23
|
-
function
|
|
23
|
+
function u(r) {
|
|
24
24
|
if (typeof r == "string" || typeof r == "number")
|
|
25
25
|
return this && this[r] || r;
|
|
26
26
|
if (typeof r != "object")
|
|
@@ -31,18 +31,18 @@ function g() {
|
|
|
31
31
|
return r.toString();
|
|
32
32
|
var t = "";
|
|
33
33
|
for (var o in r)
|
|
34
|
-
i.call(r, o) && r[o] && (t =
|
|
34
|
+
i.call(r, o) && r[o] && (t = s(t, this && this[o] || o));
|
|
35
35
|
return t;
|
|
36
36
|
}
|
|
37
|
-
function
|
|
37
|
+
function s(r, t) {
|
|
38
38
|
return t ? r ? r + " " + t : r + t : r;
|
|
39
39
|
}
|
|
40
40
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
41
41
|
})();
|
|
42
|
-
}(
|
|
42
|
+
}(p)), p.exports;
|
|
43
43
|
}
|
|
44
|
-
var y =
|
|
45
|
-
const w = /* @__PURE__ */
|
|
44
|
+
var y = h();
|
|
45
|
+
const w = /* @__PURE__ */ g(y), b = {
|
|
46
46
|
"purpur-icon": "_purpur-icon_8u1lq_1",
|
|
47
47
|
"purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
|
|
48
48
|
"purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
|
|
@@ -50,20 +50,20 @@ const w = /* @__PURE__ */ h(y), b = {
|
|
|
50
50
|
"purpur-icon--md": "_purpur-icon--md_8u1lq_16",
|
|
51
51
|
"purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
|
|
52
52
|
"purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
|
|
53
|
-
},
|
|
53
|
+
}, S = w.bind(b), f = "purpur-icon", j = "md", $ = (e) => e.filter((i) => Object.keys(i).length >= 1).map((i) => `${i.name}="${i.value}"`).join(" "), O = ({ content: e = "", title: i } = {}) => {
|
|
54
54
|
const n = [
|
|
55
55
|
{ name: "xmlns", value: "http://www.w3.org/2000/svg" },
|
|
56
56
|
{ name: "fill", value: "currentColor" },
|
|
57
57
|
{ name: "viewBox", value: "0 0 24 24" },
|
|
58
58
|
i ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
|
|
59
|
-
],
|
|
60
|
-
return `<svg ${
|
|
61
|
-
}, q = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), m = ({ svg: e, allyTitle: i, className: n, size:
|
|
62
|
-
const r =
|
|
59
|
+
], u = i ? `<title>${i}</title>` : "";
|
|
60
|
+
return `<svg ${$(n)}>${u}${e}</svg>`;
|
|
61
|
+
}, q = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), m = ({ svg: e, allyTitle: i, className: n, size: u = j, ...s }) => {
|
|
62
|
+
const r = O({
|
|
63
63
|
content: q(e.svg),
|
|
64
64
|
title: i
|
|
65
|
-
}), t =
|
|
66
|
-
return /* @__PURE__ */ _("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...
|
|
65
|
+
}), t = S(n, f, `${f}--${u}`);
|
|
66
|
+
return /* @__PURE__ */ _("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...s });
|
|
67
67
|
};
|
|
68
68
|
m.displayName = "Icon";
|
|
69
69
|
const N = {
|
|
@@ -81,19 +81,19 @@ var l = { exports: {} };
|
|
|
81
81
|
Licensed under the MIT License (MIT), see
|
|
82
82
|
http://jedwatson.github.io/classnames
|
|
83
83
|
*/
|
|
84
|
-
var
|
|
84
|
+
var d;
|
|
85
85
|
function B() {
|
|
86
|
-
return
|
|
86
|
+
return d || (d = 1, function(e) {
|
|
87
87
|
(function() {
|
|
88
88
|
var i = {}.hasOwnProperty;
|
|
89
89
|
function n() {
|
|
90
90
|
for (var r = "", t = 0; t < arguments.length; t++) {
|
|
91
91
|
var o = arguments[t];
|
|
92
|
-
o && (r =
|
|
92
|
+
o && (r = s(r, u.call(this, o)));
|
|
93
93
|
}
|
|
94
94
|
return r;
|
|
95
95
|
}
|
|
96
|
-
function
|
|
96
|
+
function u(r) {
|
|
97
97
|
if (typeof r == "string" || typeof r == "number")
|
|
98
98
|
return this && this[r] || r;
|
|
99
99
|
if (typeof r != "object")
|
|
@@ -104,10 +104,10 @@ function B() {
|
|
|
104
104
|
return r.toString();
|
|
105
105
|
var t = "";
|
|
106
106
|
for (var o in r)
|
|
107
|
-
i.call(r, o) && r[o] && (t =
|
|
107
|
+
i.call(r, o) && r[o] && (t = s(t, this && this[o] || o));
|
|
108
108
|
return t;
|
|
109
109
|
}
|
|
110
|
-
function
|
|
110
|
+
function s(r, t) {
|
|
111
111
|
return t ? r ? r + " " + t : r + t : r;
|
|
112
112
|
}
|
|
113
113
|
e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
|
|
@@ -116,28 +116,32 @@ function B() {
|
|
|
116
116
|
}
|
|
117
117
|
var M = B();
|
|
118
118
|
const P = /* @__PURE__ */ A(M), C = {
|
|
119
|
-
"purpur-field-error-text": "_purpur-field-error-
|
|
120
|
-
"purpur-field-error-
|
|
121
|
-
|
|
119
|
+
"purpur-field-error-text": "_purpur-field-error-text_u1cy2_1",
|
|
120
|
+
"purpur-field-error-text--negative": "_purpur-field-error-text--negative_u1cy2_11",
|
|
121
|
+
"purpur-field-error-text__icon": "_purpur-field-error-text__icon_u1cy2_14"
|
|
122
|
+
}, v = P.bind(C), T = [
|
|
122
123
|
"additions text",
|
|
123
124
|
"additions",
|
|
124
125
|
"removals",
|
|
125
126
|
"text",
|
|
126
127
|
"all"
|
|
127
|
-
],
|
|
128
|
+
], a = "purpur-field-error-text", Z = ({
|
|
128
129
|
children: e,
|
|
129
130
|
className: i,
|
|
130
|
-
|
|
131
|
+
negative: n = !1,
|
|
132
|
+
["aria-relevant"]: u = "additions text",
|
|
131
133
|
...s
|
|
132
134
|
}) => /* @__PURE__ */ x(
|
|
133
135
|
"div",
|
|
134
136
|
{
|
|
135
|
-
className:
|
|
137
|
+
className: v(i, a, {
|
|
138
|
+
[`${a}--negative`]: n
|
|
139
|
+
}),
|
|
136
140
|
"aria-live": "assertive",
|
|
137
|
-
"aria-relevant":
|
|
141
|
+
"aria-relevant": u,
|
|
138
142
|
...s,
|
|
139
143
|
children: [
|
|
140
|
-
/* @__PURE__ */ _(m, { svg: N, size: "xs", className:
|
|
144
|
+
/* @__PURE__ */ _(m, { svg: N, size: "xs", className: v(`${a}__icon`) }),
|
|
141
145
|
e
|
|
142
146
|
]
|
|
143
147
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-error-text.es.js","sources":["../../icon/dist/icon.es.js","../../icon/dist/assets/error-filled.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/field-error-text.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nfunction f(r) {\n return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, \"default\") ? r.default : r;\n}\nvar c = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar p;\nfunction m() {\n return p || (p = 1, function(r) {\n (function() {\n var e = {}.hasOwnProperty;\n function s() {\n for (var t = \"\", n = 0; n < arguments.length; n++) {\n var o = arguments[n];\n o && (t = i(t, u.call(this, o)));\n }\n return t;\n }\n function u(t) {\n if (typeof t == \"string\" || typeof t == \"number\")\n return this && this[t] || t;\n if (typeof t != \"object\")\n return \"\";\n if (Array.isArray(t))\n return s.apply(this, t);\n if (t.toString !== Object.prototype.toString && !t.toString.toString().includes(\"[native code]\"))\n return t.toString();\n var n = \"\";\n for (var o in t)\n e.call(t, o) && t[o] && (n = i(n, this && this[o] || o));\n return n;\n }\n function i(t, n) {\n return n ? t ? t + \" \" + n : t + n : t;\n }\n r.exports ? (s.default = s, r.exports = s) : window.classNames = s;\n })();\n }(c)), c.exports;\n}\nvar _ = m();\nconst v = /* @__PURE__ */ f(_), d = {\n \"purpur-icon\": \"_purpur-icon_8u1lq_1\",\n \"purpur-icon--xxs\": \"_purpur-icon--xxs_8u1lq_4\",\n \"purpur-icon--xs\": \"_purpur-icon--xs_8u1lq_8\",\n \"purpur-icon--sm\": \"_purpur-icon--sm_8u1lq_12\",\n \"purpur-icon--md\": \"_purpur-icon--md_8u1lq_16\",\n \"purpur-icon--lg\": \"_purpur-icon--lg_8u1lq_20\",\n \"purpur-icon--xl\": \"_purpur-icon--xl_8u1lq_24\"\n}, x = v.bind(d), l = \"purpur-icon\", w = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], g = \"md\", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}=\"${e.value}\"`).join(\" \"), y = ({ content: r = \"\", title: e } = {}) => {\n const s = [\n { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n { name: \"fill\", value: \"currentColor\" },\n { name: \"viewBox\", value: \"0 0 24 24\" },\n e ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" }\n ], u = e ? `<title>${e}</title>` : \"\";\n return `<svg ${h(s)}>${u}${r}</svg>`;\n}, S = (r) => r.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim(), b = ({ svg: r, allyTitle: e, className: s, size: u = g, ...i }) => {\n const t = y({\n content: S(r.svg),\n title: e\n }), n = x(s, l, `${l}--${u}`);\n return /* @__PURE__ */ a(\"span\", { className: n, dangerouslySetInnerHTML: { __html: t }, ...i });\n};\nb.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n b as Icon,\n w as sizes\n};\n//# sourceMappingURL=icon.es.js.map\n","const e = {\n name: \"error-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"error-filled\"],\n category: \"status\"\n};\nexport {\n e as errorFilled\n};\n//# sourceMappingURL=error-filled.es.js.map\n","/*!\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 { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<BaseProps, \"aria-relevant\" | \"children\"> & {\n children: ReactNode;\n [\"aria-relevant\"]?: (typeof ariaRelevantValues)[number];\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n [\"aria-relevant\"]: ariaRelevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={cx(className, rootClassName)}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n {children}\n </div>\n);\n"],"names":["f","r","c","m","e","s","t","n","i","u","_","v","d","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","cx","styles","ariaRelevantValues","rootClassName","FieldErrorText","children","className","ariaRelevant","props","jsxs","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
|
|
1
|
+
{"version":3,"file":"field-error-text.es.js","sources":["../../icon/dist/icon.es.js","../../icon/dist/assets/error-filled.es.js","../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/field-error-text.tsx"],"sourcesContent":["import { jsx as a } from \"react/jsx-runtime\";\nfunction f(r) {\n return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, \"default\") ? r.default : r;\n}\nvar c = { exports: {} };\n/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\nvar p;\nfunction m() {\n return p || (p = 1, function(r) {\n (function() {\n var e = {}.hasOwnProperty;\n function s() {\n for (var t = \"\", n = 0; n < arguments.length; n++) {\n var o = arguments[n];\n o && (t = i(t, u.call(this, o)));\n }\n return t;\n }\n function u(t) {\n if (typeof t == \"string\" || typeof t == \"number\")\n return this && this[t] || t;\n if (typeof t != \"object\")\n return \"\";\n if (Array.isArray(t))\n return s.apply(this, t);\n if (t.toString !== Object.prototype.toString && !t.toString.toString().includes(\"[native code]\"))\n return t.toString();\n var n = \"\";\n for (var o in t)\n e.call(t, o) && t[o] && (n = i(n, this && this[o] || o));\n return n;\n }\n function i(t, n) {\n return n ? t ? t + \" \" + n : t + n : t;\n }\n r.exports ? (s.default = s, r.exports = s) : window.classNames = s;\n })();\n }(c)), c.exports;\n}\nvar _ = m();\nconst v = /* @__PURE__ */ f(_), d = {\n \"purpur-icon\": \"_purpur-icon_8u1lq_1\",\n \"purpur-icon--xxs\": \"_purpur-icon--xxs_8u1lq_4\",\n \"purpur-icon--xs\": \"_purpur-icon--xs_8u1lq_8\",\n \"purpur-icon--sm\": \"_purpur-icon--sm_8u1lq_12\",\n \"purpur-icon--md\": \"_purpur-icon--md_8u1lq_16\",\n \"purpur-icon--lg\": \"_purpur-icon--lg_8u1lq_20\",\n \"purpur-icon--xl\": \"_purpur-icon--xl_8u1lq_24\"\n}, x = v.bind(d), l = \"purpur-icon\", w = [\"xxs\", \"xs\", \"sm\", \"md\", \"lg\", \"xl\"], g = \"md\", h = (r) => r.filter((e) => Object.keys(e).length >= 1).map((e) => `${e.name}=\"${e.value}\"`).join(\" \"), y = ({ content: r = \"\", title: e } = {}) => {\n const s = [\n { name: \"xmlns\", value: \"http://www.w3.org/2000/svg\" },\n { name: \"fill\", value: \"currentColor\" },\n { name: \"viewBox\", value: \"0 0 24 24\" },\n e ? { name: \"role\", value: \"img\" } : { name: \"aria-hidden\", value: \"true\" }\n ], u = e ? `<title>${e}</title>` : \"\";\n return `<svg ${h(s)}>${u}${r}</svg>`;\n}, S = (r) => r.replace(/<(\\/?)svg([^>]*)>/g, \"\").trim(), b = ({ svg: r, allyTitle: e, className: s, size: u = g, ...i }) => {\n const t = y({\n content: S(r.svg),\n title: e\n }), n = x(s, l, `${l}--${u}`);\n return /* @__PURE__ */ a(\"span\", { className: n, dangerouslySetInnerHTML: { __html: t }, ...i });\n};\nb.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n b as Icon,\n w as sizes\n};\n//# sourceMappingURL=icon.es.js.map\n","const e = {\n name: \"error-filled\",\n svg: '<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 24\" fill=\"currentColor\"><path fill-rule=\"evenodd\" d=\"M14.268 3.5c-.77-1.333-2.694-1.333-3.464 0l-8.66 15c-.77 1.333.192 3 1.732 3h17.32c1.54 0 2.502-1.667 1.733-3l-8.66-15Zm-.694 5.067-.247 6.876h-1.566l-.247-6.876a1.03 1.03 0 1 1 2.06 0Zm.212 8.917c0 .649-.585 1.234-1.25 1.234-.648 0-1.25-.585-1.25-1.234 0-.633.602-1.234 1.25-1.234.665 0 1.25.601 1.25 1.234Z\" clip-rule=\"evenodd\"/></svg>',\n keywords: [\"error-filled\"],\n category: \"status\"\n};\nexport {\n e as errorFilled\n};\n//# sourceMappingURL=error-filled.es.js.map\n","/*!\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 { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<BaseProps, \"aria-relevant\" | \"children\"> & {\n children: ReactNode;\n negative?: boolean;\n [\"aria-relevant\"]?: (typeof ariaRelevantValues)[number];\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n negative = false,\n [\"aria-relevant\"]: ariaRelevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={cx(className, rootClassName, {\n [`${rootClassName}--negative`]: negative,\n })}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={cx(`${rootClassName}__icon`)} />\n {children}\n </div>\n);\n"],"names":["f","r","c","p","m","e","s","t","n","i","_","v","d","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","cx","styles","ariaRelevantValues","rootClassName","FieldErrorText","children","className","negative","ariaRelevant","props","jsxs","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._purpur-field-error-
|
|
1
|
+
._purpur-field-error-text_u1cy2_1{font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-100);line-height:var(--purpur-typography-line-height-loose);color:var(--purpur-color-text-status-error-strong);display:flex;flex-direction:row;gap:var(--purpur-spacing-50)}._purpur-field-error-text--negative_u1cy2_11{color:var(--purpur-color-text-status-error-strong-negative)}._purpur-field-error-text--negative_u1cy2_11 ._purpur-field-error-text__icon_u1cy2_14{color:var(--purpur-color-text-status-error-medium-negative)}._purpur-field-error-text__icon_u1cy2_14{flex-shrink:0;margin-top:var(--purpur-spacing-25);color:var(--purpur-color-text-status-error-medium)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/field-error-text",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.0",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/field-error-text.cjs.js",
|
|
6
6
|
"types": "./dist/field-error-text.d.ts",
|
|
@@ -16,10 +16,10 @@
|
|
|
16
16
|
"source": "src/field-error-text.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/paragraph": "
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/
|
|
19
|
+
"@purpurds/paragraph": "8.0.0",
|
|
20
|
+
"@purpurds/tokens": "8.0.0",
|
|
21
|
+
"@purpurds/common-types": "8.0.0",
|
|
22
|
+
"@purpurds/icon": "8.0.0"
|
|
23
23
|
},
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"@storybook/react-vite": "^9.0.18",
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
@use "@purpurds/paragraph/src/paragraph.mixins.scss" as paragraph;
|
|
2
2
|
|
|
3
3
|
.purpur-field-error-text {
|
|
4
|
+
$root: &;
|
|
4
5
|
@include paragraph.purpur-paragraph-100;
|
|
5
6
|
color: var(--purpur-color-text-status-error-strong);
|
|
6
7
|
display: flex;
|
|
7
8
|
flex-direction: row;
|
|
8
9
|
gap: var(--purpur-spacing-50);
|
|
9
10
|
|
|
11
|
+
&--negative {
|
|
12
|
+
color: var(--purpur-color-text-status-error-strong-negative);
|
|
13
|
+
#{$root}__icon {
|
|
14
|
+
color: var(--purpur-color-text-status-error-medium-negative);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
10
18
|
&__icon {
|
|
11
19
|
flex-shrink: 0;
|
|
12
20
|
margin-top: var(--purpur-spacing-25);
|
package/src/field-error-text.tsx
CHANGED
|
@@ -18,6 +18,7 @@ export const ariaRelevantValues = [
|
|
|
18
18
|
|
|
19
19
|
export type FieldErrorTextProps = Omit<BaseProps, "aria-relevant" | "children"> & {
|
|
20
20
|
children: ReactNode;
|
|
21
|
+
negative?: boolean;
|
|
21
22
|
["aria-relevant"]?: (typeof ariaRelevantValues)[number];
|
|
22
23
|
};
|
|
23
24
|
|
|
@@ -26,11 +27,14 @@ const rootClassName = "purpur-field-error-text";
|
|
|
26
27
|
export const FieldErrorText = ({
|
|
27
28
|
children,
|
|
28
29
|
className,
|
|
30
|
+
negative = false,
|
|
29
31
|
["aria-relevant"]: ariaRelevant = "additions text",
|
|
30
32
|
...props
|
|
31
33
|
}: FieldErrorTextProps) => (
|
|
32
34
|
<div
|
|
33
|
-
className={cx(className, rootClassName
|
|
35
|
+
className={cx(className, rootClassName, {
|
|
36
|
+
[`${rootClassName}--negative`]: negative,
|
|
37
|
+
})}
|
|
34
38
|
aria-live="assertive"
|
|
35
39
|
aria-relevant={ariaRelevant}
|
|
36
40
|
{...props}
|