@equinor/amplify-component-lib 12.0.7 → 13.0.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 (86) hide show
  1. package/dist/atoms/hooks/useLocalStorage.d.ts +2 -2
  2. package/dist/atoms/hooks/useSelect.d.ts +3 -3
  3. package/dist/atoms/index.js +1 -1
  4. package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts +2 -2
  5. package/dist/deprecated/IconToggleButton.d.ts +2 -2
  6. package/dist/index.d.ts +2 -1
  7. package/dist/index.js +1 -1
  8. package/dist/molecules/Button/Button.d.ts +15 -7
  9. package/dist/molecules/Button/Button.js +1 -12
  10. package/dist/molecules/Button/Button.styles.js +88 -0
  11. package/dist/molecules/Button/Button.utils.js +1 -1
  12. package/dist/molecules/Button/IconButton/IconButton.d.ts +17 -0
  13. package/dist/molecules/Button/IconButton/IconButton.js +1 -0
  14. package/dist/molecules/Button/IconButton/IconButton.styles.js +69 -0
  15. package/dist/molecules/Button/tokens/danger.js +1 -0
  16. package/dist/molecules/Button/tokens/disabled.js +1 -0
  17. package/dist/molecules/Button/tokens/primary.js +1 -0
  18. package/dist/molecules/Button/tokens/tokens.js +1 -0
  19. package/dist/molecules/Button/types.d.ts +15 -0
  20. package/dist/molecules/Chip/Chip.d.ts +2 -2
  21. package/dist/molecules/DatePicker/DatePicker.d.ts +3 -3
  22. package/dist/molecules/DateRangePicker/DateRangePicker.d.ts +3 -3
  23. package/dist/molecules/Dialog/Dialog.d.ts +6 -5
  24. package/dist/molecules/Dialog/DialogAction.js +1 -1
  25. package/dist/molecules/EquinorLogo/EquinorLogo.d.ts +2 -2
  26. package/dist/molecules/FileUploadArea/FileUploadArea.js +1 -1
  27. package/dist/molecules/IconCell/IconCell.d.ts +2 -2
  28. package/dist/molecules/ListItem/ListItem.d.ts +2 -2
  29. package/dist/molecules/OptionDrawer/OptionDrawer.d.ts +2 -2
  30. package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts +4 -4
  31. package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts +2 -2
  32. package/dist/molecules/RichTextEditor/MenuBar/MenuBar.d.ts +7 -7
  33. package/dist/molecules/RichTextEditor/MenuBar/Table/TableColumn.js +1 -1
  34. package/dist/molecules/RichTextEditor/MenuBar/Table/TableMerge.js +1 -1
  35. package/dist/molecules/RichTextEditor/MenuBar/Table/TableRow.js +1 -1
  36. package/dist/molecules/RichTextEditor/MenuBar/Table/ToggleTable.js +1 -1
  37. package/dist/molecules/RichTextEditor/index.d.ts +7 -7
  38. package/dist/molecules/Search/Search.d.ts +2 -2
  39. package/dist/molecules/Select/Select.js +1 -1
  40. package/dist/molecules/Select/Select.styles.d.ts +7 -7
  41. package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts +2 -2
  42. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +2 -2
  43. package/dist/molecules/SelectionControls/Radio/Radio.d.ts +2 -2
  44. package/dist/molecules/SelectionControls/Switch/Switch.d.ts +2 -2
  45. package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts +4 -4
  46. package/dist/molecules/Stepper/Step/Step.js +1 -1
  47. package/dist/molecules/Stepper/Step/StepIcon.js +2 -2
  48. package/dist/molecules/Stepper/Stepper.d.ts +11 -0
  49. package/dist/molecules/Stepper/Stepper.js +1 -1
  50. package/dist/molecules/TableHeader/TableHeader.js +1 -1
  51. package/dist/molecules/TableHeader/TableHeader.utils.js +1 -1
  52. package/dist/molecules/TextField/TextField.js +3 -3
  53. package/dist/molecules/Toast/Toast.js +1 -1
  54. package/dist/molecules/index.d.ts +2 -1
  55. package/dist/molecules/index.js +1 -1
  56. package/dist/node_modules/@equinor/eds-utils/dist/esm/utils/templates/index.js +9 -0
  57. package/dist/organisms/DataGrid/DataGrid.d.ts +2 -2
  58. package/dist/organisms/ReleaseNote/ReleaseNote.d.ts +3 -3
  59. package/dist/organisms/ReleaseNote/ToggleExpanded.js +2 -2
  60. package/dist/organisms/SideBar/SideBar.d.ts +2 -2
  61. package/dist/organisms/SideSheet/SideSheet.js +1 -1
  62. package/dist/organisms/Status/Action.d.ts +2 -2
  63. package/dist/organisms/Status/Description.d.ts +2 -2
  64. package/dist/organisms/Status/MissingAccesses.d.ts +2 -2
  65. package/dist/organisms/Status/Title.d.ts +2 -2
  66. package/dist/organisms/Status/collections/BadRequest.d.ts +2 -2
  67. package/dist/organisms/Status/collections/GenericError.d.ts +2 -2
  68. package/dist/organisms/Status/collections/MissingPermissions.d.ts +2 -2
  69. package/dist/organisms/Status/collections/PageNotFound.d.ts +2 -2
  70. package/dist/organisms/Status/collections/ServerError.d.ts +2 -2
  71. package/dist/organisms/Template/Template.d.ts +5 -5
  72. package/dist/organisms/ToggleGroup/ToggleGroup.d.ts +2 -2
  73. package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts +2 -2
  74. package/dist/organisms/TopBar/Account/Account.js +1 -1
  75. package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js +1 -1
  76. package/dist/organisms/TopBar/Actions.d.ts +2 -2
  77. package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts +2 -2
  78. package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts +2 -2
  79. package/dist/organisms/TopBar/Resources/ReleaseNotesDialog/ReleaseNotesDialog.js +1 -1
  80. package/dist/providers/StepperProvider.js +1 -1
  81. package/dist/providers/SurveyProvider/SurveyDialog/SurveyDialog.js +1 -1
  82. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyFreeTextQuestion.js +2 -2
  83. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyLinearScaleQuestion.js +2 -2
  84. package/dist/providers/SurveyProvider/SurveyDialog/SurveyQuestion/SurveyMultipleChoiceQuestion.js +2 -2
  85. package/dist/providers/SurveyProvider/SurveyDialog/UmuxDialog.js +2 -2
  86. package/package.json +3 -1
@@ -1,5 +1,5 @@
1
1
  import { ChangeEvent, MouseEvent } from "react";
2
- import * as react_jsx_runtime1 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/molecules/OptionDrawer/OptionDrawer.d.ts
5
5
  interface ToggleEventProps<T> {
@@ -43,7 +43,7 @@ declare const OptionDrawer: {
43
43
  openAll,
44
44
  showIntermediateParent,
45
45
  parentHasNestedItems
46
- }: OptionDrawerProps<T>): react_jsx_runtime1.JSX.Element;
46
+ }: OptionDrawerProps<T>): react_jsx_runtime0.JSX.Element;
47
47
  displayName: string;
48
48
  };
49
49
  //#endregion
@@ -1,4 +1,4 @@
1
- import * as react27 from "react";
1
+ import * as react16 from "react";
2
2
  import { TooltipProps } from "@equinor/eds-core-react";
3
3
  import * as _floating_ui_utils0 from "@floating-ui/utils";
4
4
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
6
6
  type OptionalTooltipProps = {
7
7
  textTransform?: string;
8
8
  } & TooltipProps;
