@purpurds/field-error-text 6.12.4 → 7.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.
Files changed (11) hide show
  1. package/dist/LICENSE.txt +1 -1
  2. package/dist/field-error-text.cjs.js +3 -3
  3. package/dist/field-error-text.cjs.js.map +1 -1
  4. package/dist/field-error-text.d.ts +5 -4
  5. package/dist/field-error-text.d.ts.map +1 -1
  6. package/dist/field-error-text.es.js +37 -31
  7. package/dist/field-error-text.es.js.map +1 -1
  8. package/dist/metadata.js +1 -0
  9. package/package.json +4 -4
  10. package/src/field-error-text.stories.tsx +5 -6
  11. package/src/field-error-text.tsx +13 -5
package/dist/LICENSE.txt CHANGED
@@ -1,5 +1,5 @@
1
1
  Name: @purpurds/icon
2
- Version: 6.12.3
2
+ Version: 6.12.5
3
3
  License: AGPL-3.0-only
4
4
  Private: false
5
5
 
package/dist/field-error-text.cjs.js CHANGED
@@ -1,10 +1,10 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");function x(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var p={exports:{}};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");function x(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var c={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 c;function g(){return c||(c=1,function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=u(r,i.call(this,o)))}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 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)s.call(r,o)&&r[o]&&(t=u(t,this&&this[o]||o));return t}function u(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 y=g();const h=x(y),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"},j=h.bind(w),f="purpur-icon",b="md",S=e=>e.filter(s=>Object.keys(s).length>=1).map(s=>`${s.name}="${s.value}"`).join(" "),O=({content:e="",title:s}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},s?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],i=s?`<title>${s}</title>`:"";return`<svg ${S(n)}>${i}${e}</svg>`},q=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),_=({["data-testid"]:e,svg:s,allyTitle:n,className:i,size:u=b,...r})=>{const t=O({content:q(s.svg),title:n}),o=j(i,f,`${f}--${u}`);return a.jsx("span",{"aria-label":n,className:o,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};_.displayName="Icon";const $={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:{}};/*!
5
+ */var p;function g(){return p||(p=1,function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=u(r,o.call(this,i)))}return r}function o(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 i in r)s.call(r,i)&&r[i]&&(t=u(t,this&&this[i]||i));return t}function u(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(c)),c.exports}var y=g();const h=x(y),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"},j=h.bind(w),f="purpur-icon",S="md",b=e=>e.filter(s=>Object.keys(s).length>=1).map(s=>`${s.name}="${s.value}"`).join(" "),O=({content:e="",title:s}={})=>{const n=[{name:"xmlns",value:"http://www.w3.org/2000/svg"},{name:"fill",value:"currentColor"},{name:"viewBox",value:"0 0 24 24"},s?{name:"role",value:"img"}:{name:"aria-hidden",value:"true"}],o=s?`<title>${s}</title>`:"";return`<svg ${b(n)}>${o}${e}</svg>`},q=e=>e.replace(/<(\/?)svg([^>]*)>/g,"").trim(),_=({["data-testid"]:e,svg:s,allyTitle:n,className:o,size:u=S,...r})=>{const t=O({content:q(s.svg),title:n}),i=j(o,f,`${f}--${u}`);return l.jsx("span",{className:i,"data-testid":e,dangerouslySetInnerHTML:{__html:t},...r})};_.displayName="Icon";const $={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 a={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 d;function C(){return d||(d=1,function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=u(r,i(o)))}return r}function i(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)s.call(r,o)&&r[o]&&(t=u(t,o));return t}function u(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 M=C();const P=N(M),v={"purpur-field-error-text":"_purpur-field-error-text_1lj7e_1","purpur-field-error-text__icon":"_purpur-field-error-text__icon_1lj7e_11"},m="purpur-field-error-text",T=({children:e,className:s,relevant:n="additions text",...i})=>a.jsxs("div",{className:P([s,v[m]]),"aria-live":"assertive","aria-relevant":n,...i,children:[a.jsx(_,{svg:$,size:"xs",className:v[`${m}__icon`]}),e]});exports.FieldErrorText=T;
9
+ */var d;function C(){return d||(d=1,function(e){(function(){var s={}.hasOwnProperty;function n(){for(var r="",t=0;t<arguments.length;t++){var i=arguments[t];i&&(r=u(r,o(i)))}return r}function o(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return n.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var i in r)s.call(r,i)&&r[i]&&(t=u(t,i));return t}function u(r,t){return t?r?r+" "+t:r+t:r}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(a)),a.exports}var M=C();const P=N(M),v={"purpur-field-error-text":"_purpur-field-error-text_1lj7e_1","purpur-field-error-text__icon":"_purpur-field-error-text__icon_1lj7e_11"},T=["additions text","additions","removals","text","all"],m="purpur-field-error-text",A=({children:e,className:s,["aria-relevant"]:n="additions text",...o})=>l.jsxs("div",{className:P([s,v[m]]),"aria-live":"assertive","aria-relevant":n,...o,children:[l.jsx(_,{svg:$,size:"xs",className:v[`${m}__icon`]}),e]});exports.FieldErrorText=A;exports.ariaRelevantValues=T;
10
10
  //# sourceMappingURL=field-error-text.cjs.js.map
package/dist/field-error-text.cjs.js.map CHANGED
@@ -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/index.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 d = /* @__PURE__ */ f(_), v = {\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 = d.bind(v), 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(\" \"), b = ({ 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(), y = ({\n [\"data-testid\"]: r,\n svg: e,\n allyTitle: s,\n className: u,\n size: i = g,\n ...t\n}) => {\n const n = b({\n content: S(e.svg),\n title: s\n }), o = x(u, l, `${l}--${i}`);\n return /* @__PURE__ */ a(\n \"span\",\n {\n \"aria-label\": s,\n className: o,\n \"data-testid\": r,\n dangerouslySetInnerHTML: { __html: n },\n ...t\n }\n );\n};\ny.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n y 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(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, { ReactNode } from \"react\";\nimport { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nexport type FieldErrorTextProps = React.HTMLAttributes<HTMLDivElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n relevant?: \"additions text\" | \"additions\" | \"removals\" | \"text\" | \"all\";\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n relevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={c([className, styles[rootClassName]])}\n aria-live=\"assertive\"\n aria-relevant={relevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={styles[`${rootClassName}__icon`]} />\n {children}\n </div>\n);\n"],"names":["f","r","c","p","m","e","s","t","n","i","u","_","d","v","x","l","g","h","b","S","y","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","FieldErrorText","children","className","relevant","props","jsxs","styles","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/index.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 d = /* @__PURE__ */ f(_), v = {\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 = d.bind(v), 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 = ({\n [\"data-testid\"]: r,\n svg: e,\n allyTitle: s,\n className: u,\n size: i = g,\n ...t\n}) => {\n const n = y({\n content: S(e.svg),\n title: s\n }), o = x(u, l, `${l}--${i}`);\n return /* @__PURE__ */ a(\n \"span\",\n {\n className: o,\n \"data-testid\": r,\n dangerouslySetInnerHTML: { __html: n },\n ...t\n }\n );\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(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type HTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<HTMLAttributes<HTMLDivElement>, \"aria-relevant\"> & {\n [\"data-testid\"]?: string;\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={c([className, styles[rootClassName]])}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={styles[`${rootClassName}__icon`]} />\n {children}\n </div>\n);\n"],"names":["f","r","c","m","e","s","t","n","o","i","u","_","d","v","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","ariaRelevantValues","rootClassName","FieldErrorText","children","className","ariaRelevant","props","jsxs","styles","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
package/dist/field-error-text.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { default as React, ReactNode } from 'react';
1
+ import { default as React, HTMLAttributes, ReactNode } from 'react';
2
2
 
3
- export type FieldErrorTextProps = React.HTMLAttributes<HTMLDivElement> & {
3
+ export declare const ariaRelevantValues: readonly ["additions text", "additions", "removals", "text", "all"];
4
+ export type FieldErrorTextProps = Omit<HTMLAttributes<HTMLDivElement>, "aria-relevant"> & {
4
5
  ["data-testid"]?: string;
5
6
  children: ReactNode;
6
- relevant?: "additions text" | "additions" | "removals" | "text" | "all";
7
+ ["aria-relevant"]?: (typeof ariaRelevantValues)[number];
7
8
  };
8
- export declare const FieldErrorText: ({ children, className, relevant, ...props }: FieldErrorTextProps) => React.JSX.Element;
9
+ export declare const FieldErrorText: ({ children, className, ["aria-relevant"]: ariaRelevant, ...props }: FieldErrorTextProps) => React.JSX.Element;
9
10
  //# sourceMappingURL=field-error-text.d.ts.map
package/dist/field-error-text.d.ts.map CHANGED
@@ -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,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,gBAAgB,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC;CACzE,CAAC;AAIF,eAAO,MAAM,cAAc,gDAKxB,mBAAmB,sBAUrB,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,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOnE,eAAO,MAAM,kBAAkB,qEAMrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe,CAAC,GAAG;IACxF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;CACzD,CAAC;AAIF,eAAO,MAAM,cAAc,uEAKxB,mBAAmB,sBAUrB,CAAC"}
package/dist/field-error-text.es.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as v, jsxs as x } from "react/jsx-runtime";
1
+ import { jsx as m, jsxs as x } from "react/jsx-runtime";
2
2
  function g(e) {
3
3
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
4
  }
5
- var a = { exports: {} };
5
+ var l = { exports: {} };
6
6
  /*!
7
7
  Copyright (c) 2018 Jed Watson.
8
8
  Licensed under the MIT License (MIT), see
@@ -12,11 +12,11 @@ var p;
12
12
  function y() {
13
13
  return p || (p = 1, function(e) {
14
14
  (function() {
15
- var o = {}.hasOwnProperty;
15
+ var s = {}.hasOwnProperty;
16
16
  function n() {
17
17
  for (var r = "", t = 0; t < arguments.length; t++) {
18
- var s = arguments[t];
19
- s && (r = u(r, i.call(this, s)));
18
+ var o = arguments[t];
19
+ o && (r = u(r, i.call(this, o)));
20
20
  }
21
21
  return r;
22
22
  }
@@ -30,8 +30,8 @@ function y() {
30
30
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
31
31
  return r.toString();
32
32
  var t = "";
33
- for (var s in r)
34
- o.call(r, s) && r[s] && (t = u(t, this && this[s] || s));
33
+ for (var o in r)
34
+ s.call(r, o) && r[o] && (t = u(t, this && this[o] || o));
35
35
  return t;
36
36
  }
37
37
  function u(r, t) {
@@ -39,7 +39,7 @@ function y() {
39
39
  }
40
40
  e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
41
41
  })();
42
- }(a)), a.exports;
42
+ }(l)), l.exports;
43
43
  }
44
44
  var h = y();
45
45
  const w = /* @__PURE__ */ g(h), j = {
@@ -50,31 +50,30 @@ const w = /* @__PURE__ */ g(h), j = {
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
- }, b = w.bind(j), c = "purpur-icon", S = "md", O = (e) => e.filter((o) => Object.keys(o).length >= 1).map((o) => `${o.name}="${o.value}"`).join(" "), $ = ({ content: e = "", title: o } = {}) => {
53
+ }, S = w.bind(j), c = "purpur-icon", b = "md", O = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), $ = ({ content: e = "", title: s } = {}) => {
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
- o ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
59
- ], i = o ? `<title>${o}</title>` : "";
58
+ s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
59
+ ], i = s ? `<title>${s}</title>` : "";
60
60
  return `<svg ${O(n)}>${i}${e}</svg>`;
61
61
  }, q = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), _ = ({
62
62
  ["data-testid"]: e,
63
- svg: o,
63
+ svg: s,
64
64
  allyTitle: n,
65
65
  className: i,
66
- size: u = S,
66
+ size: u = b,
67
67
  ...r
68
68
  }) => {
69
69
  const t = $({
70
- content: q(o.svg),
70
+ content: q(s.svg),
71
71
  title: n
72
- }), s = b(i, c, `${c}--${u}`);
73
- return /* @__PURE__ */ v(
72
+ }), o = S(i, c, `${c}--${u}`);
73
+ return /* @__PURE__ */ m(
74
74
  "span",
75
75
  {
76
- "aria-label": n,
77
- className: s,
76
+ className: o,
78
77
  "data-testid": e,
79
78
  dangerouslySetInnerHTML: { __html: t },
80
79
  ...r
@@ -91,7 +90,7 @@ const N = {
91
90
  function C(e) {
92
91
  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
93
92
  }
94
- var l = { exports: {} };
93
+ var a = { exports: {} };
95
94
  /*!
96
95
  Copyright (c) 2018 Jed Watson.
97
96
  Licensed under the MIT License (MIT), see
@@ -101,11 +100,11 @@ var f;
101
100
  function A() {
102
101
  return f || (f = 1, function(e) {
103
102
  (function() {
104
- var o = {}.hasOwnProperty;
103
+ var s = {}.hasOwnProperty;
105
104
  function n() {
106
105
  for (var r = "", t = 0; t < arguments.length; t++) {
107
- var s = arguments[t];
108
- s && (r = u(r, i(s)));
106
+ var o = arguments[t];
107
+ o && (r = u(r, i(o)));
109
108
  }
110
109
  return r;
111
110
  }
@@ -119,8 +118,8 @@ function A() {
119
118
  if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
120
119
  return r.toString();
121
120
  var t = "";
122
- for (var s in r)
123
- o.call(r, s) && r[s] && (t = u(t, s));
121
+ for (var o in r)
122
+ s.call(r, o) && r[o] && (t = u(t, o));
124
123
  return t;
125
124
  }
126
125
  function u(r, t) {
@@ -128,31 +127,38 @@ function A() {
128
127
  }
129
128
  e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
130
129
  })();
131
- }(l)), l.exports;
130
+ }(a)), a.exports;
132
131
  }
133
132
  var M = A();
134
133
  const P = /* @__PURE__ */ C(M), d = {
135
134
  "purpur-field-error-text": "_purpur-field-error-text_1lj7e_1",
136
135
  "purpur-field-error-text__icon": "_purpur-field-error-text__icon_1lj7e_11"
137
- }, m = "purpur-field-error-text", T = ({
136
+ }, T = [
137
+ "additions text",
138
+ "additions",
139
+ "removals",
140
+ "text",
141
+ "all"
142
+ ], v = "purpur-field-error-text", Z = ({
138
143
  children: e,
139
- className: o,
140
- relevant: n = "additions text",
144
+ className: s,
145
+ ["aria-relevant"]: n = "additions text",
141
146
  ...i
142
147
  }) => /* @__PURE__ */ x(
143
148
  "div",
144
149
  {
145
- className: P([o, d[m]]),
150
+ className: P([s, d[v]]),
146
151
  "aria-live": "assertive",
147
152
  "aria-relevant": n,
148
153
  ...i,
149
154
  children: [
150
- /* @__PURE__ */ v(_, { svg: N, size: "xs", className: d[`${m}__icon`] }),
155
+ /* @__PURE__ */ m(_, { svg: N, size: "xs", className: d[`${v}__icon`] }),
151
156
  e
152
157
  ]
153
158
  }
154
159
  );
155
160
  export {
156
- T as FieldErrorText
161
+ Z as FieldErrorText,
162
+ T as ariaRelevantValues
157
163
  };
158
164
  //# sourceMappingURL=field-error-text.es.js.map
package/dist/field-error-text.es.js.map CHANGED
@@ -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/index.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 d = /* @__PURE__ */ f(_), v = {\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 = d.bind(v), 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(\" \"), b = ({ 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(), y = ({\n [\"data-testid\"]: r,\n svg: e,\n allyTitle: s,\n className: u,\n size: i = g,\n ...t\n}) => {\n const n = b({\n content: S(e.svg),\n title: s\n }), o = x(u, l, `${l}--${i}`);\n return /* @__PURE__ */ a(\n \"span\",\n {\n \"aria-label\": s,\n className: o,\n \"data-testid\": r,\n dangerouslySetInnerHTML: { __html: n },\n ...t\n }\n );\n};\ny.displayName = \"Icon\";\nexport {\n g as DEFAULT_SIZE,\n y 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(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, { ReactNode } from \"react\";\nimport { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nexport type FieldErrorTextProps = React.HTMLAttributes<HTMLDivElement> & {\n [\"data-testid\"]?: string;\n children: ReactNode;\n relevant?: \"additions text\" | \"additions\" | \"removals\" | \"text\" | \"all\";\n};\n\nconst rootClassName = \"purpur-field-error-text\";\n\nexport const FieldErrorText = ({\n children,\n className,\n relevant = \"additions text\",\n ...props\n}: FieldErrorTextProps) => (\n <div\n className={c([className, styles[rootClassName]])}\n aria-live=\"assertive\"\n aria-relevant={relevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={styles[`${rootClassName}__icon`]} />\n {children}\n </div>\n);\n"],"names":["f","r","c","m","e","s","t","n","o","i","u","_","d","v","x","l","g","h","b","S","y","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","FieldErrorText","children","className","relevant","props","jsxs","styles","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/index.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 d = /* @__PURE__ */ f(_), v = {\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 = d.bind(v), 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 = ({\n [\"data-testid\"]: r,\n svg: e,\n allyTitle: s,\n className: u,\n size: i = g,\n ...t\n}) => {\n const n = y({\n content: S(e.svg),\n title: s\n }), o = x(u, l, `${l}--${i}`);\n return /* @__PURE__ */ a(\n \"span\",\n {\n className: o,\n \"data-testid\": r,\n dangerouslySetInnerHTML: { __html: n },\n ...t\n }\n );\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(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type HTMLAttributes, type ReactNode } from \"react\";\nimport { Icon } from \"@purpurds/icon\";\nimport { errorFilled } from \"@purpurds/icon/assets/error-filled\";\nimport c from \"classnames\";\n\nimport styles from \"./field-error-text.module.scss\";\n\nexport const ariaRelevantValues = [\n \"additions text\",\n \"additions\",\n \"removals\",\n \"text\",\n \"all\",\n] as const;\n\nexport type FieldErrorTextProps = Omit<HTMLAttributes<HTMLDivElement>, \"aria-relevant\"> & {\n [\"data-testid\"]?: string;\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={c([className, styles[rootClassName]])}\n aria-live=\"assertive\"\n aria-relevant={ariaRelevant}\n {...props}\n >\n <Icon svg={errorFilled} size=\"xs\" className={styles[`${rootClassName}__icon`]} />\n {children}\n </div>\n);\n"],"names":["f","r","c","m","e","s","t","n","i","u","_","d","v","x","l","g","h","y","S","b","a","hasOwn","classNames","classes","arg","appendClass","parseValue","key","value","newClass","module","ariaRelevantValues","rootClassName","FieldErrorText","children","className","ariaRelevant","props","jsxs","styles","jsx","Icon","errorFilled"],"mappings":"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","x_google_ignoreList":[2]}
package/dist/metadata.js CHANGED
@@ -1,6 +1,7 @@
1
1
  module.exports = {
2
2
  "moduleName": "field-error-text",
3
3
  "exports": [
4
+ "ariaRelevantValues",
4
5
  "FieldErrorTextProps",
5
6
  "FieldErrorText"
6
7
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@purpurds/field-error-text",
3
- "version": "6.12.4",
3
+ "version": "7.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,9 +16,9 @@
16
16
  "source": "src/field-error-text.tsx",
17
17
  "dependencies": {
18
18
  "classnames": "~2.5.0",
19
- "@purpurds/icon": "6.12.4",
20
- "@purpurds/tokens": "6.12.4",
21
- "@purpurds/paragraph": "6.12.4"
19
+ "@purpurds/icon": "7.0.0",
20
+ "@purpurds/paragraph": "7.0.0",
21
+ "@purpurds/tokens": "7.0.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "eslint": "9.24.0",
package/src/field-error-text.stories.tsx CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { Meta, StoryObj } from "@storybook/react";
2
2
 
3
3
  import "@purpurds/icon/styles";
4
- import { FieldErrorText } from "./field-error-text";
4
+ import { ariaRelevantValues, FieldErrorText } from "./field-error-text";
5
5
 
6
6
  const meta = {
7
7
  title: "Components/FieldErrorText",
@@ -42,13 +42,12 @@ const meta = {
42
42
  },
43
43
  argTypes: {
44
44
  children: { control: { type: "text" } },
45
- relevant: {
45
+ ["aria-relevant"]: {
46
46
  control: { type: "select" },
47
+ options: ariaRelevantValues,
47
48
  table: {
48
49
  type: {
49
- summary: ["additions text", "additions", "removals", "text", "all"]
50
- .map((x) => `"${x}"`)
51
- .join(" | "),
50
+ summary: ariaRelevantValues.map((x) => `"${x}"`).join(" | "),
52
51
  },
53
52
  },
54
53
  },
@@ -61,6 +60,6 @@ type Story = StoryObj<typeof FieldErrorText>;
61
60
  export const Showcase: Story = {
62
61
  args: {
63
62
  children: "Error text",
64
- relevant: "additions text",
63
+ ["aria-relevant"]: "additions text",
65
64
  },
66
65
  };
package/src/field-error-text.tsx CHANGED
@@ -1,14 +1,22 @@
1
- import React, { ReactNode } from "react";
1
+ import React, { type HTMLAttributes, type ReactNode } from "react";
2
2
  import { Icon } from "@purpurds/icon";
3
3
  import { errorFilled } from "@purpurds/icon/assets/error-filled";
4
4
  import c from "classnames";
5
5
 
6
6
  import styles from "./field-error-text.module.scss";
7
7
 
8
- export type FieldErrorTextProps = React.HTMLAttributes<HTMLDivElement> & {
8
+ export const ariaRelevantValues = [
9
+ "additions text",
10
+ "additions",
11
+ "removals",
12
+ "text",
13
+ "all",
14
+ ] as const;
15
+
16
+ export type FieldErrorTextProps = Omit<HTMLAttributes<HTMLDivElement>, "aria-relevant"> & {
9
17
  ["data-testid"]?: string;
10
18
  children: ReactNode;
11
- relevant?: "additions text" | "additions" | "removals" | "text" | "all";
19
+ ["aria-relevant"]?: (typeof ariaRelevantValues)[number];
12
20
  };
13
21
 
14
22
  const rootClassName = "purpur-field-error-text";
@@ -16,13 +24,13 @@ const rootClassName = "purpur-field-error-text";
16
24
  export const FieldErrorText = ({
17
25
  children,
18
26
  className,
19
- relevant = "additions text",
27
+ ["aria-relevant"]: ariaRelevant = "additions text",
20
28
  ...props
21
29
  }: FieldErrorTextProps) => (
22
30
  <div
23
31
  className={c([className, styles[rootClassName]])}
24
32
  aria-live="assertive"
25
- aria-relevant={relevant}
33
+ aria-relevant={ariaRelevant}
26
34
  {...props}
27
35
  >
28
36
  <Icon svg={errorFilled} size="xs" className={styles[`${rootClassName}__icon`]} />