@helsenorge/designsystem-react 15.7.2 → 16.1.0

package/lib/components/UNSAFE_Table/styles.module.scss.d.ts

@@ -0,0 +1,62 @@
+export type Styles = {
+  'expandable-container': string;
+  table: string;
+  table__cell: string;
+  'table__cell--behind-expander': string;
+  'table__cell--center': string;
+  'table__cell--compact': string;
+  'table__cell--nowrap': string;
+  'table__cell--right': string;
+  'table__cell--stacked': string;
+  'table__cell--transparent': string;
+  'table__cell-content': string;
+  'table__cell-expander': string;
+  'table__cell-heading-text': string;
+  'table__cell-pop-menu': string;
+  table__detail: string;
+  'table__expanded-row': string;
+  'table__expanded-row__cell': string;
+  'table__expanded-row--expanded': string;
+  'table__expanded-row--stack-only': string;
+  'table__expanded-row-container': string;
+  'table__expanded-row-container--open': string;
+  'table__expanded-row-details': string;
+  'table__expander-button': string;
+  'table__expander-button__content': string;
+  'table__expander-cell-mobile': string;
+  'table__expander-cell-mobile--expanded': string;
+  'table__expander-trigger': string;
+  'table__expander-trigger__content': string;
+  table__head: string;
+  'table__head-cell': string;
+  'table__head-cell--compact': string;
+  'table__head-cell--transparent': string;
+  'table__pop-menu': string;
+  'table__pop-menu__content': string;
+  'table__pop-menu__trigger': string;
+  table__row: string;
+  'table__row--expandable': string;
+  'table__row--expanded': string;
+  'table__row--transparent': string;
+  'table--centeredoverflow-lg': string;
+  'table--centeredoverflow-md': string;
+  'table--centeredoverflow-sm': string;
+  'table--centeredoverflow-xl': string;
+  'table--centeredoverflow-xs': string;
+  'table--centeredoverflow-xxs': string;
+  'table--stack-lg': string;
+  'table--stack-md': string;
+  'table--stack-sm': string;
+  'table--stack-xl': string;
+  'table--stack-xs': string;
+  'table--stack-xxs': string;
+  'table-body': string;
+  'table-body--zebra': string;
+  'table-caption': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/lib/components/UNSAFE_Table/useTableExpandedRows.d.ts

@@ -0,0 +1,12 @@
+export interface UseTableExpandedRowsReturn {
+    /** Current expanded state per row key */
+    expandedRows: Record<string, boolean>;
+    /** Whether a row is expanded */
+    isExpanded: (rowKey: string) => boolean;
+    /** Toggle the expanded state of a row */
+    toggleExpanded: (rowKey: string) => void;
+    /** Collapse all rows, e.g. when the table is re-sorted */
+    collapseAll: () => void;
+}
+/** Expanded state per row for tables with expandable rows (UNSAFE_TableRow expandedContent/hideBehindExpander). */
+export declare const useTableExpandedRows: () => UseTableExpandedRowsReturn;

package/lib/components/UNSAFE_Table/useTableShowMore.d.ts

@@ -0,0 +1,25 @@
+export interface UseTableShowMoreOptions<TData> {
+    /** All rows */
+    data: TData[];
+    /** Number of rows to show initially and to reveal per showMore(). Shows all rows when not set. */
+    pageSize?: number;
+}
+export interface UseTableShowMoreReturn<TData, TElement extends HTMLElement> {
+    /** The rows that are currently visible */
+    visibleData: TData[];
+    /** Whether there are more rows to show */
+    hasMore: boolean;
+    /** Reveal the next page of rows */
+    showMore: () => void;
+    /** Reset to the initial number of visible rows */
+    reset: () => void;
+    /** Index of the first row revealed by the last showMore() call */
+    newRowsStartIndex?: number;
+    /**
+     * Attach to a focusable element in the first newly revealed row (index === newRowsStartIndex).
+     * The element receives focus when the last page is revealed and the show more button disappears.
+     */
+    firstNewRowRef: React.RefObject<TElement | null>;
+}
+/** Progressive disclosure ("show more") of table rows, with focus management when the show more button disappears. */
+export declare const useTableShowMore: <TData, TElement extends HTMLElement = HTMLElement>({ data, pageSize, }: UseTableShowMoreOptions<TData>) => UseTableShowMoreReturn<TData, TElement>;

package/lib/components/UNSAFE_Table/utils.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { BreakpointConfig } from './UNSAFE_Table';
+import { Breakpoint } from '../../hooks/useBreakpoint';
+/**
+ * Finn konfigurasjon for nåværende breakpoint og tabellbredde
+ * @param config Konfigurasjon for responsiv oppførsel
+ * @param breakpoint Nåværende breakpoint
+ * @param tableWidth Bredde på tabell i px
+ * @returns Konfigurasjon for responsiv oppførsel uten fallbackVariant
+ */
+export declare const getCurrentConfig: (config: BreakpointConfig | BreakpointConfig[], breakpoint: Breakpoint, tableWidth: number, windowWidth: number) => Omit<BreakpointConfig, "fallbackVariant"> | undefined;
+/**
+ * Finn bredden tabellen kan bruke. Innholdsbredden til nærmeste overordnede element merket med data-overflow-boundary,
+ * eller skjermbredden om ingen er merket.
+ * @param element Elementet det søkes fra, vanligvis tabellens overordnede element
+ * @returns Tilgjengelig bredde i px
+ */
+export declare const getAvailableWidth: (element: HTMLElement) => number;
+/**
+ * Finn klassenavn for responsiv oppførsel
+ * @param config Konfigurasjon for responsiv oppførsel
+ * @returns Klassenavn
+ */
+export declare const getBreakpointClass: (config?: BreakpointConfig) => string | undefined;
+/**
+ * Finn riktig posisjon for horisontal sentrering av tabell som skal vises "centeredoverflow"
+ * @param parentWidth Bredde på element som tabellen ligger i
+ * @param tableWidth Bredde på tabellen
+ * @returns Styling som posisjonerer tabellen riktig
+ */
+export declare const getCenteredOverflowTableStyle: (parentWidth: number, tableWidth: number) => React.CSSProperties | undefined;
+/**
+ * Create a shallow copy of an object with specific keys omitted.
+ */
+export declare const omitProps: <T extends Record<PropertyKey, unknown>>(obj: T, keys: Array<keyof T>) => Partial<T>;
+/**
+ * Finn indeksene til kolonnene som er markert med hideBehindExpander i første rad i UNSAFE_TableHead.
+ * @param children Innholdet i UNSAFE_Table
+ * @returns Kolonneindekser som skjules bak expander i stack-varianten
+ */
+export declare const getHiddenColumns: (children: React.ReactNode) => number[];
+/**
+ * Finn teksten i hver kolonne i første rad i UNSAFE_TableHead. Brukes som overskrift i cellene i stack-varianten.
+ * @param children Innholdet i UNSAFE_Table
+ * @returns Overskrift per kolonneindeks, tom streng for kolonner uten tekst
+ */
+export declare const getColumnHeadingTexts: (children: React.ReactNode) => string[];

package/lib/components/Validation/index.js

@@ -9,7 +9,7 @@ import { t as Textarea_default } from "../../Textarea.js";
 import { t as FormGroup } from "../../FormGroup.js";
 import Input_default from "../Input/index.js";
 import { t as List_default } from "../../List.js";
-import RadioButton_default from "../RadioButton/index.js";
+import Radio_default from "../Radio/index.js";
 import classNames from "classnames";
 import React, { useId } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -74,7 +74,7 @@ var Validation = (props) => {
 		});
 	};
 	const renderChild = (child) => {
-		if (isComponent(child, FormGroup) || isComponent(child, Checkbox_default) || isComponent(child, RadioButton_default) || isComponent(child, Textarea_default) || isComponent(child, Input_default) || isComponent(child, Select_default) || isComponent(child, Slider_default) || isComponentWithDisplayName(child, "DateTimePickerWrapper") || isComponentWithDisplayName(child, "DatePicker") || isComponentWithDisplayName(child, "DateTime")) return cloneFormElement(child);
+		if (isComponent(child, FormGroup) || isComponent(child, Checkbox_default) || isComponent(child, Radio_default) || isComponent(child, Textarea_default) || isComponent(child, Input_default) || isComponent(child, Select_default) || isComponent(child, Slider_default) || isComponentWithDisplayName(child, "DateTimePickerWrapper") || isComponentWithDisplayName(child, "DatePicker") || isComponentWithDisplayName(child, "DateTime")) return cloneFormElement(child);
 		if (isComponent(child, React.Fragment)) return React.Children.map(child.props.children, (child) => {
 			return renderChild(child);
 		});

package/lib/components/Validation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Validation/ErrorListItem.tsx","../../../src/components/Validation/ErrorList.tsx","../../../src/components/Validation/ValidationSummary.tsx","../../../src/components/Validation/Validation.tsx","../../../src/components/Validation/index.ts"],"sourcesContent":["import type { ErrorDetails, FocusableElement } from './types';\nimport type { AnchorLinkOnClickEvent } from '../AnchorLink';\n\nimport AnchorLink from '../AnchorLink';\n\ninterface ErrorElementProps {\n  name: string;\n  error: ErrorDetails;\n}\n\nconst ErrorListItem: React.FC<ErrorElementProps> = props => {\n  const handleClick = (event?: AnchorLinkOnClickEvent, element?: FocusableElement): void => {\n    event?.preventDefault();\n    if (element?.focus) element?.focus();\n  };\n\n  if (props.error.ref) {\n    return (\n      <AnchorLink href={`#${props.name}`} onClick={(e): void => handleClick(e, props.error.ref)}>\n        {props.error.message}\n      </AnchorLink>\n    );\n  }\n\n  return <>{props.error.message}</>;\n};\n\nexport default ErrorListItem;\n","import type { ValidationErrors } from './types';\n\nimport ErrorListItem from './ErrorListItem';\nimport List from '../List';\n\ninterface ErrorListProps {\n  errors: ValidationErrors;\n}\n\nconst ErrorList: React.FC<ErrorListProps> = props => (\n  <List>\n    {Object.entries(props.errors).map(([name, error]) => (\n      <List.Item key={name}>\n        <ErrorListItem name={name} error={error} />\n      </List.Item>\n    ))}\n  </List>\n);\n\nexport default ErrorList;\n","import { useId } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ValidationErrors } from './types';\nimport type { TitleTags } from '../Title';\n\nimport ErrorList from './ErrorList';\nimport Title from '../Title';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationSummaryProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Error list */\n  errors?: ValidationErrors;\n  /** Markup props for error summary title. Default: h2 */\n  errorTitleHtmlMarkup?: TitleTags;\n  /** Will be shown last */\n  children?: React.ReactNode;\n  /** Hides the list visually - summary is still announced by screen readers */\n  visuallyHidden?: boolean;\n}\n\nconst ValidationSummary: React.FC<ValidationSummaryProps> = props => {\n  const { errorTitleHtmlMarkup = 'h2' } = props;\n  const titleId = useId();\n\n  const hasErrors = !!props.errors && Object.entries(props.errors).length > 0;\n  const visuallyHidden = props.visuallyHidden;\n\n  const summaryClasses = classNames(styles['validation__summary'], {\n    [styles['validation__summary--visible']]: hasErrors && !visuallyHidden,\n    [styles['validation__summary--sr-only']]: visuallyHidden,\n  });\n\n  return (\n    <div\n      role={'status'}\n      aria-atomic={'true'}\n      aria-live={'polite'}\n      aria-relevant={'all'}\n      aria-labelledby={hasErrors && props.errorTitle ? titleId : undefined}\n      className={summaryClasses}\n    >\n      {hasErrors && (\n        <>\n          {props.errorTitle && (\n            <Title appearance=\"title4\" id={titleId} htmlMarkup={errorTitleHtmlMarkup} margin={{ marginTop: 0, marginBottom: 1 }}>\n              {props.errorTitle}\n            </Title>\n          )}\n          <ErrorList errors={props.errors!} />\n        </>\n      )}\n      {props.children}\n    </div>\n  );\n};\n\nexport default ValidationSummary;\n","import React from 'react';\n\nimport type { ValidationErrors } from './types';\nimport type { FormSize } from '../../constants';\nimport type { CheckboxProps } from '../Checkbox';\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport type { FormGroupProps } from '../FormGroup/FormGroup';\nimport type { InputProps } from '../Input';\nimport type { RadioButtonProps } from '../RadioButton';\nimport type { SelectProps } from '../Select';\nimport type { SliderProps } from '../Slider';\nimport type { TextareaProps } from '../Textarea';\n\nimport ValidationSummary from './ValidationSummary';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent, isComponentWithDisplayName } from '../../utils/component';\nimport Checkbox from '../Checkbox';\nimport FormGroup from '../FormGroup/FormGroup';\nimport Input from '../Input';\nimport RadioButton from '../RadioButton';\nimport Select from '../Select';\nimport Slider from '../Slider';\nimport Textarea from '../Textarea';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Validation errors. If errors include references to HTML elements, the errors will be rendered as links with an onClick handler to focus the element. */\n  errors?: ValidationErrors;\n  /** Items in the Validation compontent */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Hides the ValidationSummary list visually - summary is still announced by screen readers */\n  visuallyHiddenSummary?: boolean;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nexport const Validation: React.FC<ValidationProps> = (props: ValidationProps) => {\n  const validationErrorClass = styles['validation__error-wrapper'];\n\n  const cloneFormElement = <T extends ErrorWrapperClassNameProps>(child: React.ReactElement<T>): React.ReactElement<T> => {\n    return React.cloneElement(child, {\n      ...child.props,\n      errorWrapperClassName: validationErrorClass,\n    });\n  };\n\n  const renderChild = (child: React.ReactNode): React.ReactNode => {\n    if (\n      isComponent<FormGroupProps>(child, FormGroup) ||\n      isComponent<CheckboxProps>(child, Checkbox) ||\n      isComponent<RadioButtonProps>(child, RadioButton) ||\n      isComponent<TextareaProps>(child, Textarea) ||\n      isComponent<InputProps>(child, Input) ||\n      isComponent<SelectProps>(child, Select) ||\n      isComponent<SliderProps>(child, Slider) ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DateTimePickerWrapper') ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DatePicker') ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DateTime')\n    ) {\n      return cloneFormElement<ErrorWrapperClassNameProps>(child);\n    }\n    if (isComponent<React.FragmentProps>(child, React.Fragment)) {\n      return React.Children.map(child.props.children, (child: React.ReactNode) => {\n        return renderChild(child);\n      });\n    }\n\n    return child;\n  };\n\n  return (\n    <>\n      <div data-testid={props.testId} data-analyticsid={AnalyticsId.Validation} className={props.className} ref={props.ref}>\n        {React.Children.map(props.children, (child: React.ReactNode) => renderChild(child))}\n      </div>\n      <ValidationSummary errorTitle={props.errorTitle} errors={props.errors} visuallyHidden={props.visuallyHiddenSummary} />\n    </>\n  );\n};\n\nValidation.displayName = 'Validation';\n\nexport default Validation;\n","import Validation from './Validation';\nexport * from './Validation';\nexport default Validation;\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAM,iBAA6C,UAAS;CAC1D,MAAM,eAAe,OAAgC,YAAqC;EACxF,OAAO,eAAe;EACtB,IAAI,SAAS,OAAO,SAAS,MAAM;CACrC;CAEA,IAAI,MAAM,MAAM,KACd,OACE,oBAAC,oBAAD;EAAY,MAAM,IAAI,MAAM;EAAQ,UAAU,MAAY,YAAY,GAAG,MAAM,MAAM,GAAG;EACrF,UAAA,MAAM,MAAM;CACH,CAAA;CAIhB,OAAO,oBAAA,UAAA,EAAA,UAAG,MAAM,MAAM,QAAU,CAAA;AAClC;;;AChBA,IAAM,aAAsC,UAC1C,oBAAC,cAAD,EAAA,UACG,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,WACxC,oBAAC,aAAK,MAAN,EAAA,UACE,oBAAC,eAAD;CAAqB;CAAa;AAAQ,CAAA,EACjC,GAFK,IAEL,CACZ,EACG,CAAA;;;ACSR,IAAM,qBAAsD,UAAS;CACnE,MAAM,EAAE,uBAAuB,SAAS;CACxC,MAAM,UAAU,MAAM;CAEtB,MAAM,YAAY,CAAC,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,SAAS;CAC1E,MAAM,iBAAiB,MAAM;CAE7B,MAAM,iBAAiB,WAAW,OAAO,wBAAwB;GAC9D,OAAO,kCAAkC,aAAa,CAAC;GACvD,OAAO,kCAAkC;CAC5C,CAAC;CAED,OACE,qBAAC,OAAD;EACE,MAAM;EACN,eAAa;EACb,aAAW;EACX,iBAAe;EACf,mBAAiB,aAAa,MAAM,aAAa,UAAU,KAAA;EAC3D,WAAW;EANb,UAAA,CAQG,aACC,qBAAA,UAAA,EAAA,UAAA,CACG,MAAM,cACL,oBAAC,eAAD;GAAO,YAAW;GAAS,IAAI;GAAS,YAAY;GAAsB,QAAQ;IAAE,WAAW;IAAG,cAAc;GAAE;GAC/G,UAAA,MAAM;EACF,CAAA,GAET,oBAAC,WAAD,EAAW,QAAQ,MAAM,OAAU,CAAA,CACnC,EAAA,CAAA,GAEH,MAAM,QACJ;;AAET;;;ACdA,IAAa,cAAyC,UAA2B;CAC/E,MAAM,uBAAuB,OAAO;CAEpC,MAAM,oBAA0D,UAAwD;EACtH,OAAO,MAAM,aAAa,OAAO;GAC/B,GAAG,MAAM;GACT,uBAAuB;EACzB,CAAC;CACH;CAEA,MAAM,eAAe,UAA4C;EAC/D,IACE,YAA4B,OAAO,SAAS,KAC5C,YAA2B,OAAO,gBAAQ,KAC1C,YAA8B,OAAO,mBAAW,KAChD,YAA2B,OAAO,gBAAQ,KAC1C,YAAwB,OAAO,aAAK,KACpC,YAAyB,OAAO,cAAM,KACtC,YAAyB,OAAO,cAAM,KACtC,2BAAuD,OAAO,uBAAuB,KACrF,2BAAuD,OAAO,YAAY,KAC1E,2BAAuD,OAAO,UAAU,GAExE,OAAO,iBAA6C,KAAK;EAE3D,IAAI,YAAiC,OAAO,MAAM,QAAQ,GACxD,OAAO,MAAM,SAAS,IAAI,MAAM,MAAM,WAAW,UAA2B;GAC1E,OAAO,YAAY,KAAK;EAC1B,CAAC;EAGH,OAAO;CACT;CAEA,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,eAAa,MAAM;EAAQ,oBAAkB,YAAY;EAAY,WAAW,MAAM;EAAW,KAAK,MAAM;EAC9G,UAAA,MAAM,SAAS,IAAI,MAAM,WAAW,UAA2B,YAAY,KAAK,CAAC;CAC/E,CAAA,GACL,oBAAC,mBAAD;EAAmB,YAAY,MAAM;EAAY,QAAQ,MAAM;EAAQ,gBAAgB,MAAM;CAAwB,CAAA,CACrH,EAAA,CAAA;AAEN;AAEA,WAAW,cAAc;;;ACvFzB,IAAA,qBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Validation/ErrorListItem.tsx","../../../src/components/Validation/ErrorList.tsx","../../../src/components/Validation/ValidationSummary.tsx","../../../src/components/Validation/Validation.tsx","../../../src/components/Validation/index.ts"],"sourcesContent":["import type { ErrorDetails, FocusableElement } from './types';\nimport type { AnchorLinkOnClickEvent } from '../AnchorLink';\n\nimport AnchorLink from '../AnchorLink';\n\ninterface ErrorElementProps {\n  name: string;\n  error: ErrorDetails;\n}\n\nconst ErrorListItem: React.FC<ErrorElementProps> = props => {\n  const handleClick = (event?: AnchorLinkOnClickEvent, element?: FocusableElement): void => {\n    event?.preventDefault();\n    if (element?.focus) element?.focus();\n  };\n\n  if (props.error.ref) {\n    return (\n      <AnchorLink href={`#${props.name}`} onClick={(e): void => handleClick(e, props.error.ref)}>\n        {props.error.message}\n      </AnchorLink>\n    );\n  }\n\n  return <>{props.error.message}</>;\n};\n\nexport default ErrorListItem;\n","import type { ValidationErrors } from './types';\n\nimport ErrorListItem from './ErrorListItem';\nimport List from '../List';\n\ninterface ErrorListProps {\n  errors: ValidationErrors;\n}\n\nconst ErrorList: React.FC<ErrorListProps> = props => (\n  <List>\n    {Object.entries(props.errors).map(([name, error]) => (\n      <List.Item key={name}>\n        <ErrorListItem name={name} error={error} />\n      </List.Item>\n    ))}\n  </List>\n);\n\nexport default ErrorList;\n","import { useId } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { ValidationErrors } from './types';\nimport type { TitleTags } from '../Title';\n\nimport ErrorList from './ErrorList';\nimport Title from '../Title';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationSummaryProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Error list */\n  errors?: ValidationErrors;\n  /** Markup props for error summary title. Default: h2 */\n  errorTitleHtmlMarkup?: TitleTags;\n  /** Will be shown last */\n  children?: React.ReactNode;\n  /** Hides the list visually - summary is still announced by screen readers */\n  visuallyHidden?: boolean;\n}\n\nconst ValidationSummary: React.FC<ValidationSummaryProps> = props => {\n  const { errorTitleHtmlMarkup = 'h2' } = props;\n  const titleId = useId();\n\n  const hasErrors = !!props.errors && Object.entries(props.errors).length > 0;\n  const visuallyHidden = props.visuallyHidden;\n\n  const summaryClasses = classNames(styles['validation__summary'], {\n    [styles['validation__summary--visible']]: hasErrors && !visuallyHidden,\n    [styles['validation__summary--sr-only']]: visuallyHidden,\n  });\n\n  return (\n    <div\n      role={'status'}\n      aria-atomic={'true'}\n      aria-live={'polite'}\n      aria-relevant={'all'}\n      aria-labelledby={hasErrors && props.errorTitle ? titleId : undefined}\n      className={summaryClasses}\n    >\n      {hasErrors && (\n        <>\n          {props.errorTitle && (\n            <Title appearance=\"title4\" id={titleId} htmlMarkup={errorTitleHtmlMarkup} margin={{ marginTop: 0, marginBottom: 1 }}>\n              {props.errorTitle}\n            </Title>\n          )}\n          <ErrorList errors={props.errors!} />\n        </>\n      )}\n      {props.children}\n    </div>\n  );\n};\n\nexport default ValidationSummary;\n","import React from 'react';\n\nimport type { ValidationErrors } from './types';\nimport type { FormSize } from '../../constants';\nimport type { CheckboxProps } from '../Checkbox';\nimport type { ErrorWrapperClassNameProps } from '../ErrorWrapper';\nimport type { FormGroupProps } from '../FormGroup/FormGroup';\nimport type { InputProps } from '../Input';\nimport type { RadioProps } from '../Radio';\nimport type { SelectProps } from '../Select';\nimport type { SliderProps } from '../Slider';\nimport type { TextareaProps } from '../Textarea';\n\nimport ValidationSummary from './ValidationSummary';\nimport { AnalyticsId } from '../../constants';\nimport { isComponent, isComponentWithDisplayName } from '../../utils/component';\nimport Checkbox from '../Checkbox';\nimport FormGroup from '../FormGroup/FormGroup';\nimport Input from '../Input';\nimport Radio from '../Radio';\nimport Select from '../Select';\nimport Slider from '../Slider';\nimport Textarea from '../Textarea';\n\nimport styles from './styles.module.scss';\n\ninterface ValidationProps {\n  /** Error summary title */\n  errorTitle?: string;\n  /** Validation errors. If errors include references to HTML elements, the errors will be rendered as links with an onClick handler to focus the element. */\n  errors?: ValidationErrors;\n  /** Items in the Validation compontent */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Hides the ValidationSummary list visually - summary is still announced by screen readers */\n  visuallyHiddenSummary?: boolean;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLDivElement | null>;\n}\n\nexport const Validation: React.FC<ValidationProps> = (props: ValidationProps) => {\n  const validationErrorClass = styles['validation__error-wrapper'];\n\n  const cloneFormElement = <T extends ErrorWrapperClassNameProps>(child: React.ReactElement<T>): React.ReactElement<T> => {\n    return React.cloneElement(child, {\n      ...child.props,\n      errorWrapperClassName: validationErrorClass,\n    });\n  };\n\n  const renderChild = (child: React.ReactNode): React.ReactNode => {\n    if (\n      isComponent<FormGroupProps>(child, FormGroup) ||\n      isComponent<CheckboxProps>(child, Checkbox) ||\n      isComponent<RadioProps>(child, Radio) ||\n      isComponent<TextareaProps>(child, Textarea) ||\n      isComponent<InputProps>(child, Input) ||\n      isComponent<SelectProps>(child, Select) ||\n      isComponent<SliderProps>(child, Slider) ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DateTimePickerWrapper') ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DatePicker') ||\n      isComponentWithDisplayName<ErrorWrapperClassNameProps>(child, 'DateTime')\n    ) {\n      return cloneFormElement<ErrorWrapperClassNameProps>(child);\n    }\n    if (isComponent<React.FragmentProps>(child, React.Fragment)) {\n      return React.Children.map(child.props.children, (child: React.ReactNode) => {\n        return renderChild(child);\n      });\n    }\n\n    return child;\n  };\n\n  return (\n    <>\n      <div data-testid={props.testId} data-analyticsid={AnalyticsId.Validation} className={props.className} ref={props.ref}>\n        {React.Children.map(props.children, (child: React.ReactNode) => renderChild(child))}\n      </div>\n      <ValidationSummary errorTitle={props.errorTitle} errors={props.errors} visuallyHidden={props.visuallyHiddenSummary} />\n    </>\n  );\n};\n\nValidation.displayName = 'Validation';\n\nexport default Validation;\n","import Validation from './Validation';\nexport * from './Validation';\nexport default Validation;\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAM,iBAA6C,UAAS;CAC1D,MAAM,eAAe,OAAgC,YAAqC;EACxF,OAAO,eAAe;EACtB,IAAI,SAAS,OAAO,SAAS,MAAM;CACrC;CAEA,IAAI,MAAM,MAAM,KACd,OACE,oBAAC,oBAAD;EAAY,MAAM,IAAI,MAAM;EAAQ,UAAU,MAAY,YAAY,GAAG,MAAM,MAAM,GAAG;EACrF,UAAA,MAAM,MAAM;CACH,CAAA;CAIhB,OAAO,oBAAA,UAAA,EAAA,UAAG,MAAM,MAAM,QAAU,CAAA;AAClC;;;AChBA,IAAM,aAAsC,UAC1C,oBAAC,cAAD,EAAA,UACG,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,KAAK,CAAC,MAAM,WACxC,oBAAC,aAAK,MAAN,EAAA,UACE,oBAAC,eAAD;CAAqB;CAAa;AAAQ,CAAA,EACjC,GAFK,IAEL,CACZ,EACG,CAAA;;;ACSR,IAAM,qBAAsD,UAAS;CACnE,MAAM,EAAE,uBAAuB,SAAS;CACxC,MAAM,UAAU,MAAM;CAEtB,MAAM,YAAY,CAAC,CAAC,MAAM,UAAU,OAAO,QAAQ,MAAM,MAAM,CAAC,CAAC,SAAS;CAC1E,MAAM,iBAAiB,MAAM;CAE7B,MAAM,iBAAiB,WAAW,OAAO,wBAAwB;GAC9D,OAAO,kCAAkC,aAAa,CAAC;GACvD,OAAO,kCAAkC;CAC5C,CAAC;CAED,OACE,qBAAC,OAAD;EACE,MAAM;EACN,eAAa;EACb,aAAW;EACX,iBAAe;EACf,mBAAiB,aAAa,MAAM,aAAa,UAAU,KAAA;EAC3D,WAAW;EANb,UAAA,CAQG,aACC,qBAAA,UAAA,EAAA,UAAA,CACG,MAAM,cACL,oBAAC,eAAD;GAAO,YAAW;GAAS,IAAI;GAAS,YAAY;GAAsB,QAAQ;IAAE,WAAW;IAAG,cAAc;GAAE;GAC/G,UAAA,MAAM;EACF,CAAA,GAET,oBAAC,WAAD,EAAW,QAAQ,MAAM,OAAU,CAAA,CACnC,EAAA,CAAA,GAEH,MAAM,QACJ;;AAET;;;ACdA,IAAa,cAAyC,UAA2B;CAC/E,MAAM,uBAAuB,OAAO;CAEpC,MAAM,oBAA0D,UAAwD;EACtH,OAAO,MAAM,aAAa,OAAO;GAC/B,GAAG,MAAM;GACT,uBAAuB;EACzB,CAAC;CACH;CAEA,MAAM,eAAe,UAA4C;EAC/D,IACE,YAA4B,OAAO,SAAS,KAC5C,YAA2B,OAAO,gBAAQ,KAC1C,YAAwB,OAAO,aAAK,KACpC,YAA2B,OAAO,gBAAQ,KAC1C,YAAwB,OAAO,aAAK,KACpC,YAAyB,OAAO,cAAM,KACtC,YAAyB,OAAO,cAAM,KACtC,2BAAuD,OAAO,uBAAuB,KACrF,2BAAuD,OAAO,YAAY,KAC1E,2BAAuD,OAAO,UAAU,GAExE,OAAO,iBAA6C,KAAK;EAE3D,IAAI,YAAiC,OAAO,MAAM,QAAQ,GACxD,OAAO,MAAM,SAAS,IAAI,MAAM,MAAM,WAAW,UAA2B;GAC1E,OAAO,YAAY,KAAK;EAC1B,CAAC;EAGH,OAAO;CACT;CAEA,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,eAAa,MAAM;EAAQ,oBAAkB,YAAY;EAAY,WAAW,MAAM;EAAW,KAAK,MAAM;EAC9G,UAAA,MAAM,SAAS,IAAI,MAAM,WAAW,UAA2B,YAAY,KAAK,CAAC;CAC/E,CAAA,GACL,oBAAC,mBAAD;EAAmB,YAAY,MAAM;EAAY,QAAQ,MAAM;EAAQ,gBAAgB,MAAM;CAAwB,CAAA,CACrH,EAAA,CAAA;AAEN;AAEA,WAAW,cAAc;;;ACvFzB,IAAA,qBAAe"}

package/lib/components/VisualCheckboxCloud/Checkbox/styles.module.scss

@@ -1,6 +1,4 @@
 @use '../../../scss/visual-form' as visual-form;
-@import '../../../scss/supernova/styles/colors.css';
-@import '../../../scss/supernova/styles/spacers.css';
 
 .visual-checkbox {
   @include visual-form.visual-form-pill(

package/lib/components/VisualCheckboxCloud/styles.module.scss

@@ -1,5 +1,4 @@
 @use '../../scss/visual-form' as visual-form;
-@import '../../scss/supernova/styles/spacers.css';
 
 .visual-checkbox-cloud {
   @include visual-form.visual-form-cloud;

package/lib/components/VisualCheckboxGroup/VisualCheckbox/styles.module.scss

@@ -1,6 +1,4 @@
 @use '../../../scss/visual-form' as visual-form;
-@import '../../../scss/supernova/styles/colors.css';
-@import '../../../scss/supernova/styles/spacers.css';
 
 .visual-checkbox {
   @include visual-form.visual-form-card;

package/lib/components/VisualCheckboxGroup/styles.module.scss

@@ -1,5 +1,4 @@
 @use '../../scss/visual-form' as visual-form;
-@import '../../scss/supernova/styles/spacers.css';
 
 .visual-checkbox-group {
   @include visual-form.visual-form-group;

package/lib/components/VisualContentgroupWithImage/styles.module.scss

@@ -1,6 +1,5 @@
 @use 'sass:map';
 @use '../../scss/breakpoints' as breakpoints;
-@import '../../scss/supernova/styles/spacers.css';
 
 .visual-contentgroup-with-image {
   display: flex;

package/lib/components/VisualRadioCloud/Radio/index.js

@@ -1,4 +1,4 @@
-import { t as Radio } from "../../../Radio.js";
+import { t as Radio } from "../../../Radio2.js";
 //#region src/components/VisualRadioCloud/Radio/index.ts
 var Radio_default = Radio;
 //#endregion

package/lib/components/VisualRadioCloud/Radio/styles.module.scss

@@ -1,6 +1,4 @@
 @use '../../../scss/visual-form' as visual-form;
-@import '../../../scss/supernova/styles/colors.css';
-@import '../../../scss/supernova/styles/spacers.css';
 
 .visual-radio {
   @include visual-form.visual-form-pill;

package/lib/components/VisualRadioCloud/index.js

@@ -1,7 +1,7 @@
 import { isComponent } from "../../utils/component.js";
 import { useIdWithFallback } from "../../hooks/useIdWithFallback.js";
 import { t as ErrorWrapper_default } from "../../ErrorWrapper.js";
-import { t as Radio } from "../../Radio.js";
+import { t as Radio } from "../../Radio2.js";
 import classNames from "classnames";
 import React, { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/VisualRadioCloud/styles.module.scss

@@ -1,5 +1,4 @@
 @use '../../scss/visual-form' as visual-form;
-@import '../../scss/supernova/styles/spacers.css';
 
 .visual-radio-cloud {
   @include visual-form.visual-form-cloud;

package/lib/components/VisualRadioGroup/VisualRadio/styles.module.scss

@@ -1,6 +1,4 @@
 @use '../../../scss/visual-form' as visual-form;
-@import '../../../scss/supernova/styles/colors.css';
-@import '../../../scss/supernova/styles/spacers.css';
 
 .visual-radio {
   @include visual-form.visual-form-card;

package/lib/components/VisualRadioGroup/styles.module.scss

@@ -1,5 +1,4 @@
 @use '../../scss/visual-form' as visual-form;
-@import '../../scss/supernova/styles/spacers.css';
 
 .visual-radio-group {
   @include visual-form.visual-form-group;

package/lib/constants.d.ts

@@ -46,7 +46,7 @@ export declare enum FormOnColor {
     oninvalid = "oninvalid"
 }
 export declare enum FormSize {
-    medium = "medium",
+    normal = "normal",
     large = "large"
 }
 export declare enum AnalyticsId {
@@ -77,7 +77,6 @@ export declare enum AnalyticsId {
     HelpDrawer = "help-drawer",
     HelpExpanderInline = "help-expander-inline",
     HelpExpanderStandalone = "help-expander-standalone",
-    HelpTooltip = "help-tooltip",
     HelpTriggerIcon = "help-trigger-icon",
     HelpTriggerInline = "help-trigger-inline",
     HelpTriggerStandalone = "help-trigger-standalone",
@@ -100,7 +99,7 @@ export declare enum AnalyticsId {
     PopOver = "pop-over",
     Portal = "portal",
     PromoPanel = "promo-panel",
-    RadioButton = "radio-button",
+    Radio = "radio-button",
     Select = "select",
     SharingStatus = "sharing-status",
     Slider = "slider",

package/lib/constants.js

@@ -24,7 +24,7 @@ var FormOnColor = /* @__PURE__ */ function(FormOnColor) {
 	return FormOnColor;
 }({});
 var FormSize = /* @__PURE__ */ function(FormSize) {
-	FormSize["medium"] = "medium";
+	FormSize["normal"] = "normal";
 	FormSize["large"] = "large";
 	return FormSize;
 }({});
@@ -56,7 +56,6 @@ var AnalyticsId = /* @__PURE__ */ function(AnalyticsId) {
 	AnalyticsId["HelpDrawer"] = "help-drawer";
 	AnalyticsId["HelpExpanderInline"] = "help-expander-inline";
 	AnalyticsId["HelpExpanderStandalone"] = "help-expander-standalone";
-	AnalyticsId["HelpTooltip"] = "help-tooltip";
 	AnalyticsId["HelpTriggerIcon"] = "help-trigger-icon";
 	AnalyticsId["HelpTriggerInline"] = "help-trigger-inline";
 	AnalyticsId["HelpTriggerStandalone"] = "help-trigger-standalone";
@@ -79,7 +78,7 @@ var AnalyticsId = /* @__PURE__ */ function(AnalyticsId) {
 	AnalyticsId["PopOver"] = "pop-over";
 	AnalyticsId["Portal"] = "portal";
 	AnalyticsId["PromoPanel"] = "promo-panel";
-	AnalyticsId["RadioButton"] = "radio-button";
+	AnalyticsId["Radio"] = "radio-button";
 	AnalyticsId["Select"] = "select";
 	AnalyticsId["SharingStatus"] = "sharing-status";
 	AnalyticsId["Slider"] = "slider";

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  OverlayScreen = 1300000,\n  PopOver = 11000,\n  LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n  medium = 'medium',\n  large = 'large',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  ArticleTeaser = 'article-teaser',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Chip = 'chip',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Drawer = 'Drawer',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  EmptyState = 'empty-state',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  EyebrowHeader = 'eyebrow-header',\n  FavoriteButton = 'favorite-button',\n  FormFieldTag = 'form-field-tag',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpDrawer = 'help-drawer',\n  HelpExpanderInline = 'help-expander-inline',\n  HelpExpanderStandalone = 'help-expander-standalone',\n  HelpTooltip = 'help-tooltip',\n  HelpTriggerIcon = 'help-trigger-icon',\n  HelpTriggerInline = 'help-trigger-inline',\n  HelpTriggerStandalone = 'help-trigger-standalone',\n  HighlightPanel = 'highlight-panel',\n  Icon = 'icon',\n  Illustration = 'Illustration',\n  InfoTeaser = 'info-teaser',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  PanelOld = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  PromoPanel = 'promo-panel',\n  RadioButton = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Toggle = 'toggle',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  ArrowRight = 'ArrowRight',\n  ArrowLeft = 'ArrowLeft',\n  Home = 'Home',\n  End = 'End',\n  Space = ' ',\n  Tab = 'Tab',\n  Backspace = 'Backspace',\n}\n\nexport enum LanguageLocales {\n  NORWEGIAN = 'nb-NO',\n  NORWEGIAN_NYNORSK = 'nn-NO',\n  ENGLISH = 'en-GB',\n  SAMI_NORTHERN = 'se-NO',\n}\n"],"mappings":";AAAA,IAAY,WAAL,yBAAA,UAAA;CACL,SAAA,SAAA,aAAA,MAAA;CACA,SAAA,SAAA,YAAA,MAAA;CACA,SAAA,SAAA,WAAA,MAAA;CACA,SAAA,SAAA,YAAA,MAAA;CACA,SAAA,SAAA,WAAA,MAAA;CACA,SAAA,SAAA,YAAA,OAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,SAAL,yBAAA,QAAA;CACL,OAAA,OAAA,mBAAA,QAAA;CACA,OAAA,OAAA,aAAA,QAAA;CACA,OAAA,OAAA,qBAAA,OAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAa,6BAA6B;AAyC1C,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;CACA,YAAA,YAAA;CACA,YAAA,iBAAA;CACA,YAAA,YAAA;CACA,YAAA,eAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,WAAL,yBAAA,UAAA;CACL,SAAA,YAAA;CACA,SAAA,WAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,gBAAA;CACA,YAAA,mBAAA;CACA,YAAA,YAAA;CACA,YAAA,WAAA;CACA,YAAA,YAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,uBAAA;CACA,YAAA,YAAA;CACA,YAAA,cAAA;CACA,YAAA,aAAA;CACA,YAAA,gBAAA;CACA,YAAA,cAAA;CACA,YAAA,uBAAA;CACA,YAAA,+BAAA;CACA,YAAA,kBAAA;CACA,YAAA,0BAAA;CACA,YAAA,mBAAA;CACA,YAAA,oBAAA;CACA,YAAA,kBAAA;CACA,YAAA,eAAA;CACA,YAAA,gBAAA;CACA,YAAA,gBAAA;CACA,YAAA,gBAAA;CACA,YAAA,wBAAA;CACA,YAAA,4BAAA;CACA,YAAA,iBAAA;CACA,YAAA,qBAAA;CACA,YAAA,uBAAA;CACA,YAAA,2BAAA;CACA,YAAA,oBAAA;CACA,YAAA,UAAA;CACA,YAAA,kBAAA;CACA,YAAA,gBAAA;CACA,YAAA,WAAA;CACA,YAAA,WAAA;CACA,YAAA,UAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,YAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,uBAAA;CACA,YAAA,cAAA;CACA,YAAA,eAAA;CACA,YAAA,aAAA;CACA,YAAA,aAAA;CACA,YAAA,YAAA;CACA,YAAA,gBAAA;CACA,YAAA,iBAAA;CACA,YAAA,YAAA;CACA,YAAA,mBAAA;CACA,YAAA,YAAA;CACA,YAAA,YAAA;CACA,YAAA,eAAA;CACA,YAAA,UAAA;CACA,YAAA,iBAAA;CACA,YAAA,aAAA;CACA,YAAA,cAAA;CACA,YAAA,WAAA;CACA,YAAA,SAAA;CACA,YAAA,aAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,YAAA;CACA,YAAA,gBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,mBAAL,yBAAA,kBAAA;CACL,iBAAA,WAAA;CACA,iBAAA,YAAA;CACA,iBAAA,eAAA;CACA,iBAAA,aAAA;CACA,iBAAA,gBAAA;CACA,iBAAA,eAAA;CACA,iBAAA,UAAA;CACA,iBAAA,SAAA;CACA,iBAAA,WAAA;CACA,iBAAA,SAAA;CACA,iBAAA,eAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,kBAAL,yBAAA,iBAAA;CACL,gBAAA,eAAA;CACA,gBAAA,uBAAA;CACA,gBAAA,aAAA;CACA,gBAAA,mBAAA;;AACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"constants.js","names":[],"sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  OverlayScreen = 1300000,\n  PopOver = 11000,\n  LightBoxButtons = 1000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormOnColor {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormSize {\n  normal = 'normal',\n  large = 'large',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  ArticleTeaser = 'article-teaser',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Chip = 'chip',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Drawer = 'Drawer',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  EmptyState = 'empty-state',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  EyebrowHeader = 'eyebrow-header',\n  FavoriteButton = 'favorite-button',\n  FormFieldTag = 'form-field-tag',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpDrawer = 'help-drawer',\n  HelpExpanderInline = 'help-expander-inline',\n  HelpExpanderStandalone = 'help-expander-standalone',\n  HelpTriggerIcon = 'help-trigger-icon',\n  HelpTriggerInline = 'help-trigger-inline',\n  HelpTriggerStandalone = 'help-trigger-standalone',\n  HighlightPanel = 'highlight-panel',\n  Icon = 'icon',\n  Illustration = 'Illustration',\n  InfoTeaser = 'info-teaser',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  PanelOld = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  PromoPanel = 'promo-panel',\n  Radio = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Toggle = 'toggle',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  ArrowRight = 'ArrowRight',\n  ArrowLeft = 'ArrowLeft',\n  Home = 'Home',\n  End = 'End',\n  Space = ' ',\n  Tab = 'Tab',\n  Backspace = 'Backspace',\n}\n\nexport enum LanguageLocales {\n  NORWEGIAN = 'nb-NO',\n  NORWEGIAN_NYNORSK = 'nn-NO',\n  ENGLISH = 'en-GB',\n  SAMI_NORTHERN = 'se-NO',\n}\n"],"mappings":";AAAA,IAAY,WAAL,yBAAA,UAAA;CACL,SAAA,SAAA,aAAA,MAAA;CACA,SAAA,SAAA,YAAA,MAAA;CACA,SAAA,SAAA,WAAA,MAAA;CACA,SAAA,SAAA,YAAA,MAAA;CACA,SAAA,SAAA,WAAA,MAAA;CACA,SAAA,SAAA,YAAA,OAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,SAAL,yBAAA,QAAA;CACL,OAAA,OAAA,mBAAA,QAAA;CACA,OAAA,OAAA,aAAA,QAAA;CACA,OAAA,OAAA,qBAAA,OAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAa,6BAA6B;AAyC1C,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;CACA,YAAA,YAAA;CACA,YAAA,iBAAA;CACA,YAAA,YAAA;CACA,YAAA,eAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,WAAL,yBAAA,UAAA;CACL,SAAA,YAAA;CACA,SAAA,WAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,gBAAA;CACA,YAAA,mBAAA;CACA,YAAA,YAAA;CACA,YAAA,WAAA;CACA,YAAA,YAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,uBAAA;CACA,YAAA,YAAA;CACA,YAAA,cAAA;CACA,YAAA,aAAA;CACA,YAAA,gBAAA;CACA,YAAA,cAAA;CACA,YAAA,uBAAA;CACA,YAAA,+BAAA;CACA,YAAA,kBAAA;CACA,YAAA,0BAAA;CACA,YAAA,mBAAA;CACA,YAAA,oBAAA;CACA,YAAA,kBAAA;CACA,YAAA,eAAA;CACA,YAAA,gBAAA;CACA,YAAA,gBAAA;CACA,YAAA,gBAAA;CACA,YAAA,wBAAA;CACA,YAAA,4BAAA;CACA,YAAA,qBAAA;CACA,YAAA,uBAAA;CACA,YAAA,2BAAA;CACA,YAAA,oBAAA;CACA,YAAA,UAAA;CACA,YAAA,kBAAA;CACA,YAAA,gBAAA;CACA,YAAA,WAAA;CACA,YAAA,WAAA;CACA,YAAA,UAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,YAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,uBAAA;CACA,YAAA,cAAA;CACA,YAAA,eAAA;CACA,YAAA,aAAA;CACA,YAAA,aAAA;CACA,YAAA,YAAA;CACA,YAAA,gBAAA;CACA,YAAA,WAAA;CACA,YAAA,YAAA;CACA,YAAA,mBAAA;CACA,YAAA,YAAA;CACA,YAAA,YAAA;CACA,YAAA,eAAA;CACA,YAAA,UAAA;CACA,YAAA,iBAAA;CACA,YAAA,aAAA;CACA,YAAA,cAAA;CACA,YAAA,WAAA;CACA,YAAA,SAAA;CACA,YAAA,aAAA;CACA,YAAA,cAAA;CACA,YAAA,UAAA;CACA,YAAA,WAAA;CACA,YAAA,YAAA;CACA,YAAA,gBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,mBAAL,yBAAA,kBAAA;CACL,iBAAA,WAAA;CACA,iBAAA,YAAA;CACA,iBAAA,eAAA;CACA,iBAAA,aAAA;CACA,iBAAA,gBAAA;CACA,iBAAA,eAAA;CACA,iBAAA,UAAA;CACA,iBAAA,SAAA;CACA,iBAAA,WAAA;CACA,iBAAA,SAAA;CACA,iBAAA,eAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,kBAAL,yBAAA,iBAAA;CACL,gBAAA,eAAA;CACA,gBAAA,uBAAA;CACA,gBAAA,aAAA;CACA,gBAAA,mBAAA;;AACF,EAAA,CAAA,CAAA"}

package/lib/constants3.js

@@ -0,0 +1,42 @@
+//#region src/components/UNSAFE_Table/constants.ts
+var SortDirection = /* @__PURE__ */ function(SortDirection) {
+	SortDirection["asc"] = "asc";
+	SortDirection["desc"] = "desc";
+	return SortDirection;
+}({});
+var TableColors = /* @__PURE__ */ function(TableColors) {
+	TableColors["normal"] = "normal";
+	TableColors["transparent"] = "transparent";
+	return TableColors;
+}({});
+var TextAlign = /* @__PURE__ */ function(TextAlign) {
+	TextAlign["left"] = "left";
+	TextAlign["center"] = "center";
+	TextAlign["right"] = "right";
+	return TextAlign;
+}({});
+var ResponsiveTableVariant = /* @__PURE__ */ function(ResponsiveTableVariant) {
+	/** Normal table grid */
+	ResponsiveTableVariant["normal"] = "normal";
+	/** Collapse to two columns. */
+	ResponsiveTableVariant["stack"] = "stack";
+	/** Overflow parent container to the left and right while remaining centered horizontally. */
+	ResponsiveTableVariant["centeredoverflow"] = "centeredoverflow";
+	/** Show horizontal scrollbar when table is too big for the screen. */
+	ResponsiveTableVariant["horizontalscroll"] = "horizontalscroll";
+	return ResponsiveTableVariant;
+}({});
+var TableSizes = /* @__PURE__ */ function(TableSizes) {
+	TableSizes["normal"] = "normal";
+	TableSizes["compact"] = "compact";
+	return TableSizes;
+}({});
+var defaultConfig = [{
+	breakpoint: "xl",
+	variant: "centeredoverflow",
+	fallbackVariant: "stack"
+}];
+//#endregion
+export { TextAlign as a, TableSizes as i, SortDirection as n, defaultConfig as o, TableColors as r, ResponsiveTableVariant as t };
+
+//# sourceMappingURL=constants3.js.map

package/lib/constants3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants3.js","names":[],"sources":["../src/components/UNSAFE_Table/constants.ts"],"sourcesContent":["import type { BreakpointConfig } from './UNSAFE_Table';\n\nexport enum SortDirection {\n  asc = 'asc',\n  desc = 'desc',\n}\n\nexport enum TableColors {\n  normal = 'normal',\n  transparent = 'transparent',\n}\n\nexport enum TextAlign {\n  left = 'left',\n  center = 'center',\n  right = 'right',\n}\n// normal\n// stack\n// centeredoverflow\n// horizontalscroll\nexport enum ResponsiveTableVariant {\n  /** Normal table grid */\n  normal = 'normal',\n  /** Collapse to two columns. */\n  stack = 'stack',\n  /** Overflow parent container to the left and right while remaining centered horizontally. */\n  centeredoverflow = 'centeredoverflow',\n  /** Show horizontal scrollbar when table is too big for the screen. */\n  horizontalscroll = 'horizontalscroll',\n}\nexport enum TableSizes {\n  normal = 'normal',\n  compact = 'compact',\n}\n\nexport const defaultConfig: BreakpointConfig[] = [\n  {\n    breakpoint: 'xl',\n    variant: ResponsiveTableVariant.centeredoverflow,\n    fallbackVariant: ResponsiveTableVariant.stack,\n  },\n];\n"],"mappings":";AAEA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,SAAA;CACA,cAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,YAAA;CACA,YAAA,iBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,YAAL,yBAAA,WAAA;CACL,UAAA,UAAA;CACA,UAAA,YAAA;CACA,UAAA,WAAA;;AACF,EAAA,CAAA,CAAA;AAKA,IAAY,yBAAL,yBAAA,wBAAA;;CAEL,uBAAA,YAAA;;CAEA,uBAAA,WAAA;;CAEA,uBAAA,sBAAA;;CAEA,uBAAA,sBAAA;;AACF,EAAA,CAAA,CAAA;AACA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,YAAA;CACA,WAAA,aAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAa,gBAAoC,CAC/C;CACE,YAAY;CACZ,SAAA;CACA,iBAAA;AACF,CACF"}