@equinor/amplify-component-lib 10.8.2 → 10.8.3

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

@@ -1,14 +1,14 @@
-import * as react7 from "react";
-import * as styled_components0 from "styled-components";
+import * as react108 from "react";
+import * as styled_components12 from "styled-components";
 import { IStyledComponent } from "styled-components";
-import * as styled_components_dist_types0 from "styled-components/dist/types";
+import * as styled_components_dist_types50 from "styled-components/dist/types";
 
 //#region src/organisms/Template/Template.d.ts
 interface ContentProps {
   $open: boolean;
 }
-declare const Content: styled_components_dist_types0.IStyledComponentBase<"web", styled_components_dist_types0.Substitute<react7.DetailedHTMLProps<react7.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContentProps>> & string;
-declare const GlobalStyles: react7.NamedExoticComponent<styled_components0.ExecutionProps & object>;
+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>;
 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 } from "./ToggleGroup.types.js";
-import * as react129 from "react";
+import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.types.js";
+import * as react143 from "react";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
-declare const ToggleGroup$1: react129.ForwardRefExoticComponent<ToggleGroup & react129.RefAttributes<HTMLDivElement>>;
+declare const ToggleGroup: react143.ForwardRefExoticComponent<ToggleGroup$1 & react143.RefAttributes<HTMLDivElement>>;
 //#endregion
-export { ToggleGroup$1 as ToggleGroup };
+export { ToggleGroup };

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

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

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

@@ -1,10 +1,10 @@
-import { ToggleGroup } from "./ToggleGroup.js";
+import { ToggleGroup as ToggleGroup$1 } from "./ToggleGroup.js";
 import { ToggleGroupOption } from "./ToggleGroupOption.js";
 
 //#region src/organisms/ToggleGroup/index.d.ts
-type ToggleGroupType = typeof ToggleGroup & {
+type ToggleGroupType = typeof ToggleGroup$1 & {
   Option: typeof ToggleGroupOption;
 };
-declare const ToggleGroup$1: ToggleGroupType;
+declare const ToggleGroup: ToggleGroupType;
 //#endregion
-export { ToggleGroup$1 as ToggleGroup };
+export { ToggleGroup };

package/dist/organisms/TopBar/Account/AccountAvatar.js

@@ -9,4 +9,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}
   white-space: nowrap;
   background: ${({$variant:e})=>a(e).chipBackground};
   outline-color: ${({$variant:e})=>a(e).outline};
-`,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e!=null&&e.length>0,g=e==null?``:e.map(e=>e.label).join(`, `);return u(f,{children:(()=>h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a}))()})};export{m as AccountAvatar};
+`,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e.length>0,g=e.map(e=>e.label).join(`, `);return u(f,{children:h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a})})};export{m as AccountAvatar};

package/dist/organisms/TopBar/Account/AccountButton.js

@@ -6,4 +6,4 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}
   background: ${({$variant:e})=>s(e).chipBackground};
   outline: none;
   padding: 0;
-`,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n!=null&&n.length>0,_=n==null?[]:n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:(()=>g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u}))()})]})});h.displayName=`AccountButton`;export{h as AccountButton};
+`,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n.length>0,_=n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u})})]})});h.displayName=`AccountButton`;export{h as AccountButton};

package/dist/organisms/TopBar/Account/ImpersonateMenu/Actions.js

