@equinor/amplify-component-lib 10.9.1 → 10.10.0

package/dist/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, MultiSelectCommon, PersistentSelectProps, SelectOptionRequired } from "../Select.types.js";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/molecules/Select/PersistentComboBox/PersistentComboBox.d.ts
 type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps<T> & MultiSelectCommon<T> & PersistentSelectProps & (GroupedSelectProps<T> | ListSelectProps<T>);
@@ -18,6 +18,6 @@ type PersistentComboBoxProps<T extends SelectOptionRequired> = CommonSelectProps
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  * @param maxHeight - Max height of the persistent wrapper below the search field, optional
  */
-declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime2.JSX.Element;
+declare function PersistentComboBox<T extends SelectOptionRequired>(props: PersistentComboBoxProps<T>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { PersistentComboBox, PersistentComboBoxProps };

package/dist/molecules/Select/Select.styles.d.ts

@@ -1,8 +1,8 @@
 import { BaseChipProps, ClickableChipProps, DeletableChipProps } from "../Chip/Chip.js";
-import * as react43 from "react";
+import * as react48 from "react";
 import "@equinor/eds-core-react";
 import "styled-components";
-import * as styled_components_dist_types8 from "styled-components/dist/types";
+import * as styled_components_dist_types10 from "styled-components/dist/types";
 
 //#region src/molecules/Select/Select.styles.d.ts
 
@@ -11,12 +11,12 @@ interface ComboBoxChipProps {
   $lightBackground?: boolean;
   className: string;
 }
-declare const ComboBoxChip: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<((Omit<react43.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+declare const ComboBoxChip: styled_components_dist_types10.IStyledComponentBase<"web", styled_components_dist_types10.Substitute<((Omit<react48.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLButtonElement | HTMLDivElement>) & styled_components_dist_types8.BaseObject, ComboBoxChipProps>> & string & Omit<react43.ForwardRefExoticComponent<(Omit<react43.HTMLAttributes<HTMLButtonElement | HTMLDivElement>, "onClick"> & ((BaseChipProps & {
+}) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLDivElement | HTMLButtonElement>) & styled_components_dist_types10.BaseObject, ComboBoxChipProps>> & string & Omit<react48.ForwardRefExoticComponent<(Omit<react48.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onClick"> & ((BaseChipProps & {
   onClick?: undefined;
   onDelete?: undefined;
-}) | ClickableChipProps | DeletableChipProps)) & react43.RefAttributes<HTMLButtonElement | HTMLDivElement>>, keyof react43.Component<any, {}, any>>;
+}) | ClickableChipProps | DeletableChipProps)) & react48.RefAttributes<HTMLDivElement | HTMLButtonElement>>, keyof react48.Component<any, {}, any>>;
 //#endregion
 export { ComboBoxChip };

package/dist/molecules/Select/SingleSelect/SingleSelect.d.ts

@@ -1,5 +1,5 @@
 import { CommonSelectProps, GroupedSelectProps, ListSelectProps, SelectOptionRequired, SingleSelectCommon } from "../Select.types.js";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/molecules/Select/SingleSelect/SingleSelect.d.ts
 type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> & SingleSelectCommon<T> & (ListSelectProps<T> | GroupedSelectProps<T>);
@@ -15,6 +15,6 @@ type SingleSelectProps<T extends SelectOptionRequired> = CommonSelectProps<T> &
  * @param onSearchFilter - Custom filter function for search, default is "item.label.match(new RegExp(searchValue, 'i'))"
  * @param customMenuItemComponent - Custom component to use for rendering menu item, defaults to a checkbox with label
  */
-declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime3.JSX.Element;
+declare function SingleSelect<T extends SelectOptionRequired>(props: SingleSelectProps<T>): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { SingleSelect, SingleSelectProps };

