@simplybusiness/mobius 4.16.0 → 5.0.0

package/dist/cjs/components/Table/Row.js

@@ -17,7 +17,7 @@ function _interop_require_default(obj) {
     };
 }
 const Row = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const classes = (0, _dedupe.default)("mobius", "mobius/TableRow", props.className);
+    const classes = (0, _dedupe.default)("mobius", "mobius-table__row", props.className);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("tr", {
         ref: ref,
         ...props,

package/dist/cjs/components/Table/Row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n  (props: RowProps, ref: RowRef) => {\n    const classes = classNames(\"mobius\", \"mobius/TableRow\", props.className);\n\n    return <tr ref={ref} {...props} className={classes} />;\n  },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["Row","forwardRef","props","ref","classes","classNames","className","tr","displayName"],"mappings":";;;;+BAoBSA;;;eAAAA;;;;uBApBiD;+DACnC;;;;;;AAUvB,MAAMA,oBAA4DC,IAAAA,iBAAU,EAC1E,CAACC,OAAiBC;IAChB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBH,MAAMI,SAAS;IAEvE,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,IAAIQ,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Table/Row.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport interface RowProps extends RefAttributes<HTMLTableRowElement> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type RowRef = Ref<HTMLTableRowElement>;\n\nconst Row: ForwardedRefComponent<RowProps, HTMLTableRowElement> = forwardRef(\n  (props: RowProps, ref: RowRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table__row\", props.className);\n\n    return <tr ref={ref} {...props} className={classes} />;\n  },\n);\n\nRow.displayName = \"Table.Row\";\nexport { Row };\n"],"names":["Row","forwardRef","props","ref","classes","classNames","className","tr","displayName"],"mappings":";;;;+BAoBSA;;;eAAAA;;;;uBApBiD;+DACnC;;;;;;AAUvB,MAAMA,oBAA4DC,IAAAA,iBAAU,EAC1E,CAACC,OAAiBC;IAChB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,qBAAqBH,MAAMI,SAAS;IAEzE,qBAAO,qBAACC;QAAGJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAC7C;AAGFJ,IAAIQ,WAAW,GAAG"}

package/dist/cjs/components/Table/Table.js

@@ -17,7 +17,7 @@ function _interop_require_default(obj) {
     };
 }
 const Table = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
-    const classes = (0, _dedupe.default)("mobius", "mobius/Table", props.className);
+    const classes = (0, _dedupe.default)("mobius", "mobius-table", props.className);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("table", {
         ref: ref,
         ...props,

package/dist/cjs/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n  (props: TableProps, ref: TableRef) => {\n    const classes = classNames(\"mobius\", \"mobius/Table\", props.className);\n\n    return <table ref={ref} {...props} className={classes} />;\n  },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","forwardRef","props","ref","classes","classNames","className","table","displayName"],"mappings":";;;;+BAuBSA;;;eAAAA;;;;uBAvBiD;+DACnC;;;;;;AAavB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,MAAMI,SAAS;IAEpE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAGFJ,MAAMQ,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TableElementType = HTMLTableElement;\n\nexport interface TableProps extends DOMProps, RefAttributes<TableElementType> {\n  children?: ReactNode;\n  className?: string;\n}\n\nexport type TableRef = Ref<TableElementType>;\n\nconst Table: ForwardedRefComponent<TableProps, TableElementType> = forwardRef(\n  (props: TableProps, ref: TableRef) => {\n    const classes = classNames(\"mobius\", \"mobius-table\", props.className);\n\n    return <table ref={ref} {...props} className={classes} />;\n  },\n);\n\nTable.displayName = \"Table\";\nexport { Table };\n"],"names":["Table","forwardRef","props","ref","classes","classNames","className","table","displayName"],"mappings":";;;;+BAuBSA;;;eAAAA;;;;uBAvBiD;+DACnC;;;;;;AAavB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAMC,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBH,MAAMI,SAAS;IAEpE,qBAAO,qBAACC;QAAMJ,KAAKA;QAAM,GAAGD,KAAK;QAAEI,WAAWF;;AAChD;AAGFJ,MAAMQ,WAAW,GAAG"}

package/dist/cjs/components/Text/Text.js

@@ -33,8 +33,11 @@ const Text = /*#__PURE__*/ (0, _react.forwardRef)(({ elementType: Component = "p
     // If a variant is supplied, set the class name and element type
     const elementType = getElementType(variant, Component);
     const variantType = variant || elementType;
-    const lineHeight = spacing ? `line-height-${spacing}` : "";
-    const classes = (0, _dedupe.default)("mobius", "mobius/Text", variantType, lineHeight, className);
+    const classes = (0, _dedupe.default)("mobius", "mobius-text", {
+        [`--is-${variantType}`]: variantType
+    }, {
+        [`--has-line-height-${spacing}`]: spacing
+    }, className);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, {
         ref: ref,
         ...otherProps,

package/dist/cjs/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n  ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n    // Remove non-DOM props from element\n    const { variant, className, spacing, ...otherProps } = props;\n\n    // If a variant is supplied, set the class name and element type\n    const elementType = getElementType(variant, Component);\n    const variantType = variant || elementType;\n    const lineHeight = spacing ? `line-height-${spacing}` : \"\";\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Text\",\n      variantType,\n      lineHeight,\n      className,\n    );\n\n    return <Component ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["Text","getElementType","variant","elementType","includes","forwardRef","Component","props","ref","className","spacing","otherProps","variantType","lineHeight","classes","classNames","displayName"],"mappings":";;;;+BA8DSA;;;eAAAA;;;;uBA9DiD;+DACnC;;;;;;AA6BvB,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAMH,qBAA0DK,IAAAA,iBAAU,EACxE,CAAC,EAAEF,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,aAAaH,UAAU,CAAC,YAAY,EAAEA,QAAQ,CAAC,GAAG;IACxD,MAAMI,UAAUC,IAAAA,eAAU,EACxB,UACA,eACAH,aACAC,YACAJ;IAGF,qBAAO,qBAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWK;;AACzD;AAGFd,KAAKgB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport type TextRef = Ref<TextElementType>;\n\nconst getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n) => {\n  if (variant) {\n    return [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant) ? variant : \"p\";\n  }\n  return elementType || \"p\";\n};\n\nconst Text: ForwardedRefComponent<TextProps, TextElementType> = forwardRef(\n  ({ elementType: Component = \"p\", ...props }: TextProps, ref: TextRef) => {\n    // Remove non-DOM props from element\n    const { variant, className, spacing, ...otherProps } = props;\n\n    // If a variant is supplied, set the class name and element type\n    const elementType = getElementType(variant, Component);\n    const variantType = variant || elementType;\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-text\",\n      { [`--is-${variantType}`]: variantType },\n      { [`--has-line-height-${spacing}`]: spacing },\n      className,\n    );\n\n    return <Component ref={ref} {...otherProps} className={classes} />;\n  },\n);\n\nText.displayName = \"Text\";\nexport { Text };\n"],"names":["Text","getElementType","variant","elementType","includes","forwardRef","Component","props","ref","className","spacing","otherProps","variantType","classes","classNames","displayName"],"mappings":";;;;+BA6DSA;;;eAAAA;;;;uBA7DiD;+DACnC;;;;;;AA6BvB,MAAMC,iBAAiB,CACrBC,SACAC;IAEA,IAAID,SAAS;QACX,OAAO;YAAC;YAAM;YAAM;YAAM;SAAK,CAACE,QAAQ,CAACF,WAAWA,UAAU;IAChE;IACA,OAAOC,eAAe;AACxB;AAEA,MAAMH,qBAA0DK,IAAAA,iBAAU,EACxE,CAAC,EAAEF,aAAaG,YAAY,GAAG,EAAE,GAAGC,OAAkB,EAAEC;IACtD,oCAAoC;IACpC,MAAM,EAAEN,OAAO,EAAEO,SAAS,EAAEC,OAAO,EAAE,GAAGC,YAAY,GAAGJ;IAEvD,gEAAgE;IAChE,MAAMJ,cAAcF,eAAeC,SAASI;IAC5C,MAAMM,cAAcV,WAAWC;IAC/B,MAAMU,UAAUC,IAAAA,eAAU,EACxB,UACA,eACA;QAAE,CAAC,CAAC,KAAK,EAAEF,YAAY,CAAC,CAAC,EAAEA;IAAY,GACvC;QAAE,CAAC,CAAC,kBAAkB,EAAEF,QAAQ,CAAC,CAAC,EAAEA;IAAQ,GAC5CD;IAGF,qBAAO,qBAACH;QAAUE,KAAKA;QAAM,GAAGG,UAAU;QAAEF,WAAWI;;AACzD;AAGFb,KAAKe,WAAW,GAAG"}

package/dist/cjs/components/TextArea/TextArea.js

@@ -14,9 +14,9 @@ const _react = require("react");
 const _dedupe = /*#__PURE__*/ _interop_require_default(require("classnames/dedupe"));
 const _TextAreaInput = require("../TextAreaInput");
 const _Label = require("../Label");
-const _Flex = require("../Flex");
 const _ErrorMessage = require("../ErrorMessage");
 const _hooks = require("../../hooks");
+const _Stack = require("../Stack");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -26,18 +26,18 @@ const TextArea = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     const { isDisabled, className, errorMessage, label, validationState, isInvalid, ...otherProps } = props;
     const { inputProps, labelProps, errorMessageProps } = (0, _hooks.useTextField)(props);
     // Set class name for atom, including interaction state
-    const classes = (0, _dedupe.default)("mobius", "mobius/TextArea", className);
+    const classes = (0, _dedupe.default)("mobius", "mobius-text-area", className);
     const validationClasses = (0, _hooks.useValidationClasses)({
         validationState,
         isInvalid
     });
-    const inputClasses = (0, _dedupe.default)("mobius/TextAreaInput", validationClasses);
+    const inputClasses = (0, _dedupe.default)("mobius-text-area__input", validationClasses);
     const labelClasses = (0, _dedupe.default)({
         "--is-disabled": isDisabled
     }, validationClasses);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Flex.Flex, {
-        flexDirection: "column",
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.Stack, {
         className: classes,
+        gap: "xs",
         children: [
             label && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
                 ...labelProps,

package/dist/cjs/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      isInvalid,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius/TextArea\", className);\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n    const inputClasses = classNames(\"mobius/TextAreaInput\", validationClasses);\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    return (\n      <Flex flexDirection=\"column\" className={classes}>\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Flex>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","isInvalid","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","validationClasses","useValidationClasses","inputClasses","labelClasses","Flex","flexDirection","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BA6ESA;;;eAAAA;;;;uBA3EsC;+DACxB;+BAEO;uBACR;sBAED;8BACQ;uBAKtB;;;;;;AAcP,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,SAAS,EACT,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACZ;IAEnE,uDAAuD;IACvD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,mBAAmBX;IACxD,MAAMY,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IACA,MAAMU,eAAeH,IAAAA,eAAU,EAAC,wBAAwBC;IACxD,MAAMG,eAAeJ,IAAAA,eAAU,EAC7B;QACE,iBAAiBZ;IACnB,GACAa;IAGF,qBACE,sBAACI,UAAI;QAACC,eAAc;QAASjB,WAAWU;;YACrCR,uBACC,qBAACgB,YAAK;gBAAE,GAAGX,UAAU;gBAAEP,WAAWe;0BAC/BlB,MAAMK,KAAK;;0BAGhB,qBAACiB,4BAAa;gBACX,GAAGd,UAAU;gBACb,GAAGC,UAAU;gBACdR,KAAKA;gBACLE,WAAWc;gBACXf,YAAYA;gBACZqB,gBAAcnB,gBAAgB;;0BAEhC,qBAACoB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEP,cAAcA;;;;AAGzD;AAEFN,SAAS2B,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["\"use client\";\n\nimport { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { TextAreaInput } from \"../TextAreaInput\";\nimport { Label } from \"../Label\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { Stack } from \"../Stack\";\n\nexport type TextAreaElementType = HTMLTextAreaElement;\n\nexport interface TextAreaProps\n  extends UseTextFieldProps,\n    DOMProps,\n    RefAttributes<TextAreaElementType> {\n  className?: string;\n  errorMessage?: string;\n}\n\nexport type TextAreaRef = Ref<TextAreaElementType>;\n\nconst TextArea: ForwardedRefComponent<TextAreaProps, TextAreaElementType> =\n  forwardRef((props: TextAreaProps, ref: TextAreaRef) => {\n    const {\n      isDisabled,\n      className,\n      errorMessage,\n      label,\n      validationState,\n      isInvalid,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField(props);\n\n    // Set class name for atom, including interaction state\n    const classes = classNames(\"mobius\", \"mobius-text-area\", className);\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n    const inputClasses = classNames(\n      \"mobius-text-area__input\",\n      validationClasses,\n    );\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    return (\n      <Stack className={classes} gap=\"xs\">\n        {label && (\n          <Label {...labelProps} className={labelClasses}>\n            {props.label}\n          </Label>\n        )}\n        <TextAreaInput\n          {...otherProps}\n          {...inputProps}\n          ref={ref}\n          className={inputClasses}\n          isDisabled={isDisabled}\n          aria-invalid={errorMessage != null}\n        />\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Stack>\n    );\n  });\n\nTextArea.displayName = \"TextArea\";\nexport { TextArea };\n"],"names":["TextArea","forwardRef","props","ref","isDisabled","className","errorMessage","label","validationState","isInvalid","otherProps","inputProps","labelProps","errorMessageProps","useTextField","classes","classNames","validationClasses","useValidationClasses","inputClasses","labelClasses","Stack","gap","Label","TextAreaInput","aria-invalid","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAgFSA;;;eAAAA;;;;uBA9EsC;+DACxB;+BAEO;uBACR;8BAEO;uBAKtB;uBACe;;;;;;AActB,MAAMA,yBACJC,IAAAA,iBAAU,EAAC,CAACC,OAAsBC;IAChC,MAAM,EACJC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,KAAK,EACLC,eAAe,EACfC,SAAS,EACT,GAAGC,YACJ,GAAGR;IAEJ,MAAM,EAAES,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAACZ;IAEnE,uDAAuD;IACvD,MAAMa,UAAUC,IAAAA,eAAU,EAAC,UAAU,oBAAoBX;IACzD,MAAMY,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7CV;QACAC;IACF;IACA,MAAMU,eAAeH,IAAAA,eAAU,EAC7B,2BACAC;IAEF,MAAMG,eAAeJ,IAAAA,eAAU,EAC7B;QACE,iBAAiBZ;IACnB,GACAa;IAGF,qBACE,sBAACI,YAAK;QAAChB,WAAWU;QAASO,KAAI;;YAC5Bf,uBACC,qBAACgB,YAAK;gBAAE,GAAGX,UAAU;gBAAEP,WAAWe;0BAC/BlB,MAAMK,KAAK;;0BAGhB,qBAACiB,4BAAa;gBACX,GAAGd,UAAU;gBACb,GAAGC,UAAU;gBACdR,KAAKA;gBACLE,WAAWc;gBACXf,YAAYA;gBACZqB,gBAAcnB,gBAAgB;;0BAEhC,qBAACoB,0BAAY;gBAAE,GAAGb,iBAAiB;gBAAEP,cAAcA;;;;AAGzD;AAEFN,SAAS2B,WAAW,GAAG"}

package/dist/cjs/components/TextAreaInput/TextAreaInput.js

@@ -19,7 +19,7 @@ function _interop_require_default(obj) {
 const TextAreaInput = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     // Extract interaction props:
     const { isSelected, isDisabled, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius/TextAreaInput", {
+    const classes = (0, _dedupe.default)("mobius", "mobius-text-area__input", {
         "--is-disabled": isDisabled,
         "--is-selected": isSelected
     }, otherProps.className);

package/dist/cjs/components/TextAreaInput/TextAreaInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius/TextAreaInput\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n    },\n    otherProps.className,\n  );\n\n  return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,wBACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextAreaInput/TextAreaInput.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\n\nexport type TextAreaInputElementType = HTMLTextAreaElement;\n\nexport interface InteractionStateProps {\n  isSelected?: boolean;\n  isDisabled?: boolean;\n}\n\nexport interface TextAreaInputProps\n  extends DOMProps,\n    InteractionStateProps,\n    RefAttributes<TextAreaInputElementType> {\n  className?: string;\n}\n\nexport type TextAreaInputRef = Ref<TextAreaInputElementType>;\n\nconst TextAreaInput: ForwardedRefComponent<\n  TextAreaInputProps,\n  TextAreaInputElementType\n> = forwardRef((props: TextAreaInputProps, ref: TextAreaInputRef) => {\n  // Extract interaction props:\n  const { isSelected, isDisabled, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text-area__input\",\n    {\n      \"--is-disabled\": isDisabled,\n      \"--is-selected\": isSelected,\n    },\n    otherProps.className,\n  );\n\n  return <textarea ref={ref} {...otherProps} className={classes} />;\n});\n\nTextAreaInput.displayName = \"TextAreaInput\";\nexport { TextAreaInput };\n"],"names":["TextAreaInput","forwardRef","props","ref","isSelected","isDisabled","otherProps","classes","classNames","className","textarea","displayName"],"mappings":";;;;+BA0CSA;;;eAAAA;;;;uBA1CsC;+DACxB;;;;;;AAoBvB,MAAMA,8BAGFC,IAAAA,iBAAU,EAAC,CAACC,OAA2BC;IACzC,6BAA6B;IAC7B,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAE,GAAGC,YAAY,GAAGJ;IAElD,MAAMK,UAAUC,IAAAA,eAAU,EACxB,UACA,2BACA;QACE,iBAAiBH;QACjB,iBAAiBD;IACnB,GACAE,WAAWG,SAAS;IAGtB,qBAAO,qBAACC;QAASP,KAAKA;QAAM,GAAGG,UAAU;QAAEG,WAAWF;;AACxD;AAEAP,cAAcW,WAAW,GAAG"}

package/dist/cjs/components/TextField/TextField.js

@@ -16,6 +16,7 @@ const _hooks = require("../../hooks");
 const _ErrorMessage = require("../ErrorMessage");
 const _Label = require("../Label");
 const _adornmentWithClassName = require("./adornmentWithClassName");
+const _Stack = require("../Stack");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -43,10 +44,11 @@ const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     const labelClasses = (0, _dedupe.default)({
         "--is-disabled": isDisabled
     }, validationClasses);
-    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TextField", sharedClasses);
-    const inputClasses = (0, _dedupe.default)("mobius", "mobius/TextInput", sharedClasses);
-    const inputWrapperClasses = (0, _dedupe.default)("mobius/TextFieldInputWrapper", sharedClasses);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius-text-field", sharedClasses);
+    const inputClasses = (0, _dedupe.default)("mobius", "mobius-text-field__input", sharedClasses);
+    const inputWrapperClasses = (0, _dedupe.default)("mobius-text-field__input-wrapper", sharedClasses);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Stack.Stack, {
+        gap: "xs",
         className: containerClasses,
         children: [
             label && !hidden && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Label.Label, {
@@ -55,13 +57,13 @@ const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                 children: label
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: "mobius/TextFieldInnerContainer",
+                className: "mobius-text-field__inner-container",
                 children: [
-                    (0, _adornmentWithClassName.adornmentWithClassName)(prefixOutside, "mobius/TextFieldPrefixOutside"),
+                    (0, _adornmentWithClassName.adornmentWithClassName)(prefixOutside, "mobius-text-field__prefix-outside"),
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                         className: inputWrapperClasses,
                         children: [
-                            (0, _adornmentWithClassName.adornmentWithClassName)(prefixInside, "mobius/TextFieldPrefixInside"),
+                            (0, _adornmentWithClassName.adornmentWithClassName)(prefixInside, "mobius-text-field__prefix-inside"),
                             /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
                                 ...otherProps,
                                 ...inputProps,
@@ -69,14 +71,14 @@ const TextField = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
                                 type: type,
                                 className: inputClasses
                             }),
-                            (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, "mobius/TextFieldSuffixInside")
+                            (0, _adornmentWithClassName.adornmentWithClassName)(suffixInside, "mobius-text-field__suffix-inside")
                         ]
                     }),
-                    (0, _adornmentWithClassName.adornmentWithClassName)(suffixOutside, "mobius/TextFieldSuffixOutside")
+                    (0, _adornmentWithClassName.adornmentWithClassName)(suffixOutside, "mobius-text-field__suffix-outside")
                 ]
             }),
             children && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: "mobius/TextFieldChildren",
+                className: "mobius-text-field__children",
                 children: children
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_ErrorMessage.ErrorMessage, {

package/dist/cjs/components/TextField/TextField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      isInvalid,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius/TextField\",\n      sharedClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius/TextInput\",\n      sharedClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius/TextFieldInputWrapper\",\n      sharedClasses,\n    );\n\n    return (\n      <div className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius/TextFieldInnerContainer\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius/TextFieldPrefixOutside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius/TextFieldPrefixInside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius/TextFieldSuffixInside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius/TextFieldSuffixOutside\",\n          )}\n        </div>\n        {children && <div className=\"mobius/TextFieldChildren\">{children}</div>}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </div>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","isInvalid","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","validationClasses","useValidationClasses","textfieldClasses","sharedClasses","classNames","labelClasses","containerClasses","inputClasses","inputWrapperClasses","div","Label","adornmentWithClassName","input","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAmKSA;;;eAAAA;;;;+DAjKc;uBAQhB;uBAKA;8BAGsB;uBACP;wCACiB;;;;;;AAoCvC,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGf;IAEJ,MAAM,EAAEgB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGnB,KAAK;QACR,qBAAqBQ;IACvB;IAEA,MAAMY,SAASjB,SAAS;IAExB,MAAMkB,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7ClB;QACAC;IACF;IAEA,MAAMkB,mBAAmB;QACvB,iBAAiBrB;QACjB,iBAAiB,OAAOQ,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMkB,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,eAAeD,IAAAA,eAAU,EAC7B;QACE,iBAAiBvB;IACnB,GACAmB;IAGF,MAAMM,mBAAmBF,IAAAA,eAAU,EACjC,UACA,oBACAD;IAGF,MAAMI,eAAeH,IAAAA,eAAU,EAC7B,UACA,oBACAD;IAGF,MAAMK,sBAAsBJ,IAAAA,eAAU,EACpC,gCACAD;IAGF,qBACE,sBAACM;QAAIxB,WAAWqB;;YACbpB,SAAS,CAACa,wBACT,qBAACW,YAAK;gBAAE,GAAGd,UAAU;gBAAEX,WAAWoB;0BAC/BnB;;0BAGL,sBAACuB;gBAAIxB,WAAU;;oBACZ0B,IAAAA,8CAAsB,EACrBpB,eACA;kCAEF,sBAACkB;wBAAIxB,WAAWuB;;4BACbG,IAAAA,8CAAsB,EACrBrB,cACA;0CAEF,qBAACsB;gCACE,GAAGlB,UAAU;gCACb,GAAGC,UAAU;gCACdf,KAAKA;gCACLE,MAAMA;gCACNG,WAAWsB;;4BAEZI,IAAAA,8CAAsB,EACrBnB,cACA;;;oBAGHmB,IAAAA,8CAAsB,EACrBlB,eACA;;;YAGHL,0BAAY,qBAACqB;gBAAIxB,WAAU;0BAA4BG;;0BAExD,qBAACyB,0BAAY;gBAAE,GAAGhB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFV,UAAUqC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n  forwardRef,\n} from \"react\";\nimport {\n  UseTextFieldProps,\n  useTextField,\n  useValidationClasses,\n} from \"../../hooks\";\nimport { DOMProps, FocusEvents } from \"../../types\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport { Stack } from \"../Stack\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField: ForwardedRefComponent<TextFieldProps, TextFieldElementType> =\n  forwardRef((props: TextFieldProps, ref: TextFieldRef) => {\n    const {\n      isDisabled,\n      type = \"text\",\n      validationState,\n      isInvalid,\n      className,\n      label,\n      errorMessage,\n      children,\n      isRequired,\n      prefixInside,\n      prefixOutside,\n      suffixInside,\n      suffixOutside,\n      ...otherProps\n    } = props;\n\n    const { inputProps, labelProps, errorMessageProps } = useTextField({\n      ...props,\n      \"aria-errormessage\": errorMessage,\n    });\n\n    const hidden = type === \"hidden\";\n\n    const validationClasses = useValidationClasses({\n      validationState,\n      isInvalid,\n    });\n\n    const textfieldClasses = {\n      \"--is-disabled\": isDisabled,\n      \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n      \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n      \"--is-hidden\": hidden,\n      [className || \"\"]: true,\n    };\n\n    const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n    const labelClasses = classNames(\n      {\n        \"--is-disabled\": isDisabled,\n      },\n      validationClasses,\n    );\n\n    const containerClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field\",\n      sharedClasses,\n    );\n\n    const inputClasses = classNames(\n      \"mobius\",\n      \"mobius-text-field__input\",\n      sharedClasses,\n    );\n\n    const inputWrapperClasses = classNames(\n      \"mobius-text-field__input-wrapper\",\n      sharedClasses,\n    );\n\n    return (\n      <Stack gap=\"xs\" className={containerClasses}>\n        {label && !hidden && (\n          <Label {...labelProps} className={labelClasses}>\n            {label}\n          </Label>\n        )}\n        <div className=\"mobius-text-field__inner-container\">\n          {adornmentWithClassName(\n            prefixOutside,\n            \"mobius-text-field__prefix-outside\",\n          )}\n          <div className={inputWrapperClasses}>\n            {adornmentWithClassName(\n              prefixInside,\n              \"mobius-text-field__prefix-inside\",\n            )}\n            <input\n              {...otherProps}\n              {...inputProps}\n              ref={ref}\n              type={type}\n              className={inputClasses}\n            />\n            {adornmentWithClassName(\n              suffixInside,\n              \"mobius-text-field__suffix-inside\",\n            )}\n          </div>\n          {adornmentWithClassName(\n            suffixOutside,\n            \"mobius-text-field__suffix-outside\",\n          )}\n        </div>\n        {children && (\n          <div className=\"mobius-text-field__children\">{children}</div>\n        )}\n\n        <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n      </Stack>\n    );\n  });\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n"],"names":["TextField","forwardRef","props","ref","isDisabled","type","validationState","isInvalid","className","label","errorMessage","children","isRequired","prefixInside","prefixOutside","suffixInside","suffixOutside","otherProps","inputProps","labelProps","errorMessageProps","useTextField","hidden","validationClasses","useValidationClasses","textfieldClasses","sharedClasses","classNames","labelClasses","containerClasses","inputClasses","inputWrapperClasses","Stack","gap","Label","div","adornmentWithClassName","input","ErrorMessage","displayName"],"mappings":"AAAA;;;;;+BAsKSA;;;eAAAA;;;;+DApKc;uBAQhB;uBAKA;8BAGsB;uBACP;wCACiB;uBACjB;;;;;;AAoCtB,MAAMA,0BACJC,IAAAA,iBAAU,EAAC,CAACC,OAAuBC;IACjC,MAAM,EACJC,UAAU,EACVC,OAAO,MAAM,EACbC,eAAe,EACfC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,YAAY,EACZC,aAAa,EACb,GAAGC,YACJ,GAAGf;IAEJ,MAAM,EAAEgB,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,EAAE,GAAGC,IAAAA,mBAAY,EAAC;QACjE,GAAGnB,KAAK;QACR,qBAAqBQ;IACvB;IAEA,MAAMY,SAASjB,SAAS;IAExB,MAAMkB,oBAAoBC,IAAAA,2BAAoB,EAAC;QAC7ClB;QACAC;IACF;IAEA,MAAMkB,mBAAmB;QACvB,iBAAiBrB;QACjB,iBAAiB,OAAOQ,eAAe,aAAaA;QACpD,iBAAiB,OAAOA,eAAe,aAAa,CAACA;QACrD,eAAeU;QACf,CAACd,aAAa,GAAG,EAAE;IACrB;IAEA,MAAMkB,gBAAgBC,IAAAA,eAAU,EAACJ,mBAAmBE;IAEpD,MAAMG,eAAeD,IAAAA,eAAU,EAC7B;QACE,iBAAiBvB;IACnB,GACAmB;IAGF,MAAMM,mBAAmBF,IAAAA,eAAU,EACjC,UACA,qBACAD;IAGF,MAAMI,eAAeH,IAAAA,eAAU,EAC7B,UACA,4BACAD;IAGF,MAAMK,sBAAsBJ,IAAAA,eAAU,EACpC,oCACAD;IAGF,qBACE,sBAACM,YAAK;QAACC,KAAI;QAAKzB,WAAWqB;;YACxBpB,SAAS,CAACa,wBACT,qBAACY,YAAK;gBAAE,GAAGf,UAAU;gBAAEX,WAAWoB;0BAC/BnB;;0BAGL,sBAAC0B;gBAAI3B,WAAU;;oBACZ4B,IAAAA,8CAAsB,EACrBtB,eACA;kCAEF,sBAACqB;wBAAI3B,WAAWuB;;4BACbK,IAAAA,8CAAsB,EACrBvB,cACA;0CAEF,qBAACwB;gCACE,GAAGpB,UAAU;gCACb,GAAGC,UAAU;gCACdf,KAAKA;gCACLE,MAAMA;gCACNG,WAAWsB;;4BAEZM,IAAAA,8CAAsB,EACrBrB,cACA;;;oBAGHqB,IAAAA,8CAAsB,EACrBpB,eACA;;;YAGHL,0BACC,qBAACwB;gBAAI3B,WAAU;0BAA+BG;;0BAGhD,qBAAC2B,0BAAY;gBAAE,GAAGlB,iBAAiB;gBAAEV,cAAcA;;;;AAGzD;AAEFV,UAAUuC,WAAW,GAAG"}

package/dist/cjs/components/Title/Title.js

@@ -19,10 +19,10 @@ function _interop_require_default(obj) {
 }
 const Title = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     const { elementType: Element = "div", title, description, ...otherProps } = props;
-    const classes = (0, _dedupe.default)("mobius", "mobius/Title", otherProps.className);
-    const headerClasses = (0, _dedupe.default)("mobius", "mobius/TitleHeader");
-    const contentClasses = (0, _dedupe.default)("mobius", "mobius/TitleDescription");
-    const containerClasses = (0, _dedupe.default)("mobius", "mobius/TitleContainer");
+    const classes = (0, _dedupe.default)("mobius", "mobius-title", otherProps.className);
+    const headerClasses = (0, _dedupe.default)("mobius", "mobius-title__header");
+    const contentClasses = (0, _dedupe.default)("mobius", "mobius-title__description");
+    const containerClasses = (0, _dedupe.default)("mobius", "mobius-title__container");
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(Element, {
         ref: ref,
         ...otherProps,

package/dist/cjs/components/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  title: string;\n  description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n  (props: TitleProps, ref: TitleRef) => {\n    const {\n      elementType: Element = \"div\",\n      title,\n      description,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius/Title\", otherProps.className);\n    const headerClasses = classNames(\"mobius\", \"mobius/TitleHeader\");\n    const contentClasses = classNames(\"mobius\", \"mobius/TitleDescription\");\n    const containerClasses = classNames(\"mobius\", \"mobius/TitleContainer\");\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        <Flex flexDirection=\"column\" className={containerClasses}>\n          <p className={headerClasses}>{title}</p>\n          <p className={contentClasses}>{description}</p>\n        </Flex>\n      </Element>\n    );\n  },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["Title","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","classNames","className","headerClasses","contentClasses","containerClasses","Flex","flexDirection","p","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;sBAGF;;;;;;AAerB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBF,WAAWG,SAAS;IACzE,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMG,iBAAiBH,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMI,mBAAmBJ,IAAAA,eAAU,EAAC,UAAU;IAE9C,qBACE,qBAACL;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEG,WAAWF;kBAC5C,cAAA,sBAACM,UAAI;YAACC,eAAc;YAASL,WAAWG;;8BACtC,qBAACG;oBAAEN,WAAWC;8BAAgBN;;8BAC9B,qBAACW;oBAAEN,WAAWE;8BAAiBN;;;;;AAIvC;AAGFP,MAAMkB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Title/Title.tsx"],"sourcesContent":["import { Ref, forwardRef, RefAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport { DOMProps } from \"../../types/dom\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { Flex } from \"../Flex\";\n\nexport type TitleElementType = HTMLDivElement;\n\nexport interface TitleProps extends DOMProps, RefAttributes<TitleElementType> {\n  children?: ReactNode;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: string | React.ElementType;\n  title: string;\n  description: string;\n}\n\nexport type TitleRef = Ref<TitleElementType>;\n\nconst Title: ForwardedRefComponent<TitleProps, TitleElementType> = forwardRef(\n  (props: TitleProps, ref: TitleRef) => {\n    const {\n      elementType: Element = \"div\",\n      title,\n      description,\n      ...otherProps\n    } = props;\n\n    const classes = classNames(\"mobius\", \"mobius-title\", otherProps.className);\n    const headerClasses = classNames(\"mobius\", \"mobius-title__header\");\n    const contentClasses = classNames(\"mobius\", \"mobius-title__description\");\n    const containerClasses = classNames(\"mobius\", \"mobius-title__container\");\n\n    return (\n      <Element ref={ref} {...otherProps} className={classes}>\n        <Flex flexDirection=\"column\" className={containerClasses}>\n          <p className={headerClasses}>{title}</p>\n          <p className={contentClasses}>{description}</p>\n        </Flex>\n      </Element>\n    );\n  },\n);\n\nTitle.displayName = \"Title\";\nexport { Title };\n"],"names":["Title","forwardRef","props","ref","elementType","Element","title","description","otherProps","classes","classNames","className","headerClasses","contentClasses","containerClasses","Flex","flexDirection","p","displayName"],"mappings":";;;;+BA6CSA;;;eAAAA;;;;uBA7CiD;+DACnC;sBAGF;;;;;;AAerB,MAAMA,sBAA6DC,IAAAA,iBAAU,EAC3E,CAACC,OAAmBC;IAClB,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,KAAK,EACLC,WAAW,EACX,GAAGC,YACJ,GAAGN;IAEJ,MAAMO,UAAUC,IAAAA,eAAU,EAAC,UAAU,gBAAgBF,WAAWG,SAAS;IACzE,MAAMC,gBAAgBF,IAAAA,eAAU,EAAC,UAAU;IAC3C,MAAMG,iBAAiBH,IAAAA,eAAU,EAAC,UAAU;IAC5C,MAAMI,mBAAmBJ,IAAAA,eAAU,EAAC,UAAU;IAE9C,qBACE,qBAACL;QAAQF,KAAKA;QAAM,GAAGK,UAAU;QAAEG,WAAWF;kBAC5C,cAAA,sBAACM,UAAI;YAACC,eAAc;YAASL,WAAWG;;8BACtC,qBAACG;oBAAEN,WAAWC;8BAAgBN;;8BAC9B,qBAACW;oBAAEN,WAAWE;8BAAiBN;;;;;AAIvC;AAGFP,MAAMkB,WAAW,GAAG"}

package/dist/cjs/components/Trust/Trust.js

@@ -25,10 +25,9 @@ const Trust = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
     const trustRef = (0, _react.useRef)(null);
     const { link, ...defaultProps } = (0, _getDefaultProps.getDefaultProps)(props);
     const { className: variantClassName, styles } = _constants.TRUSTPILOT_WIDGET[variant];
-    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);
-    const classes = (0, _dedupe.default)("mobius", "mobius/Trust", _constants.REQUIRED_TRUSTPILOT_CLASS_NAME, {
-        [`mobius/TrustTheme${themeClassName}`]: theme,
-        [`mobius/TrustVariant${variantClassName}`]: variant
+    const classes = (0, _dedupe.default)("mobius", "mobius-trust", _constants.REQUIRED_TRUSTPILOT_CLASS_NAME, {
+        [`--is-${theme}`]: theme,
+        [variantClassName]: variant
     }, otherProps.className);
     (0, _react.useEffect)(()=>{
         var _window, _window1;
@@ -60,7 +59,7 @@ const Trust = /*#__PURE__*/ (0, _react.forwardRef)((props, ref)=>{
             href: link,
             target: "_blank",
             rel: "noopener noreferrer",
-            className: "mobius/TrustLink",
+            className: "mobius-trust__link",
             children: "Trustpilot"
         })
     });

package/dist/cjs/components/Trust/Trust.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    const [isMounted, setIsMounted] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];\n    const themeClassName = theme.charAt(0).toUpperCase() + theme.slice(1);\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius/Trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`mobius/TrustTheme${themeClassName}`]: theme,\n        [`mobius/TrustVariant${variantClassName}`]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      const hasTrustpilotLoaded =\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement;\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (isMounted && hasTrustpilotLoaded) {\n        window.Trustpilot.loadFromElement(trustRef.current, true);\n      }\n    }, [isMounted]);\n\n    useEffect(() => {\n      setIsMounted(true);\n    }, []);\n\n    // Load `<Trust>` client-side only to avoid SSR hydration issues\n    if (!isMounted) return <div style={styles} />;\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n        style={styles}\n      >\n        <a\n          href={link}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"mobius/TrustLink\"\n        >\n          Trustpilot\n        </a>\n      </Element>\n    );\n  });\n"],"names":["Trust","forwardRef","props","ref","elementType","Element","variant","theme","otherProps","isMounted","setIsMounted","useState","trustRef","useRef","link","defaultProps","getDefaultProps","className","variantClassName","styles","TRUSTPILOT_WIDGET","themeClassName","charAt","toUpperCase","slice","classes","classNames","REQUIRED_TRUSTPILOT_CLASS_NAME","useEffect","window","hasTrustpilotLoaded","current","Trustpilot","loadFromElement","div","style","mergeRefs","a","href","target","rel"],"mappings":";;;;+BAQaA;;;eAAAA;;;;+DARU;uBACiC;uBAE9B;2BACwC;iCAClC;;;;;;AAGzB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,MAAM,CAACO,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IAExB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAc,GAAGC,IAAAA,gCAAe,EAACd;IAClD,MAAM,EAAEe,WAAWC,gBAAgB,EAAEC,MAAM,EAAE,GAAGC,4BAAiB,CAACd,QAAQ;IAC1E,MAAMe,iBAAiBd,MAAMe,MAAM,CAAC,GAAGC,WAAW,KAAKhB,MAAMiB,KAAK,CAAC;IAEnE,MAAMC,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACAC,yCAA8B,EAC9B;QACE,CAAC,CAAC,iBAAiB,EAAEN,eAAe,CAAC,CAAC,EAAEd;QACxC,CAAC,CAAC,mBAAmB,EAAEW,iBAAiB,CAAC,CAAC,EAAEZ;IAC9C,GACAE,WAAWS,SAAS;IAGtBW,IAAAA,gBAAS,EAAC;YAGNC,SACAA;QAHF,MAAMC,sBACJlB,SAASmB,OAAO,MAChBF,UAAAA,oBAAAA,8BAAAA,QAAQG,UAAU,OAClBH,WAAAA,oBAAAA,+BAAAA,SAAQG,UAAU,CAACC,eAAe;QACpC,6FAA6F;QAC7F,IAAIxB,aAAaqB,qBAAqB;YACpCD,OAAOG,UAAU,CAACC,eAAe,CAACrB,SAASmB,OAAO,EAAE;QACtD;IACF,GAAG;QAACtB;KAAU;IAEdmB,IAAAA,gBAAS,EAAC;QACRlB,aAAa;IACf,GAAG,EAAE;IAEL,gEAAgE;IAChE,IAAI,CAACD,WAAW,qBAAO,qBAACyB;QAAIC,OAAOhB;;IAEnC,qBACE,qBAACd;QACCF,KAAKiC,IAAAA,gBAAS,EAAC;YAACxB;YAAUT;SAAI;QAC7B,GAAGY,YAAY;QACf,GAAGP,UAAU;QACdS,WAAWQ;QACXU,OAAOhB;kBAEP,cAAA,qBAACkB;YACCC,MAAMxB;YACNyB,QAAO;YACPC,KAAI;YACJvB,WAAU;sBACX;;;AAKP"}
+{"version":3,"sources":["../../../../src/components/Trust/Trust.tsx"],"sourcesContent":["import classNames from \"classnames/dedupe\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { ForwardedRefComponent } from \"../../types/components\";\nimport { mergeRefs } from \"../../utils\";\nimport { REQUIRED_TRUSTPILOT_CLASS_NAME, TRUSTPILOT_WIDGET } from \"./constants\";\nimport { getDefaultProps } from \"./getDefaultProps\";\nimport { TrustElementType, TrustProps, TrustRef } from \"./types\";\n\nexport const Trust: ForwardedRefComponent<TrustProps, TrustElementType> =\n  forwardRef((props: TrustProps, ref: TrustRef) => {\n    const {\n      elementType: Element = \"div\",\n      variant,\n      theme,\n      ...otherProps\n    } = props;\n    const [isMounted, setIsMounted] = useState(false);\n    const trustRef = useRef(null);\n\n    const { link, ...defaultProps } = getDefaultProps(props);\n    const { className: variantClassName, styles } = TRUSTPILOT_WIDGET[variant];\n\n    const classes = classNames(\n      \"mobius\",\n      \"mobius-trust\",\n      REQUIRED_TRUSTPILOT_CLASS_NAME,\n      {\n        [`--is-${theme}`]: theme,\n        [variantClassName]: variant,\n      },\n      otherProps.className,\n    );\n\n    useEffect(() => {\n      const hasTrustpilotLoaded =\n        trustRef.current &&\n        window?.Trustpilot &&\n        window?.Trustpilot.loadFromElement;\n      // If window.Trustpilot is available it means that we need to load the TrustBox from our ref.\n      if (isMounted && hasTrustpilotLoaded) {\n        window.Trustpilot.loadFromElement(trustRef.current, true);\n      }\n    }, [isMounted]);\n\n    useEffect(() => {\n      setIsMounted(true);\n    }, []);\n\n    // Load `<Trust>` client-side only to avoid SSR hydration issues\n    if (!isMounted) return <div style={styles} />;\n\n    return (\n      <Element\n        ref={mergeRefs([trustRef, ref])}\n        {...defaultProps}\n        {...otherProps}\n        className={classes}\n        style={styles}\n      >\n        <a\n          href={link}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"mobius-trust__link\"\n        >\n          Trustpilot\n        </a>\n      </Element>\n    );\n  });\n"],"names":["Trust","forwardRef","props","ref","elementType","Element","variant","theme","otherProps","isMounted","setIsMounted","useState","trustRef","useRef","link","defaultProps","getDefaultProps","className","variantClassName","styles","TRUSTPILOT_WIDGET","classes","classNames","REQUIRED_TRUSTPILOT_CLASS_NAME","useEffect","window","hasTrustpilotLoaded","current","Trustpilot","loadFromElement","div","style","mergeRefs","a","href","target","rel"],"mappings":";;;;+BAQaA;;;eAAAA;;;;+DARU;uBACiC;uBAE9B;2BACwC;iCAClC;;;;;;AAGzB,MAAMA,sBACXC,IAAAA,iBAAU,EAAC,CAACC,OAAmBC;IAC7B,MAAM,EACJC,aAAaC,UAAU,KAAK,EAC5BC,OAAO,EACPC,KAAK,EACL,GAAGC,YACJ,GAAGN;IACJ,MAAM,CAACO,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAMC,WAAWC,IAAAA,aAAM,EAAC;IAExB,MAAM,EAAEC,IAAI,EAAE,GAAGC,cAAc,GAAGC,IAAAA,gCAAe,EAACd;IAClD,MAAM,EAAEe,WAAWC,gBAAgB,EAAEC,MAAM,EAAE,GAAGC,4BAAiB,CAACd,QAAQ;IAE1E,MAAMe,UAAUC,IAAAA,eAAU,EACxB,UACA,gBACAC,yCAA8B,EAC9B;QACE,CAAC,CAAC,KAAK,EAAEhB,MAAM,CAAC,CAAC,EAAEA;QACnB,CAACW,iBAAiB,EAAEZ;IACtB,GACAE,WAAWS,SAAS;IAGtBO,IAAAA,gBAAS,EAAC;YAGNC,SACAA;QAHF,MAAMC,sBACJd,SAASe,OAAO,MAChBF,UAAAA,oBAAAA,8BAAAA,QAAQG,UAAU,OAClBH,WAAAA,oBAAAA,+BAAAA,SAAQG,UAAU,CAACC,eAAe;QACpC,6FAA6F;QAC7F,IAAIpB,aAAaiB,qBAAqB;YACpCD,OAAOG,UAAU,CAACC,eAAe,CAACjB,SAASe,OAAO,EAAE;QACtD;IACF,GAAG;QAAClB;KAAU;IAEde,IAAAA,gBAAS,EAAC;QACRd,aAAa;IACf,GAAG,EAAE;IAEL,gEAAgE;IAChE,IAAI,CAACD,WAAW,qBAAO,qBAACqB;QAAIC,OAAOZ;;IAEnC,qBACE,qBAACd;QACCF,KAAK6B,IAAAA,gBAAS,EAAC;YAACpB;YAAUT;SAAI;QAC7B,GAAGY,YAAY;QACf,GAAGP,UAAU;QACdS,WAAWI;QACXU,OAAOZ;kBAEP,cAAA,qBAACc;YACCC,MAAMpB;YACNqB,QAAO;YACPC,KAAI;YACJnB,WAAU;sBACX;;;AAKP"}

package/dist/cjs/components/Trust/constants.js

@@ -33,14 +33,14 @@ const TRUSTPILOT_WIDGET = {
     // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview
     "micro-combo": {
         templateId: "5419b6ffb0d04a076446a9af",
-        className: "MicroCombo",
+        className: "--is-variant-micro-combo",
         styles: {
             height: "25px"
         }
     },
     mini: {
         templateId: "53aa8807dec7e10d38f59f32",
-        className: "Mini",
+        className: "--is-variant-mini",
         styles: {
             width: "300px",
             height: "150px"
@@ -48,7 +48,7 @@ const TRUSTPILOT_WIDGET = {
     },
     horizontal: {
         templateId: "5406e65db0d04a09e042d5fc",
-        className: "Horizontal",
+        className: "--is-variant-horizontal",
         styles: {
             height: "28px"
         }

package/dist/cjs/components/Trust/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"MicroCombo\",\n    styles: {\n      height: \"25px\",\n    },\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"Mini\",\n    styles: {\n      width: \"300px\",\n      height: \"150px\",\n    },\n  },\n  horizontal: {\n    templateId: \"5406e65db0d04a09e042d5fc\",\n    className: \"Horizontal\",\n    styles: {\n      height: \"28px\",\n    },\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","styles","height","mini","width","horizontal"],"mappings":";;;;;;;;;;;IAAaA,8BAA8B;eAA9BA;;IAEAC,sBAAsB;eAAtBA;;IAEAC,gBAAgB;eAAhBA;;IAKAC,iBAAiB;eAAjBA;;;AATN,MAAMH,iCAAiC;AAEvC,MAAMC,yBAAyB;AAE/B,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX;AAEO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;IACAC,MAAM;QACJJ,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNG,OAAO;YACPF,QAAQ;QACV;IACF;IACAG,YAAY;QACVN,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;AACF"}
+{"version":3,"sources":["../../../../src/components/Trust/constants.ts"],"sourcesContent":["export const REQUIRED_TRUSTPILOT_CLASS_NAME = \"trustpilot-widget\";\n\nexport const SIMPLYBUSINESS_UNIT_ID = \"5ca35a3da72b330001954cef\";\n\nexport const TRUSTPILOT_LINKS = {\n  \"en-US\": \"https://www.trustpilot.com/review/simplybusiness.com\",\n  \"en-GB\": \"https://www.trustpilot.com/review/simplybusiness.co.uk\",\n};\n\nexport const TRUSTPILOT_WIDGET = {\n  // Keys based on actual widget names\n  // https://support.trustpilot.com/hc/en-us/articles/360019826379-TrustBox-widget-overview\n  \"micro-combo\": {\n    templateId: \"5419b6ffb0d04a076446a9af\",\n    className: \"--is-variant-micro-combo\",\n    styles: {\n      height: \"25px\",\n    },\n  },\n  mini: {\n    templateId: \"53aa8807dec7e10d38f59f32\",\n    className: \"--is-variant-mini\",\n    styles: {\n      width: \"300px\",\n      height: \"150px\",\n    },\n  },\n  horizontal: {\n    templateId: \"5406e65db0d04a09e042d5fc\",\n    className: \"--is-variant-horizontal\",\n    styles: {\n      height: \"28px\",\n    },\n  },\n};\n"],"names":["REQUIRED_TRUSTPILOT_CLASS_NAME","SIMPLYBUSINESS_UNIT_ID","TRUSTPILOT_LINKS","TRUSTPILOT_WIDGET","templateId","className","styles","height","mini","width","horizontal"],"mappings":";;;;;;;;;;;IAAaA,8BAA8B;eAA9BA;;IAEAC,sBAAsB;eAAtBA;;IAEAC,gBAAgB;eAAhBA;;IAKAC,iBAAiB;eAAjBA;;;AATN,MAAMH,iCAAiC;AAEvC,MAAMC,yBAAyB;AAE/B,MAAMC,mBAAmB;IAC9B,SAAS;IACT,SAAS;AACX;AAEO,MAAMC,oBAAoB;IAC/B,oCAAoC;IACpC,yFAAyF;IACzF,eAAe;QACbC,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;IACAC,MAAM;QACJJ,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNG,OAAO;YACPF,QAAQ;QACV;IACF;IACAG,YAAY;QACVN,YAAY;QACZC,WAAW;QACXC,QAAQ;YACNC,QAAQ;QACV;IACF;AACF"}

package/dist/cjs/components/index.js

@@ -34,6 +34,7 @@ _export_star(require("./Radio"), exports);
 _export_star(require("./Segment"), exports);
 _export_star(require("./Select"), exports);
 _export_star(require("./Slider"), exports);
+_export_star(require("./Stack"), exports);
 _export_star(require("./SVG"), exports);
 _export_star(require("./Table"), exports);
 _export_star(require("./Text"), exports);

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./Trust\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}
+{"version":3,"sources":["../../../src/components/index.tsx"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./Box\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./Button\";\nexport * from \"./Checkbox\";\nexport * from \"./Container\";\nexport * from \"./Divider\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./ErrorMessage\";\nexport * from \"./Fieldset\";\nexport * from \"./Flex\";\nexport * from \"./Grid\";\nexport * from \"./Icon\";\nexport * from \"./Image\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./LinkButton\";\nexport * from \"./List\";\nexport * from \"./LoadingIndicator\";\nexport * from \"./Logo\";\nexport * from \"./Modal\";\nexport * from \"./NumberField\";\nexport * from \"./Option\";\nexport * from \"./PasswordField\";\nexport * from \"./Popover\";\nexport * from \"./Progress\";\nexport * from \"./Radio\";\nexport * from \"./Segment\";\nexport * from \"./Select\";\nexport * from \"./Slider\";\nexport * from \"./Stack\";\nexport * from \"./SVG\";\nexport * from \"./Table\";\nexport * from \"./Text\";\nexport * from \"./TextArea\";\nexport * from \"./TextAreaInput\";\nexport * from \"./TextField\";\nexport * from \"./Title\";\nexport * from \"./Trust\";\nexport * from \"./VisuallyHidden\";\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA;qBACA"}