@@ -8,4 +8,4 @@ import{spacings as e}from"../../../../atoms/style/spacings.js";import{useActiveI
   display: flex;
   justify-content: flex-end;
   gap: ${e.small};
-`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,children:`Impersonate`})]})]})};export{d as Actions};
+`,d=({selectedUniqueName:e,onCancel:o})=>{let{data:d}=t(),{mutateAsync:f,isPending:p}=n();return c(l,{children:[s(a,{variant:`body_short`,children:`By selecting a user to impersonate, you will view the contents of this app as if you would be that user.`}),c(u,{children:[s(r,{variant:`outlined`,onClick:o,children:`Cancel`}),p?s(r,{children:s(i,{})}):s(r,{onClick:async()=>{await f(e),o()},disabled:e===``||e===d?.uniqueName,"data-testid":`start-impersonate-button`,children:`Impersonate`})]})]})};export{d as Actions};

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

@@ -1,7 +1,7 @@
-import * as react115 from "react";
+import * as react139 from "react";
 import { HTMLAttributes } from "react";
 
 //#region src/organisms/TopBar/Actions.d.ts
-declare const Actions: react115.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react115.RefAttributes<HTMLDivElement>>;
+declare const Actions: react139.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react139.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 react113 from "react";
+import * as react137 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: react113.ForwardRefExoticComponent<FieldMenuProps & react113.RefAttributes<HTMLDivElement>>;
+declare const FieldMenu: react137.ForwardRefExoticComponent<FieldMenuProps & react137.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { FieldMenu };

package/dist/organisms/TopBar/Guidelines/index.d.ts

@@ -1,11 +1,11 @@
-import { Guidelines } from "./Guidelines.js";
+import { Guidelines as Guidelines$1 } from "./Guidelines.js";
 import { Colorbox } from "./Colorbox.js";
 
 //#region src/organisms/TopBar/Guidelines/index.d.ts
-type BaseGuidelinesType = typeof Guidelines;
+type BaseGuidelinesType = typeof Guidelines$1;
 interface GuidelinesType extends BaseGuidelinesType {
   Colorbox: typeof Colorbox;
 }
-declare const Guidelines$1: GuidelinesType;
+declare const Guidelines: GuidelinesType;
 //#endregion
-export { Guidelines$1 as Guidelines };
+export { Guidelines };

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

@@ -8,10 +8,10 @@ import { Tutorials } from "./Tutorials/Tutorials.js";
 import { Actions } from "./Actions.js";
 import { Guidelines } from "./Guidelines/index.js";
 import { Settings, SettingsProps } from "./Settings.js";
-import { TopBar } from "./TopBar.js";
+import { TopBar as TopBar$1 } from "./TopBar.js";
 
 //#region src/organisms/TopBar/index.d.ts
-type TopBarType = typeof TopBar & {
+type TopBarType = typeof TopBar$1 & {
   Account: typeof Account;
   Actions: typeof Actions;
   Guidelines: typeof Guidelines;
@@ -22,6 +22,6 @@ type TopBarType = typeof TopBar & {
   ApplicationDrawer: typeof ApplicationDrawer;
   Tutorials: typeof Tutorials;
 };
-declare const TopBar$1: TopBarType;
+declare const TopBar: TopBarType;
 //#endregion
-export { TopBar$1 as TopBar };
+export { TopBar };

package/package.json

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

package/dist/molecules/ApplicationIcon/ApplicationIconBase.js

@@ -1,54 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{GRAYSCALE_FILTER_VALUE as t}from"./ApplicationIcon.constants.js";import{forwardRef as n}from"react";import{Icon as r}from"@equinor/eds-core-react";import i,{css as a}from"styled-components";import{jsx as o,jsxs as s}from"react/jsx-runtime";const{colors:c,elevation:l}=e,u=i.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 15%;
-  background: ${({$iconOnly:e})=>e?`transparent`:`#004f55`};
-  width: ${({$size:e})=>`${e}px`};
-  height: ${({$size:e})=>`${e}px`};
-  z-index: 100;
-  overflow: hidden;
-  ${({$grayScale:e})=>e?a`
-          filter: ${t};
-        `:``}
-  > svg {
-    position: absolute;
-    top: 0;
-    left: 0;
-    pointer-events: none;
-    transition: all 2s ease-in-out;
-    z-index: 300;
-    transform: scale(0.8);
-  }
-  ${({$withHover:e})=>e&&`
-  cursor: pointer;
-  &:hover {
-    > svg {
-      transform: scale(0.9);
-    }
-    > div:nth-child(even) {
-      top: -80%;
-      left: 80%;
-    }
-    > div:nth-child(odd) {
-      top: 93%;
-      left: -93%;
-    }
-  }
-  `};
-`,d=i.div`
-  position: absolute;
-  top: ${e=>e.$top}%;
-  left: ${e=>e.$left}%;
-  border-radius: 55% 50% 80% 50%;
-  z-index: ${e=>200-e.$index};
-  width: 120%;
-  height: 80%;
-  box-shadow: ${l.raised};
-  // This background is set to hex and not rgba because design do not want this color to change in dark mode , 18 march 2024.
-  background: ${c.interactive.primary__resting.hex};
-  transition: all 3s cubic-bezier(0.25, 1, 0.5, 1);
-  transform: rotate(${e=>e.$rotation}deg);
-  pointer-events: none;
-`,f=n(({size:e=48,iconData:t,shapes:n,iconOnly:i,withHover:a,grayScale:c=!1},l)=>i?o(u,{"data-testid":`application-icon`,ref:l,$size:e,$iconOnly:i,$withHover:a,$grayScale:c,children:Array.isArray(t)?t.map((t,n)=>o(r,{data:t,size:e,color:t.color},`icon-${n}`)):o(r,{data:t,size:e,color:`#ffffff`})}):s(u,{"data-testid":`application-icon`,ref:l,$size:e,$iconOnly:i,$withHover:a,$grayScale:c,children:[Array.isArray(t)?t.map((t,n)=>o(r,{"data-testid":`icon-part-${n}`,data:t,size:e,color:t.color},`icon-${n}`)):o(r,{data:t,size:e,color:`#ffffff`}),n.map((e,t)=>o(d,{"data-testid":`shape`,$index:t,$top:e.top,$left:e.left,$rotation:e.rotation,$grayScale:c},`shape-${t}`))]}));f.displayName=`ApplicationIconBase`;var p=f;export{p as default};

package/dist/molecules/ApplicationIcon/Icons/Fallback.js

@@ -1 +0,0 @@
-import e from"../ApplicationIconBase.js";import{fallback as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-16,left:-17,rotation:325},{top:26,left:11,rotation:193}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`Fallback`;export{a as Fallback};

package/dist/molecules/ApplicationIcon/Icons/JsCalendar.js

@@ -1 +0,0 @@
-import e from"../ApplicationIconBase.js";import{jscalendar as t}from"../ApplicationIconCollection.js";import{forwardRef as n}from"react";import{jsx as r}from"react/jsx-runtime";const i=[{top:-45,left:1,rotation:15},{top:72,left:-5,rotation:220}],a=n((n,a)=>r(e,{ref:a,iconData:t,shapes:i,...n}));a.displayName=`JsCalendar`;export{a as JsCalendar};