@purpurds/field-helper-text 7.14.0 → 8.1.0

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime");function a(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var p={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");function c(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
-*/var l;function d(){return l||(l=1,function(r){(function(){var o={}.hasOwnProperty;function n(){for(var t="",e=0;e<arguments.length;e++){var s=arguments[e];s&&(t=i(t,u.call(this,s)))}return t}function u(t){if(typeof t=="string"||typeof t=="number")return this&&this[t]||t;if(typeof t!="object")return"";if(Array.isArray(t))return n.apply(this,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var e="";for(var s in t)o.call(t,s)&&t[s]&&(e=i(e,this&&this[s]||s));return e}function i(t,e){return e?t?t+" "+e:t+e:t}r.exports?(n.default=n,r.exports=n):window.classNames=n})()}(p)),p.exports}var h=d();const b=a(h),x={"purpur-field-helper-text":"_purpur-field-helper-text_atw6b_1","purpur-field-helper-text--disabled":"_purpur-field-helper-text--disabled_atw6b_9"},y=b.bind(x),c="purpur-field-helper-text",m=({children:r,className:o,disabled:n,id:u,...i})=>{const t=y(o,c,{[`${c}--disabled`]:n});return f.jsx("span",{id:u,className:t,...i,children:r})};exports.FieldHelperText=m;
+*/var f;function d(){return f||(f=1,function(r){(function(){var o={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var s=arguments[t];s&&(e=i(e,u.call(this,s)))}return e}function u(e){if(typeof e=="string"||typeof e=="number")return this&&this[e]||e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(this,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var s in e)o.call(e,s)&&e[s]&&(t=i(t,this&&this[s]||s));return t}function i(e,t){return t?e?e+" "+t:e+t:e}r.exports?(n.default=n,r.exports=n):window.classNames=n})()}(p)),p.exports}var h=d();const x=c(h),b={"purpur-field-helper-text":"_purpur-field-helper-text_11nsh_1","purpur-field-helper-text--disabled":"_purpur-field-helper-text--disabled_11nsh_9","purpur-field-helper-text--negative":"_purpur-field-helper-text--negative_11nsh_12"},v=x.bind(b),l="purpur-field-helper-text",_=({children:r,className:o,disabled:n,id:u,negative:i,...e})=>{const t=v(o,l,{[`${l}--disabled`]:n,[`${l}--negative`]:i});return a.jsx("span",{id:u,className:t,...e,children:r})};exports.FieldHelperText=_;
 //# sourceMappingURL=field-helper-text.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-helper-text.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FieldHelperTextProps = Omit<BaseProps, \"children\" | \"id\"> & {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  children,\n  className,\n  disabled,\n  id,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = cx(className, rootClassName, {\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <span id={id} className={classes} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","FieldHelperText","children","className","disabled","id","props"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,iMCtEMU,EAAKC,EAAE,KAAKC,CAAM,EAQlBC,EAAgB,2BAETC,EAAkB,CAAC,CAC9B,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAA4B,CACpB,MAAAlB,EAAUS,EAAGM,EAAWH,EAAe,CAC3C,CAAC,GAAGA,CAAa,YAAY,EAAGI,CAAA,CACjC,EAED,aACG,OAAK,CAAA,GAAAC,EAAQ,UAAWjB,EAAU,GAAGkB,EACnC,SAAAJ,EACH,CAEJ","x_google_ignoreList":[0]}
+{"version":3,"file":"field-helper-text.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FieldHelperTextProps = Omit<BaseProps, \"children\" | \"id\"> & {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n  negative?: boolean;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  children,\n  className,\n  disabled,\n  id,\n  negative,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = cx(className, rootClassName, {\n    [`${rootClassName}--disabled`]: disabled,\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <span id={id} className={classes} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","FieldHelperText","children","className","disabled","id","negative","props"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,qRCtEMU,EAAKC,EAAE,KAAKC,CAAM,EASlBC,EAAgB,2BAETC,EAAkB,CAAC,CAC9B,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,GAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAA4B,CACpB,MAAAnB,EAAUS,EAAGM,EAAWH,EAAe,CAC3C,CAAC,GAAGA,CAAa,YAAY,EAAGI,EAChC,CAAC,GAAGJ,CAAa,YAAY,EAAGM,CAAA,CACjC,EAED,aACG,OAAK,CAAA,GAAAD,EAAQ,UAAWjB,EAAU,GAAGmB,EACnC,SAAAL,EACH,CAEJ","x_google_ignoreList":[0]}

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

@@ -5,6 +5,7 @@ export type FieldHelperTextProps = Omit<BaseProps, "children" | "id"> & {
     children: ReactNode;
     disabled?: boolean;
     id: string;
+    negative?: boolean;
 };
-export declare const FieldHelperText: ({ children, className, disabled, id, ...props }: FieldHelperTextProps) => React.JSX.Element;
+export declare const FieldHelperText: ({ children, className, disabled, id, negative, ...props }: FieldHelperTextProps) => React.JSX.Element;
 //# sourceMappingURL=field-helper-text.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-helper-text.d.ts","sourceRoot":"","sources":["../src/field-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAIF,eAAO,MAAM,eAAe,oDAMzB,oBAAoB,sBAUtB,CAAC"}
+{"version":3,"file":"field-helper-text.d.ts","sourceRoot":"","sources":["../src/field-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,IAAI,CAAC,GAAG;IACtE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,eAAe,8DAOzB,oBAAoB,sBAWtB,CAAC"}

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

@@ -8,19 +8,19 @@ var u = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-var l;
+var f;
 function d() {
-  return l || (l = 1, function(r) {
+  return f || (f = 1, function(r) {
     (function() {
-      var o = {}.hasOwnProperty;
+      var p = {}.hasOwnProperty;
       function n() {
         for (var t = "", e = 0; e < arguments.length; e++) {
           var s = arguments[e];
-          s && (t = i(t, p.call(this, s)));
+          s && (t = i(t, o.call(this, s)));
         }
         return t;
       }
-      function p(t) {
+      function o(t) {
         if (typeof t == "string" || typeof t == "number")
           return this && this[t] || t;
         if (typeof t != "object")
@@ -31,7 +31,7 @@ function d() {
           return t.toString();
         var e = "";
         for (var s in t)
-          o.call(t, s) && t[s] && (e = i(e, this && this[s] || s));
+          p.call(t, s) && t[s] && (e = i(e, this && this[s] || s));
         return e;
       }
       function i(t, e) {
@@ -42,22 +42,25 @@ function d() {
   }(u)), u.exports;
 }
 var h = d();
-const b = /* @__PURE__ */ c(h), x = {
-  "purpur-field-helper-text": "_purpur-field-helper-text_atw6b_1",
-  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_atw6b_9"
-}, m = b.bind(x), f = "purpur-field-helper-text", _ = ({
+const x = /* @__PURE__ */ c(h), _ = {
+  "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
+  "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
+  "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
+}, b = x.bind(_), l = "purpur-field-helper-text", m = ({
   children: r,
-  className: o,
+  className: p,
   disabled: n,
-  id: p,
-  ...i
+  id: o,
+  negative: i,
+  ...t
 }) => {
-  const t = m(o, f, {
-    [`${f}--disabled`]: n
+  const e = b(p, l, {
+    [`${l}--disabled`]: n,
+    [`${l}--negative`]: i
   });
-  return /* @__PURE__ */ a("span", { id: p, className: t, ...i, children: r });
+  return /* @__PURE__ */ a("span", { id: o, className: e, ...t, children: r });
 };
 export {
-  _ as FieldHelperText
+  m as FieldHelperText
 };
 //# sourceMappingURL=field-helper-text.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"field-helper-text.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FieldHelperTextProps = Omit<BaseProps, \"children\" | \"id\"> & {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  children,\n  className,\n  disabled,\n  id,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = cx(className, rootClassName, {\n    [`${rootClassName}--disabled`]: disabled,\n  });\n\n  return (\n    <span id={id} className={classes} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","FieldHelperText","children","className","disabled","id","props"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;GCtEMU,IAAKC,EAAE,KAAKC,CAAM,GAQlBC,IAAgB,4BAETC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AACpB,QAAAlB,IAAUS,EAAGM,GAAWH,GAAe;AAAA,IAC3C,CAAC,GAAGA,CAAa,YAAY,GAAGI;AAAA,EAAA,CACjC;AAED,2BACG,QAAK,EAAA,IAAAC,GAAQ,WAAWjB,GAAU,GAAGkB,GACnC,UAAAJ,GACH;AAEJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"field-helper-text.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.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.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./field-helper-text.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type FieldHelperTextProps = Omit<BaseProps, \"children\" | \"id\"> & {\n  children: ReactNode;\n  disabled?: boolean;\n  id: string;\n  negative?: boolean;\n};\n\nconst rootClassName = \"purpur-field-helper-text\";\n\nexport const FieldHelperText = ({\n  children,\n  className,\n  disabled,\n  id,\n  negative,\n  ...props\n}: FieldHelperTextProps) => {\n  const classes = cx(className, rootClassName, {\n    [`${rootClassName}--disabled`]: disabled,\n    [`${rootClassName}--negative`]: negative,\n  });\n\n  return (\n    <span id={id} className={classes} {...props}>\n      {children}\n    </span>\n  );\n};\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","FieldHelperText","children","className","disabled","id","negative","props"],"mappings":";;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;GCtEMU,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,4BAETC,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AACpB,QAAAnB,IAAUS,EAAGM,GAAWH,GAAe;AAAA,IAC3C,CAAC,GAAGA,CAAa,YAAY,GAAGI;AAAA,IAChC,CAAC,GAAGJ,CAAa,YAAY,GAAGM;AAAA,EAAA,CACjC;AAED,2BACG,QAAK,EAAA,IAAAD,GAAQ,WAAWjB,GAAU,GAAGmB,GACnC,UAAAL,GACH;AAEJ;","x_google_ignoreList":[0]}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-field-helper-text_atw6b_1{font-family:var(--purpur-typography-family-default);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_atw6b_9{color:var(--purpur-color-text-weak)}
+._purpur-field-helper-text_11nsh_1{font-family:var(--purpur-typography-family-default);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_11nsh_9{color:var(--purpur-color-text-weak)}._purpur-field-helper-text--negative_11nsh_12{color:var(--purpur-color-text-default-negative)}._purpur-field-helper-text_11nsh_1._purpur-field-helper-text--negative_11nsh_12._purpur-field-helper-text--disabled_11nsh_9{color:var(--purpur-color-text-weak-negative)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/field-helper-text",
-  "version": "7.14.0",
+  "version": "8.1.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/field-helper-text.cjs.js",
   "types": "./dist/field-helper-text.d.ts",
@@ -16,9 +16,9 @@
   "source": "src/field-helper-text.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/common-types": "7.14.0",
-    "@purpurds/tokens": "7.14.0",
-    "@purpurds/paragraph": "7.14.0"
+    "@purpurds/common-types": "8.1.0",
+    "@purpurds/tokens": "8.1.0",
+    "@purpurds/paragraph": "8.1.0"
   },
   "devDependencies": {
     "@storybook/react-vite": "^9.0.18",

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

@@ -1,6 +1,7 @@
 @use "@purpurds/paragraph/src/paragraph.mixins.scss" as paragraph;
 
 .purpur-field-helper-text {
+  $root: &;
   @include paragraph.purpur-additional-100;
   color: var(--purpur-color-text-medium);
   display: block;
@@ -8,4 +9,12 @@
   &--disabled {
     color: var(--purpur-color-text-weak);
   }
+
+  &--negative {
+    color: var(--purpur-color-text-default-negative);
+  }
+
+  &#{$root}--negative#{$root}--disabled {
+    color: var(--purpur-color-text-weak-negative);
+  }
 }

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

@@ -53,5 +53,7 @@ export const Showcase: Story = {
   args: {
     children: "Helper text",
     id: "FieldHelperText",
+    negative: false,
+    disabled: false,
   },
 };

package/src/field-helper-text.tsx

@@ -10,6 +10,7 @@ export type FieldHelperTextProps = Omit<BaseProps, "children" | "id"> & {
   children: ReactNode;
   disabled?: boolean;
   id: string;
+  negative?: boolean;
 };
 
 const rootClassName = "purpur-field-helper-text";
@@ -19,10 +20,12 @@ export const FieldHelperText = ({
   className,
   disabled,
   id,
+  negative,
   ...props
 }: FieldHelperTextProps) => {
   const classes = cx(className, rootClassName, {
     [`${rootClassName}--disabled`]: disabled,
+    [`${rootClassName}--negative`]: negative,
   });
 
   return (