@purpurds/field-helper-text 3.0.0

package/dist/LICENSE.txt

@@ -0,0 +1,31 @@
+Name: classnames
+Version: 2.5.1
+License: MIT
+Private: false
+Description: A simple utility for conditionally joining classNames together
+Repository: git+https://github.com/JedWatson/classnames.git
+Author: Jed Watson
+License Copyright:
+===
+
+The MIT License (MIT)
+
+Copyright (c) 2018 Jed Watson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/field-helper-text.cjs.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function f(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var a={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(r){(function(){var l={}.hasOwnProperty;function s(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=o(e,i(n)))}return e}function i(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)l.call(e,n)&&e[n]&&(t=o(t,n));return t}function o(e,t){return t?e?e+" "+t:e+t:e}r.exports?(s.default=s,r.exports=s):window.classNames=s})()})(a);var d=a.exports;const y=f(d),p={"purpur-field-helper-text":"_purpur-field-helper-text_139ly_1","purpur-field-helper-text--disabled":"_purpur-field-helper-text--disabled_139ly_9"},u="purpur-field-helper-text",m=({["data-testid"]:r,children:l,className:s,disabled:i,id:o,...e})=>{const t=y([s,p[u],{[p[`${u}--disabled`]]:i}]);return c.jsx("span",{id:o,className:t,"data-testid":r,...e,children:l})};exports.FieldHelperText=m;
+//# sourceMappingURL=field-helper-text.cjs.js.map

