@equinor/amplify-component-lib 10.5.0 → 10.5.1

package/dist/atoms/style/darkTokens.js

@@ -191,10 +191,7 @@ import{css as e}from"styled-components";const t=e`
     --eds_navigation__button_color: var(--eds_text_static_icons__default);
     --eds_input__label_color: var(--eds_text_static_icons__default);
     --eds_input__text_color: var(--eds_text_static_icons__default);
-    --eds_paragraph__body_short_color: var(--eds_text_static_icons__default);
-    --eds_paragraph__body_long_link_color: var(
-      --eds_text_static_icons__default
-    );
+
     --eds_table__cell_header_color: var(--eds_text_static_icons__default);
     --eds_table__cell_text_color: var(--eds_text_static_icons__default);
     --eds_table__cell_text_bold_color: var(--eds_text_static_icons__default);
@@ -211,20 +208,14 @@ import{css as e}from"styled-components";const t=e`
     --eds_paragraph__body_short_color: var(--eds_text_static_icons__default);
     --eds_paragraph__body_long_color: var(--eds_text_static_icons__default);
     --eds_paragraph__meta_color: var(--eds_text_static_icons__default);
+    --eds_paragraph__body_long_link_color: var(
+      --eds_text_static_icons__default
+    );
 
     --eds_interactive__icon_on_interactive_colors: var(
       --eds_text_static_icons__default
     );
 
     --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);
-
-    /* Override table typography variables */
-    --eds_table__cell_header_color: var(--eds_text__static_icons__default);
-    --eds_table__cell_text_color: var(--eds_text__static_icons__default);
-    --eds_table__cell_text_bold_color: var(--eds_text__static_icons__default);
-    --eds_table__cell_text_link_color: var(--eds_text__static_icons__default);
-    --eds_table__cell_numeric_monospaced_color: var(
-      --eds_text__static_icons__default
-    );
   }
 `;export{t as darkTokens};

package/dist/atoms/style/lightTokens.js

@@ -142,18 +142,46 @@ import{css as e}from"styled-components";const t=e`
     --eds_interactive__disabled__border: rgba(220, 220, 220, 1);
     --eds_interactive__disabled__fill: rgba(234, 234, 234, 1);
     --eds_interactive__link_on_interactive_colors: rgba(255, 255, 255, 1);
-    --eds_interactive__icon_on_interactive_colors: rgba(255, 255, 255, 1);
     --eds_interactive__link_in_snackbars: rgba(151, 202, 206, 1);
     --eds_interactive__pressed_overlay_dark: rgba(0, 0, 0, 0.2);
     --eds_interactive__pressed_overlay_light: rgba(255, 255, 255, 0.2);
 
-    /* Override table typography variables */
+    --eds_heading__h1_color: var(--eds_text__static_icons__default);
+    --eds_heading__h2_color: var(--eds_text__static_icons__default);
+    --eds_heading__h3_color: var(--eds_text__static_icons__default);
+    --eds_heading__h4_color: var(--eds_text__static_icons__default);
+    --eds_heading__h5_color: var(--eds_text__static_icons__default);
+    --eds_heading__h6_color: var(--eds_text__static_icons__default);
+
+    --eds_navigation__label_color: var(--eds_text__static_icons__default);
+    --eds_navigation__button_color: var(--eds_text__static_icons__default);
+    --eds_input__label_color: var(--eds_text__static_icons__default);
+    --eds_input__text_color: var(--eds_text__static_icons__default);
+
     --eds_table__cell_header_color: var(--eds_text__static_icons__default);
     --eds_table__cell_text_color: var(--eds_text__static_icons__default);
     --eds_table__cell_text_bold_color: var(--eds_text__static_icons__default);
-    --eds_table__cell_text_link_color: var(--eds_text__static_icons__default);
     --eds_table__cell_numeric_monospaced_color: var(
       --eds_text__static_icons__default
     );