package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import * as react102 from "react";
+import * as react107 from "react";
 import { CheckboxProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Checkbox$1: react102.ForwardRefExoticComponent<CheckboxProps$1 & react102.RefAttributes<HTMLInputElement>>;
+declare const Checkbox$1: react107.ForwardRefExoticComponent<CheckboxProps$1 & react107.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };

package/dist/molecules/SelectionControls/Radio/Radio.d.ts

@@ -1,4 +1,4 @@
-import * as react104 from "react";
+import * as react109 from "react";
 import { RadioProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Radio/Radio.d.ts
@@ -7,6 +7,6 @@ interface RadioProps$1 extends RadioProps {
   outlined?: boolean;
   error?: boolean;
 }
-declare const Radio$1: react104.ForwardRefExoticComponent<RadioProps$1 & react104.RefAttributes<HTMLInputElement>>;
+declare const Radio$1: react109.ForwardRefExoticComponent<RadioProps$1 & react109.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Radio$1 as Radio, RadioProps$1 as RadioProps };

package/dist/molecules/SelectionControls/Switch/Switch.d.ts

@@ -1,10 +1,10 @@
-import * as react106 from "react";
+import * as react111 from "react";
 import { SwitchProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/SelectionControls/Switch/Switch.d.ts
 interface SwitchProps$1 extends SwitchProps {
   outlined?: boolean;
 }
-declare const Switch$1: react106.ForwardRefExoticComponent<SwitchProps$1 & react106.RefAttributes<HTMLInputElement>>;
+declare const Switch$1: react111.ForwardRefExoticComponent<SwitchProps$1 & react111.RefAttributes<HTMLInputElement>>;
 //#endregion
 export { Switch$1 as Switch, SwitchProps$1 as SwitchProps };

package/dist/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts

@@ -1,5 +1,5 @@
-import * as react41 from "react";
-import * as styled_components_dist_types6 from "styled-components/dist/types";
+import * as react46 from "react";
+import * as styled_components_dist_types8 from "styled-components/dist/types";
 import * as styled_components_dist_models_Keyframes0 from "styled-components/dist/models/Keyframes";
 
 //#region src/molecules/Skeleton/SkeletonBase/SkeletonBase.d.ts
@@ -7,6 +7,6 @@ declare const skeletonBaseloading: styled_components_dist_models_Keyframes0.defa
 interface SkeletonBaseProps {
   $offset?: number;
 }
-declare const SkeletonBase: styled_components_dist_types6.IStyledComponentBase<"web", styled_components_dist_types6.Substitute<react41.DetailedHTMLProps<react41.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
+declare const SkeletonBase: styled_components_dist_types8.IStyledComponentBase<"web", styled_components_dist_types8.Substitute<react46.DetailedHTMLProps<react46.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonBaseProps>> & string;
 //#endregion
 export { SkeletonBase, SkeletonBaseProps, skeletonBaseloading };

package/dist/molecules/Tag/Tag.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { IconData } from "@equinor/eds-icons";
+
+//#region src/molecules/Tag/Tag.d.ts
+interface TagProps {
+  color?: 'blue' | 'green' | 'purple' | 'orange' | 'yellow' | 'dark pink' | 'pink' | 'grey';
+  leadingIcon?: IconData;
+  trailingIcon?: IconData;
+  children: string;
+}
+declare const Tag: FC<TagProps>;
+//#endregion
+export { Tag, TagProps };

package/dist/molecules/Tag/Tag.js

@@ -0,0 +1,16 @@
+import{spacings as e}from"../../atoms/style/spacings.js";import{shape as t}from"../../atoms/style/index.js";import{TAG_COLORS as n}from"./Tag.utils.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import a from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=a.div`
+  display: flex;
+  align-items: center;
+  border-radius: ${t.corners.borderRadius};
+  padding: ${e.xx_small} ${e.x_small};
+  gap: ${e.x_small};
+  background: ${({$color:e})=>n[e].background};
+  min-height: calc(24px + 2 * ${e.xx_small});
+  > span {
+    color: ${({$color:e})=>n[e].text};
+    line-height: normal;
+  }
+  > svg {
+    fill: ${({$color:e})=>n[e].text};
+  }
+`,l=({children:e,color:t=`blue`,leadingIcon:n,trailingIcon:a})=>s(c,{$color:t,children:[n&&o(r,{data:n,size:16}),o(i,{variant:`cell_text`,group:`table`,as:`span`,children:e}),a&&o(r,{data:a,size:16})]});export{l as Tag};

package/dist/molecules/Tag/Tag.utils.js

@@ -0,0 +1 @@
+import{colors as e}from"../../atoms/style/colors.js";const t={blue:{text:e.dataviz.darkblue.darker,background:e.dataviz.darkblue.lighter},green:{text:e.dataviz.darkgreen.darker,background:e.dataviz.lightgreen.lighter},purple:{text:e.dataviz.darkpurple.darker,background:e.dataviz.lightpurple.lighter},"dark pink":{text:e.dataviz.darkpink.darker,background:e.dataviz.darkpink.lighter},pink:{text:e.dataviz.lightpink.deep,background:e.dataviz.lightpink.lighter},orange:{text:e.dataviz.orange.darker,background:e.dataviz.orange.lighter},yellow:{text:e.dataviz.darkyellow.deep,background:e.dataviz.lightyellow.lighter},grey:{text:e.dataviz.lightgray.darker,background:e.dataviz.lightgray.pale}};export{t as TAG_COLORS};

package/dist/molecules/TextField/TextField.js

@@ -79,4 +79,4 @@ import{animation as e}from"../../atoms/style/animation.js";import{VARIANT_COLORS
 `,y=p(f)`
   position: absolute;
   right: ${r.small};
-`,b=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,f=o(e),p=a(e),m=l(`${Math.max(20,Math.random()*80)}%`),[b,x]=u(typeof e.value==`string`?e.value.length:0),[S,C]=u(0),w=e=>{if(e){let t=e.getBoundingClientRect().width;C(t)}},T=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&x(t.target.value.length)},E=t=>{e.maxCharacters&&t&&t.value.length!==b&&x(t.value.length)};return c(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==b&&x(e.value.length)},[b,e.maxCharacters,e.value]),g(_,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:S,style:{marginBottom:e.helperText?0:`calc(${r.small} + 1rem)`},children:[h(d,{...i,inputRef:E,disabled:e.loading||e.disabled,onChange:T}),e.loading&&h(v,{className:`skeleton`,role:`progressbar`,style:{top:f,height:p,width:m.current}}),e.maxCharacters&&g(y,{ref:w,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:[b,` / `,e.maxCharacters]})]})};export{b as TextField};
+`,b=e=>{if(e.maxCharacters&&`type`in e&&e.type!==`text`)throw Error('`maxCharacters` prop is not supported for input types other than "text".');let i={...e,variant:e.variant===`dirty`?void 0:e.variant},s=e.loading?void 0:e.variant,f=o(e),p=a(e),m=l(`${Math.max(20,Math.random()*80)}%`),[b,x]=u(typeof e.value==`string`?e.value.length:0),[S,C]=u(0),w=e=>{if(e){let t=e.getBoundingClientRect().width;C(t)}},T=t=>{e.onChange&&e.onChange(t),e.maxCharacters&&x(t.target.value.length)},E=t=>{e.maxCharacters&&t&&t.value.length!==b&&x(t.value.length)};return c(()=>{typeof e.value==`string`&&e.maxCharacters&&e.value.length!==b&&x(e.value.length)},[b,e.maxCharacters,e.value]),g(_,{$variant:s,$disabled:e.loading?!1:e.disabled,$helperRightWidth:S,style:{marginBottom:!e.helperText&&e.maxCharacters?`calc(${r.small} + 1rem)`:0},children:[h(d,{...i,inputRef:E,disabled:e.loading||e.disabled,onChange:T}),e.loading&&h(v,{className:`skeleton`,role:`progressbar`,style:{top:f,height:p,width:m.current}}),e.maxCharacters&&g(y,{ref:w,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:[b,` / `,e.maxCharacters]})]})};export{b as TextField};

package/dist/molecules/index.d.ts

@@ -1,4 +1,5 @@
 import { Toast, ToastProps } from "./Toast/Toast.js";
+import { ConfettiBoomProps, ConfettiProps, ConfettiShowerProps } from "./Confetti/Confetti.types.js";
 import { DEFAULT_FEATURES, EditorPanel, ImageExtensionFnProps, RichTextEditorFeatures } from "./RichTextEditor/RichTextEditor.types.js";
 import { AmplifyKit } from "./RichTextEditor/custom-extensions/AmplifyKit.js";
 import { SelectOption, SelectOptionRequired } from "./Select/Select.types.js";
@@ -8,6 +9,7 @@ import { Badge, BadgeProps } from "./Badge/Badge.js";
 import { Banner, BannerProps } from "./Banner/Banner.js";
 import { Button as Button$1, ButtonProps as ButtonProps$1 } from "./Button/Button.js";
 import { BaseChipProps, Chip as Chip$1 } from "./Chip/Chip.js";
+import { Confetti } from "./Confetti/Confetti.js";
 import { DatePicker as DatePicker$1, DatePickerProps as DatePickerProps$1 } from "./DatePicker/DatePicker.js";
 import { DateRangePicker as DateRangePicker$1, DateRangePickerProps as DateRangePickerProps$1 } from "./DateRangePicker/DateRangePicker.js";
 import { Dialog as Dialog$1, DialogAction, DialogProps as DialogProps$1 } from "./Dialog/Dialog.js";
@@ -39,6 +41,7 @@ import { ComboBox, ComboBoxProps } from "./Select/ComboBox/ComboBox.js";
 import { PersistentComboBox, PersistentComboBoxProps } from "./Select/PersistentComboBox/PersistentComboBox.js";
 import { ComboBoxChip } from "./Select/Select.styles.js";
 import { SingleSelect, SingleSelectProps } from "./Select/SingleSelect/SingleSelect.js";
+import { Tag, TagProps } from "./Tag/Tag.js";
 import { TableHeader, TableHeaderProps } from "./TableHeader/TableHeader.js";
 import { TextField as TextField$1, TextFieldProps as TextFieldProps$1 } from "./TextField/TextField.js";
 import { FeedBackIcon, FeedBackIconProps } from "./FeedBackIcon/FeedBackIcon.js";

package/dist/molecules/index.js

@@ -1 +1 @@
-import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as r}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{Button as i}from"./Button/Button.js";import{Toast as ee}from"./Toast/Toast.js";import{AnimatedCheckmark as te}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as ne}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as re}from"./Badge/Badge.js";import{Banner as ie}from"./Banner/Banner.js";import{Chip as ae}from"./Chip/Chip.js";import{SkeletonBase as oe,skeletonBaseloading as a}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as o}from"./DatePicker/DatePicker.js";import{DateRangePicker as s}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as c}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as l}from"./Dialog/Dialog.js";import{EquinorLogo as u}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as d}from"./FileProgress/FileProgress.js";import{FileUploadArea as f}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as p,IconCellStates as m,IconCellVariants as h}from"./IconCell/IconCell.types.js";import{IconCell as g}from"./IconCell/IconCell.js";import{InfoElement as _}from"./InfoElement/InfoElement.js";import{InformationalNotice as v}from"./InformationalNotice/InformationalNotice.js";import{ProfileAvatar as y}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as b}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as x,TextTable as S}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as C}from"./TextField/TextField.js";import{AmplifyBar as w,EditorMenu as T,EditorText as E}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as D}from"./RichTextEditor/RichTextEditor.js";import{RichText as se}from"./RichTextEditor/index.js";import{Tabs as O}from"./Tabs/Tabs.js";import{Search as k}from"./Search/Search.js";import{SkeletonGradient as A}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as j}from"./Stepper/Stepper.js";import{OptionDrawer as M}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as N}from"./Select/Select.styles.js";import{ComboBox as P}from"./Select/ComboBox/ComboBox.js";import{PersistentComboBox as F}from"./Select/PersistentComboBox/PersistentComboBox.js";import{SingleSelect as I}from"./Select/SingleSelect/SingleSelect.js";import{TableHeader as L}from"./TableHeader/TableHeader.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};
+import{FullPageSpinner as e}from"./FullPageSpinner/FullPageSpinner.js";import{DEFAULT_FEATURES as t,RichTextEditorFeatures as n}from"./RichTextEditor/RichTextEditor.types.js";import{AmplifyKit as ee}from"./RichTextEditor/custom-extensions/AmplifyKit.js";import{Button as te}from"./Button/Button.js";import{Toast as ne}from"./Toast/Toast.js";import{Confetti as re}from"./Confetti/Confetti.js";import{AnimatedCheckmark as ie}from"./AnimatedCheckmark/AnimatedCheckmark.js";import{ApplicationIcon as ae}from"./ApplicationIcon/ApplicationIcon.js";import{Badge as oe}from"./Badge/Badge.js";import{Banner as se}from"./Banner/Banner.js";import{Chip as ce}from"./Chip/Chip.js";import{SkeletonBase as r,skeletonBaseloading as i}from"./Skeleton/SkeletonBase/SkeletonBase.js";import{DatePicker as a}from"./DatePicker/DatePicker.js";import{DateRangePicker as o}from"./DateRangePicker/DateRangePicker.js";import{OptionalTooltip as s}from"./OptionalTooltip/OptionalTooltip.js";import{Dialog as c}from"./Dialog/Dialog.js";import{EquinorLogo as l}from"./EquinorLogo/EquinorLogo.js";import{FileProgress as u}from"./FileProgress/FileProgress.js";import{FileUploadArea as d}from"./FileUploadArea/FileUploadArea.js";import{IconCellColors as f,IconCellStates as p,IconCellVariants as m}from"./IconCell/IconCell.types.js";import{IconCell as h}from"./IconCell/IconCell.js";import{InfoElement as g}from"./InfoElement/InfoElement.js";import{InformationalNotice as _}from"./InformationalNotice/InformationalNotice.js";import{ProfileAvatar as v}from"./ProfileAvatar/ProfileAvatar.js";import{RichTextDisplay as y}from"./RichTextDisplay/RichTextDisplay.js";import{TableMenuBar as b,TextTable as x}from"./RichTextEditor/MenuBar/Table/TableBar.js";import{TextField as S}from"./TextField/TextField.js";import{AmplifyBar as C,EditorMenu as w,EditorText as T}from"./RichTextEditor/MenuBar/MenuBar.js";import{RichTextEditor as le}from"./RichTextEditor/RichTextEditor.js";import{RichText as E}from"./RichTextEditor/index.js";import{Tabs as D}from"./Tabs/Tabs.js";import{Search as O}from"./Search/Search.js";import{SkeletonGradient as k}from"./Skeleton/SkeletonGradient/SkeletonGradient.js";import{Stepper as A}from"./Stepper/Stepper.js";import{OptionDrawer as j}from"./OptionDrawer/OptionDrawer.js";import{ComboBoxChip as M}from"./Select/Select.styles.js";import{ComboBox as N}from"./Select/ComboBox/ComboBox.js";import{PersistentComboBox as P}from"./Select/PersistentComboBox/PersistentComboBox.js";import{SingleSelect as F}from"./Select/SingleSelect/SingleSelect.js";import{Tag as I}from"./Tag/Tag.js";import{TableHeader as L}from"./TableHeader/TableHeader.js";import{FeedBackIcon as R}from"./FeedBackIcon/FeedBackIcon.js";import{ListItem as z}from"./ListItem/ListItem.js";import{Checkbox as B}from"./SelectionControls/Checkbox/Checkbox.js";import{Radio as V}from"./SelectionControls/Radio/Radio.js";import{Switch as H}from"./SelectionControls/Switch/Switch.js";import{Waves as U}from"./Waves/Waves.js";import{Accordion as W,Breadcrumbs as G,CircularProgress as K,Dialog as q,Divider as J,DotProgress as Y,Icon as X,LinearProgress as Z,Menu as Q,Typography as $}from"@equinor/eds-core-react";export{W as Accordion,G as Breadcrumbs,K as CircularProgress,J as Divider,Y as DotProgress,q as EDSDialog,X as Icon,Z as LinearProgress,Q as Menu,$ as Typography};

package/dist/organisms/DataGrid/DataGrid.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { EdsDataGridProps } from "@equinor/eds-data-grid-react";
 
 //#region src/organisms/DataGrid/DataGrid.d.ts
-declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime4.JSX.Element;
+declare const DataGrid: <T>(props: EdsDataGridProps<T>) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DataGrid };

package/dist/organisms/Filter/Filter.d.ts

@@ -1,5 +1,5 @@
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react_jsx_runtime5.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { Filter };

package/dist/organisms/Filter/SortMenu.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/SortMenu.d.ts
 interface SortMenuProps<S> {
@@ -13,6 +13,6 @@ declare function SortMenu<S>({
   value,
   onChange,
   items
-}: SortMenuProps<S>): react_jsx_runtime7.JSX.Element;
+}: SortMenuProps<S>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SortMenu };

package/dist/organisms/ReleaseNote/ReleaseNote.d.ts

@@ -1,4 +1,4 @@
-import * as react111 from "react";
+import * as react8 from "react";
 import { ReactNode } from "react";
 import { ReleaseNote } from "@equinor/subsurface-app-management";
 
@@ -7,9 +7,9 @@ type ReleaseNoteProps = {
   actionMenu?: ReactNode;
   expanded?: boolean;
 } & ReleaseNote;
-declare const ReleaseNote$1: react111.ForwardRefExoticComponent<{
+declare const ReleaseNote$1: react8.ForwardRefExoticComponent<{
   actionMenu?: ReactNode;
   expanded?: boolean;
-} & ReleaseNote & react111.RefAttributes<HTMLDivElement>>;
+} & ReleaseNote & react8.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ReleaseNote$1 as ReleaseNote, ReleaseNoteProps };

package/dist/organisms/SideBar/SideBar.d.ts

@@ -1,4 +1,4 @@
-import * as react127 from "react";
+import * as react113 from "react";
 import { HTMLAttributes, ReactNode } from "react";
 
 //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
   createDisabled?: boolean;
   createActive?: boolean;
 }
-declare const SideBar: react127.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react127.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react113.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react113.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

package/dist/organisms/Status/Action.d.ts

@@ -1,10 +1,10 @@
-import * as react133 from "react";
+import * as react123 from "react";
 
 //#region src/organisms/Status/Action.d.ts
 interface ActionProps {
   onClick: () => void;
   buttonText?: string;
 }
-declare const Action: react133.ForwardRefExoticComponent<ActionProps & react133.RefAttributes<HTMLButtonElement>>;
+declare const Action: react123.ForwardRefExoticComponent<ActionProps & react123.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { Action };

package/dist/organisms/Status/Description.d.ts

@@ -1,9 +1,9 @@
-import * as react135 from "react";
+import * as react125 from "react";
 
 //#region src/organisms/Status/Description.d.ts
 interface DescriptionProps {
   text?: string;
 }
-declare const Description: react135.ForwardRefExoticComponent<DescriptionProps & react135.RefAttributes<HTMLHeadingElement>>;
+declare const Description: react125.ForwardRefExoticComponent<DescriptionProps & react125.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Description };

package/dist/organisms/Status/MissingAccesses.d.ts

@@ -1,4 +1,4 @@
-import * as react137 from "react";
+import * as react121 from "react";
 
 //#region src/organisms/Status/MissingAccesses.d.ts
 interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
   accesses?: AccessType[];
   text?: string;
 }
-declare const MissingAccesses: react137.ForwardRefExoticComponent<MissingAccessesProps & react137.RefAttributes<HTMLDivElement>>;
+declare const MissingAccesses: react121.ForwardRefExoticComponent<MissingAccessesProps & react121.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MissingAccesses };

package/dist/organisms/Status/Title.d.ts

@@ -1,9 +1,9 @@
-import * as react139 from "react";
+import * as react119 from "react";
 
 //#region src/organisms/Status/Title.d.ts
 interface TitleProps {
   title?: string;
 }
-declare const Title: react139.ForwardRefExoticComponent<TitleProps & react139.RefAttributes<HTMLHeadingElement>>;
+declare const Title: react119.ForwardRefExoticComponent<TitleProps & react119.RefAttributes<HTMLHeadingElement>>;
 //#endregion
 export { Title };

package/dist/organisms/Status/collections/GenericError.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/GenericError.d.ts
 interface GenericErrorProps {
@@ -14,6 +14,6 @@ declare const GenericError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: GenericErrorProps) => react_jsx_runtime9.JSX.Element;
+}: GenericErrorProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { GenericError };

package/dist/organisms/Status/collections/MissingPermissions.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/MissingPermissions.d.ts
 interface MissingPermissionsProps {
@@ -14,6 +14,6 @@ declare const MissingPermissions: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: MissingPermissionsProps) => react_jsx_runtime10.JSX.Element;
+}: MissingPermissionsProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { MissingPermissions };

package/dist/organisms/Status/collections/PageNotFound.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/PageNotFound.d.ts
 interface PageNotFoundProps {
@@ -12,6 +12,6 @@ declare const PageNotFound: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: PageNotFoundProps) => react_jsx_runtime11.JSX.Element;
+}: PageNotFoundProps) => react_jsx_runtime10.JSX.Element;
 //#endregion
 export { PageNotFound };

package/dist/organisms/Status/collections/ServerError.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/organisms/Status/collections/ServerError.d.ts
 interface ServerErrorProps {
@@ -12,6 +12,6 @@ declare const ServerError: ({
   redirectFallbackUrl,
   onBackClick,
   hideBackButton
-}: ServerErrorProps) => react_jsx_runtime12.JSX.Element;
+}: ServerErrorProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { ServerError };

package/dist/organisms/Template/Template.d.ts

@@ -1,14 +1,14 @@
-import * as react108 from "react";
-import * as styled_components12 from "styled-components";
+import * as react5 from "react";
+import * as styled_components0 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types50 from "styled-components/dist/types";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types50.IStyledComponentBase<"web", styled_components_dist_types50.Substitute<react108.DetailedHTMLProps<react108.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react108.NamedExoticComponent<styled_components12.ExecutionProps & object>;
+declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react5.DetailedHTMLProps<react5.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
+declare const GlobalStyles: react5.NamedExoticComponent<styled_components0.ExecutionProps & object>;
 type TemplateType = IStyledComponent<'web', any> & {
   Container: IStyledComponent<'web', any>;
   Content: typeof Content;

package/dist/organisms/ToggleGroup/ToggleGroup.d.ts

@@ -1,7 +1,7 @@
 import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
-import * as react141 from "react";
+import * as react129 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup: react141.ForwardRefExoticComponent<ToggleGroup$1 & react141.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react129.ForwardRefExoticComponent<ToggleGroup$1 & react129.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleGroup };

package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts

@@ -1,9 +1,9 @@
 import { ToggleGroupOption as ToggleGroupOption$1 } from "./ToggleGroup.types.js";
-import * as react143 from "react";
+import * as react127 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
 type ToggleGroupOptionProps = ToggleGroupOption$1 & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
-declare const ToggleGroupOption: react143.ForwardRefExoticComponent<ToggleGroupOptionProps & react143.RefAttributes<HTMLButtonElement>>;
+declare const ToggleGroupOption: react127.ForwardRefExoticComponent<ToggleGroupOptionProps & react127.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { ToggleGroupOption };

package/dist/organisms/TopBar/Actions.d.ts

@@ -1,7 +1,7 @@
-import * as react131 from "react";
+import * as react115 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react131.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react131.RefAttributes<HTMLDivElement>>;
+declare const Actions: react115.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react115.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Actions };

package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts

@@ -1,5 +1,5 @@
 import { Field } from "../../../atoms/types/Field.js";
-import * as react129 from "react";
+import * as react117 from "react";
 
 //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
 interface FieldMenuProps {
@@ -8,6 +8,6 @@ interface FieldMenuProps {
   itemNameSingular?: string;
   showAccessITLink?: boolean;
 }
-declare const FieldMenu: react129.ForwardRefExoticComponent<FieldMenuProps & react129.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react117.ForwardRefExoticComponent<FieldMenuProps & react117.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts

@@ -1,4 +1,4 @@
-import * as react149 from "react";
+import * as react135 from "react";
 import { Dispatch, FC, ReactNode, SetStateAction } from "react";
 
 //#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
@@ -6,7 +6,7 @@ interface NotificationContext {
   setIsOpen: Dispatch<SetStateAction<boolean>>;
   isOpen: boolean;
 }
-declare const NotificationContext: react149.Context<NotificationContext | undefined>;
+declare const NotificationContext: react135.Context<NotificationContext | undefined>;
 declare const useNotification: () => NotificationContext;
 //#endregion
 export { useNotification };

package/dist/providers/ConfettiProvider/ConfettiProvider.d.ts

@@ -0,0 +1,14 @@
+import { ConfettiBoomProps, ConfettiShowerProps } from "../../molecules/Confetti/Confetti.types.js";
+import React from "react";
+
+//#region src/providers/ConfettiProvider/ConfettiProvider.d.ts
+type ConfettiContextValue = {
+  boom: (props?: ConfettiBoomProps) => void;
+  shower: (props?: ConfettiShowerProps) => void;
+};
+declare const ConfettiProvider: React.FC<{
+  children: React.ReactNode;
+}>;
+declare function useConfetti(): ConfettiContextValue;
+//#endregion
+export { ConfettiProvider, useConfetti };

package/dist/providers/ConfettiProvider/ConfettiProvider.js

@@ -0,0 +1 @@
+import{IMPERATIVE_STYLING as e}from"../../molecules/Confetti/Confetti.constants.js";import{Confetti as t}from"../../molecules/Confetti/Confetti.js";import n,{createContext as r,useCallback as i,useContext as a,useState as o}from"react";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";import{createPortal as u}from"react-dom";const d=r(null),f=({children:n})=>{let[r,a]=o([]),f=i((e={})=>{let t={mode:`boom`,effectCount:1};a(n=>[...n,{id:crypto.randomUUID(),effectCount:1,props:{...t,...e}}])},[]),p=i((e={mode:`shower`})=>{let t={mode:`shower`,duration:2e3};a(n=>[...n,{id:crypto.randomUUID(),props:{...t,...e}}])},[]),m=e=>{a(t=>t.filter(t=>t.id!==e))};return l(d.Provider,{value:{boom:f,shower:p},children:[n,u(c(s,{children:r.map(({id:n,props:r})=>c(t,{...r,onComplete:()=>m(n),style:e},n))}),document.body)]})};function p(){let e=a(d);if(!e)throw Error(`useConfetti must be used inside ConfettiProvider`);return e}export{f as ConfettiProvider,p as useConfetti};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "10.9.1",
+  "version": "10.10.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",