9
- declare const OptionalTooltip: react27.ForwardRefExoticComponent<{
9
+ declare const OptionalTooltip: react16.ForwardRefExoticComponent<{
10
10
  textTransform?: string;
11
11
  } & {
12
12
  placement?: _floating_ui_utils0.Placement;
13
- title?: react27.ReactNode;
13
+ title?: react16.ReactNode;
14
14
  children: React.ReactElement & React.RefAttributes<HTMLElement>;
15
15
  enterDelay?: number;
16
16
  portalContainer?: HTMLElement;
17
- } & Omit<react27.HTMLAttributes<HTMLDivElement>, "title"> & react27.RefAttributes<HTMLDivElement>>;
17
+ } & Omit<react16.HTMLAttributes<HTMLDivElement>, "title"> & react16.RefAttributes<HTMLDivElement>>;
18
18
  //#endregion
19
19
  export { OptionalTooltip, OptionalTooltipProps };
@@ -1,4 +1,4 @@
1
- import * as react25 from "react";
1
+ import * as react22 from "react";
2
2
 
3
3
  //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
4
4
  interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
7
7
  size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
8
8
  disabled?: boolean;
9
9
  }
10
- declare const ProfileAvatar: react25.ForwardRefExoticComponent<ProfileAvatarProps & react25.RefAttributes<HTMLDivElement>>;
10
+ declare const ProfileAvatar: react22.ForwardRefExoticComponent<ProfileAvatarProps & react22.RefAttributes<HTMLDivElement>>;
11
11
  //#endregion
12
12
  export { ProfileAvatar, ProfileAvatarProps };
@@ -1,11 +1,11 @@
1
1
  import { EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "../RichTextEditor.types.js";
2
2
  import { MenuButtonProps } from "./MenuButton.js";
3
3
  import { AddImageProps } from "./AddImageButton.js";
4
- import * as react31 from "react";
4
+ import * as react35 from "react";
5
5
  import { FC } from "react";
6
- import * as styled_components3 from "styled-components";
6
+ import * as styled_components5 from "styled-components";
7
7
  import { Editor } from "@tiptap/react";
8
- import * as styled_components_dist_types0 from "styled-components/dist/types";
8
+ import * as styled_components_dist_types1 from "styled-components/dist/types";
9
9
 
10
10
  //#region src/molecules/RichTextEditor/MenuBar/MenuBar.d.ts
11
11
  interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
@@ -14,10 +14,10 @@ interface MenuBarProps extends Pick<ImageExtensionFnProps, 'onImageUpload'> {
14
14
  }
15
15
  declare const AmplifyBar: FC<MenuBarProps>;
16
16
  declare const EditorMenu: {
17
- Bar: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
18
- Bars: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
19
- Button: react31.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react31.RefAttributes<HTMLButtonElement>>;
20
- Section: styled_components_dist_types0.IStyledComponentBase<"web", styled_components3.FastOmit<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react31.DetailedHTMLProps<react31.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
17
+ Bar: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
18
+ Bars: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
19
+ Button: react35.ForwardRefExoticComponent<Omit<MenuButtonProps, "ref"> & react35.RefAttributes<HTMLButtonElement>>;
20
+ Section: styled_components_dist_types1.IStyledComponentBase<"web", styled_components5.FastOmit<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<react35.DetailedHTMLProps<react35.HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
21
21
  AddImageButton: FC<AddImageProps>;
22
22
  };
23
23
  declare const EditorText: {
@@ -1 +1 @@
1
- import{amplify_table_add_column_left as e,amplify_table_add_column_right as t,amplify_table_remove_column as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add column left`,icon:e,onClick:()=>s.chain().focus().addColumnBefore().run(),disabled:!s.can().addColumnBefore()}),a(i,{tooltip:`Add column right`,icon:t,onClick:()=>s.chain().focus().addColumnAfter().run(),disabled:!s.can().addColumnAfter()}),a(i,{tooltip:`Remove column`,icon:n,onClick:()=>s.chain().focus().deleteColumn().run(),disabled:!s.can().deleteColumn()})]});export{s as TableColumn};
1
+ import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_add_column_left as n,amplify_table_add_column_right as r,amplify_table_remove_column as i}from"../../../../atoms/icons/wysiwyg.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(e,{children:[a(t,{tooltip:`Add column left`,icon:n,onClick:()=>s.chain().focus().addColumnBefore().run(),disabled:!s.can().addColumnBefore()}),a(t,{tooltip:`Add column right`,icon:r,onClick:()=>s.chain().focus().addColumnAfter().run(),disabled:!s.can().addColumnAfter()}),a(t,{tooltip:`Remove column`,icon:i,onClick:()=>s.chain().focus().deleteColumn().run(),disabled:!s.can().deleteColumn()})]});export{s as TableColumn};
@@ -1 +1 @@
1
- import{amplify_table_merge_cells as e,amplify_table_split_cell as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Merge selected cells`,icon:e,onClick:()=>o.chain().focus().mergeCells().run(),disabled:!o.can().mergeCells()}),i(r,{tooltip:`Split selected cell`,icon:t,onClick:()=>o.chain().focus().splitCell().run(),disabled:!o.can().splitCell()})]});export{o as TableMerge};
1
+ import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_merge_cells as n,amplify_table_split_cell as r}from"../../../../atoms/icons/wysiwyg.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(e,{children:[i(t,{tooltip:`Merge selected cells`,icon:n,onClick:()=>o.chain().focus().mergeCells().run(),disabled:!o.can().mergeCells()}),i(t,{tooltip:`Split selected cell`,icon:r,onClick:()=>o.chain().focus().splitCell().run(),disabled:!o.can().splitCell()})]});export{o as TableMerge};
@@ -1 +1 @@
1
- import{amplify_table_add_row_above as e,amplify_table_add_row_below as t,amplify_table_remove_row as n}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as r}from"../MenuBar.styles.js";import{MenuButton as i}from"../MenuButton.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(r,{children:[a(i,{tooltip:`Add row below`,icon:t,onClick:()=>s.chain().focus().addRowAfter().run(),disabled:!s.can().addRowAfter()}),a(i,{tooltip:`Add row above`,icon:e,onClick:()=>s.chain().focus().addRowBefore().run(),disabled:!s.can().addRowBefore()}),a(i,{tooltip:`Remove row`,icon:n,onClick:()=>s.chain().focus().deleteRow().run(),disabled:!s.can().deleteRow()})]});export{s as TableRow};
1
+ import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_add_row_above as n,amplify_table_add_row_below as r,amplify_table_remove_row as i}from"../../../../atoms/icons/wysiwyg.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({editor:s})=>o(e,{children:[a(t,{tooltip:`Add row below`,icon:r,onClick:()=>s.chain().focus().addRowAfter().run(),disabled:!s.can().addRowAfter()}),a(t,{tooltip:`Add row above`,icon:n,onClick:()=>s.chain().focus().addRowBefore().run(),disabled:!s.can().addRowBefore()}),a(t,{tooltip:`Remove row`,icon:i,onClick:()=>s.chain().focus().deleteRow().run(),disabled:!s.can().deleteRow()})]});export{s as TableRow};
@@ -1 +1 @@
1
- import{amplify_table_column_heading as e,amplify_table_row_heading as t}from"../../../../atoms/icons/wysiwyg.js";import{MenuSection as n}from"../MenuBar.styles.js";import{MenuButton as r}from"../MenuButton.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(n,{children:[i(r,{tooltip:`Toggle header row`,icon:t,onClick:()=>o.chain().focus().toggleHeaderRow().run(),disabled:!o.can().toggleHeaderRow()}),i(r,{tooltip:`Toggle header column`,icon:e,onClick:()=>o.chain().focus().toggleHeaderColumn().run(),disabled:!o.can().toggleHeaderColumn()})]});export{o as ToggleTable};
1
+ import{MenuSection as e}from"../MenuBar.styles.js";import{MenuButton as t}from"../MenuButton.js";import{amplify_table_column_heading as n,amplify_table_row_heading as r}from"../../../../atoms/icons/wysiwyg.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";const o=({editor:o})=>a(e,{children:[i(t,{tooltip:`Toggle header row`,icon:r,onClick:()=>o.chain().focus().toggleHeaderRow().run(),disabled:!o.can().toggleHeaderRow()}),i(t,{tooltip:`Toggle header column`,icon:n,onClick:()=>o.chain().focus().toggleHeaderColumn().run(),disabled:!o.can().toggleHeaderColumn()})]});export{o as ToggleTable};
@@ -2,17 +2,17 @@ import { EditorStylingProps, RichTextContentProps } from "./RichTextEditor.style
2
2
  import { EditorProviderProps } from "./EditorProvider.js";