+
+    --eds_navigation__menu_title_color: var(--eds_text__static_icons__default);
+    --eds_navigation__menu_tabs_color: var(--eds_text__static_icons__default);
+    --eds_ui__accordion_header_color: var(--eds_text__static_icons__default);
+
+    --eds_paragraph__overline_color: var(--eds_text__static_icons__default);
+    --eds_paragraph__caption_color: var(--eds_text__static_icons__default);
+    --eds_paragraph__body_short_color: var(--eds_text__static_icons__default);
+    --eds_paragraph__body_long_color: var(--eds_text__static_icons__default);
+    --eds_paragraph__meta_color: var(--eds_text__static_icons__default);
+    --eds_paragraph__body_long_link_color: var(
+      --eds_text__static_icons__default
+    );
+
+    --eds_interactive__icon_on_interactive_colors: var(
+      --eds_text__static_icons__default
+    );
+
+    --eds_ui__chip__badge_color: var(--eds_text__static_icons__default);
   }
 `;export{t as lightTokens};

package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 from "react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts
@@ -12,6 +12,6 @@ interface ExpandingIconButtonProps {
 /**
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
  */
-declare const ExpandingIconButton: react0.ForwardRefExoticComponent<ExpandingIconButtonProps & react0.RefAttributes<HTMLDivElement>>;
+declare const ExpandingIconButton: react1.ForwardRefExoticComponent<ExpandingIconButtonProps & react1.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ExpandingIconButton };

package/dist/deprecated/IconToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react1 from "react";
+import * as react3 from "react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/deprecated/IconToggleButton.d.ts
@@ -21,6 +21,6 @@ interface IconToggleButtonProps {
 /**
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
  */
-declare const IconToggleButton: react1.ForwardRefExoticComponent<IconToggleButtonProps & react1.RefAttributes<HTMLButtonElement>>;
+declare const IconToggleButton: react3.ForwardRefExoticComponent<IconToggleButtonProps & react3.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconToggleButton };

package/dist/molecules/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-import * as react7 from "react";
+import * as react5 from "react";
 import { HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -25,6 +25,6 @@ type DeletableChipProps = BaseChipProps & InteractiveChipBase & {
   onDelete: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
 };
 type ChipProps = Omit<HTMLAttributes<HTMLDivElement | HTMLButtonElement>, 'onClick'> & (ReadOnlyChipProps | ClickableChipProps | DeletableChipProps);
-declare const Chip: react7.ForwardRefExoticComponent<ChipProps & react7.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react5.ForwardRefExoticComponent<ChipProps & react5.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
 //#endregion
 export { BaseChipProps, Chip, ClickableChipProps, DeletableChipProps };

package/dist/molecules/DatePicker/DatePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react9 from "react";
+import * as react7 from "react";
 import { DatePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DatePicker/DatePicker.d.ts
@@ -9,11 +9,11 @@ type DatePickerProps$1 = Omit<DatePickerProps, 'variant' | 'defaultValue'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DatePicker$1: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
+declare const DatePicker$1: react7.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
   variant?: Variants;
   defaultValue?: Date | undefined;
   meta?: string;
   loading?: boolean;
-} & react9.RefAttributes<HTMLDivElement>>;
+} & react7.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DatePicker$1 as DatePicker, DatePickerProps$1 as DatePickerProps };

package/dist/molecules/DateRangePicker/DateRangePicker.d.ts

@@ -1,5 +1,5 @@
 import { Variants } from "../../atoms/types/variants.js";
-import * as react11 from "react";
+import * as react9 from "react";
 import { DateRangePickerProps } from "@equinor/eds-core-react";
 
 //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
   meta?: string;
   loading?: boolean;
 };
-declare const DateRangePicker$1: react11.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react9.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react11.RefAttributes<HTMLDivElement>>;
+} & react9.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

package/dist/molecules/Dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import * as react15 from "react";
+import * as react13 from "react";
 import { ReactNode } from "react";
 import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
  * Also inherits props from EDS dialog
  */
-declare const Dialog$1: react15.ForwardRefExoticComponent<DialogProps$1 & react15.RefAttributes<HTMLDivElement>>;
+declare const Dialog$1: react13.ForwardRefExoticComponent<DialogProps$1 & react13.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };

package/dist/molecules/EquinorLogo/EquinorLogo.d.ts

@@ -1,11 +1,11 @@
 import { SizeIconProps } from "../../atoms/types/Icon.js";
-import * as react5 from "react";
+import * as react11 from "react";
 
 //#region src/molecules/EquinorLogo/EquinorLogo.d.ts
 interface EquinorLogoProps extends Partial<SizeIconProps> {
   large?: boolean;
   color?: 'red' | 'white' | 'black';
 }
-declare const EquinorLogo: react5.ForwardRefExoticComponent<EquinorLogoProps & react5.RefAttributes<SVGSVGElement>>;
+declare const EquinorLogo: react11.ForwardRefExoticComponent<EquinorLogoProps & react11.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { EquinorLogo, EquinorLogoProps };

package/dist/molecules/IconCell/IconCell.d.ts

@@ -1,5 +1,5 @@
 import { IconCellColor, IconCellState, IconCellVariant, IconCellVariants } from "./IconCell.types.js";
-import * as react13 from "react";
+import * as react15 from "react";
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
 import { IconData } from "@equinor/eds-icons";
 
@@ -49,6 +49,6 @@ type IconCellProps = ScribbledOutProps | RegularIconCellProps;
  * @param {React.Ref<HTMLButtonElement>} ref - Ref forwarded to the inner button element.
  * @returns {JSX.Element} The rendered IconCell.
  */
-declare const IconCell: react13.ForwardRefExoticComponent<IconCellProps & react13.RefAttributes<HTMLButtonElement>>;
+declare const IconCell: react15.ForwardRefExoticComponent<IconCellProps & react15.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { IconCell, IconCellProps };

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/QuickFilter.d.ts

@@ -1,6 +1,6 @@
 import { SelectOptionRequired } from "../../molecules/Select/Select.types.js";
 import { FilterProps } from "./Filter.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/organisms/Filter/QuickFilter.d.ts
 interface QuickFilterProps<T extends string> {
@@ -14,6 +14,6 @@ declare function QuickFilter<T extends string>({
   items,
   onQuickFilter,
   label
-}: QuickFilterProps<T>): react_jsx_runtime7.JSX.Element;
+}: QuickFilterProps<T>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { QuickFilter };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 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_runtime6.JSX.Element;
+}: SortMenuProps<S>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { SortMenu };

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

@@ -1,4 +1,4 @@
-import * as react131 from "react";
+import * as react127 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: react131.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react131.RefAttributes<HTMLDivElement>>;
+declare const SideBar: react127.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react127.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { SideBar };

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

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

package/dist/organisms/TopBar/Tutorials/Tutorials.js

@@ -1 +1 @@
-import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{TutorialItem as n}from"./TutorialItem.js";import{Container as r,TutorialList as i}from"./Tutorials.styles.js";import{useRef as a,useState as o}from"react";import{Divider as s,Icon as c,Typography as l}from"@equinor/eds-core-react";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{youtube_alt as p}from"@equinor/eds-icons";import{useTutorials as m}from"@equinor/subsurface-app-management";const h=({filterTutorials:h,onTutorialStart:g,..._})=>{let{allTutorials:v,tutorialsOnThisPage:y}=m(),[b,x]=o(!1),S=a(null),C=h?v.filter(h):v,w=h?y.filter(h):y,T=C.filter(e=>w.findIndex(t=>t.id===e.id)===-1),E=()=>x(e=>!e);return f(u,{children:[d(t,{variant:`ghost_icon`,ref:S,onClick:E,..._,children:d(c,{data:p})}),b&&d(e,{open:!0,onClose:E,anchorEl:S.current,children:f(r,{children:[f(l,{variant:`h4`,children:[`Available Tutorials (`,C.length,`)`]}),w.length>0&&f(i,{children:[d(l,{variant:`caption`,children:`For current page`}),w.map(e=>d(n,{onTutorialStart:g,onClose:E,...e},e.id))]}),w.length>0&&w.length>0&&d(s,{}),T.length>0&&f(i,{children:[d(l,{variant:`caption`,children:`For other pages`}),T.map(e=>d(n,{onTutorialStart:g,onClose:E,...e},e.id))]})]})})]})};export{h as Tutorials};
+import{TopBarMenu as e}from"../TopBarMenu.js";import{TopBarButton as t}from"../TopBar.styles.js";import{TutorialItem as n}from"./TutorialItem.js";import{Container as r,TutorialList as i}from"./Tutorials.styles.js";import{useRef as a,useState as o}from"react";import{Icon as s,Typography as c}from"@equinor/eds-core-react";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import{youtube_alt as f}from"@equinor/eds-icons";import{useTutorials as p}from"@equinor/subsurface-app-management";const m=({filterTutorials:m,onTutorialStart:h,...g})=>{let{tutorialsOnThisPage:_}=p(),[v,y]=o(!1),b=a(null),x=m?_.filter(m):_,S=()=>y(e=>!e);return d(l,{children:[u(t,{variant:`ghost_icon`,ref:b,onClick:S,...g,children:u(s,{data:f})}),v&&u(e,{open:!0,onClose:S,anchorEl:b.current,children:d(r,{children:[d(c,{variant:`h4`,children:[`Available Tutorials (`,x.length,`)`]}),x.length>0&&d(i,{children:[u(c,{variant:`caption`,children:`For current page`}),x.map(e=>u(n,{onTutorialStart:h,onClose:S,...e},e.id))]})]})})]})};export{m as Tutorials};

package/dist/organisms/TopBar/Tutorials/Tutorials.styles.js

@@ -3,10 +3,8 @@ import{spacings as e}from"../../../atoms/style/spacings.js";import t from"styled
   flex-direction: column;
   padding: ${e.large};
   width: 520px;
-  > h4 {
-    margin-bottom: ${e.x_large};
-  }
-  > hr {
+  height: 100%;
+  > h4:not(:last-child) {
     margin-bottom: ${e.x_large};
   }
 `,r=t.section`

package/package.json

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