npm - boreal-ui - Versions diffs - 0.0.60 → 0.0.61 - Mend

boreal-ui 0.0.60 → 0.0.61

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/core/TextArea-FZ2to7QC.js.map +1 -1
package/dist/core/TextArea-tRdQdCYT.cjs.map +1 -1
package/dist/core/boreal-ui.css +4 -3
package/dist/next/{TextArea-BDOiqHNv.js → TextArea-BHJx395o.js} +25 -25
package/dist/next/{TextArea-BDOiqHNv.js.map → TextArea-BHJx395o.js.map} +1 -1
package/dist/next/{TextArea-uz-lx3iR.cjs → TextArea-Bux5Ojjs.cjs} +25 -25
package/dist/next/{TextArea-uz-lx3iR.cjs.map → TextArea-Bux5Ojjs.cjs.map} +1 -1
package/dist/next/TextArea.cjs.js +1 -1
package/dist/next/TextArea.js +1 -1
package/dist/next/boreal-ui.css +54 -53
package/dist/next/index.cjs.js +1 -1
package/dist/next/index.js +1 -1
package/dist/tsconfig.build.tsbuildinfo +1 -1
package/package.json +1 -1

package/dist/core/TextArea-FZ2to7QC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea-FZ2to7QC.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n textArea: \"textArea\",\r\n textInput: \"textArea_text_input\",\r\n icon: \"textArea_icon\",\r\n\r\n primary: \"textArea_primary\",\r\n secondary: \"textArea_secondary\",\r\n tertiary: \"textArea_tertiary\",\r\n quaternary: \"textArea_quaternary\",\r\n\r\n success: \"textArea_success\",\r\n error: \"textArea_error\",\r\n warning: \"textArea_warning\",\r\n\r\n clear: \"textArea_clear\",\r\n\r\n outline: \"textArea_outline\",\r\n\r\n disabled: \"textArea_disabled\",\r\n\r\n errorMessage: \"textArea_errorMessage\",\r\n iconContainer: \"textArea_iconContainer\",\r\n errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n shadowNone: \"textArea_shadow-None\",\r\n shadowLight: \"textArea_shadow-Light\",\r\n shadowMedium: \"textArea_shadow-Medium\",\r\n shadowStrong: \"textArea_shadow-Strong\",\r\n shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n roundNone: \"textArea_round-None\",\r\n roundSmall: \"textArea_round-Small\",\r\n roundMedium: \"textArea_round-Medium\",\r\n roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TextArea-FZ2to7QC.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n textArea: \"textArea\",\r\n textInput: \"textArea_text_input\",\r\n icon: \"textArea_icon\",\r\n\r\n primary: \"textArea_primary\",\r\n secondary: \"textArea_secondary\",\r\n tertiary: \"textArea_tertiary\",\r\n quaternary: \"textArea_quaternary\",\r\n\r\n success: \"textArea_success\",\r\n error: \"textArea_error\",\r\n warning: \"textArea_warning\",\r\n\r\n clear: \"textArea_clear\",\r\n\r\n outline: \"textArea_outline\",\r\n\r\n disabled: \"textArea_disabled\",\r\n\r\n errorMessage: \"textArea_errorMessage\",\r\n iconContainer: \"textArea_iconContainer\",\r\n errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n shadowNone: \"textArea_shadow-None\",\r\n shadowLight: \"textArea_shadow-Light\",\r\n shadowMedium: \"textArea_shadow-Medium\",\r\n shadowStrong: \"textArea_shadow-Strong\",\r\n shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n roundNone: \"textArea_round-None\",\r\n roundSmall: \"textArea_round-Small\",\r\n roundMedium: \"textArea_round-Medium\",\r\n roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n },\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":[],"mappings":"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"}