3
3
  import { MenuBarProps } from "./MenuBar/MenuBar.js";
4
4
  import { RichTextEditor } from "./RichTextEditor.js";
5
- import * as react45 from "react";
6
- import * as styled_components6 from "styled-components";
5
+ import * as react24 from "react";
6
+ import * as styled_components0 from "styled-components";
7
7
  import * as _tiptap_react0 from "@tiptap/react";
8
- import * as styled_components_dist_types3 from "styled-components/dist/types";
8
+ import * as styled_components_dist_types0 from "styled-components/dist/types";
9
9
 
10
10
  //#region src/molecules/RichTextEditor/index.d.ts
11
11
  declare const RichText: {
12
- Styling: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components6.FastOmit<react45.DetailedHTMLProps<react45.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
13
- Provider: react45.FC<EditorProviderProps>;
14
- Content: styled_components_dist_types3.IStyledComponentBase<"web", styled_components6.FastOmit<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components6.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react45.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react45.RefAttributes<HTMLDivElement>>, keyof react45.Component<any, {}, any>>;
15
- Bar: react45.FC<MenuBarProps>;
12
+ Styling: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<react24.DetailedHTMLProps<react24.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never> & Partial<Pick<styled_components0.FastOmit<react24.DetailedHTMLProps<react24.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof EditorStylingProps> & EditorStylingProps, never>>> & string;
13
+ Provider: react24.FC<EditorProviderProps>;
14
+ Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never> & Partial<Pick<styled_components0.FastOmit<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>, keyof RichTextContentProps> & RichTextContentProps, never>>> & string & Omit<react24.NamedExoticComponent<Omit<_tiptap_react0.EditorContentProps, "ref"> & react24.RefAttributes<HTMLDivElement>>, keyof react24.Component<any, {}, any>>;
15
+ Bar: react24.FC<MenuBarProps>;
16
16
  };
17
17
  //#endregion
18
18
  export { RichText };
@@ -1,10 +1,10 @@
1
- import * as react56 from "react";
1
+ import * as react49 from "react";
2
2
  import { SearchProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/Search/Search.d.ts
5
5
  interface SearchProps$1 extends SearchProps {
6
6
  lightBackground?: boolean;
7
7
  }
8
- declare const Search$1: react56.ForwardRefExoticComponent<SearchProps$1 & react56.RefAttributes<HTMLInputElement>>;
8
+ declare const Search$1: react49.ForwardRefExoticComponent<SearchProps$1 & react49.RefAttributes<HTMLInputElement>>;
9
9
  //#endregion
10
10
  export { Search$1 as Search };
@@ -1 +1 @@
1
- import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{InputExplanation as t}from"../InputExplanation/InputExplanation.js";import{useOutsideClick as n}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{SelectItemSkeleton as r}from"./SelectItemSkeleton.js";import{LabelWrapper as i,PersistentComboBoxWrapper as a,PersistentStickyWrapper as o,StyledMenu as s}from"./Select.styles.js";import{GroupedSelectMenu as c}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as l}from"./GroupedSelectPersistent.js";import{ListSelectMenu as u}from"./ListSelectMenu.js";import{ListSelectPersistent as d}from"./ListSelectPersistent.js";import{SearchBar as f}from"./SearchBar.js";import{useMemo as p,useRef as m}from"react";import{Label as h}from"@equinor/eds-core-react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=y=>{let{clearable:ee=!0,loading:b=!1,disabled:x=!1,lightBackground:S=!1,underlineHighlight:C=!1,sortValues:w=!0,placeholder:T=`Select...`,label:E,meta:D,id:O=`amplify-combobox-${E}`,inDialog:k=!1,onSearchFilter:A,CustomMenuItemComponent:j,mode:M=`menu`,explanation:N,explanationPosition:P}=y,{handleOnAddItem:F,handleOnItemKeyDown:I,handleOnItemSelect:L,itemRefs:R,search:z,handleOnClose:B,open:V,handleOnClear:H,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleToggleOpen:G,selectedValues:K,handleOnOpen:q,handleOnRemoveItem:J,searchRef:Y,tryingToRemoveItem:X}=e({...y,clearable:ee,loading:b,disabled:x,lightBackground:S,underlineHighlight:C,sortValues:w,placeholder:T}),Z=m(null),Q=m(null),$=p(()=>!!E||!!D,[E,D]);if(n(Q.current,e=>{k&&V&&e.target&&Z.current&&Q.current&&!Z.current.contains(e.target)&&!Q.current?.contains(e.target)&&B()}),M===`persistent`&&`value`in y&&y.value)throw Error(`You cannot use SingleSelect with persistent mode`);if(M===`persistent`){let e=`groups`in y&&y.groups?_(l,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(d,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j});return v(g,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(t,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),v(a,{$maxHeight:y.mode===`persistent`&&y.maxHeight?y.maxHeight:void 0,$shouldShowLabel:$,children:[_(o,{children:_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H})}),y.loading?v(g,{children:[_(r,{}),_(r,{}),_(r,{})]}):e]})]})}return v(`div`,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(t,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H}),V&&_(s,{ref:Q,open:!0,id:`combobox-menu`,anchorEl:Z.current,onClose:B,placement:`bottom`,style:{width:`${Z.current?.clientWidth}px`,maxWidth:`${Z.current?.clientWidth}px`},children:`groups`in y&&y.groups?_(c,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(u,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j})},`select-menu-${z}`)]})};export{y as Select};
1
+ import{useSelect as e}from"../../atoms/hooks/useSelect.js";import{useOutsideClick as t}from"../../node_modules/@equinor/eds-utils/dist/esm/hooks/useOutsideClick.js";import{InputExplanation as n}from"../InputExplanation/InputExplanation.js";import{SelectItemSkeleton as r}from"./SelectItemSkeleton.js";import{LabelWrapper as i,PersistentComboBoxWrapper as a,PersistentStickyWrapper as o,StyledMenu as s}from"./Select.styles.js";import{GroupedSelectMenu as c}from"./GroupedSelectMenu.js";import{GroupedSelectPersistent as l}from"./GroupedSelectPersistent.js";import{ListSelectMenu as u}from"./ListSelectMenu.js";import{ListSelectPersistent as d}from"./ListSelectPersistent.js";import{SearchBar as f}from"./SearchBar.js";import{useMemo as p,useRef as m}from"react";import{Label as h}from"@equinor/eds-core-react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";const y=y=>{let{clearable:ee=!0,loading:b=!1,disabled:x=!1,lightBackground:S=!1,underlineHighlight:C=!1,sortValues:w=!0,placeholder:T=`Select...`,label:E,meta:D,id:O=`amplify-combobox-${E}`,inDialog:k=!1,onSearchFilter:A,CustomMenuItemComponent:j,mode:M=`menu`,explanation:N,explanationPosition:P}=y,{handleOnAddItem:F,handleOnItemKeyDown:I,handleOnItemSelect:L,itemRefs:R,search:z,handleOnClose:B,open:V,handleOnClear:H,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleToggleOpen:G,selectedValues:K,handleOnOpen:q,handleOnRemoveItem:J,searchRef:Y,tryingToRemoveItem:X}=e({...y,clearable:ee,loading:b,disabled:x,lightBackground:S,underlineHighlight:C,sortValues:w,placeholder:T}),Z=m(null),Q=m(null),$=p(()=>!!E||!!D,[E,D]);if(t(Q.current,e=>{k&&V&&e.target&&Z.current&&Q.current&&!Z.current.contains(e.target)&&!Q.current?.contains(e.target)&&B()}),M===`persistent`&&`value`in y&&y.value)throw Error(`You cannot use SingleSelect with persistent mode`);if(M===`persistent`){let e=`groups`in y&&y.groups?_(l,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(d,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j});return v(g,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(n,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),v(a,{$maxHeight:y.mode===`persistent`&&y.maxHeight?y.maxHeight:void 0,$shouldShowLabel:$,children:[_(o,{children:_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H})}),y.loading?v(g,{children:[_(r,{}),_(r,{}),_(r,{})]}):e]})]})}return v(`div`,{children:[$&&_(h,{label:v(i,{children:[E,N&&_(n,{position:P,children:N})]}),meta:D,htmlFor:O,disabled:x}),_(f,{props:y,anchorRef:Z,search:z,searchRef:Y,open:V,selectedValues:K,handleOnOpen:q,handleToggleOpen:G,handleOnRemoveItem:J,tryingToRemoveItem:X,handleOnSearchChange:U,handleOnSearchKeyDown:W,handleOnClear:H}),V&&_(s,{ref:Q,open:!0,id:`combobox-menu`,anchorEl:Z.current,onClose:B,placement:`bottom`,style:{width:`${Z.current?.clientWidth}px`,maxWidth:`${Z.current?.clientWidth}px`},children:`groups`in y&&y.groups?_(c,{...y,search:z,itemRefs:R,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j}):_(u,{...y,search:z,itemRefs:R,onAddItem:y.onAddItem?F:void 0,onItemSelect:L,onItemKeyDown:I,onSearchFilter:A,CustomMenuItemComponent:j})},`select-menu-${z}`)]})};export{y as Select};
@@ -1,8 +1,8 @@
1
1
  import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