package/dist/field-helper-text.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-helper-text.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/field-helper-text.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nexport type FieldHelperTextProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  id: string;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  disabled,\n  id,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}--disabled`]]: disabled,\n    },\n  ]);\n\n  return (\n    <span id={id} className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","FieldHelperText","dataTestId","children","className","disabled","id","props","c","styles","jsx"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,6LC/DMU,EAAgB,2BAETC,EAAkB,CAAC,CAC9B,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,MAAMhB,EAAUiB,EAAE,CAChBJ,EACAK,EAAOT,CAAa,EACpB,CACE,CAACS,EAAO,GAAGT,CAAa,YAAY,CAAC,EAAGK,CAC1C,CAAA,CACD,EAGC,OAAAK,MAAC,QAAK,GAAAJ,EAAQ,UAAWf,EAAS,cAAaW,EAAa,GAAGK,EAC5D,SAAAJ,CACH,CAAA,CAEJ","x_google_ignoreList":[0]}

package/dist/field-helper-text.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from "react";
+export type FieldHelperTextProps = {
+    ["data-testid"]?: string;
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    id: string;
+};
+export declare const FieldHelperText: ({ ["data-testid"]: dataTestId, children, className, disabled, id, ...props }: FieldHelperTextProps) => React.JSX.Element;
+//# sourceMappingURL=field-helper-text.d.ts.map

package/dist/field-helper-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-helper-text.d.ts","sourceRoot":"","sources":["../src/field-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAIF,eAAO,MAAM,eAAe,iFAOzB,oBAAoB,sBActB,CAAC"}

package/dist/field-helper-text.es.js

@@ -0,0 +1,65 @@
+import { jsx as f } from "react/jsx-runtime";
+function c(r) {
+  return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
+}
+var a = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(r) {
+  (function() {
+    var p = {}.hasOwnProperty;
+    function s() {
+      for (var t = "", e = 0; e < arguments.length; e++) {
+        var n = arguments[e];
+        n && (t = o(t, l(n)));
+      }
+      return t;
+    }
+    function l(t) {
+      if (typeof t == "string" || typeof t == "number")
+        return t;
+      if (typeof t != "object")
+        return "";
+      if (Array.isArray(t))
+        return s.apply(null, t);
+      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
+        return t.toString();
+      var e = "";
+      for (var n in t)
+        p.call(t, n) && t[n] && (e = o(e, n));
+      return e;
+    }
+    function o(t, e) {
+      return e ? t ? t + " " + e : t + e : t;
+    }
+    r.exports ? (s.default = s, r.exports = s) : window.classNames = s;
+  })();
+})(a);
+var d = a.exports;
+const m = /* @__PURE__ */ c(d), i = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_139ly_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_139ly_9"
+}, u = "purpur-field-helper-text", x = ({
+  ["data-testid"]: r,
+  children: p,
+  className: s,
+  disabled: l,
+  id: o,
+  ...t
+}) => {
+  const e = m([
+    s,
+    i[u],
+    {
+      [i[`${u}--disabled`]]: l
+    }
+  ]);
+  return /* @__PURE__ */ f("span", { id: o, className: e, "data-testid": r, ...t, children: p });
+};
+export {
+  x as FieldHelperText
+};
+//# sourceMappingURL=field-helper-text.es.js.map

package/dist/field-helper-text.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-helper-text.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/field-helper-text.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nexport type FieldHelperTextProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  id: string;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  disabled,\n  id,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}--disabled`]]: disabled,\n    },\n  ]);\n\n  return (\n    <span id={id} className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","FieldHelperText","dataTestId","children","className","disabled","id","props","c","styles","jsx"],"mappings":";;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAIA,IAAS,CAAE,EAAC;AAEhB,aAASC,IAAc;AAGtB,eAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,YAAIC,IAAM,UAAUD,CAAC;AACrB,QAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAWF,CAAG,CAAC;AAAA,MAE/C;AAED,aAAOF;AAAA,IACP;AAED,aAASI,EAAYF,GAAK;AACzB,UAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,eAAOA;AAGR,UAAI,OAAOA,KAAQ;AAClB,eAAO;AAGR,UAAI,MAAM,QAAQA,CAAG;AACpB,eAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,UAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,eAAOA,EAAI;AAGZ,UAAIF,IAAU;AAEd,eAASK,KAAOH;AACf,QAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAASK,CAAG;AAIpC,aAAOL;AAAA,IACP;AAED,aAASG,EAAaG,GAAOC,GAAU;AACtC,aAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,IAQR;AAED,IAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,EAAA,UAAiBT,KAOjB,OAAO,aAAaA;AAAA,EAEtB;;;;;;GC/DMU,IAAgB,4BAETC,IAAkB,CAAC;AAAA,EAC9B,CAAC,gBAAgBC;AAAA,EACjB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMhB,IAAUiB,EAAE;AAAA,IAChBJ;AAAA,IACAK,EAAOT,CAAa;AAAA,IACpB;AAAA,MACE,CAACS,EAAO,GAAGT,CAAa,YAAY,CAAC,GAAGK;AAAA,IAC1C;AAAA,EAAA,CACD;AAGC,SAAA,gBAAAK,EAAC,UAAK,IAAAJ,GAAQ,WAAWf,GAAS,eAAaW,GAAa,GAAGK,GAC5D,UAAAJ,EACH,CAAA;AAEJ;","x_google_ignoreList":[0]}

package/dist/field-helper-text.system.js

@@ -0,0 +1,6 @@
+System.register(["react"],function(d,x){"use strict";var a;return{setters:[o=>{a=o.default}],execute:function(){function o(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var p={exports:{}};/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/(function(r){(function(){var u={}.hasOwnProperty;function s(){for(var e="",t=0;t<arguments.length;t++){var n=arguments[t];n&&(e=l(e,i(n)))}return e}function i(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return s.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var n in e)u.call(e,n)&&e[n]&&(t=l(t,n));return t}function l(e,t){return t?e?e+" "+t:e+t:e}r.exports?(s.default=s,r.exports=s):window.classNames=s})()})(p);var m=p.exports;const y=o(m),c={"purpur-field-helper-text":"_purpur-field-helper-text_139ly_1","purpur-field-helper-text--disabled":"_purpur-field-helper-text--disabled_139ly_9"},f="purpur-field-helper-text",h=d("FieldHelperText",({["data-testid"]:r,children:u,className:s,disabled:i,id:l,...e})=>{const t=y([s,c[f],{[c[`${f}--disabled`]]:i}]);return a.createElement("span",{id:l,className:t,"data-testid":r,...e},u)})}}});
+//# sourceMappingURL=field-helper-text.system.js.map

package/dist/field-helper-text.system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-helper-text.system.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/field-helper-text.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nexport type FieldHelperTextProps = {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  id: string;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  [\"data-testid\"]: dataTestId,\n  children,\n  className,\n  disabled,\n  id,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}--disabled`]]: disabled,\n    },\n  ]);\n\n  return (\n    <span id={id} className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","FieldHelperText","dataTestId","children","className","disabled","id","props","c","styles","React"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,6LC/DMU,EAAgB,2BAETC,sBAAkB,CAAC,CAC9B,CAAC,eAAgBC,EACjB,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA4B,CAC1B,MAAMhB,EAAUiB,EAAE,CAChBJ,EACAK,EAAOT,CAAa,EACpB,CACE,CAACS,EAAO,GAAGT,CAAa,YAAY,CAAC,EAAGK,CAC1C,CAAA,CACD,EAGC,OAAAK,EAAA,cAAC,QAAK,GAAAJ,EAAQ,UAAWf,EAAS,cAAaW,EAAa,GAAGK,CAAA,EAC5DJ,CACH,CAEJ,CAAA","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -0,0 +1 @@
+._purpur-field-helper-text_139ly_1{font-family:var(--purpur-typography-family-default),Helvetica,Arial,"Lucida Grande",sans-serif;font-weight:var(--purpur-typography-weight-normal);font-size:var(--purpur-typography-scale-75);line-height:var(--purpur-typography-line-height-loose);color:var(--purpur-color-text-medium);display:block}._purpur-field-helper-text--disabled_139ly_9{color:var(--purpur-color-text-weak)}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@purpurds/field-helper-text",
+  "version": "3.0.0",
+  "license": "AGPL-3.0-only",
+  "main": "./dist/field-helper-text.cjs.js",
+  "types": "./dist/field-helper-text.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/field-helper-text.cjs.js",
+      "systemjs": "./dist/field-helper-text.system.js",
+      "types": "./dist/field-helper-text.d.ts",
+      "default": "./dist/field-helper-text.es.js"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "source": "src/field-helper-text.tsx",
+  "dependencies": {
+    "classnames": "~2.5.0",
+    "@purpurds/paragraph": "3.0.0",
+    "@purpurds/tokens": "3.0.0"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "~1.7.0",
+    "@storybook/blocks": "~7.6.0",
+    "@storybook/react": "~7.6.0",
+    "@telia/base-rig": "~8.2.0",
+    "@telia/react-rig": "~3.2.0",
+    "@testing-library/dom": "~9.3.3",
+    "@testing-library/jest-dom": "~6.3.0",
+    "@testing-library/react": "~14.1.2",
+    "@types/node": "18",
+    "@types/react-dom": "~18.2.17",
+    "@types/react": "~18.2.42",
+    "eslint-plugin-testing-library": "~6.2.0",
+    "eslint": "~8.56.0",
+    "jsdom": "~22.1.0",
+    "lint-staged": "~10.5.3",
+    "prettier": "~2.8.8",
+    "react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "typescript": "~5.2.2",
+    "vite": "~5.0.6",
+    "vitest": "~1.2.0",
+    "@purpurds/component-rig": "1.0.0"
+  },
+  "scripts": {
+    "build:dev": "vite",
+    "build:watch": "vite build --watch",
+    "build": "rm -rf dist && vite build && vite build --mode systemjs",
+    "ci:build": "rushx build",
+    "coverage": "vitest run --coverage",
+    "lint:fix": "eslint . --fix",
+    "lint": "lint-staged --no-stash 2>&1",
+    "sbdev": "rush sbdev",
+    "test:unit": "vitest run --passWithNoTests",
+    "test:watch": "vitest --watch",
+    "test": "rushx test:unit",
+    "typecheck": "tsc -p ./tsconfig.json"
+  }
+}

package/readme.mdx

@@ -0,0 +1,58 @@
+import { Meta, Stories, ArgTypes, Primary, Subtitle } from "@storybook/blocks";
+
+import * as FieldHelperTextStories from "./src/field-helper-text.stories";
+import packageInfo from "./package.json";
+
+<Meta name="Docs" title="Components/FieldHelperText" of={FieldHelperTextStories} />
+
+# FieldHelperText
+
+<Subtitle>Version {packageInfo.version}</Subtitle>
+
+This is an internal component used for form fields.
+
+### Showcase
+
+<Primary />
+
+### Properties
+
+<ArgTypes />
+
+### Installation
+
+#### Via NPM
+
+Add the dependency to your consumer app like `"@purpurds/field-helper-text": "x.y.z"`
+
+#### From outside the monorepo (build-time)
+
+To install this package, you need to setup access to the artifactory. [Click here to go to the guide on how to do that](https://github.com/telia-company/jfrog-documentation/blob/main/doc/JFrog/JFrog_Onboarding.md#getting-access-to-artifactory-and-other-jfrog-applications).
+
+---
+
+In MyApp.tsx
+
+```tsx
+import "@purpurds/tokens/index.css";
+```
+
+and
+
+```tsx
+import "@purpurds/field-helper-text/styles.css";
+```
+
+In MyComponent.tsx
+
+```tsx
+import { FieldHelperText } from "@purpurds/field-helper-text";
+
+export const MyComponent = () => {
+  return (
+    <div>
+      <FieldHelperText {...someProps}>Some content</FieldHelperText>
+    </div>
+  );
+};
+```

package/src/field-helper-text.module.scss

@@ -0,0 +1,11 @@
+@import "@purpurds/paragraph/src/paragraph.mixins.scss";
+
+.purpur-field-helper-text {
+  @include purpur-additional-100;
+  color: var(--purpur-color-text-medium);
+  display: block;
+
+  &--disabled {
+    color: var(--purpur-color-text-weak);
+  }
+}

package/src/field-helper-text.stories.tsx

@@ -0,0 +1,57 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { FieldHelperText } from "./field-helper-text";
+
+const meta: Meta<typeof FieldHelperText> = {
+  title: "Components/FieldHelperText",
+  component: FieldHelperText,
+  parameters: {
+    design: [
+      {
+        name: "Checkbox",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=1274%3A614&mode=design&t=5WYoIWv1It545kCs-1",
+      },
+      {
+        name: "Date picker",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=33657%3A20978&mode=design&t=5WYoIWv1It545kCs-1",
+      },
+      {
+        name: "Search input",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=25720-16573&mode=design&t=5WYoIWv1It545kCs-0",
+      },
+      {
+        name: "Select",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=2649%3A1994&mode=design&t=I7q1i4D0IFuULtpT-1",
+      },
+      {
+        name: "Textarea",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=1565%3A1896&mode=design&t=5WYoIWv1It545kCs-1",
+      },
+      {
+        name: "Text input",
+        type: "figma",
+        url: "https://www.figma.com/file/XEaIIFskrrxIBHMZDkIuIg/Purpur-DS---Component-library-%26-guidelines?type=design&node-id=1528%3A1886&mode=design&t=5WYoIWv1It545kCs-1",
+      },
+    ],
+  },
+  argTypes: {
+    disabled: {
+      control: { type: "boolean" },
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof FieldHelperText>;
+
+export const Showcase: Story = {
+  args: {
+    children: "Helper text",
+    id: "FieldHelperText",
+  },
+};

package/src/field-helper-text.test.tsx

@@ -0,0 +1,31 @@
+import React from "react";
+import * as matchers from "@testing-library/jest-dom/matchers";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+
+import { FieldHelperText } from "./field-helper-text";
+
+expect.extend(matchers);
+
+describe("FieldHelperText", () => {
+  it("standard", () => {
+    render(
+      <FieldHelperText id="field-helper-text1" data-testid="field-helper-text1">
+        Some helper text
+      </FieldHelperText>
+    );
+
+    expect(screen.getByTestId("field-helper-text1")).toHaveTextContent("Some helper text");
+  });
+  it("disabled", () => {
+    render(
+      <FieldHelperText id="field-helper-text2" data-testid="field-helper-text2" disabled>
+        Some helper text
+      </FieldHelperText>
+    );
+
+    expect(screen.getByTestId("field-helper-text2")).toHaveClass(
+      "purpur-field-helper-text--disabled"
+    );
+  });
+});

package/src/field-helper-text.tsx

@@ -0,0 +1,37 @@
+import React, { ReactNode } from "react";
+import c from "classnames";
+
+import styles from "./field-helper-text.module.scss";
+
+export type FieldHelperTextProps = {
+  ["data-testid"]?: string;
+  children: ReactNode;
+  className?: string;
+  disabled?: boolean;
+  id: string;
+};
+
+const rootClassName = "purpur-field-helper-text";
+
+export const FieldHelperText = ({
+  ["data-testid"]: dataTestId,
+  children,
+  className,
+  disabled,
+  id,
+  ...props
+}: FieldHelperTextProps) => {
+  const classes = c([
+    className,
+    styles[rootClassName],
+    {
+      [styles[`${rootClassName}--disabled`]]: disabled,
+    },
+  ]);
+
+  return (
+    <span id={id} className={classes} data-testid={dataTestId} {...props}>
+      {children}
+    </span>
+  );
+};

package/src/global.d.ts

@@ -0,0 +1,4 @@
+declare module "*.scss" {
+  const styles: { [className: string]: string };
+  export default styles;
+}