package/dist/core/TextArea-tRdQdCYT.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea-tRdQdCYT.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n textArea: \"textArea\",\r\n textInput: \"textArea_text_input\",\r\n icon: \"textArea_icon\",\r\n\r\n primary: \"textArea_primary\",\r\n secondary: \"textArea_secondary\",\r\n tertiary: \"textArea_tertiary\",\r\n quaternary: \"textArea_quaternary\",\r\n\r\n success: \"textArea_success\",\r\n error: \"textArea_error\",\r\n warning: \"textArea_warning\",\r\n\r\n clear: \"textArea_clear\",\r\n\r\n outline: \"textArea_outline\",\r\n\r\n disabled: \"textArea_disabled\",\r\n\r\n errorMessage: \"textArea_errorMessage\",\r\n iconContainer: \"textArea_iconContainer\",\r\n errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n shadowNone: \"textArea_shadow-None\",\r\n shadowLight: \"textArea_shadow-Light\",\r\n shadowMedium: \"textArea_shadow-Medium\",\r\n shadowStrong: \"textArea_shadow-Strong\",\r\n shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n roundNone: \"textArea_round-None\",\r\n roundSmall: \"textArea_round-Small\",\r\n roundMedium: \"textArea_round-Medium\",\r\n roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea-tRdQdCYT.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/core/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","import { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport \"./TextArea.scss\";\r\n\r\nconst classes = {\r\n textArea: \"textArea\",\r\n textInput: \"textArea_text_input\",\r\n icon: \"textArea_icon\",\r\n\r\n primary: \"textArea_primary\",\r\n secondary: \"textArea_secondary\",\r\n tertiary: \"textArea_tertiary\",\r\n quaternary: \"textArea_quaternary\",\r\n\r\n success: \"textArea_success\",\r\n error: \"textArea_error\",\r\n warning: \"textArea_warning\",\r\n\r\n clear: \"textArea_clear\",\r\n\r\n outline: \"textArea_outline\",\r\n\r\n disabled: \"textArea_disabled\",\r\n\r\n errorMessage: \"textArea_errorMessage\",\r\n iconContainer: \"textArea_iconContainer\",\r\n errorMessageContainer: \"textArea_errorMessageContainer\",\r\n\r\n shadowNone: \"textArea_shadow-None\",\r\n shadowLight: \"textArea_shadow-Light\",\r\n shadowMedium: \"textArea_shadow-Medium\",\r\n shadowStrong: \"textArea_shadow-Strong\",\r\n shadowIntense: \"textArea_shadow-Intense\",\r\n\r\n roundNone: \"textArea_round-None\",\r\n roundSmall: \"textArea_round-Small\",\r\n roundMedium: \"textArea_round-Medium\",\r\n roundLarge: \"textArea_round-Large\",\r\n};\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={classes} />;\r\n },\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}

package/dist/core/boreal-ui.css CHANGED Viewed