2
- import * as react62 from "react";
2
+ import * as react55 from "react";
3
3
  import "@equinor/eds-core-react";
4
- import * as styled_components15 from "styled-components";
5
- import * as styled_components_dist_types6 from "styled-components/dist/types";
4
+ import * as styled_components11 from "styled-components";
5
+ import * as styled_components_dist_types5 from "styled-components/dist/types";
6
6
 
7
7
  //#region src/molecules/Select/Select.styles.d.ts
8
8
 
@@ -11,15 +11,15 @@ interface ComboBoxChipProps {
11
11
  $lightBackground?: boolean;
12
12
  className: string;
13
13
  }
14
- declare const ComboBoxChip: styled_components_dist_types6.IStyledComponentBase<"web", styled_components15.FastOmit<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
14
+ declare const ComboBoxChip: styled_components_dist_types5.IStyledComponentBase<"web", styled_components11.FastOmit<styled_components11.FastOmit<((Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
15
15
  onClick?: undefined;
16
16
  onDelete?: undefined;
17
- }) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components15.FastOmit<((Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
17
+ }) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never> & Partial<Pick<styled_components11.FastOmit<((Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
18
18
  onClick?: undefined;
19
19
  onDelete?: undefined;
20
- }) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types6.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react62.ForwardRefExoticComponent<(Omit<react62.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
20
+ }) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types5.BaseObject, keyof ComboBoxChipProps> & ComboBoxChipProps, never>>> & string & Omit<react55.ForwardRefExoticComponent<(Omit<react55.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
21
21
  onClick?: undefined;
22
22
  onDelete?: undefined;
23
- }) | ClickableChipProps | DeletableChipProps)) & react62.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react62.Component<any, {}, any>>;
23
+ }) | ClickableChipProps | DeletableChipProps)) & react55.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react55.Component<any, {}, any>>;
24
24
  //#endregion
25
25
  export { ComboBoxChip };
@@ -1,5 +1,5 @@
1
1
  import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
2
- import * as react_jsx_runtime4 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime1 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
5
5
  type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
15
15
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
16
16
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
17
17
  */
18
- declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
18
+ declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime1.JSX.Element;
19
19
  //#endregion
20
20
  export { SingleSelect, SingleSelectProps };
@@ -1,4 +1,4 @@
1
- import * as react162 from "react";
1
+ import * as react155 from "react";
2
2
  import { CheckboxProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
7
7
  outlined?: boolean;
8
8
  error?: boolean;
9
9
  }
10
- declare const Checkbox$1: react162.ForwardRefExoticComponent<CheckboxProps$1 & react162.RefAttributes<HTMLInputElement>>;
10
+ declare const Checkbox$1: react155.ForwardRefExoticComponent<CheckboxProps$1 & react155.RefAttributes<HTMLInputElement>>;
11
11
  //#endregion
12
12
  export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };
@@ -1,4 +1,4 @@
1
- import * as react164 from "react";
1
+ import * as react157 from "react";
2
2
  import { RadioProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
7
7
  outlined?: boolean;
8
8
  error?: boolean;
9
9
  }
10
- declare const Radio$1: react164.ForwardRefExoticComponent<RadioProps$1 & react164.RefAttributes<HTMLInputElement>>;
10
+ declare const Radio$1: react157.ForwardRefExoticComponent<RadioProps$1 & react157.RefAttributes<HTMLInputElement>>;
11
11
  //#endregion
12
12
  export { Radio$1 as Radio, RadioProps$1 as RadioProps };
@@ -1,10 +1,10 @@
1
- import * as react166 from "react";
1
+ import * as react159 from "react";
2
2
  import { SwitchProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Switch/Switch.d.ts
5
5
  interface SwitchProps$1 extends SwitchProps {
6
6
  outlined?: boolean;
7
7
  }
8
- declare const Switch$1: react166.ForwardRefExoticComponent<SwitchProps$1 & react166.RefAttributes<HTMLInputElement>>;
8
+ declare const Switch$1: react159.ForwardRefExoticComponent<SwitchProps$1 & react159.RefAttributes<HTMLInputElement>>;
9
9
  //#endregion
10
10
  export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };
@@ -1,6 +1,6 @@
1
- import * as react58 from "react";
2
- import * as styled_components12 from "styled-components";
3
- import * as styled_components_dist_types5 from "styled-components/dist/types";
1
+ import * as react51 from "react";
2
+ import * as styled_components8 from "styled-components";
3
+ import * as styled_components_dist_types4 from "styled-components/dist/types";
4
4
  import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
5
5
 
6
6
  //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -8,6 +8,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
8
8
  interface SkeletonBaseProps {
9
9
  $offset?: number;
10
10
  }
