@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.4

package/Textarea.js

@@ -1,147 +1,112 @@
+import { t as uuid } from "./uuid.js";
+import { n as AnalyticsId, r as FormOnColor, t as AVERAGE_CHARACTER_WIDTH_PX } from "./constants2.js";
+import { t as useIdWithFallback } from "./useIdWithFallback.js";
+import { t as getAriaDescribedBy } from "./accessibility.js";
+import { t as ErrorWrapper_default } from "./ErrorWrapper.js";
+import { r as renderLabel } from "./Label.js";
+import { t as MaxCharacters_default } from "./MaxCharacters.js";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import React__default, { useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { FormOnColor, AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX } from "./constants.js";
-import { useIdWithFallback } from "./hooks/useIdWithFallback.js";
-import { getAriaDescribedBy } from "./utils/accessibility.js";
-import { u as uuid } from "./uuid.js";
-import { E as ErrorWrapper } from "./ErrorWrapper.js";
-import { a as renderLabel } from "./Label.js";
-import { M as MaxCharacters } from "./MaxCharacters.js";
 import styles from "./components/Textarea/styles.module.scss";
-const getTextareaMaxWidth = (characters) => {
-  const paddingWidth = "2rem";
-  const scrollbarWidth = "16px";
-  const borderWidth = "4px";
-  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${scrollbarWidth} + ${borderWidth})`;
+var getTextareaMaxWidth = (characters) => {
+	return `calc(${characters * 12}px + 2rem + 16px + 4px)`;
 };
-const Textarea = React__default.forwardRef((props, ref) => {
-  const {
-    maxCharacters,
-    maxText,
-    width,
-    testId,
-    defaultValue,
-    marginBottom: gutterBottom,
-    transparent,
-    onColor = FormOnColor.onwhite,
-    label,
-    textareaId = uuid(),
-    minRows = 3,
-    maxRows = 10,
-    grow,
-    error,
-    errorText,
-    errorWrapperClassName,
-    autoFocus,
-    disabled,
-    name,
-    autoComplete = "off",
-    placeholder,
-    readOnly,
-    required,
-    onChange,
-    value,
-    ...rest
-  } = props;
-  const [rows, setRows] = useState(minRows);
-  const [textareaInput, setTextareaInput] = useState(value || defaultValue || "");
-  const referanse = useRef(null);
-  const errorTextUuid = useIdWithFallback(props.errorTextId);
-  useEffect(() => {
-    setTextareaInput(defaultValue || "");
-  }, [defaultValue]);
-  const resizeHeight = (target) => {
-    const textareaLineHeight = 28;
-    const previousRows = target.rows;
-    target.rows = minRows;
-    const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight);
-    if (currentRows === previousRows) {
-      target.rows = currentRows;
-    }
-    if (currentRows >= maxRows) {
-      target.rows = maxRows;
-      target.scrollTop = target.scrollHeight;
-    }
-    if (currentRows < maxRows) {
-      setRows(currentRows);
-    } else {
-      setRows(maxRows);
-    }
-  };
-  const onDark = onColor === FormOnColor.ondark;
-  const onBlueberry = onColor === FormOnColor.onblueberry;
-  const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;
-  const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;
-  const textareaWrapperClass = classNames(styles.textarea, {
-    [styles["textarea--gutterBottom"]]: gutterBottom
-  });
-  const contentWrapperClass = classNames(styles["input-container"], {
-    [styles["input-container--transparent"]]: transparent,
-    [styles["input-container--on-blueberry"]]: onBlueberry,
-    [styles["input-container--on-dark"]]: onDark,
-    [styles["input-container--invalid"]]: onError,
-    [styles["input-container--disabled"]]: props.disabled
-  });
-  const textareaClass = classNames(styles["input-container__input"], {
-    [styles[`input-container__input--disabled`]]: props.disabled
-  });
-  useEffect(() => {
-    var _a, _b, _c;
-    if (value) setTextareaInput(value);
-    if (grow && ((_a = referanse.current) == null ? void 0 : _a.children) && ((_b = referanse.current) == null ? void 0 : _b.children[0])) {
-      const textarea = (_c = referanse.current) == null ? void 0 : _c.children[0];
-      resizeHeight(textarea);
-    }
-  }, [value]);
-  const onChangeHandler = (e) => {
-    setTextareaInput(e.target.value);
-    if (onChange) {
-      onChange(e);
-    }
-    if (grow) {
-      resizeHeight(e.target);
-    }
-  };
-  const maxWidth = width ? getTextareaMaxWidth(width) : void 0;
-  return /* @__PURE__ */ jsx(ErrorWrapper, { className: errorWrapperClassName, errorText, errorTextId: errorTextUuid, children: /* @__PURE__ */ jsxs("div", { "data-testid": testId, "data-analyticsid": AnalyticsId.Textarea, className: textareaWrapperClass, children: [
-    renderLabel(label, textareaId, onColor),
-    /* @__PURE__ */ jsx("div", { className: contentWrapperClass, ref: referanse, style: { maxWidth }, children: /* @__PURE__ */ jsx(
-      "textarea",
-      {
-        ...rest,
-        rows,
-        defaultValue,
-        id: textareaId,
-        className: textareaClass,
-        ref,
-        "aria-describedby": getAriaDescribedBy(props, errorTextUuid),
-        "aria-invalid": !!onError,
-        autoFocus,
-        disabled,
-        name,
-        autoComplete: autoComplete ? autoComplete : void 0,
-        placeholder,
-        readOnly,
-        required,
-        onChange: onChangeHandler,
-        value
-      }
-    ) }),
-    maxCharacters && /* @__PURE__ */ jsx(
-      MaxCharacters,
-      {
-        maxCharacters,
-        length: textareaInput.toString().length,
-        maxText,
-        onColor,
-        maxWidth
-      }
-    )
-  ] }) });
+var Textarea = React.forwardRef((props, ref) => {
+	const { maxCharacters, maxText, width, testId, defaultValue, marginBottom: gutterBottom, transparent, onColor = FormOnColor.onwhite, label, textareaId = uuid(), minRows = 3, maxRows = 10, grow, error, errorText, errorWrapperClassName, autoFocus, disabled, name, autoComplete = "off", placeholder, readOnly, required, onChange, value,...rest } = props;
+	const [rows, setRows] = useState(minRows);
+	const [textareaInput, setTextareaInput] = useState(value || defaultValue || "");
+	const referanse = useRef(null);
+	const errorTextUuid = useIdWithFallback(props.errorTextId);
+	useEffect(() => {
+		setTextareaInput(defaultValue || "");
+	}, [defaultValue]);
+	const resizeHeight = (target) => {
+		const textareaLineHeight = 28;
+		const previousRows = target.rows;
+		target.rows = minRows;
+		const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight);
+		if (currentRows === previousRows) target.rows = currentRows;
+		if (currentRows >= maxRows) {
+			target.rows = maxRows;
+			target.scrollTop = target.scrollHeight;
+		}
+		if (currentRows < maxRows) setRows(currentRows);
+		else setRows(maxRows);
+	};
+	const onDark = onColor === FormOnColor.ondark;
+	const onBlueberry = onColor === FormOnColor.onblueberry;
+	const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;
+	const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;
+	const textareaWrapperClass = cn(styles.textarea, { [styles["textarea--gutterBottom"]]: gutterBottom });
+	const contentWrapperClass = cn(styles["input-container"], {
+		[styles["input-container--transparent"]]: transparent,
+		[styles["input-container--on-blueberry"]]: onBlueberry,
+		[styles["input-container--on-dark"]]: onDark,
+		[styles["input-container--invalid"]]: onError,
+		[styles["input-container--disabled"]]: props.disabled
+	});
+	const textareaClass = cn(styles["input-container__input"], { [styles[`input-container__input--disabled`]]: props.disabled });
+	useEffect(() => {
+		if (value) setTextareaInput(value);
+		if (grow && referanse.current?.children && referanse.current?.children[0]) {
+			const textarea = referanse.current?.children[0];
+			resizeHeight(textarea);
+		}
+	}, [value]);
+	const onChangeHandler = (e) => {
+		setTextareaInput(e.target.value);
+		if (onChange) onChange(e);
+		if (grow) resizeHeight(e.target);
+	};
+	const maxWidth = width ? getTextareaMaxWidth(width) : void 0;
+	return /* @__PURE__ */ jsx(ErrorWrapper_default, {
+		className: errorWrapperClassName,
+		errorText,
+		errorTextId: errorTextUuid,
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-testid": testId,
+			"data-analyticsid": AnalyticsId.Textarea,
+			className: textareaWrapperClass,
+			children: [
+				renderLabel(label, textareaId, onColor),
+				/* @__PURE__ */ jsx("div", {
+					className: contentWrapperClass,
+					ref: referanse,
+					style: { maxWidth },
+					children: /* @__PURE__ */ jsx("textarea", {
+						...rest,
+						rows,
+						defaultValue,
+						id: textareaId,
+						className: textareaClass,
+						ref,
+						"aria-describedby": getAriaDescribedBy(props, errorTextUuid),
+						"aria-invalid": !!onError,
+						autoFocus,
+						disabled,
+						name,
+						autoComplete: autoComplete ? autoComplete : void 0,
+						placeholder,
+						readOnly,
+						required,
+						onChange: onChangeHandler,
+						value
+					})
+				}),
+				maxCharacters && /* @__PURE__ */ jsx(MaxCharacters_default, {
+					maxCharacters,
+					length: textareaInput.toString().length,
+					maxText,
+					onColor,
+					maxWidth
+				})
+			]
+		})
+	});
 });
 Textarea.displayName = "Textarea";
-export {
-  Textarea as T
-};
-//# sourceMappingURL=Textarea.js.map
+var Textarea_default$1 = Textarea;
+export { Textarea_default$1 as t };
+
+//# sourceMappingURL=Textarea.js.map

package/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper, { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport { renderLabel } from '../Label';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n  extends ErrorWrapperClassNameProps,\n    Pick<\n      React.InputHTMLAttributes<HTMLTextAreaElement>,\n      | 'aria-describedby'\n      | 'autoFocus'\n      | 'disabled'\n      | 'name'\n      | 'autoComplete'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'defaultValue'\n      | 'onChange'\n      | 'value'\n    > {\n  /** max character limit in textarea  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n  /** Width of textarea in characters (approximate) */\n  width?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** If true, the component will have a bottom margin. */\n  marginBottom?: boolean;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Changes the visuals of the textarea */\n  onColor?: keyof typeof FormOnColor;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** id of the textarea */\n  textareaId?: string;\n  /** max rows */\n  maxRows?: number;\n  /** min rows */\n  minRows?: number;\n  /** auto-grows until maxRows */\n  grow?: boolean;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n}\n\nconst getTextareaMaxWidth = (characters: number): string => {\n  const paddingWidth = '2rem';\n  const scrollbarWidth = '16px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${scrollbarWidth} + ${borderWidth})`;\n};\n\nconst Textarea = React.forwardRef((props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) => {\n  const {\n    maxCharacters,\n    maxText,\n    width,\n    testId,\n    defaultValue,\n    marginBottom: gutterBottom,\n    transparent,\n    onColor = FormOnColor.onwhite,\n    label,\n    textareaId = uuid(),\n    minRows = 3,\n    maxRows = 10,\n    grow,\n    error,\n    errorText,\n    errorWrapperClassName,\n    autoFocus,\n    disabled,\n    name,\n    autoComplete = 'off',\n    placeholder,\n    readOnly,\n    required,\n    onChange,\n    value,\n    ...rest\n  } = props;\n\n  const [rows, setRows] = useState(minRows);\n  const [textareaInput, setTextareaInput] = useState(value || defaultValue || '');\n  const referanse = useRef<HTMLDivElement>(null);\n  const errorTextUuid = useIdWithFallback(props.errorTextId);\n\n  useEffect(() => {\n    setTextareaInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const resizeHeight = (target: HTMLTextAreaElement): void => {\n    const textareaLineHeight = 28;\n\n    const previousRows = target.rows;\n    target.rows = minRows; // reset number of rows in textarea\n\n    const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight); // scrollHeight - 16px of padding to calculate the rows\n\n    if (currentRows === previousRows) {\n      target.rows = currentRows;\n    }\n\n    if (currentRows >= maxRows) {\n      target.rows = maxRows;\n      target.scrollTop = target.scrollHeight;\n    }\n\n    if (currentRows < maxRows) {\n      setRows(currentRows);\n    } else {\n      setRows(maxRows);\n    }\n  };\n\n  const onDark = onColor === FormOnColor.ondark;\n  const onBlueberry = onColor === FormOnColor.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;\n  const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n\n  const textareaWrapperClass = cn(styles.textarea, {\n    [styles['textarea--gutterBottom']]: gutterBottom,\n  });\n\n  const contentWrapperClass = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: transparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--disabled']]: props.disabled,\n  });\n\n  const textareaClass = cn(styles['input-container__input'], {\n    [styles[`input-container__input--disabled`]]: props.disabled,\n  });\n\n  useEffect(() => {\n    if (value) setTextareaInput(value);\n\n    if (grow && referanse.current?.children && referanse.current?.children[0]) {\n      const textarea = referanse.current?.children[0] as HTMLTextAreaElement;\n      resizeHeight(textarea);\n    }\n  }, [value]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\n    setTextareaInput(e.target.value);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (grow) {\n      resizeHeight(e.target);\n    }\n  };\n\n  const maxWidth = width ? getTextareaMaxWidth(width) : undefined;\n\n  return (\n    <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Textarea} className={textareaWrapperClass}>\n        {renderLabel(label, textareaId, onColor as FormOnColor)}\n        <div className={contentWrapperClass} ref={referanse} style={{ maxWidth }}>\n          <textarea\n            {...rest}\n            rows={rows}\n            defaultValue={defaultValue}\n            id={textareaId}\n            className={textareaClass}\n            ref={ref}\n            aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n            aria-invalid={!!onError}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus}\n            disabled={disabled}\n            name={name}\n            autoComplete={autoComplete ? autoComplete : undefined}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            required={required}\n            onChange={onChangeHandler}\n            value={value}\n          />\n        </div>\n        {maxCharacters && (\n          <MaxCharacters\n            maxCharacters={maxCharacters}\n            length={textareaInput.toString().length}\n            maxText={maxText}\n            onColor={onColor}\n            maxWidth={maxWidth}\n          />\n        )}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n"],"names":["React","cn"],"mappings":"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"}
+{"version":3,"file":"Textarea.js","names":[],"sources":["../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper, { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport { renderLabel } from '../Label';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n  extends ErrorWrapperClassNameProps,\n    Pick<\n      React.InputHTMLAttributes<HTMLTextAreaElement>,\n      | 'aria-describedby'\n      | 'autoFocus'\n      | 'disabled'\n      | 'name'\n      | 'autoComplete'\n      | 'placeholder'\n      | 'readOnly'\n      | 'required'\n      | 'defaultValue'\n      | 'onChange'\n      | 'value'\n    > {\n  /** max character limit in textarea  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n  /** Width of textarea in characters (approximate) */\n  width?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** If true, the component will have a bottom margin. */\n  marginBottom?: boolean;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Changes the visuals of the textarea */\n  onColor?: keyof typeof FormOnColor;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** id of the textarea */\n  textareaId?: string;\n  /** max rows */\n  maxRows?: number;\n  /** min rows */\n  minRows?: number;\n  /** auto-grows until maxRows */\n  grow?: boolean;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n}\n\nconst getTextareaMaxWidth = (characters: number): string => {\n  const paddingWidth = '2rem';\n  const scrollbarWidth = '16px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${scrollbarWidth} + ${borderWidth})`;\n};\n\nconst Textarea = React.forwardRef((props: TextareaProps, ref: React.Ref<HTMLTextAreaElement>) => {\n  const {\n    maxCharacters,\n    maxText,\n    width,\n    testId,\n    defaultValue,\n    marginBottom: gutterBottom,\n    transparent,\n    onColor = FormOnColor.onwhite,\n    label,\n    textareaId = uuid(),\n    minRows = 3,\n    maxRows = 10,\n    grow,\n    error,\n    errorText,\n    errorWrapperClassName,\n    autoFocus,\n    disabled,\n    name,\n    autoComplete = 'off',\n    placeholder,\n    readOnly,\n    required,\n    onChange,\n    value,\n    ...rest\n  } = props;\n\n  const [rows, setRows] = useState(minRows);\n  const [textareaInput, setTextareaInput] = useState(value || defaultValue || '');\n  const referanse = useRef<HTMLDivElement>(null);\n  const errorTextUuid = useIdWithFallback(props.errorTextId);\n\n  useEffect(() => {\n    setTextareaInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const resizeHeight = (target: HTMLTextAreaElement): void => {\n    const textareaLineHeight = 28;\n\n    const previousRows = target.rows;\n    target.rows = minRows; // reset number of rows in textarea\n\n    const currentRows = Math.floor((target.scrollHeight - 16) / textareaLineHeight); // scrollHeight - 16px of padding to calculate the rows\n\n    if (currentRows === previousRows) {\n      target.rows = currentRows;\n    }\n\n    if (currentRows >= maxRows) {\n      target.rows = maxRows;\n      target.scrollTop = target.scrollHeight;\n    }\n\n    if (currentRows < maxRows) {\n      setRows(currentRows);\n    } else {\n      setRows(maxRows);\n    }\n  };\n\n  const onDark = onColor === FormOnColor.ondark;\n  const onBlueberry = onColor === FormOnColor.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && textareaInput.toString().length > maxCharacters;\n  const onError = onColor === FormOnColor.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n\n  const textareaWrapperClass = cn(styles.textarea, {\n    [styles['textarea--gutterBottom']]: gutterBottom,\n  });\n\n  const contentWrapperClass = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: transparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--disabled']]: props.disabled,\n  });\n\n  const textareaClass = cn(styles['input-container__input'], {\n    [styles[`input-container__input--disabled`]]: props.disabled,\n  });\n\n  useEffect(() => {\n    if (value) setTextareaInput(value);\n\n    if (grow && referanse.current?.children && referanse.current?.children[0]) {\n      const textarea = referanse.current?.children[0] as HTMLTextAreaElement;\n      resizeHeight(textarea);\n    }\n  }, [value]);\n\n  const onChangeHandler = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\n    setTextareaInput(e.target.value);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    if (grow) {\n      resizeHeight(e.target);\n    }\n  };\n\n  const maxWidth = width ? getTextareaMaxWidth(width) : undefined;\n\n  return (\n    <ErrorWrapper className={errorWrapperClassName} errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Textarea} className={textareaWrapperClass}>\n        {renderLabel(label, textareaId, onColor as FormOnColor)}\n        <div className={contentWrapperClass} ref={referanse} style={{ maxWidth }}>\n          <textarea\n            {...rest}\n            rows={rows}\n            defaultValue={defaultValue}\n            id={textareaId}\n            className={textareaClass}\n            ref={ref}\n            aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n            aria-invalid={!!onError}\n            // eslint-disable-next-line jsx-a11y/no-autofocus\n            autoFocus={autoFocus}\n            disabled={disabled}\n            name={name}\n            autoComplete={autoComplete ? autoComplete : undefined}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            required={required}\n            onChange={onChangeHandler}\n            value={value}\n          />\n        </div>\n        {maxCharacters && (\n          <MaxCharacters\n            maxCharacters={maxCharacters}\n            length={textareaInput.toString().length}\n            maxText={maxText}\n            onColor={onColor}\n            maxWidth={maxWidth}\n          />\n        )}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nTextarea.displayName = 'Textarea';\n\nexport default Textarea;\n","import Textarea from './Textarea';\nexport * from './Textarea';\nexport default Textarea;\n"],"mappings":"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"}

package/Title.js

@@ -1,32 +1,38 @@
+import { n as AnalyticsId } from "./constants2.js";
+import React from "react";
+import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
-import React__default from "react";
-import classNames from "classnames";
-import { AnalyticsId } from "./constants.js";
 import titleStyles from "./components/Title/styles.module.scss";
-const Title = React__default.forwardRef(function TitleForwardedRef(props, ref) {
-  const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId } = props;
-  const titleClasses = classNames(
-    titleStyles.title,
-    {
-      [titleStyles["title--feature"]]: appearance === "titleFeature",
-      [titleStyles["title--title1"]]: appearance === "title1",
-      [titleStyles["title--title2"]]: appearance === "title2",
-      [titleStyles["title--title3"]]: appearance === "title3",
-      [titleStyles["title--title4"]]: appearance === "title4",
-      [titleStyles["title--title5"]]: appearance === "title5",
-      [titleStyles["title--title6"]]: appearance === "title6"
-    },
-    className
-  );
-  const CustomTag = htmlMarkup;
-  const inlineStyle = instanceOfTitleMargin(margin) ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` } : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };
-  return /* @__PURE__ */ jsx(CustomTag, { id, className: titleClasses, style: inlineStyle, ref, "data-testid": testId, "data-analyticsid": AnalyticsId.Title, children });
+const Title = React.forwardRef(function TitleForwardedRef(props, ref) {
+	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId } = props;
+	return /* @__PURE__ */ jsx(htmlMarkup, {
+		id,
+		className: cn(titleStyles.title, {
+			[titleStyles["title--feature"]]: appearance === "titleFeature",
+			[titleStyles["title--title1"]]: appearance === "title1",
+			[titleStyles["title--title2"]]: appearance === "title2",
+			[titleStyles["title--title3"]]: appearance === "title3",
+			[titleStyles["title--title4"]]: appearance === "title4",
+			[titleStyles["title--title5"]]: appearance === "title5",
+			[titleStyles["title--title6"]]: appearance === "title6"
+		}, className),
+		style: instanceOfTitleMargin(margin) ? {
+			marginTop: `${margin.marginTop}rem`,
+			marginBottom: `${margin.marginBottom}rem`
+		} : {
+			marginTop: `${margin}rem`,
+			marginBottom: `${margin}rem`
+		},
+		ref,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Title,
+		children
+	});
 });
 const instanceOfTitleMargin = (margin) => {
-  return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
+	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
 };
-export {
-  Title as T,
-  instanceOfTitleMargin as i
-};
-//# sourceMappingURL=Title.js.map
+var Title_default = Title;
+export { Title_default as n, instanceOfTitleMargin as r, Title as t };
+
+//# sourceMappingURL=Title.js.map

package/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Title = React.forwardRef(function TitleForwardedRef(props: TitleProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n      [titleStyles['title--title6']]: appearance === 'title6',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag id={id} className={titleClasses} style={inlineStyle} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Title}>\n      {children}\n    </CustomTag>\n  );\n});\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n\nexport default Title;\n"],"names":["React"],"mappings":";;;;;AA2BO,MAAM,QAAQA,eAAM,WAAW,SAAS,kBAAkB,OAAmB,KAA6C;AAC/H,QAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,OAAA,IAAW;AAClG,QAAM,eAAe;AAAA,IACnB,YAAY;AAAA,IACZ;AAAA,MACE,CAAC,YAAY,gBAAgB,CAAC,GAAG,eAAe;AAAA,MAChD,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,MAC/C,CAAC,YAAY,eAAe,CAAC,GAAG,eAAe;AAAA,IAAA;AAAA,IAEjD;AAAA,EAAA;AAEF,QAAM,YAAY;AAElB,QAAM,cAAc,sBAAsB,MAAM,IAC5C,EAAE,WAAW,GAAG,OAAO,SAAS,OAAO,cAAc,GAAG,OAAO,YAAY,MAAA,IAC3E,EAAE,WAAW,GAAG,MAAM,OAAO,cAAc,GAAG,MAAM,MAAA;AAExD,SACE,oBAAC,WAAA,EAAU,IAAQ,WAAW,cAAc,OAAO,aAAa,KAAU,eAAa,QAAQ,oBAAkB,YAAY,OAC1H,UACH;AAEJ,CAAC;AAOM,MAAM,wBAAwB,CAAC,WAA2C;AAC/E,SAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,WAAW,KAAK,OAAO,UAAU,eAAe,KAAK,QAAQ,cAAc;AACjI;"}
+{"version":3,"file":"Title.js","names":[],"sources":["../src/components/Title/Title.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId } from '../../constants';\n\nimport titleStyles from './styles.module.scss';\n\nexport type TitleTags = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';\nexport type TitleAppearances = 'titleFeature' | 'title1' | 'title2' | 'title3' | 'title4' | 'title5' | 'title6';\n\nexport interface TitleProps {\n  children: React.ReactNode;\n  /** Gives a unique id to the title */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Adds top and bottom margin in rem. */\n  margin?: number | TitleMargin;\n  /** Changes the underlying element of the title. */\n  htmlMarkup?: TitleTags;\n  /** Changes the appearance of the title. */\n  appearance?: TitleAppearances;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Title = React.forwardRef(function TitleForwardedRef(props: TitleProps, ref: React.ForwardedRef<HTMLHeadingElement>) {\n  const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId } = props;\n  const titleClasses = classNames(\n    titleStyles.title,\n    {\n      [titleStyles['title--feature']]: appearance === 'titleFeature',\n      [titleStyles['title--title1']]: appearance === 'title1',\n      [titleStyles['title--title2']]: appearance === 'title2',\n      [titleStyles['title--title3']]: appearance === 'title3',\n      [titleStyles['title--title4']]: appearance === 'title4',\n      [titleStyles['title--title5']]: appearance === 'title5',\n      [titleStyles['title--title6']]: appearance === 'title6',\n    },\n    className\n  );\n  const CustomTag = htmlMarkup;\n\n  const inlineStyle = instanceOfTitleMargin(margin)\n    ? { marginTop: `${margin.marginTop}rem`, marginBottom: `${margin.marginBottom}rem` }\n    : { marginTop: `${margin}rem`, marginBottom: `${margin}rem` };\n\n  return (\n    <CustomTag id={id} className={titleClasses} style={inlineStyle} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Title}>\n      {children}\n    </CustomTag>\n  );\n});\n\nexport interface TitleMargin {\n  marginTop: number;\n  marginBottom: number;\n}\n\nexport const instanceOfTitleMargin = (margin: unknown): margin is TitleMargin => {\n  return Object.prototype.hasOwnProperty.call(margin, 'marginTop') && Object.prototype.hasOwnProperty.call(margin, 'marginBottom');\n};\n\nexport default Title;\n"],"mappings":";;;;;AA2BA,MAAa,QAAQ,MAAM,WAAW,SAAS,kBAAkB,OAAmB,KAA6C;CAC/H,MAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,WAAW;AAoBlG,QACE,oBAPgB,YAOf;EAAc;EAAI,WApBA,GACnB,YAAY,OACZ;IACG,YAAY,oBAAoB,eAAe;IAC/C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;IAC9C,YAAY,mBAAmB,eAAe;GAChD,EACD,UACD;EAQ6C,OAL1B,sBAAsB,OAAO,GAC7C;GAAE,WAAW,GAAG,OAAO,UAAU;GAAM,cAAc,GAAG,OAAO,aAAa;GAAM,GAClF;GAAE,WAAW,GAAG,OAAO;GAAM,cAAc,GAAG,OAAO;GAAM;EAGQ;EAAK,eAAa;EAAQ,oBAAkB,YAAY;EAC1H;GACS;EAEd;AAOF,MAAa,yBAAyB,WAA2C;AAC/E,QAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,IAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,eAAe;;AAGlI,IAAA,gBAAe"}

package/Title2.js

@@ -0,0 +1,5 @@
+import { n as Title_default } from "./Title.js";
+var Title_default$1 = Title_default;
+export { Title_default$1 as t };
+
+//# sourceMappingURL=Title2.js.map

package/Title2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title2.js","names":[],"sources":["../src/components/Title/index.ts"],"sourcesContent":["import Title from './Title';\nexport * from './Title';\nexport default Title;\n"],"mappings":";AAEA,IAAA,kBAAe"}

package/Toast.js

@@ -0,0 +1,46 @@
+import { a as IconSize } from "./constants2.js";
+import { t as Icon_default } from "./Icon.js";
+import { t as CheckFill_default } from "./CheckFill.js";
+import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
+import { t as Close_default } from "./Close.js";
+import React from "react";
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Toast/styles.module.scss";
+var Toast = ({ testId, title, message, onClose }) => {
+	const isMobile = useIsMobileBreakpoint();
+	const handleClose = () => {
+		if (onClose) onClose();
+	};
+	return /* @__PURE__ */ jsxs("output", {
+		className: styles["toast"],
+		"data-testid": testId,
+		children: [
+			/* @__PURE__ */ jsx(Icon_default, {
+				size: isMobile ? IconSize.XSmall : IconSize.Small,
+				svgIcon: CheckFill_default,
+				className: cn(styles["toast__icon"], styles["toast__icon--check"])
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: styles["toast__text-container"],
+				children: [/* @__PURE__ */ jsx("span", {
+					className: styles["toast__title"],
+					children: title
+				}), message && /* @__PURE__ */ jsx("span", {
+					className: styles["toast__description"],
+					children: message
+				})]
+			}),
+			/* @__PURE__ */ jsx(Close_default, {
+				onClick: handleClose,
+				color: "black",
+				className: cn(styles["toast__icon"], styles["toast__icon--close"]),
+				testId: `${testId}-close`
+			})
+		]
+	});
+};
+var Toast_default = Toast;
+export { Toast_default as t };
+
+//# sourceMappingURL=Toast.js.map

package/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["Toast: React.FC<ToastProps>"],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { useIsMobileBreakpoint } from '../../hooks/useIsMobileBreakpoint';\nimport Close from '../Close';\nimport Icon, { IconSize } from '../Icon';\nimport CheckFill from '../Icons/CheckFill';\n\nimport styles from './styles.module.scss';\n\nexport interface ToastProps {\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** The title to display in the toast */\n  title: string;\n  /** The message to display in the toast */\n  message?: string;\n  /** Callback when toast is closed */\n  onClose?: () => void;\n}\n\nconst Toast: React.FC<ToastProps> = ({ testId, title, message, onClose }) => {\n  const isMobile = useIsMobileBreakpoint();\n\n  const handleClose = (): void => {\n    if (onClose) {\n      onClose();\n    }\n  };\n\n  return (\n    <output className={styles['toast']} data-testid={testId}>\n      <Icon\n        size={isMobile ? IconSize.XSmall : IconSize.Small}\n        svgIcon={CheckFill}\n        className={classNames(styles['toast__icon'], styles['toast__icon--check'])}\n      />\n      <div className={styles['toast__text-container']}>\n        <span className={styles['toast__title']}>{title}</span>\n        {message && <span className={styles['toast__description']}>{message}</span>}\n      </div>\n      <Close\n        onClick={handleClose}\n        color=\"black\"\n        className={classNames(styles['toast__icon'], styles['toast__icon--close'])}\n        testId={`${testId}-close`}\n      />\n    </output>\n  );\n};\n\nexport default Toast;\n"],"mappings":";;;;;;;;;AAsBA,IAAMA,SAA+B,EAAE,QAAQ,OAAO,SAAS,cAAc;CAC3E,MAAM,WAAW,uBAAuB;CAExC,MAAM,oBAA0B;AAC9B,MAAI,QACF,UAAS;;AAIb,QACE,qBAAC,UAAA;EAAO,WAAW,OAAO;EAAU,eAAa;;GAC/C,oBAAC,cAAA;IACC,MAAM,WAAW,SAAS,SAAS,SAAS;IAC5C,SAAS;IACT,WAAW,GAAW,OAAO,gBAAgB,OAAO,sBAAsB;KAC1E;GACF,qBAAC,OAAA;IAAI,WAAW,OAAO;eACrB,oBAAC,QAAA;KAAK,WAAW,OAAO;eAAkB;MAAa,EACtD,WAAW,oBAAC,QAAA;KAAK,WAAW,OAAO;eAAwB;MAAe,CAAA;KACvE;GACN,oBAAC,eAAA;IACC,SAAS;IACT,OAAM;IACN,WAAW,GAAW,OAAO,gBAAgB,OAAO,sBAAsB;IAC1E,QAAQ,GAAG,OAAO;KAClB;;GACK;;AAIb,IAAA,gBAAe"}

package/TriangleX.js

@@ -0,0 +1,33 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var TriangleX = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7 19 33.712H5L24 7Zm-5.792 17.951a1.185 1.185 0 1 1 1.676-1.675l4.01 4.01 3.895-3.895a1.19 1.19 0 0 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.185 1.185 0 0 1-1.675 1.675l-4.387-4.386-4.503 4.502a1.19 1.19 0 0 1-1.683-1.683l4.503-4.502-4.01-4.011Z",
+			clipRule: "evenodd"
+		}) }),
+		normalHover: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7 19 33.712H5L24 7Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.676l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.184 1.184 0 1 1-1.676 1.676l-2.563-2.564-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.563Z",
+			clipRule: "evenodd"
+		}) }),
+		xSmall: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7.5 19 33.712H5L24 7.5Zm-5.792 17.95a1.185 1.185 0 0 1 1.676-1.676l4.01 4.01 3.895-3.894a1.19 1.19 0 1 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.184 1.184 0 1 1-1.675 1.675l-4.387-4.387-4.502 4.502a1.19 1.19 0 1 1-1.683-1.683l4.502-4.502-4.01-4.01Z",
+			clipRule: "evenodd"
+		}) }),
+		xSmallHover: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "m24 7.5 19 33.712H5L24 7.5Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.675l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.185 1.185 0 0 1-1.676 1.675l-2.563-2.563-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.564Z",
+			clipRule: "evenodd"
+		}) })
+	});
+};
+var TriangleX_default = TriangleX;
+export { TriangleX_default as t };
+
+//# sourceMappingURL=TriangleX.js.map

package/TriangleX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleX.js","names":["TriangleX: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/TriangleX.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst TriangleX: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7 19 33.712H5L24 7Zm-5.792 17.951a1.185 1.185 0 1 1 1.676-1.675l4.01 4.01 3.895-3.895a1.19 1.19 0 0 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.185 1.185 0 0 1-1.675 1.675l-4.387-4.386-4.503 4.502a1.19 1.19 0 0 1-1.683-1.683l4.503-4.502-4.01-4.011Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const normalHover = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7 19 33.712H5L24 7Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.676l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.184 1.184 0 1 1-1.676 1.676l-2.563-2.564-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.563Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const xSmall = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7.5 19 33.712H5L24 7.5Zm-5.792 17.95a1.185 1.185 0 0 1 1.676-1.676l4.01 4.01 3.895-3.894a1.19 1.19 0 1 1 1.683 1.683l-3.895 3.895 4.387 4.387a1.184 1.184 0 1 1-1.675 1.675l-4.387-4.387-4.502 4.502a1.19 1.19 0 1 1-1.683-1.683l4.502-4.502-4.01-4.01Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  const xSmallHover = (\n    <>\n      <path\n        fillRule=\"evenodd\"\n        d=\"m24 7.5 19 33.712H5L24 7.5Zm-4.243 19.433a1.185 1.185 0 0 1 1.676-1.675l2.563 2.564 2.564-2.564a1.19 1.19 0 0 1 1.683 1.683l-2.564 2.564 2.564 2.563a1.185 1.185 0 0 1-1.676 1.675l-2.563-2.563-2.564 2.564a1.19 1.19 0 1 1-1.683-1.683l2.564-2.564-2.564-2.564Z\"\n        clipRule=\"evenodd\"\n      />\n    </>\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default TriangleX;\n"],"mappings":";;;AAIA,IAAMA,aAAqC,EAAE,MAAM,gBAAkD;AAyCnG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAvChC,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAiCqC,aA7BxC,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAuBkD,QAnBrD,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAa0D,aAT7D,oBAAA,UAAA,EAAA,UACE,oBAAC,QAAA;GACC,UAAS;GACT,GAAE;GACF,UAAS;IACT,EAAA,CACD;EAGuE,CAAC;;AAG/E,IAAA,oBAAe"}

package/Undo.js

@@ -0,0 +1,37 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var Undo = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113"
+		}),
+		normalHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958"
+		}),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29"
+		}),
+		xxSmall: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862"
+		}),
+		xxSmallHover: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			d: "M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758"
+		})
+	});
+};
+var Undo_default = Undo;
+export { Undo_default as t };
+
+//# sourceMappingURL=Undo.js.map

package/Undo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Undo.js","names":["Undo: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/Undo.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Undo: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M37.976 24.195c0 7.782-6.331 14.112-14.113 14.112-6.675 0-12.49-4.74-13.825-11.27l1.273-.26c1.213 5.928 6.492 10.23 12.552 10.23 7.065 0 12.813-5.747 12.813-12.812 0-7.065-5.748-12.813-12.813-12.813-3.885 0-7.554 1.796-9.977 4.812h4.92v1.299H11.97l-.337-7.12 1.299-.061.223 4.72c2.669-3.11 6.578-4.95 10.707-4.95 7.782 0 14.113 6.33 14.113 14.113\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M34.02 34.213a14.132 14.132 0 01-10.002 4.125 14.03 14.03 0 01-7.743-2.317l.716-1.085c5.049 3.333 11.823 2.644 16.11-1.642 4.995-4.996 4.995-13.124 0-18.12-4.996-4.995-13.124-4.994-18.12 0-2.747 2.747-4.071 6.611-3.653 10.457l3.479-3.479.919.92-4.833 4.832-5.272-4.796.875-.962 3.496 3.181c-.313-4.087 1.15-8.153 4.07-11.072 5.502-5.502 14.455-5.503 19.958 0 5.502 5.502 5.502 14.456 0 19.958\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M38.21 24.195c0 7.911-6.436 14.347-14.347 14.347-6.784 0-12.696-4.82-14.055-11.457l1.732-.355c1.192 5.82 6.374 10.043 12.323 10.043 6.936 0 12.579-5.642 12.579-12.578 0-6.936-5.643-12.579-12.579-12.579-3.65 0-7.109 1.61-9.486 4.342h4.428v1.77h-7.058l-.346-7.343 1.766-.085.195 4.13a14.384 14.384 0 0110.501-4.582c7.911 0 14.347 6.436 14.347 14.347\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M34.186 34.38a14.37 14.37 0 01-10.169 4.192c-2.73 0-5.474-.772-7.87-2.355l.973-1.475c4.957 3.271 11.608 2.593 15.815-1.613 4.905-4.905 4.905-12.885 0-17.788-4.903-4.905-12.884-4.905-17.788 0-2.581 2.58-3.888 6.165-3.637 9.777l3.13-3.132 1.251 1.252-4.99 4.99-5.438-4.947 1.19-1.307 3.058 2.781a14.382 14.382 0 014.186-10.665c5.593-5.593 14.695-5.594 20.289 0 5.593 5.594 5.593 14.695 0 20.29\"\n    />\n  );\n\n  const xxSmall = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M38.726 24.194c0 8.196-6.668 14.864-14.864 14.864-7.028 0-13.152-4.992-14.56-11.87l2.744-.56c1.14 5.578 6.11 9.628 11.816 9.628 6.652 0 12.064-5.41 12.064-12.062 0-6.652-5.412-12.062-12.064-12.062-3.1 0-6.05 1.218-8.272 3.312h5.248v2.802h-9.516l-.004-9.89h2.802v4.624a14.893 14.893 0 0 1 9.742-3.648c8.196 0 14.864 6.666 14.864 14.862\"\n    ></path>\n  );\n\n  const xxSmallHover = (\n    <path\n      fillRule={'evenodd'}\n      d=\"M32.733 36.266a14.834 14.834 0 0 1-8.726 2.824 14.835 14.835 0 0 1-10.028-3.876l1.89-2.066c4.198 3.844 10.6 4.204 15.22.852 5.382-3.906 6.584-11.464 2.678-16.848a11.986 11.986 0 0 0-7.87-4.826c-3.184-.51-6.37.258-8.978 2.15-2.51 1.822-4.184 4.54-4.75 7.54l4.248-3.082 1.644 2.266-7.702 5.59-5.812-8.002 2.266-1.646 2.718 3.744a14.89 14.89 0 0 1 5.744-8.676c6.63-4.816 15.944-3.336 20.756 3.298 4.814 6.634 3.334 15.944-3.298 20.758\"\n    ></path>\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default Undo;\n"],"mappings":";;;AAIA,IAAMA,QAAgC,EAAE,MAAM,gBAAkD;AA2C9F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAzChC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAsCsC,aAlCxC,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EA+BmD,QA3BrD,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAwB2D,aApB7D,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACF;EAiBwE,SAb1E,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACI;EAU2E,cANnF,oBAAC,QAAA;GACC,UAAU;GACV,GAAE;IACI;EAGyF,CAAC;;AAGtG,IAAA,eAAe"}

package/VerticalDots.js

@@ -0,0 +1,17 @@
+import { r as getIcon } from "./Icon.js";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var VerticalDots = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", { d: "M23.5 16.934c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9z" }),
+		normalHover: /* @__PURE__ */ jsx("path", { d: "M23.5 14.408c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.991c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.992c1.045 0 1.9-.856 1.9-1.9 0-1.046-.855-1.9-1.9-1.9s-1.9.854-1.9 1.9c0 1.044.855 1.9 1.9 1.9z" }),
+		xSmall: /* @__PURE__ */ jsx("path", { d: "M24 17.936c1.32 0 2.4-1.081 2.4-2.401 0-1.321-1.08-2.4-2.4-2.4-1.32 0-2.4 1.079-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.401 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.4 0-1.322-1.08-2.402-2.4-2.402-1.32 0-2.4 1.08-2.4 2.401 0 1.32 1.08 2.4 2.4 2.4z" }),
+		xSmallHover: /* @__PURE__ */ jsx("path", { d: "M24 15.41c1.32 0 2.4-1.082 2.4-2.401 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401zm0 10.99c1.32 0 2.4-1.08 2.4-2.4 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 10.992c1.32 0 2.4-1.08 2.4-2.4 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401z" })
+	});
+};
+var VerticalDots_default = VerticalDots;
+export { VerticalDots_default as t };
+
+//# sourceMappingURL=VerticalDots.js.map

package/VerticalDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalDots.js","names":["VerticalDots: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/VerticalDots.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst VerticalDots: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M23.5 16.934c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 8.465c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M23.5 14.408c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.991c1.045 0 1.9-.855 1.9-1.9s-.855-1.9-1.9-1.9-1.9.855-1.9 1.9.855 1.9 1.9 1.9zm0 10.992c1.045 0 1.9-.856 1.9-1.9 0-1.046-.855-1.9-1.9-1.9s-1.9.854-1.9 1.9c0 1.044.855 1.9 1.9 1.9z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M24 17.936c1.32 0 2.4-1.081 2.4-2.401 0-1.321-1.08-2.4-2.4-2.4-1.32 0-2.4 1.079-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.401 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 8.465c1.32 0 2.4-1.081 2.4-2.4 0-1.322-1.08-2.402-2.4-2.402-1.32 0-2.4 1.08-2.4 2.401 0 1.32 1.08 2.4 2.4 2.4z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M24 15.41c1.32 0 2.4-1.082 2.4-2.401 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401zm0 10.99c1.32 0 2.4-1.08 2.4-2.4 0-1.32-1.08-2.4-2.4-2.4-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.4 2.4 2.4zm0 10.992c1.32 0 2.4-1.08 2.4-2.4 0-1.321-1.08-2.401-2.4-2.401-1.32 0-2.4 1.08-2.4 2.4 0 1.32 1.08 2.401 2.4 2.401z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default VerticalDots;\n"],"mappings":";;;AAIA,IAAMA,gBAAwC,EAAE,MAAM,gBAAkD;AAiBtG,QAAO,QAAQ;EAAE;EAAM;EAAW,QAfhC,oBAAC,QAAA,EAAK,GAAE,oQAAA,CAAqQ;EAerO,aAXxC,oBAAC,QAAA,EAAK,GAAE,sRAAA,CAAuR;EAW1O,QAPrD,oBAAC,QAAA,EAAK,GAAE,iVAAA,CAAkV;EAO7R,aAH7D,oBAAC,QAAA,EAAK,GAAE,sVAAA,CAAuV;EAGrR,CAAC;;AAG/E,IAAA,uBAAe"}