npm - @helsenorge/designsystem-react - Versions diffs - 13.5.0 → 14.0.0-beta.0 - Mend

@helsenorge/designsystem-react 13.5.0 → 14.0.0-beta.0

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 (2561) hide show

package/lib/TableHeadCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeadCell.js","names":["TableHeadCell: React.FC<Props>"],"sources":["../src/components/Table/TableHeadCell/TableHeadCell.tsx","../src/components/Table/TableHeadCell/index.ts"],"sourcesContent":["import ~~React from 'react';\n\nimport~~ classNames from 'classnames';\n\nimport Icon, { IconSize } from '../../Icon';\nimport ArrowDown from '../../Icons/ArrowDown';\nimport ArrowUp from '../../Icons/ArrowUp';\nimport ~~tableStyles from '../styles.module.scss';\nimport~~ { ModeType } from '../~~Table~~';\~~n\nexport~~ ~~enum~~ ~~SortDirection~~ ~~{\n asc =~~ '~~asc~~',\n ~~desc = 'desc',\n}~~\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'th'>, 'style'> {\n /** Sets if column for head cell should be sortable/\n sortable?: boolean;\n /* Sort direction /\n sortDir?: SortDirection;\n /* Function that is called when clicked /\n onClick?: () => void;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the content of the td element. /\n children?: React.ReactNode;\n /* For display with less space. Discouraged to use together with interactive elements. /\n mode?: ModeType;\n}\n\nexport const TableHeadCell: React.FC<Props> = ({\n sortable,\n onClick,\n className,\n children,\n sortDir,\n mode = ModeType.normal,\n scope = 'col',\n ...rest\n}) => {\n const tableHeadCellDefaultClass = classNames(tableStyles['table__head-cell'], className, {\n [tableStyles['table__head-cell--compact']]: mode === ModeType.compact,\n });\n\n if (!sortable && !children) {\n return <td className={tableHeadCellDefaultClass}></td>;\n }\n\n if (!sortable) {\n return (\n <th scope={scope} className={tableHeadCellDefaultClass} {...rest}>\n {children}\n </th>\n );\n }\n\n const sortableClasses = classNames(tableHeadCellDefaultClass, tableStyles['table__head-cell--sortable'], className);\n\n const renderSortIcon = (): React.JSX.Element \| undefined =>\n sortDir && (\n <div className={tableStyles['table__head-cell-sort-icon-wrapper']}>\n <Icon svgIcon={sortDir == SortDirection.asc ? ArrowDown : ArrowUp} size={IconSize.XXSmall} />\n </div>\n );\n\n const getSortDirection = (): React.AriaAttributes['aria-sort'] => {\n switch (sortDir) {\n case SortDirection.asc:\n return 'ascending';\n case SortDirection.desc:\n return 'descending';\n }\n };\n\n return (\n <th scope={scope} className={sortableClasses} aria-sort={getSortDirection()} {...rest}>\n <button type=\"button\" onClick={onClick} className={tableStyles['table__sort-button']} aria-pressed={sortDir ? !!sortDir : undefined}>\n {renderSortIcon()}\n {children}\n </button>\n </th>\n );\n};\n\nexport default TableHeadCell;\n","import TableHeadCell from './TableHeadCell';\nexport from './TableHeadCell';\nexport default TableHeadCell;\n"],"mappings":"~~;;;;;;;;;AAUA~~,~~IAAY,gBAAA,yBAAA,iBAAL;AACL,iBAAA,SAAA;AACA,iBAAA,UAAA;;;AAkBF,~~MAAaA,iBAAkC,EAC7C,UACA,SACA,WACA,UACA,SACA,OAAO,SAAS,QAChB,QAAQ,OACR,GAAG,WACC;CACJ,MAAM,4BAA4B,GAAW,YAAY,qBAAqB,WAAW,GACtF,YAAY,+BAA+B,SAAS,SAAS,SAC/D,CAAC;AAEF,KAAI,CAAC,YAAY,CAAC,SAChB,QAAO,oBAAC,MAAA,EAAG,WAAW,2BAAA,CAAgC;AAGxD,KAAI,CAAC,SACH,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAA2B,GAAI;EACzD;GACE;CAIT,MAAM,kBAAkB,GAAW,2BAA2B,YAAY,+BAA+B,UAAU;CAEnH,MAAM,uBACJ,WACE,oBAAC,OAAA;EAAI,WAAW,YAAY;YAC1B,oBAAC,cAAA;GAAK,SAAS,WAAW,cAAc,MAAM,oBAAY;GAAS,MAAM,SAAS;IAAW;GACzF;CAGV,MAAM,yBAA4D;AAChE,UAAQ,SAAR;GACE,KAAK,cAAc,IACjB,QAAO;GACT,KAAK,cAAc,KACjB,QAAO;;;AAIb,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAAiB,aAAW,kBAAkB;EAAE,GAAI;YAC/E,qBAAC,UAAA;GAAO,MAAK;GAAkB;GAAS,WAAW,YAAY;GAAuB,gBAAc,UAAU,CAAC,CAAC,UAAU,KAAA;cACvH,gBAAgB,EAChB,SAAA;IACM;GACN;;~~AC9ET~~,IAAA,~~0BDkFe~~"}
1	+ {"version":3,"file":"TableHeadCell.js","names":["TableHeadCell: React.FC<Props>"],"sources":["../src/components/Table/TableHeadCell/TableHeadCell.tsx","../src/components/Table/TableHeadCell/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport Icon, { IconSize } from '../../Icon';\nimport ArrowDown from '../../Icons/ArrowDown';\nimport ArrowUp from '../../Icons/ArrowUp';\nimport { ModeType, SortDirection } from '../constants';\nimport tableStyles from '../styles.module.scss';\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'th'>, 'style'> {\n /** Sets if column for head cell should be sortable/\n sortable?: boolean;\n /* Sort direction /\n sortDir?: SortDirection;\n /* Function that is called when clicked /\n onClick?: () => void;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the content of the td element. /\n children?: React.ReactNode;\n /* For display with less space. Discouraged to use together with interactive elements. /\n mode?: ModeType;\n}\n\nexport const TableHeadCell: React.FC<Props> = ({\n sortable,\n onClick,\n className,\n children,\n sortDir,\n mode = ModeType.normal,\n scope = 'col',\n ...rest\n}) => {\n const tableHeadCellDefaultClass = classNames(tableStyles['table__head-cell'], className, {\n [tableStyles['table__head-cell--compact']]: mode === ModeType.compact,\n });\n\n if (!sortable && !children) {\n return <td className={tableHeadCellDefaultClass}></td>;\n }\n\n if (!sortable) {\n return (\n <th scope={scope} className={tableHeadCellDefaultClass} {...rest}>\n {children}\n </th>\n );\n }\n\n const sortableClasses = classNames(tableHeadCellDefaultClass, tableStyles['table__head-cell--sortable'], className);\n\n const renderSortIcon = (): React.JSX.Element \| undefined =>\n sortDir && (\n <div className={tableStyles['table__head-cell-sort-icon-wrapper']}>\n <Icon svgIcon={sortDir == SortDirection.asc ? ArrowDown : ArrowUp} size={IconSize.XXSmall} />\n </div>\n );\n\n const getSortDirection = (): React.AriaAttributes['aria-sort'] => {\n switch (sortDir) {\n case SortDirection.asc:\n return 'ascending';\n case SortDirection.desc:\n return 'descending';\n }\n };\n\n return (\n <th scope={scope} className={sortableClasses} aria-sort={getSortDirection()} {...rest}>\n <button type=\"button\" onClick={onClick} className={tableStyles['table__sort-button']} aria-pressed={sortDir ? !!sortDir : undefined}>\n {renderSortIcon()}\n {children}\n </button>\n </th>\n );\n};\n\nexport default TableHeadCell;\n","import TableHeadCell from './TableHeadCell';\nexport from './TableHeadCell';\nexport default TableHeadCell;\n"],"mappings":";;;;;;;;AAuBA,MAAaA,iBAAkC,EAC7C,UACA,SACA,WACA,UACA,SACA,OAAO,SAAS,QAChB,QAAQ,OACR,GAAG,WACC;CACJ,MAAM,4BAA4B,GAAW,YAAY,qBAAqB,WAAW,GACtF,YAAY,+BAA+B,SAAS,SAAS,SAC/D,CAAC;AAEF,KAAI,CAAC,YAAY,CAAC,SAChB,QAAO,oBAAC,MAAA,EAAG,WAAW,2BAAA,CAAgC;AAGxD,KAAI,CAAC,SACH,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAA2B,GAAI;EACzD;GACE;CAIT,MAAM,kBAAkB,GAAW,2BAA2B,YAAY,+BAA+B,UAAU;CAEnH,MAAM,uBACJ,WACE,oBAAC,OAAA;EAAI,WAAW,YAAY;YAC1B,oBAAC,cAAA;GAAK,SAAS,WAAW,cAAc,MAAM,oBAAY;GAAS,MAAM,SAAS;IAAW;GACzF;CAGV,MAAM,yBAA4D;AAChE,UAAQ,SAAR;GACE,KAAK,cAAc,IACjB,QAAO;GACT,KAAK,cAAc,KACjB,QAAO;;;AAIb,QACE,oBAAC,MAAA;EAAU;EAAO,WAAW;EAAiB,aAAW,kBAAkB;EAAE,GAAI;YAC/E,qBAAC,UAAA;GAAO,MAAK;GAAkB;GAAS,WAAW,YAAY;GAAuB,gBAAc,UAAU,CAAC,CAAC,UAAU,KAAA;cACvH,gBAAgB,EAChB,SAAA;IACM;GACN;;ACvET,IAAA,0BD2Ee"}

package/lib/TableRow.js CHANGED Viewed

@@ -2,8 +2,8 @@ import { t as Icon_default } from "./Icon.js";
 import { t as Button_default } from "./Button.js";
 import { t as ChevronDown_default } from "./ChevronDown.js";
 import { t as ChevronUp_default } from "./ChevronUp.js";
-import { t as ModeType } from "./Table.js";
-import React from "react";
+import { n as ModeType } from "./constants4.js";
+import { i as mapChildrenWithMode } from "./utils5.js";
 import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import tableStyles from "./components/Table/styles.module.scss";
@@ -31,7 +31,7 @@ const TableRow = ({ rowKey, hideDetailsText, showDetailsText, expandable, expand
 		className: cn(tableStyles["table-row"], { [tableStyles["table__row--expandable"]]: expandable }, className),
 		onClick,
 		...rest,
-		children: [React.Children.map(children, (child) => React.isValidElement(child) && React.cloneElement(child, { mode })), expandable && /* @__PURE__ */ jsx(TableExpanderCellMobile_default, {
+		children: [mapChildrenWithMode(children, mode), expandable && /* @__PURE__ */ jsx(TableExpanderCellMobile_default, {
 			expanded,
 			onClick,
 			hideDetailsText,

package/lib/TableRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.js","names":["TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps>","TableRow: React.FC<Props>"],"sources":["../src/components/Table/TableExpanderCell/TableExpanderCellMobile.tsx","../src/components/Table/TableRow/TableRow.tsx","../src/components/Table/TableRow/index.ts"],"sourcesContent":["import ~~React~~ from '~~react~~';\n\nimport ~~classNames~~ from '~~classnames~~';\n\nimport Button from '../../Button';\nimport Icon from '../../Icon';\nimport ChevronDown from '../../Icons/ChevronDown';\nimport ChevronUp from '../../Icons/ChevronUp';\nimport ~~tableStyles from '../styles.module.scss';\nimport~~ { ModeType } from '../~~Table~~';\nimport { ~~Props }~~ from '../~~TableRow/TableRow~~';\n\ntype TableExpanderCellMobileProps = Pick<Props, 'expanded' \| 'onClick' \| 'hideDetailsText' \| 'showDetailsText' \| 'mode'>;\n\nconst TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps> = ({\n expanded,\n onClick,\n hideDetailsText,\n showDetailsText,\n mode = ModeType.normal,\n}) => {\n const cellClass = classNames(tableStyles.table__cell, tableStyles['table__expander-cell-mobile'], {\n [tableStyles['table__expander-cell-mobile--expanded']]: expanded,\n [tableStyles['table__cell--compact']]: mode === ModeType.compact,\n });\n\n return (\n <td className={cellClass}>\n <Button aria-expanded={expanded} variant=\"borderless\" onClick={onClick}>\n <Icon svgIcon={expanded ? ChevronUp : ChevronDown} /> {expanded ? hideDetailsText : showDetailsText}\n </Button>\n </td>\n );\n};\n\nexport default TableExpanderCellMobile;\n","import ~~React~~ from '~~react~~';\n\nimport ~~classNames~~ from '~~classnames~~';\n\nimport tableStyles from '../styles.module.scss';\nimport { ~~ModeType }~~ from '../~~Table~~';\nimport ~~TableExpanderCellMobile~~ from '../~~TableExpanderCell/TableExpanderCellMobile~~';\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'tr'>, 'style'> {\n /** Sets if expanded row can be expanded /\n expandable?: boolean;\n /* Sets if expanded row is expanded /\n expanded?: boolean;\n /* When hide/show button for expanded row is clicked. /\n onClick?: () => void;\n /* Text for expanded row hide button. /\n hideDetailsText?: string;\n /* Text for expanded row show button. /\n showDetailsText?: string;\n /* Key attribute for row /\n rowKey?: string;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the cells of the table row element. /\n children?: React.ReactNode;\n /* For display with less space. Discouraged to use together with interactive elements. /\n mode?: ModeType;\n}\n\nexport const TableRow: React.FC<Props> = ({\n rowKey,\n hideDetailsText,\n showDetailsText,\n expandable,\n expanded,\n onClick,\n className,\n children,\n mode = ModeType.normal,\n ...rest\n}) => {\n const tableRowClass = classNames(\n tableStyles['table-row'],\n {\n [tableStyles['table__row--expandable']]: expandable,\n },\n className\n );\n\n return (\n <tr className={tableRowClass} onClick={onClick} key={rowKey} {...rest}>\n {~~React.Children.map~~(children, ~~child => React.isValidElement<{~~ mode~~?: ModeType }>(child~~) ~~&& React.cloneElement(child, { mode~~ }~~))}~~\n {expandable && (\n <TableExpanderCellMobile\n expanded={expanded}\n onClick={onClick}\n hideDetailsText={hideDetailsText}\n showDetailsText={showDetailsText}\n mode={mode}\n />\n )}\n </tr>\n );\n};\n\nexport default TableRow;\n","import TableRow from './TableRow';\nexport from './TableRow';\nexport default TableRow;\n"],"mappings":";;;;;;;;;~~AAcA~~,IAAMA,2BAAmE,EACvE,UACA,SACA,iBACA,iBACA,OAAO,SAAS,aACZ;AAMJ,QACE,oBAAC,MAAA;EAAG,WANY,GAAW,YAAY,aAAa,YAAY,gCAAgC;IAC/F,YAAY,2CAA2C;IACvD,YAAY,0BAA0B,SAAS,SAAS;GAC1D,CAAC;YAIE,qBAAC,gBAAA;GAAO,iBAAe;GAAU,SAAQ;GAAsB;;IAC7D,oBAAC,cAAA,EAAK,SAAS,WAAW,oBAAY,qBAAA,CAAe;;IAAE,WAAW,kBAAkB;;IAC7E;GACN;;AAIT,IAAA,kCAAe;ACNf,MAAaC,YAA6B,EACxC,QACA,iBACA,iBACA,YACA,UACA,SACA,WACA,UACA,OAAO,SAAS,QAChB,GAAG,WACC;AASJ,QACE,qBAAC,MAAA;EAAG,WATgB,GACpB,YAAY,cACZ,GACG,YAAY,4BAA4B,YAC1C,EACD,UACD;EAGwC;EAAsB,GAAI;aAC9D,~~MAAM~~,~~SAAS~~,~~IAAI~~,~~WAAU~~,~~UAAS,MAAM,eAAoC,MAAM,IAAI,MAAM,aAAa,OAAO,EAAE,MAAM,CAAC,CAAC,EAC9H,~~cACC,oBAAC,iCAAA;GACW;GACD;GACQ;GACA;GACX;IACN,CAAA;IAT+C,OAWhD;;~~AC3DT~~,IAAA,~~qBD+De~~"}
1	+ {"version":3,"file":"TableRow.js","names":["TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps>","TableRow: React.FC<Props>"],"sources":["../src/components/Table/TableExpanderCell/TableExpanderCellMobile.tsx","../src/components/Table/TableRow/TableRow.tsx","../src/components/Table/TableRow/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { Props } from '../TableRow/TableRow';\n\nimport Button from '../../Button';\nimport Icon from '../../Icon';\nimport ChevronDown from '../../Icons/ChevronDown';\nimport ChevronUp from '../../Icons/ChevronUp';\nimport { ModeType } from '../constants';\nimport tableStyles from '../styles.module.scss';\n\ntype TableExpanderCellMobileProps = Pick<Props, 'expanded' \| 'onClick' \| 'hideDetailsText' \| 'showDetailsText' \| 'mode'>;\n\nconst TableExpanderCellMobile: React.FC<TableExpanderCellMobileProps> = ({\n expanded,\n onClick,\n hideDetailsText,\n showDetailsText,\n mode = ModeType.normal,\n}) => {\n const cellClass = classNames(tableStyles.table__cell, tableStyles['table__expander-cell-mobile'], {\n [tableStyles['table__expander-cell-mobile--expanded']]: expanded,\n [tableStyles['table__cell--compact']]: mode === ModeType.compact,\n });\n\n return (\n <td className={cellClass}>\n <Button aria-expanded={expanded} variant=\"borderless\" onClick={onClick}>\n <Icon svgIcon={expanded ? ChevronUp : ChevronDown} /> {expanded ? hideDetailsText : showDetailsText}\n </Button>\n </td>\n );\n};\n\nexport default TableExpanderCellMobile;\n","import classNames from 'classnames';\n\nimport { ModeType } from '../constants';\nimport tableStyles from '../styles.module.scss';\nimport TableExpanderCellMobile from '../TableExpanderCell/TableExpanderCellMobile';\nimport { mapChildrenWithMode } from '../utils';\n\nexport interface Props extends Omit<React.ComponentPropsWithoutRef<'tr'>, 'style'> {\n /** Sets if expanded row can be expanded /\n expandable?: boolean;\n /* Sets if expanded row is expanded /\n expanded?: boolean;\n /* When hide/show button for expanded row is clicked. /\n onClick?: () => void;\n /* Text for expanded row hide button. /\n hideDetailsText?: string;\n /* Text for expanded row show button. /\n showDetailsText?: string;\n /* Key attribute for row /\n rowKey?: string;\n /* Adds custom classes to the element. /\n className?: string;\n /* Sets the cells of the table row element. /\n children?: React.ReactNode;\n /* For display with less space. Discouraged to use together with interactive elements. /\n mode?: ModeType;\n}\n\nexport const TableRow: React.FC<Props> = ({\n rowKey,\n hideDetailsText,\n showDetailsText,\n expandable,\n expanded,\n onClick,\n className,\n children,\n mode = ModeType.normal,\n ...rest\n}) => {\n const tableRowClass = classNames(\n tableStyles['table-row'],\n {\n [tableStyles['table__row--expandable']]: expandable,\n },\n className\n );\n\n return (\n <tr className={tableRowClass} onClick={onClick} key={rowKey} {...rest}>\n {mapChildrenWithMode(children, mode)}\n {expandable && (\n <TableExpanderCellMobile\n expanded={expanded}\n onClick={onClick}\n hideDetailsText={hideDetailsText}\n showDetailsText={showDetailsText}\n mode={mode}\n />\n )}\n </tr>\n );\n};\n\nexport default TableRow;\n","import TableRow from './TableRow';\nexport from './TableRow';\nexport default TableRow;\n"],"mappings":";;;;;;;;;AAaA,IAAMA,2BAAmE,EACvE,UACA,SACA,iBACA,iBACA,OAAO,SAAS,aACZ;AAMJ,QACE,oBAAC,MAAA;EAAG,WANY,GAAW,YAAY,aAAa,YAAY,gCAAgC;IAC/F,YAAY,2CAA2C;IACvD,YAAY,0BAA0B,SAAS,SAAS;GAC1D,CAAC;YAIE,qBAAC,gBAAA;GAAO,iBAAe;GAAU,SAAQ;GAAsB;;IAC7D,oBAAC,cAAA,EAAK,SAAS,WAAW,oBAAY,qBAAA,CAAe;;IAAE,WAAW,kBAAkB;;IAC7E;GACN;;AAIT,IAAA,kCAAe;ACNf,MAAaC,YAA6B,EACxC,QACA,iBACA,iBACA,YACA,UACA,SACA,WACA,UACA,OAAO,SAAS,QAChB,GAAG,WACC;AASJ,QACE,qBAAC,MAAA;EAAG,WATgB,GACpB,YAAY,cACZ,GACG,YAAY,4BAA4B,YAC1C,EACD,UACD;EAGwC;EAAsB,GAAI;aAC9D,oBAAoB,UAAU,KAAK,EACnC,cACC,oBAAC,iCAAA;GACW;GACD;GACQ;GACA;GACX;IACN,CAAA;IAT+C,OAWhD;;AC1DT,IAAA,qBD8De"}

package/lib/Textarea.js CHANGED Viewed

@@ -1,13 +1,13 @@
 import { t as uuid } from "./uuid.js";
 import { n as AnalyticsId, r as FormOnColor, s as LanguageLocales, t as AVERAGE_CHARACTER_WIDTH_PX } from "./constants2.js";
-import { r as useLanguage } from "./language.js";
+import { n as useLanguage } from "./useLanguage.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 { n as renderLabel } from "./utils2.js";
 import { t as MaxCharacters_default } from "./MaxCharacters.js";
-import React, { useEffect, useRef, useState } from "react";
 import cn from "classnames";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./components/Textarea/styles.module.scss";
 var HN_Designsystem_TextArea_en_GB_default = { characters: "characters" };
@@ -24,18 +24,16 @@ const getResources = (language) => {
 var getTextareaMaxWidth = (characters$3) => {
 	return `calc(${characters$3 * 12}px + 2rem + 16px + 4px)`;
 };
-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, errorTextId: errorTextIdProp, errorWrapperClassName, autoFocus, disabled, name, autoComplete = "off", placeholder, readOnly, required, onChange, value, resources, ...rest } = props;
+var Textarea = (props) => {
+	const { maxCharacters, width, testId, defaultValue, marginBottom: gutterBottom, transparent, onColor = FormOnColor.onwhite, label, textareaId = uuid(), minRows = 3, maxRows = 10, grow, error, errorText, errorTextId: errorTextIdProp, errorWrapperClassName, autoFocus, disabled, name, autoComplete = "off", placeholder, readOnly, required, onChange, value, resources, ref, ...rest } = props;
 	const [rows, setRows] = useState(minRows);
 	const [textareaInput, setTextareaInput] = useState(value || defaultValue || "");
 	const referanse = useRef(null);
 	const errorTextUuid = useIdWithFallback(errorTextIdProp);
 	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
-	const defaultResources = getResources(language);
 	const mergedResources = {
-		...defaultResources,
-		...resources,
-		characters: maxText || resources?.characters || defaultResources.characters
+		...getResources(language),
+		...resources
 	};
 	useEffect(() => {
 		setTextareaInput(defaultValue || "");
@@ -123,7 +121,7 @@ var Textarea = React.forwardRef((props, ref) => {
 			]
 		})
 	});
-});
+};
 Textarea.displayName = "Textarea";
 var Textarea_default$1 = Textarea;
 export { Textarea_default$1 as t };

package/lib/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","names":["mergedResources: HNDesignsystemTextArea"],"sources":["../src/resources/HN.Designsystem.TextArea.en-GB.json","../src/resources/HN.Designsystem.TextArea.nb-NO.json","../src/resources/HN.Designsystem.TextArea.nn-NO.json","../src/components/Textarea/resourceHelper.ts","../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.tsx"],"sourcesContent":["{\n \"characters\": \"characters\"\n}\n","{\n \"characters\": \"tegn\"\n}\n","{\n \"characters\": \"teikn\"\n}\n","import { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.TextArea.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.TextArea.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.TextArea.nn-NO.json';\nimport { HNDesignsystemTextArea } from '../../resources/Resources';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemTextArea => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN_NYNORSK:\n return nnNO;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import React, { useState, useRef, useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, LanguageLocales } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { HNDesignsystemTextArea } from '../../resources/Resources';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { useLanguage } from '../../utils/language';\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 /* @deprecated use resources instead. 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 /* Resources for component /\n resources?: Partial<HNDesignsystemTextArea>;\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 errorTextId: errorTextIdProp,\n errorWrapperClassName,\n autoFocus,\n disabled,\n name,\n autoComplete = 'off',\n placeholder,\n readOnly,\n required,\n onChange,\n value,\n resources,\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(errorTextIdProp);\n\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemTextArea = {\n ...defaultResources,\n ...resources,\n characters: maxText \|\| resources?.characters \|\| defaultResources.characters,\n };\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={mergedResources.characters}\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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"}
1	+ {"version":3,"file":"Textarea.js","names":["Textarea: React.FC<TextareaProps>","mergedResources: HNDesignsystemTextArea"],"sources":["../src/resources/HN.Designsystem.TextArea.en-GB.json","../src/resources/HN.Designsystem.TextArea.nb-NO.json","../src/resources/HN.Designsystem.TextArea.nn-NO.json","../src/components/Textarea/resourceHelper.ts","../src/components/Textarea/Textarea.tsx","../src/components/Textarea/index.ts"],"sourcesContent":["{\n \"characters\": \"characters\"\n}\n","{\n \"characters\": \"tegn\"\n}\n","{\n \"characters\": \"teikn\"\n}\n","import type { HNDesignsystemTextArea } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.TextArea.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.TextArea.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.TextArea.nn-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemTextArea => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN_NYNORSK:\n return nnNO;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import { useState, useRef, useEffect } from 'react';\n\nimport cn from 'classnames';\n\nimport type { HNDesignsystemTextArea } from '../../resources/Resources';\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX, FormOnColor, LanguageLocales } from '../../constants';\nimport { useIdWithFallback } from '../../hooks/useIdWithFallback';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { uuid } from '../../utils/uuid';\nimport ErrorWrapper from '../ErrorWrapper';\nimport { renderLabel } from '../Label/utils';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface TextareaProps\n extends\n 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 /* 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 /* Resources for component /\n resources?: Partial<HNDesignsystemTextArea>;\n /* Ref passed to the component /\n ref?: React.Ref<HTMLTextAreaElement \| null>;\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.FC<TextareaProps> = props => {\n const {\n maxCharacters,\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 errorTextId: errorTextIdProp,\n errorWrapperClassName,\n autoFocus,\n disabled,\n name,\n autoComplete = 'off',\n placeholder,\n readOnly,\n required,\n onChange,\n value,\n resources,\n ref,\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(errorTextIdProp);\n\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemTextArea = {\n ...defaultResources,\n ...resources,\n };\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={mergedResources.characters}\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/lib/Title.js CHANGED Viewed

@@ -1,10 +1,12 @@
 import { n as AnalyticsId } from "./constants2.js";
-import React from "react";
 import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
 import titleStyles from "./components/Title/styles.module.scss";
-const Title = React.forwardRef(function TitleForwardedRef(props, ref) {
-	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId } = props;
+const instanceOfTitleMargin = (margin) => {
+	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
+};
+const Title = (props) => {
+	const { id, children, className, htmlMarkup = "h1", appearance = "title1", margin = 0, testId, ref } = props;
 	return /* @__PURE__ */ jsx(htmlMarkup, {
 		id,
 		className: cn(titleStyles.title, {
@@ -28,9 +30,6 @@ const Title = React.forwardRef(function TitleForwardedRef(props, ref) {
 		"data-analyticsid": AnalyticsId.Title,
 		children
 	});
-});
-const instanceOfTitleMargin = (margin) => {
-	return Object.prototype.hasOwnProperty.call(margin, "marginTop") && Object.prototype.hasOwnProperty.call(margin, "marginBottom");
 };
 var Title_default = Title;
 export { Title_default as n, instanceOfTitleMargin as r, Title as t };

package/lib/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"Title.js","names":["Title: React.FC<TitleProps>"],"sources":["../src/components/Title/utils.ts","../src/components/Title/Title.tsx"],"sourcesContent":["import type { TitleMargin } from './Title';\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","import classNames from 'classnames';\n\nimport { instanceOfTitleMargin } from './utils';\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 /* Ref passed to the heading element */\n ref?: React.Ref<HTMLHeadingElement \| null>;\n}\n\nexport const Title: React.FC<TitleProps> = (props: TitleProps) => {\n const { id, children, className, htmlMarkup = 'h1', appearance = 'title1', margin = 0, testId, ref } = 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 default Title;\n"],"mappings":";;;;AAEA,MAAa,yBAAyB,WAA2C;AAC/E,QAAO,OAAO,UAAU,eAAe,KAAK,QAAQ,YAAY,IAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,eAAe;;ACyBlI,MAAaA,SAA+B,UAAsB;CAChE,MAAM,EAAE,IAAI,UAAU,WAAW,aAAa,MAAM,aAAa,UAAU,SAAS,GAAG,QAAQ,QAAQ;AAoBvG,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;;AAShB,IAAA,gBAAe"}

package/lib/Title2.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"Title2.js","names":[],"sources":["../src/components/Title/index.ts"],"sourcesContent":["import Title from './Title';\nexport { instanceOfTitleMargin } from './utils';\nexport * from './Title';\nexport default Title;\n"],"mappings":";AAGA,IAAA,kBAAe"}

package/lib/Toast.js CHANGED Viewed

@@ -3,7 +3,6 @@ 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";

package/lib/Toast.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"Toast.js","names":["Toast: React.FC<ToastProps>"],"sources":["../src/components/Toast/Toast.tsx"],"sourcesContent":["import 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":";;;;;;;;AAoBA,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/lib/TriangleX.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
+import { t as getIcon } from "./utils.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 var TriangleX = ({ size, isHovered }) => {
 	return getIcon({

package/lib/TriangleX.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"TriangleX.js","names":["TriangleX: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/TriangleX.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\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/lib/Undo.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
+import { t as getIcon } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 var Undo = ({ size, isHovered }) => {
 	return getIcon({

package/lib/Undo.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"Undo.js","names":["Undo: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/Undo.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\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/lib/VerticalDots.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
+import { t as getIcon } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 var VerticalDots = ({ size, isHovered }) => {
 	return getIcon({

package/lib/VerticalDots.js.map CHANGED Viewed

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"VerticalDots.js","names":["VerticalDots: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/VerticalDots.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\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"}

package/lib/X.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
+import { t as getIcon } from "./utils.js";
 import { jsx } from "react/jsx-runtime";
 var X = ({ size, isHovered }) => {
 	return getIcon({

package/lib/X.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"X.js","names":["X: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/X.tsx"],"sourcesContent":["import ~~React~~ from '~~react~~';\n\nimport { getIcon, ~~SvgPathProps~~ } from '../Icon';\n\nconst X: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path d=\"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z\" />\n );\n\n const normalHover = (\n <path d=\"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z\" />\n );\n\n const xSmall = (\n <path d=\"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z\" />\n );\n\n const xSmallHover = (\n <path d=\"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z\" />\n );\n\n const xxSmall = (\n <path d=\"M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996\" />\n );\n\n const xxSmallHover = (\n <path d=\"M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994\" />\n );\n\n return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default X;\n"],"mappings":"~~;;;~~AAIA,IAAMA,KAA6B,EAAE,MAAM,gBAAkD;AAyB3F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAvBhC,oBAAC,QAAA,EAAK,GAAE,oJAAA,CAAqJ;EAuBrH,aAnBxC,oBAAC,QAAA,EAAK,GAAE,sJAAA,CAAuJ;EAmB1G,QAfrD,oBAAC,QAAA,EAAK,GAAE,6JAAA,CAA8J;EAezG,aAX7D,oBAAC,QAAA,EAAK,GAAE,wJAAA,CAAyJ;EAWvF,SAP1E,oBAAC,QAAA,EAAK,GAAE,oMAAA,CAAqM;EAO1H,cAHnF,oBAAC,QAAA,EAAK,GAAE,gMAAA,CAAiM;EAGxG,CAAC;;AAGtG,IAAA,YAAe"}
1	+ {"version":3,"file":"X.js","names":["X: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/X.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\n\nconst X: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n const normal = (\n <path d=\"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z\" />\n );\n\n const normalHover = (\n <path d=\"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z\" />\n );\n\n const xSmall = (\n <path d=\"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z\" />\n );\n\n const xSmallHover = (\n <path d=\"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z\" />\n );\n\n const xxSmall = (\n <path d=\"M36.3746 13.6056 34.3946 11.6256 24.0006 22.0196 13.6066 11.6256 11.6266 13.6056 22.0206 23.9996 11.6266 34.3936 13.6066 36.3736 24.0006 25.9796 34.3946 36.3736 36.3746 34.3936 25.9806 23.9996\" />\n );\n\n const xxSmallHover = (\n <path d=\"M39.0362 10.9454 37.0562 8.9654 24.0002 22.0194 10.9442 8.9654 8.9642 10.9454 22.0202 23.9994 8.9642 37.0554 10.9442 39.0354 24.0002 25.9814 37.0562 39.0354 39.0362 37.0554 25.9802 23.9994\" />\n );\n\n return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default X;\n"],"mappings":";;AAIA,IAAMA,KAA6B,EAAE,MAAM,gBAAkD;AAyB3F,QAAO,QAAQ;EAAE;EAAM;EAAW,QAvBhC,oBAAC,QAAA,EAAK,GAAE,oJAAA,CAAqJ;EAuBrH,aAnBxC,oBAAC,QAAA,EAAK,GAAE,sJAAA,CAAuJ;EAmB1G,QAfrD,oBAAC,QAAA,EAAK,GAAE,6JAAA,CAA8J;EAezG,aAX7D,oBAAC,QAAA,EAAK,GAAE,wJAAA,CAAyJ;EAWvF,SAP1E,oBAAC,QAAA,EAAK,GAAE,oMAAA,CAAqM;EAO1H,cAHnF,oBAAC,QAAA,EAAK,GAAE,gMAAA,CAAiM;EAGxG,CAAC;;AAGtG,IAAA,YAAe"}

package/lib/__mocks__/matchMedia.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import { vi } from "vitest";
 const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({
 	matches: true,
-	addListener: vi.fn(),
 	addEventListener: vi.fn(),
 	removeEventListener: vi.fn()
 }));

package/lib/__mocks__/matchMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"matchMedia.js","names":[],"sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi } from 'vitest';\n\nexport const mockWindowMatchMedia = vi.fn().mockImplementation(() => ({\n matches: true,\n ~~addListener: vi.fn(),\n~~ addEventListener: vi.fn(),\n removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: mockWindowMatchMedia,\n});\n"],"mappings":";AAEA,~~MAAa~~,~~uBAAuB~~,GAAG,IAAI,CAAC,0BAA0B;~~CACpE~~,SAAS;CACT,~~aAAa,GAAG,IAAI;CACpB,~~kBAAkB,GAAG,IAAI;CACzB,qBAAqB,GAAG,IAAI;CAC7B,EAAE;AAEH,OAAO,eAAe,QAAQ,cAAc;CAC1C,UAAU;CACV,OAAO;CACR,CAAC"}
1	+ {"version":3,"file":"matchMedia.js","names":["mockWindowMatchMedia: Mock"],"sources":["../../src/__mocks__/matchMedia.ts"],"sourcesContent":["import { vi, type Mock } from 'vitest';\n\nexport const mockWindowMatchMedia: Mock = vi.fn().mockImplementation(() => ({\n matches: true,\n addEventListener: vi.fn(),\n removeEventListener: vi.fn(),\n}));\n\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: mockWindowMatchMedia,\n});\n"],"mappings":";AAEA,MAAaA,uBAA6B,GAAG,IAAI,CAAC,0BAA0B;CAC1E,SAAS;CACT,kBAAkB,GAAG,IAAI;CACzB,qBAAqB,GAAG,IAAI;CAC7B,EAAE;AAEH,OAAO,eAAe,QAAQ,cAAc;CAC1C,UAAU;CACV,OAAO;CACR,CAAC"}

package/lib/__mocks__/uuid.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import { r as uuid_exports } from "../uuid.js";
-import "../environment.js";
 var testId = { id: 0 };
 vi.spyOn(uuid_exports, "uuid").mockImplementation(() => {
 	testId.id++;

package/lib/__mocks__/uuid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uuid.js","names":[],"sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n id: 0,\n};\n\n/*\n Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n testId.id++;\n return `testid-${testId.id}`;\n});\n"],"mappings":";;AAEA,IAAM,SAAS,EACb,IAAI,GACL;AAKD,GAAG,MAAM,cAAW,OAAO,CAAC,yBAAyB;AACnD,QAAO;AACP,QAAO,UAAU,OAAO;EACxB"}
1	+ {"version":3,"file":"uuid.js","names":[],"sources":["../../src/__mocks__/uuid.ts"],"sourcesContent":["import * as uuidUtils from '../utils/uuid';\n\nconst testId = {\n id: 0,\n};\n\n/*\n Returnerer en unik, forutsigbar id hver gang uuid() kalles\n */\nvi.spyOn(uuidUtils, 'uuid').mockImplementation(() => {\n testId.id++;\n return `testid-${testId.id}`;\n});\n"],"mappings":";AAEA,IAAM,SAAS,EACb,IAAI,GACL;AAKD,GAAG,MAAM,cAAW,OAAO,CAAC,yBAAyB;AACnD,QAAO;AACP,QAAO,UAAU,OAAO;EACxB"}

package/lib/accessibility.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accessibility.js","names":["ariaDescribedBy: string \| undefined","hasErrorText: boolean","errorTextId: string \| undefined"],"sources":["../src/utils/accessibility.ts"],"sourcesContent":["import { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n label?: string;\n id?: string;\n fallbackId?: string;\n prefer?: 'id' \| 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' \| 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes \| undefined => {\n const { label, id, fallbackId, prefer = 'id' } = config;\n\n if (id && prefer === 'id') {\n return {\n 'aria-labelledby': id,\n };\n }\n\n if (label) {\n return {\n 'aria-label': label,\n };\n }\n\n if (id) {\n return {\n 'aria-labelledby': id,\n };\n }\n\n if (fallbackId) {\n return {\n 'aria-labelledby': fallbackId,\n };\n }\n};\n\nexport interface ErrorAriaProps {\n error?: boolean;\n 'aria-describedby'?: string;\n errorText?: string;\n errorTextId?: string;\n}\n\n/*\n Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string \| undefined => {\n const ariaDescribedBy: string \| undefined = props['aria-describedby'];\n const hasErrorText: boolean = !!(props.errorText \|\| (props.error && props.errorTextId));\n const errorTextId: string \| undefined = hasErrorText ? errorTextUuid : undefined;\n\n if (ariaDescribedBy && !errorTextId) {\n return ariaDescribedBy;\n } else if (!ariaDescribedBy && errorTextId) {\n return errorTextId;\n } else if (ariaDescribedBy && errorTextId) {\n return ariaDescribedBy + ' ' + errorTextId;\n }\n};\n"],"mappings":"AAWA,MAAa,0BAA0B,WAAuE;CAC5G,MAAM,EAAE,OAAO,IAAI,YAAY,SAAS,SAAS;AAEjD,KAAI,MAAM,WAAW,KACnB,QAAO,EACL,mBAAmB,IACpB;AAGH,KAAI,MACF,QAAO,EACL,cAAc,OACf;AAGH,KAAI,GACF,QAAO,EACL,mBAAmB,IACpB;AAGH,KAAI,WACF,QAAO,EACL,mBAAmB,YACpB;;AAiBL,MAAa,sBAAsB,OAAuB,kBAA8C;CACtG,MAAMA,kBAAsC,MAAM;CAElD,MAAME,cADwB,CAAC,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM,eACnB,gBAAgB,KAAA;AAEvE,KAAI,mBAAmB,CAAC,YACtB,QAAO;UACE,CAAC,mBAAmB,YAC7B,QAAO;UACE,mBAAmB,YAC5B,QAAO,kBAAkB,MAAM"}
1	+ {"version":3,"file":"accessibility.js","names":["ariaDescribedBy: string \| undefined","hasErrorText: boolean","errorTextId: string \| undefined"],"sources":["../src/utils/accessibility.ts"],"sourcesContent":["import type { AriaAttributes } from 'react';\n\ninterface AriaLabelAttributesConfig {\n label?: string;\n id?: string;\n fallbackId?: string;\n prefer?: 'id' \| 'label';\n}\n\nexport type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' \| 'aria-labelledby'>;\n\nexport const getAriaLabelAttributes = (config: AriaLabelAttributesConfig): AriaLabelAttributes \| undefined => {\n const { label, id, fallbackId, prefer = 'id' } = config;\n\n if (id && prefer === 'id') {\n return {\n 'aria-labelledby': id,\n };\n }\n\n if (label) {\n return {\n 'aria-label': label,\n };\n }\n\n if (id) {\n return {\n 'aria-labelledby': id,\n };\n }\n\n if (fallbackId) {\n return {\n 'aria-labelledby': fallbackId,\n };\n }\n};\n\nexport interface ErrorAriaProps {\n error?: boolean;\n 'aria-describedby'?: string;\n errorText?: string;\n errorTextId?: string;\n}\n\n/*\n Get IDs to be used with aria-describedby in form components like <Input />\n * @param props Props from form component\n * @param errorTextUuid Unique ID of the form component's error text\n * @returns Element IDs or undefined if there is no aria-description\n */\nexport const getAriaDescribedBy = (props: ErrorAriaProps, errorTextUuid: string): string \| undefined => {\n const ariaDescribedBy: string \| undefined = props['aria-describedby'];\n const hasErrorText: boolean = !!(props.errorText \|\| (props.error && props.errorTextId));\n const errorTextId: string \| undefined = hasErrorText ? errorTextUuid : undefined;\n\n if (ariaDescribedBy && !errorTextId) {\n return ariaDescribedBy;\n } else if (!ariaDescribedBy && errorTextId) {\n return errorTextId;\n } else if (ariaDescribedBy && errorTextId) {\n return ariaDescribedBy + ' ' + errorTextId;\n }\n};\n"],"mappings":"AAWA,MAAa,0BAA0B,WAAuE;CAC5G,MAAM,EAAE,OAAO,IAAI,YAAY,SAAS,SAAS;AAEjD,KAAI,MAAM,WAAW,KACnB,QAAO,EACL,mBAAmB,IACpB;AAGH,KAAI,MACF,QAAO,EACL,cAAc,OACf;AAGH,KAAI,GACF,QAAO,EACL,mBAAmB,IACpB;AAGH,KAAI,WACF,QAAO,EACL,mBAAmB,YACpB;;AAiBL,MAAa,sBAAsB,OAAuB,kBAA8C;CACtG,MAAMA,kBAAsC,MAAM;CAElD,MAAME,cADwB,CAAC,EAAE,MAAM,aAAc,MAAM,SAAS,MAAM,eACnB,gBAAgB,KAAA;AAEvE,KAAI,mBAAmB,CAAC,YACtB,QAAO;UACE,CAAC,mBAAmB,YAC7B,QAAO;UACE,mBAAmB,YAC5B,QAAO,kBAAkB,MAAM"}

package/lib/color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color.js","names":[],"sources":["../src/theme/currys/color.ts"],"sourcesContent":["import { ~~theme~~ } from '..';\nimport { ~~PaletteNames,~~ ~~PaletteDepths~~ } from '~~../palette~~';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n if (name === 'black' \|\| name === 'white') {\n return theme.palette[name];\n }\n if (depth) {\n return theme.palette[`${name}${depth}`];\n }\n\n return '';\n};\n\nexport const getHoverColor = (color: PaletteNames \| 'white' \| 'black') => `${getColor(color, 700)}0D`;\n"],"mappings":";~~AAGA~~,MAAa,YAAY,MAAoB,UAAkC;AAC7E,KAAI,SAAS,WAAW,SAAS,QAC/B,QAAO,MAAM,QAAQ;AAEvB,KAAI,MACF,QAAO,MAAM,QAAQ,GAAG,OAAO;AAGjC,QAAO;;AAGT,MAAa,iBAAiB,UAA4C,GAAG,SAAS,OAAO,IAAI,CAAC"}
1	+ {"version":3,"file":"color.js","names":[],"sources":["../src/theme/currys/color.ts"],"sourcesContent":["import type { PaletteNames, PaletteDepths } from '../palette';\n\nimport { theme } from '..';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n if (name === 'black' \|\| name === 'white') {\n return theme.palette[name];\n }\n if (depth) {\n return theme.palette[`${name}${depth}`];\n }\n\n return '';\n};\n\nexport const getHoverColor = (color: PaletteNames \| 'white' \| 'black') => `${getColor(color, 700)}0D`;\n"],"mappings":";AAIA,MAAa,YAAY,MAAoB,UAAkC;AAC7E,KAAI,SAAS,WAAW,SAAS,QAC/B,QAAO,MAAM,QAAQ;AAEvB,KAAI,MACF,QAAO,MAAM,QAAQ,GAAG,OAAO;AAGjC,QAAO;;AAGT,MAAa,iBAAiB,UAA4C,GAAG,SAAS,OAAO,IAAI,CAAC"}

package/lib/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","names":[],"sources":["../src/utils/component.ts"],"sourcesContent":["import ~~React,~~ { PropsWithChildren } from 'react';\n\nexport const isComponent = <T>(\n element: unknown,\n type: React.ForwardRefExoticComponent<T> \| React.FunctionComponent<T>\n): element is React.ReactElement<T> => React.isValidElement<T>(element) && (element as React.ReactElement).type === type;\n\nexport const isComponentWithChildren = <T>(element: unknown): element is React.ReactElement<PropsWithChildren<T>> =>\n React.isValidElement<PropsWithChildren<T>>(element);\n\nexport function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T> {\n if (!React.isValidElement(element) \|\| typeof element.type === 'string') {\n return false;\n }\n\n const componentType = element.type as React.ComponentType<T> & { displayName?: string };\n\n return componentType.displayName === displayName;\n}\n"],"mappings":";~~AAEA~~,MAAa,eACX,SACA,SACqC,MAAM,eAAkB,QAAQ,IAAK,QAA+B,SAAS;AAEpH,MAAa,2BAA8B,YACzC,MAAM,eAAqC,QAAQ;AAErD,SAAgB,2BAA8B,SAA0B,aAAuD;AAC7H,KAAI,CAAC,MAAM,eAAe,QAAQ,IAAI,OAAO,QAAQ,SAAS,SAC5D,QAAO;AAKT,QAFsB,QAAQ,KAET,gBAAgB"}
1	+ {"version":3,"file":"component.js","names":[],"sources":["../src/utils/component.ts"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nexport const isComponent = <T>(\n element: unknown,\n type: React.ForwardRefExoticComponent<T> \| React.FunctionComponent<T>\n): element is React.ReactElement<T> => React.isValidElement<T>(element) && (element as React.ReactElement).type === type;\n\nexport const isComponentWithChildren = <T>(element: unknown): element is React.ReactElement<PropsWithChildren<T>> =>\n React.isValidElement<PropsWithChildren<T>>(element);\n\nexport function isComponentWithDisplayName<T>(element: React.ReactNode, displayName: string): element is React.ReactElement<T> {\n if (!React.isValidElement(element) \|\| typeof element.type === 'string') {\n return false;\n }\n\n const componentType = element.type as React.ComponentType<T> & { displayName?: string };\n\n return componentType.displayName === displayName;\n}\n"],"mappings":";AAGA,MAAa,eACX,SACA,SACqC,MAAM,eAAkB,QAAQ,IAAK,QAA+B,SAAS;AAEpH,MAAa,2BAA8B,YACzC,MAAM,eAAqC,QAAQ;AAErD,SAAgB,2BAA8B,SAA0B,aAAuD;AAC7H,KAAI,CAAC,MAAM,eAAe,QAAQ,IAAI,OAAO,QAAQ,SAAS,SAC5D,QAAO;AAKT,QAFsB,QAAQ,KAET,gBAAgB"}

package/lib/components/AnchorLink/index.js CHANGED Viewed

@@ -1,15 +1,2 @@
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../refs.js";
-import "../../AsChildSlot.js";
-import "../../Icon.js";
-import "../../ArrowUpRight.js";
 import { t as AnchorLink_default } from "../../AnchorLink.js";
 export { AnchorLink_default as default };

package/lib/components/ArticleTeaser/index.js CHANGED Viewed

@@ -1,6 +1,5 @@
 import { n as AnalyticsId, s as LanguageLocales } from "../../constants2.js";
-import { r as useLanguage } from "../../language.js";
-import React from "react";
+import { n as useLanguage } from "../../useLanguage.js";
 import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";

package/lib/components/ArticleTeaser/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["ArticleTeaser: React.FC<ArticleTeaserProps>","mergedResources: HNDesignsystemArticleTeaser"],"sources":["../../../src/resources/HN.Designsystem.ArticleTeaser.en-GB.json","../../../src/resources/HN.Designsystem.ArticleTeaser.nb-NO.json","../../../src/components/ArticleTeaser/resourceHelper.ts","../../../src/components/ArticleTeaser/ArticleTeaser.tsx","../../../src/components/ArticleTeaser/index.ts"],"sourcesContent":["{\n \"expandButtonClose\": \"Show more\",\n \"expandButtonOpen\": \"Show less\"\n}\n","{\n \"expandButtonClose\": \"Vis mer\",\n \"expandButtonOpen\": \"Vis mindre\"\n}\n","import { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.ArticleTeaser.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.ArticleTeaser.nb-NO.json';\~~nimport { HNDesignsystemArticleTeaser } from '../../resources/Resources';\~~n\nexport const getResources = (language: LanguageLocales): HNDesignsystemArticleTeaser => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import ~~React~~ from '~~react~~';\n\nimport ~~classNames~~ from '~~classnames~~';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { ~~HNDesignsystemArticleTeaser~~ } from '../../~~resources~~/~~Resources';\nimport {~~ useLanguage ~~} from~~ '~~../../utils/language'~~;\n\nimport styles from './styles.module.scss';\n\nexport type ArticleTeaserTags = 'div' \| 'section' \| 'aside' \| 'article';\n\nexport interface ArticleTeaserProps {\n /** Callback for the button. Should be used for setting the expanded boolean /\n onExpand: () => void;\n /* What's in the box? /\n children: React.ReactNode;\n /* Id of the content, used to set aria-controls /\n contentId: string;\n /* If the component is expanded or not /\n expanded: boolean;\n /* For overriding the height of the collapsed teaser /\n heightCollapsed?: string;\n /* Changes the underlying element of the wrapper /\n htmlMarkup?: ArticleTeaserTags;\n /* Resources for component /\n resources?: Partial<HNDesignsystemArticleTeaser>;\n /* Sets the data-testid attribute /\n testId?: string;\n}\n\nconst ArticleTeaser: React.FC<ArticleTeaserProps> = props => {\n const { onExpand, children, contentId, expanded, htmlMarkup = 'div', resources, testId } = props;\n const WrapperTag = htmlMarkup;\n\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemArticleTeaser = {\n ...defaultResources,\n ...resources,\n };\n\n return (\n <WrapperTag className={classNames(styles.articleteaser)} data-testid={testId} data-analyticsid={AnalyticsId.ArticleTeaser}>\n <div\n className={classNames(styles['articleteaser__content'], {\n [styles['articleteaser__content--collapsed']]: !expanded,\n })}\n style={{\n maxHeight: expanded ? 'none' : props.heightCollapsed,\n }}\n >\n {children}\n </div>\n <button\n type=\"button\"\n className={classNames(styles['articleteaser__button'], {\n [styles['articleteaser__button--expanded']]: expanded,\n })}\n onClick={onExpand}\n aria-expanded={expanded}\n aria-controls={contentId}\n >\n {expanded ? mergedResources.expandButtonOpen : mergedResources.expandButtonClose}\n </button>\n </WrapperTag>\n );\n};\n\nexport default ArticleTeaser;\n","import ArticleTeaser from './ArticleTeaser';\nexport from './ArticleTeaser';\nexport default ArticleTeaser;\n"],"mappings":"~~;;;;;;;;;;;;;;AEKA~~,MAAa,gBAAgB,aAA2D;AACtF,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO;;;~~ACqBb~~,IAAMA,iBAA8C,UAAS;CAC3D,MAAM,EAAE,UAAU,UAAU,WAAW,UAAU,aAAa,OAAO,WAAW,WAAW;CAC3F,MAAM,aAAa;CAEnB,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAMC,kBAA+C;EACnD,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;AAED,QACE,qBAAC,YAAA;EAAW,WAAW,GAAW,OAAO,cAAc;EAAE,eAAa;EAAQ,oBAAkB,YAAY;aAC1G,oBAAC,OAAA;GACC,WAAW,GAAW,OAAO,2BAA2B,GACrD,OAAO,uCAAuC,CAAC,UACjD,CAAC;GACF,OAAO,EACL,WAAW,WAAW,SAAS,MAAM,iBACtC;GAEA;IACG,EACN,oBAAC,UAAA;GACC,MAAK;GACL,WAAW,GAAW,OAAO,0BAA0B,GACpD,OAAO,qCAAqC,UAC9C,CAAC;GACF,SAAS;GACT,iBAAe;GACf,iBAAe;aAEd,WAAW,gBAAgB,mBAAmB,gBAAgB;IACxD,CAAA;GACE;;~~ACjEjB~~,IAAA,~~wBDqEe~~"}
1	+ {"version":3,"file":"index.js","names":["ArticleTeaser: React.FC<ArticleTeaserProps>","mergedResources: HNDesignsystemArticleTeaser"],"sources":["../../../src/resources/HN.Designsystem.ArticleTeaser.en-GB.json","../../../src/resources/HN.Designsystem.ArticleTeaser.nb-NO.json","../../../src/components/ArticleTeaser/resourceHelper.ts","../../../src/components/ArticleTeaser/ArticleTeaser.tsx","../../../src/components/ArticleTeaser/index.ts"],"sourcesContent":["{\n \"expandButtonClose\": \"Show more\",\n \"expandButtonOpen\": \"Show less\"\n}\n","{\n \"expandButtonClose\": \"Vis mer\",\n \"expandButtonOpen\": \"Vis mindre\"\n}\n","import type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.ArticleTeaser.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.ArticleTeaser.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemArticleTeaser => {\n switch (language) {\n case LanguageLocales.ENGLISH:\n return enGB;\n case LanguageLocales.NORWEGIAN:\n default:\n return nbNO;\n }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemArticleTeaser } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\n\nimport styles from './styles.module.scss';\n\nexport type ArticleTeaserTags = 'div' \| 'section' \| 'aside' \| 'article';\n\nexport interface ArticleTeaserProps {\n /** Callback for the button. Should be used for setting the expanded boolean /\n onExpand: () => void;\n /* What's in the box? /\n children: React.ReactNode;\n /* Id of the content, used to set aria-controls /\n contentId: string;\n /* If the component is expanded or not /\n expanded: boolean;\n /* For overriding the height of the collapsed teaser /\n heightCollapsed?: string;\n /* Changes the underlying element of the wrapper /\n htmlMarkup?: ArticleTeaserTags;\n /* Resources for component /\n resources?: Partial<HNDesignsystemArticleTeaser>;\n /* Sets the data-testid attribute /\n testId?: string;\n}\n\nconst ArticleTeaser: React.FC<ArticleTeaserProps> = props => {\n const { onExpand, children, contentId, expanded, htmlMarkup = 'div', resources, testId } = props;\n const WrapperTag = htmlMarkup;\n\n const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n const defaultResources = getResources(language);\n\n const mergedResources: HNDesignsystemArticleTeaser = {\n ...defaultResources,\n ...resources,\n };\n\n return (\n <WrapperTag className={classNames(styles.articleteaser)} data-testid={testId} data-analyticsid={AnalyticsId.ArticleTeaser}>\n <div\n className={classNames(styles['articleteaser__content'], {\n [styles['articleteaser__content--collapsed']]: !expanded,\n })}\n style={{\n maxHeight: expanded ? 'none' : props.heightCollapsed,\n }}\n >\n {children}\n </div>\n <button\n type=\"button\"\n className={classNames(styles['articleteaser__button'], {\n [styles['articleteaser__button--expanded']]: expanded,\n })}\n onClick={onExpand}\n aria-expanded={expanded}\n aria-controls={contentId}\n >\n {expanded ? mergedResources.expandButtonOpen : mergedResources.expandButtonClose}\n </button>\n </WrapperTag>\n );\n};\n\nexport default ArticleTeaser;\n","import ArticleTeaser from './ArticleTeaser';\nexport from './ArticleTeaser';\nexport default ArticleTeaser;\n"],"mappings":";;;;;;;;;;;;;AEMA,MAAa,gBAAgB,aAA2D;AACtF,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACmBb,IAAMA,iBAA8C,UAAS;CAC3D,MAAM,EAAE,UAAU,UAAU,WAAW,UAAU,aAAa,OAAO,WAAW,WAAW;CAC3F,MAAM,aAAa;CAEnB,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAMC,kBAA+C;EACnD,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;AAED,QACE,qBAAC,YAAA;EAAW,WAAW,GAAW,OAAO,cAAc;EAAE,eAAa;EAAQ,oBAAkB,YAAY;aAC1G,oBAAC,OAAA;GACC,WAAW,GAAW,OAAO,2BAA2B,GACrD,OAAO,uCAAuC,CAAC,UACjD,CAAC;GACF,OAAO,EACL,WAAW,WAAW,SAAS,MAAM,iBACtC;GAEA;IACG,EACN,oBAAC,UAAA;GACC,MAAK;GACL,WAAW,GAAW,OAAO,0BAA0B,GACpD,OAAO,qCAAqC,UAC9C,CAAC;GACF,SAAS;GACT,iBAAe;GACf,iBAAe;aAEd,WAAW,gBAAgB,mBAAmB,gBAAgB;IACxD,CAAA;GACE;;AChEjB,IAAA,wBDoEe"}

package/lib/components/AsChildSlot/index.js CHANGED Viewed

@@ -1,3 +1,2 @@
-import "../../refs.js";
 import { n as AsChildSlot, t as AsChildSlot_default } from "../../AsChildSlot.js";
 export { AsChildSlot, AsChildSlot_default as default };

package/lib/components/Avatar/index.js CHANGED Viewed

@@ -1,6 +1,2 @@
-import "../../constants2.js";
-import "../../palette.js";
-import "../../Icon.js";
-import "../../Check.js";
 import { n as AvatarSize, t as Avatar_default } from "../../Avatar.js";
 export { AvatarSize, Avatar_default as default };

package/lib/components/Badge/index.js CHANGED Viewed

@@ -1,10 +1,2 @@
-import "../../constants2.js";
-import "../../palette.js";
-import "../../Icon.js";
-import "../../CheckFill.js";
-import "../../ErrorSignFill.js";
-import "../../InfoSignFill.js";
-import "../../TriangleX.js";
-import "../../NotificationBadge.js";
 import { t as Badge_default } from "../../Badge.js";
 export { Badge_default as default };

package/lib/components/Button/index.js CHANGED Viewed

@@ -1,19 +1,2 @@
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../Icon.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useIcons.js";
-import "../../useBreakpoint.js";
-import "../../useIsMobileBreakpoint.js";
-import "../../ArrowRight.js";
 import { t as Button_default } from "../../Button.js";
 export { Button_default as default };

package/lib/components/Checkbox/index.js CHANGED Viewed

@@ -1,47 +1,3 @@
-import "../../uuid.js";
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../refs.js";
-import "../../Icon.js";
-import "../../language.js";
-import "../../Check.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../useIdWithFallback.js";
-import "../../accessibility.js";
-import "../../ErrorWrapper.js";
-import "../../Spacer.js";
-import "../../Label.js";
-import "../../FormFieldTag.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
 import { t as Checkbox } from "../../Checkbox.js";
 import { t as Checkbox_default } from "../../Checkbox2.js";
 export { Checkbox, Checkbox_default as default };

package/lib/components/Chip/index.js CHANGED Viewed

@@ -4,7 +4,6 @@ import { t as palette } from "../../palette.js";
 import { t as Icon_default } from "../../Icon.js";
 import { t as Undo_default } from "../../Undo.js";
 import { t as X_default } from "../../X.js";
-import React from "react";
 import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";