11
- declare const SkeletonBase: styled_components_dist_types5.IStyledComponentBase<"web", styled_components12.FastOmit<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components12.FastOmit<react58.DetailedHTMLProps<react58.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
11
+ declare const SkeletonBase: styled_components_dist_types4.IStyledComponentBase<"web", styled_components8.FastOmit<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never> & Partial<Pick<styled_components8.FastOmit<react51.DetailedHTMLProps<react51.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$offset"> & SkeletonBaseProps, never>>> & string;
12
12
  //#endregion
13
13
  export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };
@@ -12,4 +12,4 @@ import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}fro
12
12
  cursor: pointer;
13
13
  }
14
14
  `:``}
15
- `,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s})=>{let{currentStep:d,setCurrentStep:f,isStepAtIndexDisabled:p}=n(),m=p(t),h=i(()=>t<d?`body_short`:`body_short_bold`,[d,t]),g=i(()=>t>d||m?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[d,t,m]);return l(u,{"data-testid":`step`,$clickable:t<d,onClick:()=>{t<d&&!m&&f(t)},$disabled:m,"aria-disabled":m,role:`button`,children:[c(r,{index:t,disabled:m}),(!o||d===t)&&c(a,{variant:h,color:g,children:s})]})};export{d as default};
15
+ `,d=({index:t,onlyShowCurrentStepLabel:o=!1,children:s,allowJumpingAhead:d=!1})=>{let{currentStep:f,setCurrentStep:p,isStepAtIndexDisabled:m}=n(),h=m(t),g=i(()=>t<f?`body_short`:`body_short_bold`,[f,t,d]),_=i(()=>h||t>f&&!d?e.interactive.disabled__text.rgba:e.text.static_icons__default.rgba,[f,t,h,d]),v=i(()=>h?!1:!!(t<f||d&&t>f),[t,f,h,d]);return l(u,{"data-testid":`step`,$clickable:v,onClick:()=>{v&&p(t)},onKeyDown:e=>{v&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),p(t))},$disabled:h,"aria-disabled":!v,role:`button`,tabIndex:v?0:-1,children:[c(r,{index:t,disabled:h,allowJumpingAhead:d}),(!o||f===t)&&c(a,{variant:g,color:_,children:s})]})};export{d as default};
@@ -11,9 +11,9 @@ import{colors as e}from"../../../atoms/style/colors.js";import{shape as t}from".
11
11
  > p {
12
12
  // Ensure text icons are not squished
13
13
  padding: 8px;
14
- color: ${t=>t.$filled?e.text.static_icons__primary_white.rgba:e.interactive.disabled__text.rgba};
14
+ color: ${({$filled:t,$outlined:n})=>t?e.text.static_icons__primary_white.rgba:n?e.interactive.primary__resting.rgba:e.interactive.disabled__text.rgba};
15
15
  }
16
16
  > svg {
17
17
  transform: scale(0.9);
18
18
  }
19
- `,u=({index:t,disabled:a})=>{let{currentStep:u}=n();return a?o(r,{data:c,color:e.interactive.disabled__text.rgba}):t>=u?o(l,{$filled:t===u,children:o(i,{variant:`caption`,children:t+1})}):o(l,{$outlined:!0,"data-testid":`wrapper`,children:o(r,{data:s,color:e.interactive.primary__resting.rgba})})};export{u as StepIcon};
19
+ `,u=({index:t,disabled:a,allowJumpingAhead:u})=>{let{currentStep:d}=n();return a?o(r,{data:c,color:e.interactive.disabled__text.rgba}):t>d&&u?o(l,{$outlined:!0,children:o(i,{variant:`caption`,children:t+1})}):t>=d?o(l,{$filled:t===d,children:o(i,{variant:`caption`,children:t+1})}):o(l,{$outlined:!0,"data-testid":`wrapper`,children:o(r,{data:s,color:e.interactive.primary__resting.rgba})})};export{u as StepIcon};
@@ -1,9 +1,20 @@
1
1
  import { FC } from "react";
2
2
 
3
3
  //#region src/molecules/Stepper/Stepper.d.ts
4
+
5
+ /**
6
+ * Props for the Stepper component
7
+ * @interface StepperProps
8
+ */
4
9
  interface StepperProps {
10
+ /** If true, only the current step's label is displayed, hiding others */
5
11
  onlyShowCurrentStepLabel?: boolean;
12
+ /** Maximum width of the stepper container */
6
13
  maxWidth?: string;
14
+ /** If true, hides the SubTitle content section below the stepper (used when steps provide `title` or `subSteps`) */
15
+ hideContent?: boolean;
16
+ /** If true, allows users to click on steps ahead of the current step to jump forward and renders those steps as interactive */
17
+ allowJumpingAhead?: boolean;
7
18
  }
8
19
  declare const Stepper: FC<StepperProps>;
9
20
  //#endregion
@@ -13,4 +13,4 @@ import{spacings as e}from"../../atoms/style/spacings.js";import{useStepper as t}
13
13
  ${({$maxWidth:e})=>e?s`
14
14
  max-width: ${e};