@@ -32445,10 +32445,11 @@ a:hover {
  *  Use this map to loop over breakpoints or access named values.
  */
 .textArea {
-  display: flex;
-  width: fit-content;
-  justify-content: center;
+  display: inline-flex;
+  justify-content: space-between;
   align-items: center;
+  width: fit-content;
+  margin: 8px;
   transition: 0.3s ease-in-out;
   background: transparent;
 }

package/dist/next/{TextArea-BDOiqHNv.js → TextArea-BHJx395o.js} RENAMED Viewed

@@ -103,30 +103,30 @@ const TextAreaBase = forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-const textArea = "_textArea_wfb6i_85";
-const primary = "_primary_wfb6i_103";
-const outline = "_outline_wfb6i_106";
-const secondary = "_secondary_wfb6i_112";
-const tertiary = "_tertiary_wfb6i_121";
-const quaternary = "_quaternary_wfb6i_130";
-const clear = "_clear_wfb6i_139";
-const success = "_success_wfb6i_148";
-const error = "_error_wfb6i_151";
-const warning = "_warning_wfb6i_154";
-const disabled = "_disabled_wfb6i_160";
-const textInput = "_textInput_wfb6i_166";
-const roundNone = "_roundNone_wfb6i_171";
-const roundSmall = "_roundSmall_wfb6i_175";
-const roundMedium = "_roundMedium_wfb6i_179";
-const roundLarge = "_roundLarge_wfb6i_183";
-const roundFull = "_roundFull_wfb6i_187";
-const shadowNone = "_shadowNone_wfb6i_191";
-const shadowLight = "_shadowLight_wfb6i_195";
-const shadowMedium = "_shadowMedium_wfb6i_199";
-const shadowStrong = "_shadowStrong_wfb6i_203";
-const shadowIntense = "_shadowIntense_wfb6i_207";
-const iconContainer = "_iconContainer_wfb6i_251";
-const togglePassword = "_togglePassword_wfb6i_277";
+const textArea = "_textArea_14dic_85";
+const primary = "_primary_14dic_104";
+const outline = "_outline_14dic_107";
+const secondary = "_secondary_14dic_113";
+const tertiary = "_tertiary_14dic_122";
+const quaternary = "_quaternary_14dic_131";
+const clear = "_clear_14dic_140";
+const success = "_success_14dic_149";
+const error = "_error_14dic_152";
+const warning = "_warning_14dic_155";
+const disabled = "_disabled_14dic_161";
+const textInput = "_textInput_14dic_167";
+const roundNone = "_roundNone_14dic_172";
+const roundSmall = "_roundSmall_14dic_176";
+const roundMedium = "_roundMedium_14dic_180";
+const roundLarge = "_roundLarge_14dic_184";
+const roundFull = "_roundFull_14dic_188";
+const shadowNone = "_shadowNone_14dic_192";
+const shadowLight = "_shadowLight_14dic_196";
+const shadowMedium = "_shadowMedium_14dic_200";
+const shadowStrong = "_shadowStrong_14dic_204";
+const shadowIntense = "_shadowIntense_14dic_208";
+const iconContainer = "_iconContainer_14dic_252";
+const togglePassword = "_togglePassword_14dic_278";
 const styles = {
   textArea,
   primary,
@@ -162,4 +162,4 @@ TextArea.displayName = "TextArea";
 export {
   TextArea as T
 };
-//# sourceMappingURL=TextArea-BDOiqHNv.js.map
+//# sourceMappingURL=TextArea-BHJx395o.js.map

package/dist/next/{TextArea-BDOiqHNv.js.map → TextArea-BHJx395o.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea-~~BDOiqHNv~~.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["outline","disabled"],"mappings":";;;;;AAUA,MAAM,eAAe;AAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAA,WAAU;AAAA,IACV,eAAe;AAAA,IACf;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,IAAI;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,SAAS,MAAA;AACf,UAAM,KAAK,UAAU;AAErB,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdD,YAAW,SAAS;AAAA,QACpBC,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOD,UAASC,WAAU,QAAQ,UAAU,SAAS;AAAA,IAAA;AAGzE,UAAM,gBAAgB,aAAa;AAEnC,UAAM,cAAc,iBAAiB;AAErC,UAAM,UAAU,UAAU;AAE1B,WACE,qBAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA,oBAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY;AAAA,UACZ,oBAAkB;AAAA,UAClB,gBAAc,WAAW;AAAA,UACzB,iBAAe,YAAY;AAAA,UAC3B,iBAAe,YAAY;AAAA,UAC3B,iBAAeA,aAAY;AAAA,UAC3B,cAAc,eAAe,OAAO;AAAA,UACpC,UAAU,CAAC,MAAM,qCAAW,EAAE,cAAc;AAAA,UAC5C;AAAA,UACA,UAAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnH3B,MAAM,WAAW;AAAA,EACf,CAAC,OAAO,QAAQ;AACd,+BAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;"}
1	+ {"version":3,"file":"TextArea-BHJx395o.js","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["outline","disabled"],"mappings":";;;;;AAUA,MAAM,eAAe;AAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAA,WAAU;AAAA,IACV,eAAe;AAAA,IACf;AAAA,IACA,QAAQ,gBAAA;AAAA,IACR,WAAW,mBAAA;AAAA,IACX,SAAS,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,IAAI;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,SAAS,MAAA;AACf,UAAM,KAAK,UAAU;AAErB,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAe;AAAA,MACnB,MACE;AAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdD,YAAW,SAAS;AAAA,QACpBC,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAAS,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQ,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOD,UAASC,WAAU,QAAQ,UAAU,SAAS;AAAA,IAAA;AAGzE,UAAM,gBAAgB,aAAa;AAEnC,UAAM,cAAc,iBAAiB;AAErC,UAAM,UAAU,UAAU;AAE1B,WACE,qBAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAA,oBAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY;AAAA,UACZ,oBAAkB;AAAA,UAClB,gBAAc,WAAW;AAAA,UACzB,iBAAe,YAAY;AAAA,UAC3B,iBAAe,YAAY;AAAA,UAC3B,iBAAeA,aAAY;AAAA,UAC3B,cAAc,eAAe,OAAO;AAAA,UACpC,UAAU,CAAC,MAAM,qCAAW,EAAE,cAAc;AAAA,UAC5C;AAAA,UACA,UAAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnH3B,MAAM,WAAW;AAAA,EACf,CAAC,OAAO,QAAQ;AACd,+BAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;"}

package/dist/next/{TextArea-uz-lx3iR.cjs → TextArea-Bux5Ojjs.cjs} RENAMED Viewed

@@ -104,30 +104,30 @@ const TextAreaBase = React.forwardRef(
   }
 );
 TextAreaBase.displayName = "TextAreaBase";
-const textArea = "_textArea_wfb6i_85";
-const primary = "_primary_wfb6i_103";
-const outline = "_outline_wfb6i_106";
-const secondary = "_secondary_wfb6i_112";
-const tertiary = "_tertiary_wfb6i_121";
-const quaternary = "_quaternary_wfb6i_130";
-const clear = "_clear_wfb6i_139";
-const success = "_success_wfb6i_148";
-const error = "_error_wfb6i_151";
-const warning = "_warning_wfb6i_154";
-const disabled = "_disabled_wfb6i_160";
-const textInput = "_textInput_wfb6i_166";
-const roundNone = "_roundNone_wfb6i_171";
-const roundSmall = "_roundSmall_wfb6i_175";
-const roundMedium = "_roundMedium_wfb6i_179";
-const roundLarge = "_roundLarge_wfb6i_183";
-const roundFull = "_roundFull_wfb6i_187";
-const shadowNone = "_shadowNone_wfb6i_191";
-const shadowLight = "_shadowLight_wfb6i_195";
-const shadowMedium = "_shadowMedium_wfb6i_199";
-const shadowStrong = "_shadowStrong_wfb6i_203";
-const shadowIntense = "_shadowIntense_wfb6i_207";
-const iconContainer = "_iconContainer_wfb6i_251";
-const togglePassword = "_togglePassword_wfb6i_277";
+const textArea = "_textArea_14dic_85";
+const primary = "_primary_14dic_104";
+const outline = "_outline_14dic_107";
+const secondary = "_secondary_14dic_113";
+const tertiary = "_tertiary_14dic_122";
+const quaternary = "_quaternary_14dic_131";
+const clear = "_clear_14dic_140";
+const success = "_success_14dic_149";
+const error = "_error_14dic_152";
+const warning = "_warning_14dic_155";
+const disabled = "_disabled_14dic_161";
+const textInput = "_textInput_14dic_167";
+const roundNone = "_roundNone_14dic_172";
+const roundSmall = "_roundSmall_14dic_176";
+const roundMedium = "_roundMedium_14dic_180";
+const roundLarge = "_roundLarge_14dic_184";
+const roundFull = "_roundFull_14dic_188";
+const shadowNone = "_shadowNone_14dic_192";
+const shadowLight = "_shadowLight_14dic_196";
+const shadowMedium = "_shadowMedium_14dic_200";
+const shadowStrong = "_shadowStrong_14dic_204";
+const shadowIntense = "_shadowIntense_14dic_208";
+const iconContainer = "_iconContainer_14dic_252";
+const togglePassword = "_togglePassword_14dic_278";
 const styles = {
   textArea,
   primary,
@@ -161,4 +161,4 @@ const TextArea = React.forwardRef(
 );
 TextArea.displayName = "TextArea";
 exports.TextArea = TextArea;
-//# sourceMappingURL=TextArea-uz-lx3iR.cjs.map
+//# sourceMappingURL=TextArea-Bux5Ojjs.cjs.map

package/dist/next/{TextArea-uz-lx3iR.cjs.map → TextArea-Bux5Ojjs.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea-~~uz-lx3iR~~.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea-Bux5Ojjs.cjs","sources":["../../src/components/TextArea/TextAreaBase.tsx","../../src/components/TextArea/next/TextArea.tsx"],"sourcesContent":["import { forwardRef, useId, useMemo } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { TextAreaProps } from \"./TextArea.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n getDefaultRounding,\r\n getDefaultShadow,\r\n getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst TextAreaBase = forwardRef<\r\n HTMLTextAreaElement,\r\n TextAreaProps & { classMap: Record<string, string> }\r\n>(\r\n (\r\n {\r\n icon: Icon,\r\n placeholder = \"Enter text\",\r\n readOnly = false,\r\n outline = false,\r\n autocomplete = false,\r\n onChange,\r\n theme = getDefaultTheme(),\r\n rounding = getDefaultRounding(),\r\n shadow = getDefaultShadow(),\r\n state = \"\",\r\n resizable = true,\r\n ariaLabel,\r\n ariaDescription,\r\n disabled = false,\r\n height,\r\n classMap,\r\n className = \"\",\r\n \"data-testid\": testId = \"text-area\",\r\n id: idProp,\r\n required,\r\n ...props\r\n },\r\n ref,\r\n ) => {\r\n const autoId = useId();\r\n const id = idProp \|\| autoId;\r\n\r\n const descriptionId = ariaDescription ? `${id}-description` : undefined;\r\n\r\n const wrapperClass = useMemo(\r\n () =>\r\n combineClassNames(\r\n classMap.textArea,\r\n classMap[theme],\r\n classMap[state],\r\n outline && classMap.outline,\r\n disabled && classMap.disabled,\r\n shadow && classMap[`shadow${capitalize(shadow)}`],\r\n rounding && classMap[`round${capitalize(rounding)}`],\r\n className,\r\n ),\r\n [classMap, theme, state, outline, disabled, shadow, rounding, className],\r\n );\r\n\r\n const computedLabel = ariaLabel \|\| placeholder;\r\n\r\n const describedBy = descriptionId \|\| undefined;\r\n\r\n const isError = state === \"error\";\r\n\r\n return (\r\n <div className={wrapperClass} data-testid={testId}>\r\n {Icon && (\r\n <div\r\n className={classMap.iconContainer}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-icon`}\r\n >\r\n <Icon aria-hidden=\"true\" />\r\n </div>\r\n )}\r\n\r\n <textarea\r\n ref={ref}\r\n id={id}\r\n placeholder={placeholder}\r\n aria-label={computedLabel}\r\n aria-describedby={describedBy}\r\n aria-invalid={isError \|\| undefined}\r\n aria-required={required \|\| undefined}\r\n aria-readonly={readOnly \|\| undefined}\r\n aria-disabled={disabled \|\| undefined}\r\n autoComplete={autocomplete ? \"on\" : \"off\"}\r\n onChange={(e) => onChange?.(e.currentTarget.value)}\r\n readOnly={readOnly}\r\n disabled={disabled}\r\n required={required}\r\n style={{\r\n height,\r\n resize: resizable ? undefined : \"none\",\r\n }}\r\n className={classMap.textInput}\r\n data-testid={`${testId}-input`}\r\n {...props}\r\n />\r\n\r\n <div\r\n className={classMap.customResizeHandle}\r\n aria-hidden=\"true\"\r\n data-testid={`${testId}-resize-handle`}\r\n />\r\n\r\n {ariaDescription && (\r\n <span\r\n id={descriptionId}\r\n className=\"sr_only\"\r\n data-testid={`${testId}-description`}\r\n >\r\n {ariaDescription}\r\n </span>\r\n )}\r\n </div>\r\n );\r\n },\r\n);\r\n\r\nTextAreaBase.displayName = \"TextAreaBase\";\r\n\r\nexport default TextAreaBase;\r\n","\"use client\";\r\n\r\nimport { forwardRef } from \"react\";\r\nimport TextAreaBase from \"../TextAreaBase\";\r\nimport type { TextAreaProps } from \"../TextArea.types\";\r\nimport styles from \"./TextArea.module.scss\";\r\n\r\nconst TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\r\n (props, ref) => {\r\n return <TextAreaBase {...props} ref={ref} classMap={styles} />;\r\n }\r\n);\r\n\r\nTextArea.displayName = \"TextArea\";\r\n\r\nexport default TextArea;\r\n"],"names":["forwardRef","outline","getDefaultTheme","getDefaultRounding","getDefaultShadow","disabled","useId","useMemo","combineClassNames","capitalize","jsxs","jsx"],"mappings":";;;;;;AAUA,MAAM,eAAeA,MAAAA;AAAAA,EAInB,CACE;AAAA,IACE,MAAM;AAAA,IACN,cAAc;AAAA,IACd,WAAW;AAAA,IACX,SAAAC,WAAU;AAAA,IACV,eAAe;AAAA,IACf;AAAA,IACA,QAAQC,kBAAAA,gBAAA;AAAA,IACR,WAAWC,kBAAAA,mBAAA;AAAA,IACX,SAASC,kBAAAA,iBAAA;AAAA,IACT,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAAC,YAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,eAAe,SAAS;AAAA,IACxB,IAAI;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,SAASC,MAAAA,MAAA;AACf,UAAM,KAAK,UAAU;AAErB,UAAM,gBAAgB,kBAAkB,GAAG,EAAE,iBAAiB;AAE9D,UAAM,eAAeC,MAAAA;AAAAA,MACnB,MACEC,WAAAA;AAAAA,QACE,SAAS;AAAA,QACT,SAAS,KAAK;AAAA,QACd,SAAS,KAAK;AAAA,QACdP,YAAW,SAAS;AAAA,QACpBI,aAAY,SAAS;AAAA,QACrB,UAAU,SAAS,SAASI,WAAAA,WAAW,MAAM,CAAC,EAAE;AAAA,QAChD,YAAY,SAAS,QAAQA,WAAAA,WAAW,QAAQ,CAAC,EAAE;AAAA,QACnD;AAAA,MAAA;AAAA,MAEJ,CAAC,UAAU,OAAO,OAAOR,UAASI,WAAU,QAAQ,UAAU,SAAS;AAAA,IAAA;AAGzE,UAAM,gBAAgB,aAAa;AAEnC,UAAM,cAAc,iBAAiB;AAErC,UAAM,UAAU,UAAU;AAE1B,WACEK,2BAAAA,KAAC,OAAA,EAAI,WAAW,cAAc,eAAa,QACxC,UAAA;AAAA,MAAA,QACCC,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,UAEtB,UAAAA,2BAAAA,IAAC,MAAA,EAAK,eAAY,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7BA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAY;AAAA,UACZ,oBAAkB;AAAA,UAClB,gBAAc,WAAW;AAAA,UACzB,iBAAe,YAAY;AAAA,UAC3B,iBAAe,YAAY;AAAA,UAC3B,iBAAeN,aAAY;AAAA,UAC3B,cAAc,eAAe,OAAO;AAAA,UACpC,UAAU,CAAC,MAAM,qCAAW,EAAE,cAAc;AAAA,UAC5C;AAAA,UACA,UAAAA;AAAA,UACA;AAAA,UACA,OAAO;AAAA,YACL;AAAA,YACA,QAAQ,YAAY,SAAY;AAAA,UAAA;AAAA,UAElC,WAAW,SAAS;AAAA,UACpB,eAAa,GAAG,MAAM;AAAA,UACrB,GAAG;AAAA,QAAA;AAAA,MAAA;AAAA,MAGNM,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,SAAS;AAAA,UACpB,eAAY;AAAA,UACZ,eAAa,GAAG,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvB,mBACCA,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAU;AAAA,UACV,eAAa,GAAG,MAAM;AAAA,UAErB,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GAEJ;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnH3B,MAAM,WAAWX,MAAAA;AAAAA,EACf,CAAC,OAAO,QAAQ;AACd,0CAAQ,cAAA,EAAc,GAAG,OAAO,KAAU,UAAU,QAAQ;AAAA,EAC9D;AACF;AAEA,SAAS,cAAc;;"}

package/dist/next/TextArea.cjs.js CHANGED Viewed

@@ -1,4 +1,4 @@
 "use strict";
-const TextArea = require("./TextArea-uz-lx3iR.cjs");
+const TextArea = require("./TextArea-Bux5Ojjs.cjs");
 module.exports = TextArea.TextArea;
 //# sourceMappingURL=TextArea.cjs.js.map

package/dist/next/TextArea.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { T } from "./TextArea-BDOiqHNv.js";
+import { T } from "./TextArea-BHJx395o.js";
 export {
   T as default
 };

package/dist/next/boreal-ui.css CHANGED Viewed

@@ -29144,133 +29144,134 @@ a:hover {
  * $breakpoints map:
  *  Use this map to loop over breakpoints or access named values.
  */
-._textArea_wfb6i_85 {
-  display: flex;
-  width: fit-content;
-  justify-content: center;
+._textArea_14dic_85 {
+  display: inline-flex;
+  justify-content: space-between;
   align-items: center;
+  width: fit-content;
+  margin: 8px;
   transition: 0.3s ease-in-out;
   background: transparent;
 }
 @media (width <= 479.98px) {
-  ._textArea_wfb6i_85 {
+  ._textArea_14dic_85 {
     width: 100%;
   }
 }
-._textArea_wfb6i_85:focus-within {
+._textArea_14dic_85:focus-within {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 3px;
   border-radius: 5px;
 }
-._textArea_wfb6i_85._primary_wfb6i_103 {
+._textArea_14dic_85._primary_14dic_104 {
   background-color: var(--primary-color);
 }
-._textArea_wfb6i_85._primary_wfb6i_103._outline_wfb6i_106 {
+._textArea_14dic_85._primary_14dic_104._outline_14dic_107 {
   background-color: transparent;
   color: var(--text-color-primary);
   box-shadow: none;
   border: 2px solid var(--primary-color);
 }
-._textArea_wfb6i_85._secondary_wfb6i_112 {
+._textArea_14dic_85._secondary_14dic_113 {
   background-color: var(--secondary-color);
 }
-._textArea_wfb6i_85._secondary_wfb6i_112._outline_wfb6i_106 {
+._textArea_14dic_85._secondary_14dic_113._outline_14dic_107 {
   background-color: transparent;
   color: var(--text-color-secondary);
   box-shadow: none;
   border: 2px solid var(--secondary-color);
 }
-._textArea_wfb6i_85._tertiary_wfb6i_121 {
+._textArea_14dic_85._tertiary_14dic_122 {
   background-color: var(--tertiary-color);
 }
-._textArea_wfb6i_85._tertiary_wfb6i_121._outline_wfb6i_106 {
+._textArea_14dic_85._tertiary_14dic_122._outline_14dic_107 {
   background-color: transparent;
   color: var(--text-color-primary);
   box-shadow: none;
   border: 2px solid var(--tertiary-color);
 }
-._textArea_wfb6i_85._quaternary_wfb6i_130 {
+._textArea_14dic_85._quaternary_14dic_131 {
   background-color: var(--quaternary-color);
 }
-._textArea_wfb6i_85._quaternary_wfb6i_130._outline_wfb6i_106 {
+._textArea_14dic_85._quaternary_14dic_131._outline_14dic_107 {
   background-color: transparent;
   color: var(--text-color-primary);
   box-shadow: none;
   border: 2px solid var(--quaternary-color);
 }
-._textArea_wfb6i_85._clear_wfb6i_139 {
+._textArea_14dic_85._clear_14dic_140 {
   background-color: transparent;
 }
-._textArea_wfb6i_85._clear_wfb6i_139._outline_wfb6i_106 {
+._textArea_14dic_85._clear_14dic_140._outline_14dic_107 {
   background-color: transparent;
   color: var(--text-color-primary);
   box-shadow: none;
   border: 2px solid var(--text-color-primary);
 }
-._textArea_wfb6i_85._success_wfb6i_148 {
+._textArea_14dic_85._success_14dic_149 {
   border: 2px solid var(--success-color);
 }
-._textArea_wfb6i_85._error_wfb6i_151 {
+._textArea_14dic_85._error_14dic_152 {
   border: 2px solid var(--error-color);
 }
-._textArea_wfb6i_85._warning_wfb6i_154 {
+._textArea_14dic_85._warning_14dic_155 {
   border: 2px solid var(--warning-color);
 }
-._textArea_wfb6i_85._clear_wfb6i_139 {
+._textArea_14dic_85._clear_14dic_140 {
   box-shadow: none;
 }
-._textArea_wfb6i_85._disabled_wfb6i_160 {
+._textArea_14dic_85._disabled_14dic_161 {
   opacity: 0.6;
   pointer-events: none;
   cursor: not-allowed;
   background-color: rgba(184, 184, 184, 0.8666666667);
 }
-._textArea_wfb6i_85._disabled_wfb6i_160 ._textInput_wfb6i_166 {
+._textArea_14dic_85._disabled_14dic_161 ._textInput_14dic_167 {
   background-color: transparent;
   color: var(--text-color-primary);
 }
-._roundNone_wfb6i_171 {
+._roundNone_14dic_172 {
   border-radius: var(--border-radius-none);
 }
-._roundSmall_wfb6i_175 {
+._roundSmall_14dic_176 {
   border-radius: var(--border-radius-sm);
 }
-._roundMedium_wfb6i_179 {
+._roundMedium_14dic_180 {
   border-radius: var(--border-radius-md);
 }
-._roundLarge_wfb6i_183 {
+._roundLarge_14dic_184 {
   border-radius: var(--border-radius-lg);
 }
-._roundFull_wfb6i_187 {
+._roundFull_14dic_188 {
   border-radius: var(--border-radius-full);
 }
-._shadowNone_wfb6i_191 {
+._shadowNone_14dic_192 {
   box-shadow: var(--box-shadow-none);
 }
-._shadowLight_wfb6i_195 {
+._shadowLight_14dic_196 {
   box-shadow: var(--box-shadow-light);
 }
-._shadowMedium_wfb6i_199 {
+._shadowMedium_14dic_200 {
   box-shadow: var(--box-shadow-medium);
 }
-._shadowStrong_wfb6i_203 {
+._shadowStrong_14dic_204 {
   box-shadow: var(--box-shadow-heavy);
 }
-._shadowIntense_wfb6i_207 {
+._shadowIntense_14dic_208 {
   box-shadow: var(--box-shadow-intense);
 }
-._textInput_wfb6i_166 {
+._textInput_14dic_167 {
   width: 100%;
   flex: 1;
   resize: vertical;
@@ -29286,31 +29287,31 @@ a:hover {
   min-height: 2.5em;
   line-height: 1.4;
 }
-._textInput_wfb6i_166::placeholder {
+._textInput_14dic_167::placeholder {
   color: var(--text-color-primary);
   opacity: 0.7;
 }
-._textInput_wfb6i_166:focus-visible {
+._textInput_14dic_167:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 2px;
   border-radius: 2.5px;
 }
 @media (width <= 319.98px) {
-  ._textInput_wfb6i_166 {
+  ._textInput_14dic_167 {
     font-size: 16.2px;
     padding: 4px;
     margin: 4px;
   }
 }
 @media (min-width: 1024px) {
-  ._textInput_wfb6i_166 {
+  ._textInput_14dic_167 {
     font-size: 18px;
     padding: 16px;
     margin: 8px;
   }
 }
-._iconContainer_wfb6i_251 {
+._iconContainer_14dic_252 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -29318,25 +29319,25 @@ a:hover {
   margin-top: -0.1em;
   margin-left: 0.5em;
 }
-._iconContainer_wfb6i_251 svg {
+._iconContainer_14dic_252 svg {
   width: 1em;
   height: 1em;
   color: var(--text-color-primary);
 }
 @media (width <= 319.98px) {
-  ._iconContainer_wfb6i_251 svg {
+  ._iconContainer_14dic_252 svg {
     width: 15px;
     height: 15px;
   }
 }
 @media (min-width: 1024px) {
-  ._iconContainer_wfb6i_251 svg {
+  ._iconContainer_14dic_252 svg {
     width: 1.1em;
     height: 1.1em;
   }
 }
-._togglePassword_wfb6i_277 {
+._togglePassword_14dic_278 {
   background: none;
   border: none;
   cursor: pointer;
@@ -29346,49 +29347,49 @@ a:hover {
   margin-right: 0.5em;
   color: inherit;
 }
-._togglePassword_wfb6i_277:focus-visible {
+._togglePassword_14dic_278:focus-visible {
   outline: 2px solid var(--focus-outline-color, var(--primary-color));
   outline-offset: 2px;
 }
-._togglePassword_wfb6i_277 svg {
+._togglePassword_14dic_278 svg {
   width: 1.5em;
   height: 1.5em;
 }
 @media (width <= 319.98px) {
-  ._togglePassword_wfb6i_277 svg {
+  ._togglePassword_14dic_278 svg {
     width: 18px;
     height: 18px;
   }
 }
 @media (width <= 319.98px) {
-  ._togglePassword_wfb6i_277 {
+  ._togglePassword_14dic_278 {
     margin-top: 4px;
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  ._textArea_wfb6i_85,
-  ._textArea_wfb6i_85 * {
+  ._textArea_14dic_85,
+  ._textArea_14dic_85 * {
     transition: none !important;
   }
 }
 @media (hover: none) {
-  ._textArea_wfb6i_85[class*=outline]:hover {
+  ._textArea_14dic_85[class*=outline]:hover {
     background-color: inherit;
   }
 }
 @media (forced-colors: active) {
-  ._textArea_wfb6i_85 {
+  ._textArea_14dic_85 {
     background: Canvas !important;
     color: CanvasText !important;
     border: 1px solid ButtonText !important;
   }
-  ._textInput_wfb6i_166 {
+  ._textInput_14dic_167 {
     background: Canvas !important;
     color: CanvasText !important;
   }
-  ._textInput_wfb6i_166:focus-visible,
-  ._textArea_wfb6i_85:focus-within {
+  ._textInput_14dic_167:focus-visible,
+  ._textArea_14dic_85:focus-within {
     outline: 2px solid Highlight !important;
     outline-offset: 2px !important;
   }

package/dist/next/index.cjs.js CHANGED Viewed

@@ -9,7 +9,7 @@ const Button = require("./Button-DPoX7ahh.cjs");
 const IconButton = require("./IconButton-aF7cTy19.cjs");
 const STT = require("./STT-GyAuX3-m.cjs");
 const TextInput = require("./TextInput-CKv7Umxo.cjs");
-const TextArea = require("./TextArea-uz-lx3iR.cjs");
+const TextArea = require("./TextArea-Bux5Ojjs.cjs");
 const Select = require("./Select-BDse5K69.cjs");
 const Footer = require("./Footer-2VxzlCzU.cjs");
 const FileUpload = require("./FileUpload-Cj99fQhe.cjs");

package/dist/next/index.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { B } from "./Button-DhH3Gy0J.js";
 import { I } from "./IconButton-Ct3YtlG9.js";
 import { S } from "./STT-CFFr1_Ls.js";
 import { T as T2 } from "./TextInput-D0zTOb7y.js";
-import { T as T3 } from "./TextArea-BDOiqHNv.js";
+import { T as T3 } from "./TextArea-BHJx395o.js";
 import { S as S2 } from "./Select-1sLV4ar_.js";
 import { F, U } from "./Footer-DMT3GtKq.js";
 import { F as F2 } from "./FileUpload-St2eEaTn.js";