15
15
  `:``}
16
- `,f=({onlyShowCurrentStepLabel:e=!1,maxWidth:o})=>{let{steps:s,currentStep:f}=t(),p=a(()=>{let t=[];return s.forEach((i,a)=>{t.push(c(n,{index:a,onlyShowCurrentStepLabel:e,children:i.label},`step-${a}`)),a!==s.length-1&&t.push(c(r,{done:f>a},`step-line-${a}`))}),t},[f,e,s]);return l(u,{children:[c(d,{$stepAmount:s.length,$maxWidth:o,"data-testid":`stepper-container`,children:p}),c(i,{})]})};export{f as Stepper};
16
+ `,f=({onlyShowCurrentStepLabel:e=!1,maxWidth:o,hideContent:s=!1,allowJumpingAhead:f=!1})=>{let{steps:p,currentStep:m}=t(),h=a(()=>{let t=[];return p.forEach((i,a)=>{t.push(c(n,{index:a,onlyShowCurrentStepLabel:e,allowJumpingAhead:f,children:i.label},`step-${a}`)),a!==p.length-1&&t.push(c(r,{done:m>a||f},`step-line-${a}`))}),t},[m,e,p,f]);return l(u,{children:[c(d,{$stepAmount:p.length,$maxWidth:o,"data-testid":`stepper-container`,children:h}),!s&&c(i,{})]})};export{f as Stepper};
@@ -1 +1 @@
1
- import{Button as e}from"../Button/Button.js";import"../../atoms/enums/SpacingsMode.js";import{getActionIconColor as t,getLeadingIcon as n,getLeadingIconColor as r,getSortingIcon as i,getTextColor as a}from"./TableHeader.utils.js";import{ActionsWrapper as o,Container as s,Wrapper as c}from"./TableHeader.styles.js";import{Icon as l,Typography as u}from"@equinor/eds-core-react";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=({as:p=`th`,variant:m,onClick:h,sorting:g,leadingIcon:_,trailingAction:v,children:y})=>{let b=n({variant:m,leadingIcon:_});return d(c,{as:p,children:f(s,{$hasOnClick:!!h,$hasOnSort:!!g,$variant:m,onClick:e=>{h?h(e):g?.onSortClick?.(e)},children:[b&&d(l,{data:b,color:r({variant:m,onClick:h})}),d(u,{variant:`cell_header`,group:`table`,color:a({variant:m,onClick:h}),children:y}),(!!v||!!g)&&f(o,{children:[v&&d(e,{"data-spacings-mode":`compact`,variant:`ghost_icon`,onClick:v.onClick,children:d(l,{data:v.icon,color:t({variant:m})})}),g?.isSorting&&d(e,{className:`sort-button`,onClick:h?g.onSortClick:void 0,"data-spacings-mode":`compact`,variant:`ghost_icon`,children:d(l,{data:i(g.isSorting),color:t({variant:m})})})]})]})})};export{p as TableHeader};
1
+ import{IconButton as e}from"../Button/IconButton/IconButton.js";import"../../atoms/enums/SpacingsMode.js";import{getLeadingIcon as t,getLeadingIconColor as n,getSortingIcon as r,getTextColor as i}from"./TableHeader.utils.js";import{ActionsWrapper as a,Container as o,Wrapper as s}from"./TableHeader.styles.js";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=({as:f=`th`,variant:p,onClick:m,sorting:h,leadingIcon:g,trailingAction:_,children:v})=>{let y=t({variant:p,leadingIcon:g});return u(s,{as:f,children:d(o,{$hasOnClick:!!m,$hasOnSort:!!h,$variant:p,onClick:e=>{m?m(e):h?.onSortClick?.(e)},children:[y&&u(c,{data:y,color:n({variant:p,onClick:m})}),u(l,{variant:`cell_header`,group:`table`,color:i({variant:p,onClick:m}),children:v}),(!!_||!!h)&&d(a,{children:[_&&u(e,{"data-spacings-mode":`compact`,variant:`ghost`,onClick:_.onClick,icon:_.icon}),h?.isSorting&&u(e,{icon:r(h.isSorting),className:`sort-button`,onClick:m?h.onSortClick:void 0,"data-spacings-mode":`compact`,variant:`ghost`})]})]})})};export{f as TableHeader};
@@ -1 +1 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{arrow_down as t,arrow_up as n,error_outlined as r,warning_outlined as i}from"@equinor/eds-icons";function a(e){if(e.leadingIcon)return e.leadingIcon;switch(e.variant){case`warning`:return i;case`error`:return r}}function o(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return t.onClick?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba}function s(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return e.interactive.primary__resting.rgba}function c(e){switch(e){case`asc`:return n;case`desc`:return t}}function l(t){if(t.onClick)switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__resting.rgba}return e.text.static_icons__default.rgba}function u(t){switch(t.variant){case`warning`:return e.interactive.warning__highlight.rgba;case`error`:return e.interactive.danger__highlight.rgba;default:return e.interactive.primary__hover_alt.rgba}}function d(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__hover.rgba}}export{s as getActionIconColor,d as getButtonHoverColor,u as getHoverColor,a as getLeadingIcon,o as getLeadingIconColor,c as getSortingIcon,l as getTextColor};
1
+ import{colors as e}from"../../atoms/style/colors.js";import{arrow_down as t,arrow_up as n,error_outlined as r,warning_outlined as i}from"@equinor/eds-icons";function a(e){if(e.leadingIcon)return e.leadingIcon;switch(e.variant){case`warning`:return i;case`error`:return r}}function o(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba}return t.onClick?e.interactive.primary__resting.rgba:e.text.static_icons__tertiary.rgba}function s(e){switch(e){case`asc`:return n;case`desc`:return t}}function c(t){if(t.onClick)switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__resting.rgba}return e.text.static_icons__default.rgba}function l(t){switch(t.variant){case`warning`:return e.interactive.warning__highlight.rgba;case`error`:return e.interactive.danger__highlight.rgba;default:return e.interactive.primary__hover_alt.rgba}}function u(t){switch(t.variant){case`warning`:return e.interactive.warning__text.rgba;case`error`:return e.interactive.danger__text.rgba;default:return e.interactive.primary__hover.rgba}}export{u as getButtonHoverColor,l as getHoverColor,a as getLeadingIcon,o as getLeadingIconColor,s as getSortingIcon,c as getTextColor};
@@ -1,4 +1,4 @@
1
- import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{InputExplanation as s}from"../InputExplanation/InputExplanation.js";import{SkeletonBase as c}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
1
+ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS as t,colors as n}from"../../atoms/style/colors.js";import{spacings as r}from"../../atoms/style/spacings.js";import{shape as i}from"../../atoms/style/index.js";import{getSkeletonHeight as a,getSkeletonTop as o}from"../../atoms/utils/skeleton.js";import{SkeletonBase as s}from"../Skeleton/SkeletonBase/SkeletonBase.js";import{InputExplanation as c}from"../InputExplanation/InputExplanation.js";import{useEffect as l,useRef as u,useState as d}from"react";import{TextField as f,Typography as p}from"@equinor/eds-core-react";import m,{css as h}from"styled-components";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=m.div`
2
2
  position: relative;
3
3
  height: fit-content;
4
4
  input,
@@ -77,7 +77,7 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
77
77
  }
78
78
  }
79
79
  `}
80
- `,y=m(c)`
80
+ `,y=m(s)`
81
81
  position: absolute;
82
82
  left: ${r.small};
83
83
  border-radius: ${i.corners.borderRadius};
@@ -89,4 +89,4 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
89
89
  display: flex;
90
90
  gap: ${r.x_small};
91
91
  align-items: center;
92
- `,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},c=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:c,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(s,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};
92
+ `,S=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');if(e.explanation&&!e.label)throw Error("`explanation` prop requires a `label` to be set on the TextField.");let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,p=o(e),m=a(e),h=u(`${Math.max(20,Math.random()*80)}%`),[S,C]=d(typeof e.value==`string`?e.value.length:0),[w,T]=d(0),E=e=>{if(e){let t=e.getBoundingClientRect().width;T(t)}},D=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&C(t.target.value.length)};return l(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==S&&C(e.value.length)},[S,e.maxCharacters,e.value]),_(v,{ref:t=>{if(!t||!e.maxCharacters)return;let n=t.querySelector(`input, textarea`);n&&C(n.value.length)},$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:w,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[g(f,{...i,label:i.label?_(x,{children:[i.label,e.explanation&&g(c,{position:e.explanationPosition,children:e.explanation})]}):void 0,disabled:e.loading||e.disabled,onChange:D}),e.loading&&g(y,{className:`skeleton`,role:`progressbar`,style:{top:p,height:m,width:h.current}}),e.maxCharacters&&_(b,{ref:E,variant:`helper`,group:`input`,color:i.variant?t[i.variant]:n.text.static_icons__tertiary.rgba,style:{bottom:e.helperText?`0`:`calc((${r.small} + 1rem) * -1)`},children:[S,` / `,e.maxCharacters]})]})};export{S as TextField};
@@ -1 +1 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{getHeaderIcon as n}from"./Toast.utils.js";import{Container as r,DurationBar as i,Header as a}from"./Toast.styles.js";import{useEffect as o}from"react";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{close as d}from"@equinor/eds-icons";const f=({title:f,icon:p,onClose:m,variant:h,description:g,action:_,duration:v,ref:y})=>{if(v!==void 0&&v<=0)throw Error(`Duration must be a positive number`);o(()=>{if(!v)return;let e=setTimeout(()=>{m()},v*1e3);return()=>clearTimeout(e)},[v,m]);let b=()=>{_?.onClick(),m()},x=n({icon:p,variant:h});return u(r,{ref:y,$variant:h,children:[u(a,{children:[x&&l(s,{data:x}),l(c,{variant:`h6`,color:e.text.static_icons__default.rgba,children:f}),l(t,{variant:`ghost_icon`,onClick:m,children:l(s,{data:d})})]}),g&&l(c,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:g}),_&&l(t,{variant:`outlined`,onClick:b,children:_.text}),v&&l(i,{role:`progressbar`,$variant:h,$duration:v})]})};export{f as Toast};
1
+ import{colors as e}from"../../atoms/style/colors.js";import{Button as t}from"../Button/Button.js";import{IconButton as n}from"../Button/IconButton/IconButton.js";import{getHeaderIcon as r}from"./Toast.utils.js";import{Container as i,DurationBar as a,Header as o}from"./Toast.styles.js";import{useEffect as s}from"react";import{Icon as c,Typography as l}from"@equinor/eds-core-react";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{close as f}from"@equinor/eds-icons";const p=({title:p,icon:m,onClose:h,variant:g,description:_,action:v,duration:y,ref:b})=>{if(y!==void 0&&y<=0)throw Error(`Duration must be a positive number`);s(()=>{if(!y)return;let e=setTimeout(()=>{h()},y*1e3);return()=>clearTimeout(e)},[y,h]);let x=()=>{v?.onClick(),h()},S=r({icon:m,variant:g});return d(i,{ref:b,$variant:g,children:[d(o,{children:[S&&u(c,{data:S}),u(l,{variant:`h6`,color:e.text.static_icons__default.rgba,children:p}),u(n,{icon:f,variant:`ghost`,onClick:h})]}),_&&u(l,{variant:`body_long`,color:e.text.static_icons__secondary.rgba,children:_}),v&&u(t,{label:v.text,variant:`outlined`,onClick:x}),y&&u(a,{role:`progressbar`,$variant:g,$duration:y})]})};export{p as Toast};
@@ -7,7 +7,8 @@ import { AnimatedCheckmark } from "./AnimatedCheckmark/AnimatedCheckmark.js";
7
7
  import { ApplicationIcon, ApplicationIconProps } from "./ApplicationIcon/ApplicationIcon.js";
8
8
  import { Badge, BadgeProps } from "./Badge/Badge.js";
9
9
  import { Banner, BannerProps } from "./Banner/Banner.js";
10
- import { Button as Button$1, ButtonProps as ButtonProps$1 } from "./Button/Button.js";
10
+ import { Button as Button$1, ButtonProps } from "./Button/Button.js";
11
+ import { IconButton, IconButtonProps } from "./Button/IconButton/IconButton.js";
11
12
  import { BaseChipProps, Chip as Chip$1 } from "./Chip/Chip.js";
12
13
  import { Confetti } from "./Confetti/Confetti.js";
13
14
  import { DatePicker as DatePicker$1, DatePickerProps as DatePickerProps$1 } from "./DatePicker/DatePicker.js";
@@ -1 +1 @@
1
- import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./Button/Button.js";import"./Toast/Toast.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./TextField/TextField.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Chip/Chip.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./OptionalTooltip/OptionalTooltip.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};
1
+ import"./FullPageSpinner/FullPageSpinner.js";import"./RichTextEditor/RichTextEditor.types.js";import"./RichTextEditor/custom-extensions/AmplifyKit.js";import"./AnimatedCheckmark/AnimatedCheckmark.js";import"./ApplicationIcon/ApplicationIcon.js";import"./Badge/Badge.js";import"./Banner/Banner.js";import"./Button/Button.js";import"./Button/IconButton/IconButton.js";import"./Chip/Chip.js";import"./Confetti/Confetti.js";import"./Skeleton/SkeletonBase/SkeletonBase.js";import"./DatePicker/DatePicker.js";import"./DateRangePicker/DateRangePicker.js";import"./OptionalTooltip/OptionalTooltip.js";import"./Dialog/Dialog.js";import"./EquinorLogo/EquinorLogo.js";import"./FileProgress/FileProgress.js";import"./FileUploadArea/FileUploadArea.js";import"./IconCell/IconCell.types.js";import"./IconCell/IconCell.js";import"./InfoElement/InfoElement.js";import"./InformationalNotice/InformationalNotice.js";import"./ProfileAvatar/ProfileAvatar.js";import"./RichTextDisplay/RichTextDisplay.js";import"./RichTextEditor/MenuBar/Table/TableBar.js";import"./TextField/TextField.js";import"./RichTextEditor/MenuBar/MenuBar.js";import"./RichTextEditor/RichTextEditor.js";import"./RichTextEditor/index.js";import"./Tabs/Tabs.js";import"./Search/Search.js";import"./Skeleton/SkeletonGradient/SkeletonGradient.js";import"./Stepper/Stepper.js";import"./OptionDrawer/OptionDrawer.js";import"./Select/Select.styles.js";import"./Select/ComboBox/ComboBox.js";import"./Select/PersistentComboBox/PersistentComboBox.js";import"./Select/SingleSelect/SingleSelect.js";import"./Tag/Tag.js";import"./TableHeader/TableHeader.js";import"./FeedBackIcon/FeedBackIcon.js";import"./ListItem/ListItem.js";import"./SelectionControls/Checkbox/Checkbox.js";import"./SelectionControls/Radio/Radio.js";import"./SelectionControls/Switch/Switch.js";import"./Waves/Waves.js";import"./Toast/Toast.js";import{Accordion as e,Breadcrumbs as t,CircularProgress as n,Dialog as r,Divider as i,DotProgress as a,Icon as o,LinearProgress as s,Menu as c,Typography as l}from"@equinor/eds-core-react";export{e as Accordion,t as Breadcrumbs,n as CircularProgress,i as Divider,a as DotProgress,r as EDSDialog,o as Icon,s as LinearProgress,c as Menu,l as Typography};
@@ -0,0 +1,9 @@
1
+ import"styled-components";const e=(e,t)=>{if(!e)return``;let n=`
2
+ margin: 0;
3
+ color: ${e.color};
4
+ font-family: ${e.fontFamily};
5
+ font-size: ${e.fontSize};
6
+ font-weight: ${e.fontWeight};
7
+ line-height: ${e.lineHeight};
8
+ `;return e.fontStyle&&(n+=`\nfont-style: ${e.fontStyle};`),e.letterSpacing&&(n+=`\nletter-spacing: ${e.letterSpacing};`),e.textTransform&&(n+=`\ntext-transform: ${e.textTransform};`),e.textDecoration&&(n+=`\ntext-decoration: ${e.textDecoration};`),e.textAlign&&(n+=`\ntext-align: ${e.textAlign};`),e.fontFeature&&(n+=`\nfont-feature-settings: ${e.fontFeature};`),t&&(n+=`
9
+ cursor: pointer;`),n};export{e as typographyTemplate};
@@ -1,7 +1,7 @@
1
- import * as react_jsx_runtime0 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime4 from "react/jsx-runtime";
2
2
  import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
3
3
 
4
4
  //#region src/organisms/DataGrid/DataGrid.d.ts
5
- declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
5
+ declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
6
6
  //#endregion
7
7
  export { DataGrid };
@@ -1,4 +1,4 @@
1
- import * as react11 from "react";
1
+ import * as react166 from "react";
2
2
  import { ReactNode } from "react";
3
3
  import { ReleaseNote } from "@equinor/subsurface-app-management";
4
4
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
7
7
  actionMenu?: ReactNode;
8
8
  expanded?: boolean;
9
9
  } & ReleaseNote;
10
- declare const ReleaseNote$1: react11.ForwardRefExoticComponent<{
10
+ declare const ReleaseNote$1: react166.ForwardRefExoticComponent<{
11
11
  actionMenu?: ReactNode;
12
12
  expanded?: boolean;
13
- } & ReleaseNote & react11.RefAttributes<HTMLDivElement>>;
13
+ } & ReleaseNote & react166.RefAttributes<HTMLDivElement>>;
14
14
  //#endregion
15
15
  export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };
@@ -1,4 +1,4 @@
1
- import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Button as n}from"../../molecules/Button/Button.js";import{Icon as r}from"@equinor/eds-core-react";import i from"styled-components";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{arrow_drop_down as s,arrow_drop_up as c}from"@equinor/eds-icons";const l=i.div`
1
+ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{Button as n}from"../../molecules/Button/Button.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";import{arrow_drop_down as a,arrow_drop_up as o}from"@equinor/eds-icons";const s=r.div`
2
2
  position: absolute;
3
3
  bottom: 0;
4
4
  left: 0;
@@ -10,4 +10,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
10
10
  ${e.ui.background__default.rgba} 15%
11
11
  );
12
12
  width: 100%;
13
- `,u=({expanded:e,onToggleExpanded:t})=>a(l,{children:o(n,{variant:`ghost`,onClick:t,children:[`Show `,e?`less`:`more`,a(r,{data:e?c:s})]})});export{u as ToggleExpanded};
13
+ `,c=({expanded:e,onToggleExpanded:t})=>i(s,{children:i(n,{label:`Show ${e?`less`:`more`}`,trailingIcon:e?o:a,variant:`ghost`,onClick:t})});export{c as ToggleExpanded};
@@ -1,4 +1,4 @@
1
- import * as react168 from "react";
1
+ import * as react200 from "react";
2
2
  import { HTMLAttributes, ReactNode } from "react";
3
3
 
4
4
  //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
16
16
  createDisabled?: boolean;
17
17
  createActive?: boolean;
18
18
  }
19
- declare const SideBar: react168.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react168.RefAttributes<HTMLDivElement>>;
19
+ declare const SideBar: react200.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react200.RefAttributes<HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { SideBar };
@@ -1 +1 @@
1
- import{Button as e}from"../../molecules/Button/Button.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{close as l}from"@equinor/eds-icons";import{AnimatePresence as u}from"motion/react";const d=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,width:o,children:c,...l})=>`withScrim`in l&&l.withScrim?s(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,$zIndex:l.zIndex,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:s(f,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,width:o,zIndex:l.zIndex,withScrim:!0,children:c})}):i===`modal`||i===`floating`?s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,width:o,zIndex:`zIndex`in l?l.zIndex:void 0,children:c}):s(f,{open:e,onClose:t,title:r,type:i,headerElements:a,width:o,children:c});function f({open:n,onClose:d,title:f,type:p=`standard`,headerElements:m,width:h,children:g,..._}){return s(u,{children:n&&s(i,{"data-testid":`side-sheet-wrapper`,$type:p,$withShadow:!(`withScrim`in _&&_.withScrim),$zIndex:`zIndex`in _?_.zIndex:void 0,initial:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},animate:{x:p===`standard`?void 0:0,width:p===`standard`?`auto`:void 0},exit:{x:p===`standard`?void 0:`110%`,width:p===`standard`?0:void 0},transition:{bounce:.25},children:c(r,{$type:p,$width:h,children:[c(t,{children:[s(o,{variant:`h2`,children:f}),m&&s(`section`,{children:m}),s(e,{"aria-label":`close side sheet`,variant:`ghost_icon`,onClick:d,style:{gridColumn:3},children:s(a,{data:l})})]}),g]})})})}export{d as SideSheet};
1
+ import{IconButton as e}from"../../molecules/Button/IconButton/IconButton.js";import{Header as t,ScrimWrapper as n,Sheet as r,Wrapper as i}from"./SideSheet.styles.js";import{Typography as a}from"@equinor/eds-core-react";import{jsx as o,jsxs as s}from"react/jsx-runtime";import{close as c}from"@equinor/eds-icons";import{AnimatePresence as l}from"motion/react";const u=({open:e,onClose:t,title:r,type:i=`standard`,headerElements:a,width:s,children:c,...l})=>`withScrim`in l&&l.withScrim?o(n,{"data-testid":`side-sheet-scrim`,onClick:e?t:void 0,$zIndex:l.zIndex,initial:{display:`none`,background:`rgba(111,111,111,0)`},animate:{background:e?`rgba(111,111,111,0.35)`:`rgba(111,111,111,0)`,display:e?`block`:`none`},children:o(d,{open:e,onClose:t,title:r,type:`modal`,headerElements:a,width:s,zIndex:l.zIndex,withScrim:!0,children:c})}):i===`modal`||i===`floating`?o(d,{open:e,onClose:t,title:r,type:i,headerElements:a,width:s,zIndex:`zIndex`in l?l.zIndex:void 0,children:c}):o(d,{open:e,onClose:t,title:r,type:i,headerElements:a,width:s,children:c});function d({open:n,onClose:u,title:d,type:f=`standard`,headerElements:p,width:m,children:h,...g}){return o(l,{children:n&&o(i,{"data-testid":`side-sheet-wrapper`,$type:f,$withShadow:!(`withScrim`in g&&g.withScrim),$zIndex:`zIndex`in g?g.zIndex:void 0,initial:{x:f===`standard`?void 0:`110%`,width:f===`standard`?0:void 0},animate:{x:f===`standard`?void 0:0,width:f===`standard`?`auto`:void 0},exit:{x:f===`standard`?void 0:`110%`,width:f===`standard`?0:void 0},transition:{bounce:.25},children:s(r,{$type:f,$width:m,children:[s(t,{children:[o(a,{variant:`h2`,children:d}),p&&o(`section`,{children:p}),o(e,{icon:c,"aria-label":`close side sheet`,variant:`ghost`,onClick:u,style:{gridColumn:3}})]}),h]})})})}export{u as SideSheet};
@@ -1,10 +1,10 @@
1
- import * as react174 from "react";
1
+ import * as react204 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Action.d.ts
4
4
  interface ActionProps {
5
5
  onClick: () => void;
6
6
  buttonText?: string;
7
7
  }
8
- declare const Action: react174.ForwardRefExoticComponent<ActionProps & react174.RefAttributes<HTMLButtonElement>>;
8
+ declare const Action: react204.ForwardRefExoticComponent<ActionProps & react204.RefAttributes<HTMLButtonElement>>;
9
9
  //#endregion
10
10
  export { Action };
@@ -1,9 +1,9 @@
1
- import * as react180 from "react";
1
+ import * as react206 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Description.d.ts
4
4
  interface DescriptionProps {
5
5
  text?: string;
6
6
  }
7
- declare const Description: react180.ForwardRefExoticComponent<DescriptionProps & react180.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Description: react206.ForwardRefExoticComponent<DescriptionProps & react206.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Description };
@@ -1,4 +1,4 @@
1
- import * as react178 from "react";
1
+ import * as react208 from "react";
2
2
 
3
3
  //#region src/organisms/Status/MissingAccesses.d.ts
4
4
  interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
9
9
  accesses?: AccessType[];
10
10
  text?: string;
11
11
  }
12
- declare const MissingAccesses: react178.ForwardRefExoticComponent<MissingAccessesProps & react178.RefAttributes<HTMLDivElement>>;
12
+ declare const MissingAccesses: react208.ForwardRefExoticComponent<MissingAccessesProps & react208.RefAttributes<HTMLDivElement>>;
13
13
  //#endregion
14
14
  export { MissingAccesses };
@@ -1,9 +1,9 @@
1
- import * as react176 from "react";
1
+ import * as react202 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Title.d.ts
4
4
  interface TitleProps {
5
5
  title?: string;
6
6
  }
7
- declare const Title: react176.ForwardRefExoticComponent<TitleProps & react176.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Title: react202.ForwardRefExoticComponent<TitleProps & react202.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Title };