@equinor/amplify-component-lib 9.15.3 → 9.16.0-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/amplify-component-lib",
-  "version": "9.15.3",
+  "version": "9.16.0-beta.0",
   "description": "Frontend Typescript components for the Amplify team",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "@equinor/eds-icons": "^0.22.0",
-    "@equinor/subsurface-app-management": "^4.4.3",
+    "@equinor/subsurface-app-management": "4.4.3-beta.0",
     "@eslint/js": "^9.22.0",
     "@faker-js/faker": "^9.6.0",
     "@storybook/addon-designs": "^10.0.2",
@@ -72,7 +72,6 @@
     "@types/random-seed": "^0.3.5",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
-    "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.34",
     "@types/uuid": "^10.0.0",
     "@types/wicg-file-system-access": "^2023.10.5",
@@ -93,8 +92,6 @@
     "prettier": "^3.5.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^6.28.0",
-    "react-router-dom": "^6.28.0",
     "resize-observer-polyfill": "^1.5.1",
     "resolve-tspaths": "^0.8.23",
     "storybook": "^9.1.1",
@@ -113,12 +110,11 @@
   },
   "peerDependencies": {
     "@equinor/eds-icons": "*",
-    "@equinor/subsurface-app-management": ">=4.4.3",
+    "@equinor/subsurface-app-management": "4.4.3-beta.0",
     "@tanstack/react-query": "*",
+    "@tanstack/react-router": "*",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "react-router": "^6.28.0",
-    "react-router-dom": "^6.28.0",
     "@equinor/eds-core-react": "0.44.0",
     "@equinor/eds-data-grid-react": "^0.7.5",
     "@tiptap/core": "^3.1.0",

package/dist/atoms/hooks/useOnScreenMultiple.js

@@ -1 +0,0 @@
-import{useEffect as e,useState as t}from"react";function n(n){let[r,i]=t(Array(n.length).fill(!1)),a=(e,t)=>{i(n=>{let r=[...n];return r[e]=t,r})};return e(()=>{let e=[];i(Array(n.length).fill(!1));for(let[t,r]of n.entries()){if(r===null)continue;let n=new IntersectionObserver(([e])=>{a(t,e.isIntersecting)},{threshold:1});n.observe(r),e.push(n)}return()=>{for(let t of e)t.disconnect()}},[n]),r}export{n as useOnScreenMultiple};

package/dist/atoms/hooks/useRichTextImage.js

@@ -1 +0,0 @@
-import{useQuery as e}from"@tanstack/react-query";function t(t,n){return e({queryKey:[t],queryFn:async()=>{if(n){let e=await n(t),r=t.split(`.`).at(-1);return`data:image/${r};base64,${e}`}return t},staleTime:1/0,gcTime:1/0})}export{t as useRichTextImage};

package/dist/atoms/hooks/useSearchParameter.d.ts

@@ -1,12 +0,0 @@
-//#region src/atoms/hooks/useSearchParameter.d.ts
-declare function useSearchParameter<T>({
-  key,
-  initialValue,
-  parser
-}: {
-  key: string;
-  initialValue?: T;
-  parser?: (value: string) => T;
-}): readonly [T | undefined, (action: ((value: T | undefined) => T) | T) => void];
-//#endregion
-export { useSearchParameter };

package/dist/atoms/hooks/useSearchParameter.js

@@ -1 +0,0 @@
-import{useRef as e}from"react";import{useSearchParams as t}from"react-router-dom";function n({key:n,initialValue:r,parser:i}){let[a,o]=t(),s=e(!1),c=a.get(n)??void 0,l=i&&c?i(c):c,u=!s.current&&l===void 0?r:l,d=e=>{if(s.current||=!0,e instanceof Function){let t=e(u);d(t)}else{let t=new URLSearchParams(a),r=typeof e==`string`?e:JSON.stringify(e);r===void 0||r===``||r===`null`||r===`[]`||r===`{}`?t.delete(n):t.set(n,r),o(t)}};return[u,d]}export{n as useSearchParameter};

package/dist/atoms/style/animation.js

@@ -1 +0,0 @@
-const e={transitionMS:`200ms`};export{e as animation};

package/dist/atoms/style/colors.js

@@ -1 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";const{colors:t}=e,n={...t,ui:{...t.ui,background__light_medium:{rgba:`var(--amplify_ui_background_light_medium, rgba(235, 235, 235, 1))`},background__heavy:{rgba:`var(--amplify_ui_background_heavy, rgba(189, 189, 189, 1))`},background__tutorial_card:{rgba:`var(--amplify_ui_background_tutorial_card, rgba(222, 237, 238, 1))`}},interactive:{...t.interactive,primary__pressed:{rgba:`var(--amplify_interactive_primary_pressed, rgba(19, 46, 49, 1))`},tutorial__active_step:{rgba:`var(--amplify_interactive_tutorial_active_step, rgba(0, 112, 121, 1))`},tutorial__inactive_step:{rgba:`var(--amplify_interactive_tutorial_inactive_step, rgba(168, 206, 209, 1))`}},dataviz:{primary:{default:`var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))`,darker:`var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))`,lighter:`var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))`,primary10:`var(--amplify_dataviz_primary_10, rgba(235, 245, 255, 1))`,primary20:`var(--amplify_dataviz_primary_20, rgba(211, 231, 253, 1))`,primary30:`var(--amplify_dataviz_primary_30, rgba(167, 206, 251, 1))`,primary40:`var(--amplify_dataviz_primary_40, rgba(133, 187, 250, 1))`,primary50:`var(--amplify_dataviz_primary_50, rgba(89, 163, 248, 1))`,primary60:`var(--amplify_dataviz_primary_60, rgba(40, 136, 246, 1))`,primary70:`var(--amplify_dataviz_primary_70, rgba(0, 107, 229, 1))`,primary80:`var(--amplify_dataviz_primary_80, rgba(0, 83, 178, 1))`,primary90:`var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))`},darkblue:{default:`var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))`,darker:`var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))`,lighter:`var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))`},lightblue:{default:`var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))`,darker:`var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))`,lighter:`var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))`},lightgreen:{default:`var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))`,darker:`var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))`,lighter:`var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))`},darkgreen:{default:`var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))`,darker:`var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))`,lighter:`var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))`},darkpink:{default:`var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))`,darker:`var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))`,lighter:`var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))`},lightpink:{default:`var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))`,darker:`var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))`,lighter:`var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))`},darkyellow:{default:`var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))`,darker:`var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))`,lighter:`var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))`},lightyellow:{default:`var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))`,darker:`var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))`,lighter:`var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))`},darkpurple:{default:`var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))`,darker:`var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))`,lighter:`var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))`},lightpurple:{default:`var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))`,darker:`var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))`,lighter:`var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))`},darkgray:{default:`var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))`,darker:`var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))`,lighter:`var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))`},lightgray:{default:`var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))`,darker:`var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))`,lighter:`var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))`}}},r={warning:n.interactive.warning__resting.rgba,error:n.interactive.danger__resting.rgba,success:n.interactive.success__resting.rgba,dirty:n.infographic.substitute__blue_ocean.rgba},i={warning:n.interactive.warning__hover.rgba,error:n.interactive.danger__hover.rgba,success:n.interactive.success__hover.rgba,dirty:n.infographic.substitute__blue_ocean.rgba};export{r as VARIANT_COLORS,i as VARIANT_HELPER_TEXT_COLORS,n as colors};

package/dist/atoms/style/darkTokens.js

@@ -1,219 +0,0 @@
-import{css as e}from"styled-components";const t=e`
-  /*Dark Theme*/
-  [data-theme='dark'] {
-    textarea,
-    input {
-      color: var(--eds_text_static_icons__default);
-    }
-
-    --amplify_interactive_tutorial_active_step: rgba(154, 202, 206, 1);
-    --amplify_interactive_tutorial_inactive_step: rgba(96, 125, 127, 1);
-
-    /* Override super specific text colors to just default text color */
-    --eds_heading__h1_bold_color: var(--eds_text_static_icons__default);
-    --eds_input__text_monospaced_color: var(--eds_text_static_icons__default);
-    --eds_input__helper_color: var(--eds_text_static_icons__default);
-    --eds_table__cell_text_link_color: var(--eds_text_static_icons__default);
-    --eds_navigation__drawer_active_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_navigation__drawer_inactive_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_navigation__breadcrumb_color: var(--eds_text_static_icons__default);
-    --eds_navigation__breadcrumb_hover_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_navigation__menu_title_hover_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_short_italic_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_short_bold_italic_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_short_bold_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_short_link_color: var(
-      --eds_interactive_primary__resting
-    );
-    --eds_paragraph__ingress_color: var(--eds_text_static_icons__default);
-    --eds_paragraph__body_long_italic_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_long_bold_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_paragraph__body_long_bold_italic_color: var(
-      --eds_text_static_icons__default
-    );
-    --eds_ui__tooltip_color: var(--eds_text_static_icons__default);
-    --eds_ui__snackbar_color: var(--eds_text_static_icons__default);
-    --eds_ui__chart_color: var(--eds_text_static_icons__default);
-
-    --eds_clickbound_jumbo__base: 88px;
-    --eds_clickbound_default__base: 48px;
-    --eds_clickbound_default__input: 56px;
-    --eds_clickbound_compact__standard: 32px;
-    --eds_clickbound_compact__input: 44px;
-
-    --eds_text_static_icons__default: rgba(255, 255, 255, 1);
-    --eds_text__static_icons__default: rgba(255, 255, 255, 1);
-
-    --eds_text_static_icons__secondary: rgba(222, 229, 231, 1);
-    --eds_text__static_icons__secondary: rgba(222, 229, 231, 1);
-
-    --eds_text_static_icons__tertiary: rgba(156, 166, 172, 1);
-    --eds_text__static_icons__tertiary: rgba(156, 166, 172, 1);
-
-    --eds_text_static_icons__primary_white: rgba(61, 61, 61, 1);
-    --eds_text__static_icons__primary_white: rgba(61, 61, 61, 1);
-
-    --eds_ui_background__default: rgba(19, 38, 52, 1);
-    --eds_ui_background__semitransparent: rgba(255, 255, 255, 0.2);
-    --eds_ui_background__light: rgba(38, 55, 68, 1);
-    --amplify_ui_background_light_medium: rgba(40, 58, 72, 1);
-    --amplify_ui_background_heavy: rgba(50, 72, 89, 1);
-    --amplify_ui_background_tutorial_card: rgba(50, 72, 89, 1);
-    --eds_ui_background__scrim: rgba(0, 0, 0, 0.4);
-    --eds_ui_background__overlay: rgba(0, 0, 0, 0.8);
-    --eds_ui_background__medium: rgba(44, 64, 79, 1);
-    --eds_ui_background__info: rgba(43, 126, 166, 1);
-    --eds_ui_background__warning: rgba(157, 105, 63, 1);
-    --eds_ui_background__danger: rgba(183, 87, 87, 1);
-    --eds_infographic_substitute__purple_berry: rgba(140, 17, 89, 1);
-    --eds_infographic_substitute__pink_rose: rgba(226, 73, 115, 1);
-    --eds_infographic_substitute__pink_salmon: rgba(255, 146, 168, 1);
-    --eds_infographic_substitute__green_cucumber: rgba(0, 95, 87, 1);
-    --eds_infographic_substitute__green_succulent: rgba(0, 151, 123, 1);
-    --eds_infographic_substitute__green_mint: rgba(64, 211, 143, 1);
-    --eds_infographic_substitute__blue_ocean: rgba(0, 64, 136, 1);
-    --eds_infographic_substitute__blue_overcast: rgba(0, 132, 196, 1);
-    --eds_infographic_substitute__blue_sky: rgba(82, 192, 255, 1);
-    --eds_infographic_primary__moss_green_100: rgba(0, 112, 121, 1);
-    --eds_infographic_primary__moss_green_55: rgba(115, 177, 181, 1);
-    --eds_infographic_primary__moss_green_34: rgba(168, 206, 209, 1);
-    --eds_infographic_primary__moss_green_21: rgba(201, 224, 226, 1);
-    --eds_infographic_primary__moss_green_13: rgba(222, 237, 238, 1);
-    --eds_infographic_primary__energy_red_100: rgba(235, 0, 55, 1);
-    --eds_infographic_primary__energy_red_55: rgba(255, 125, 152, 1);
-    --eds_infographic_primary__energy_red_34: rgba(255, 174, 191, 1);
-    --eds_infographic_primary__energy_red_21: rgba(255, 205, 215, 1);
-    --eds_infographic_primary__energy_red_13: rgba(255, 224, 231, 1);
-    --eds_infographic_primary__weathered_red: rgba(125, 0, 35, 1);
-    --eds_infographic_primary__slate_blue: rgba(36, 55, 70, 1);
-    --eds_infographic_primary__spruce_wood: rgba(255, 231, 214, 1);
-    --eds_infographic_primary__mist_blue: rgba(213, 234, 244, 1);
-    --eds_infographic_primary__lichen_green: rgba(230, 250, 236, 1);
-    --eds_logo_fill_positive: rgba(235, 0, 55, 1);
-    --eds_logo_fill_negative: rgba(255, 255, 255, 1);
-    --eds_interactive_primary__selected_highlight: rgba(0, 151, 123, 1);
-    --eds_interactive_primary__selected_hover: rgba(0, 95, 87, 1);
-    --eds_interactive_primary__resting: rgba(151, 202, 206, 1);
-    --eds_interactive_primary__hover: rgba(173, 226, 230, 1);
-    --eds_interactive_primary__hover_alt: rgb(96, 125, 127);
-    --amplify_interactive_primary_pressed: rgba(95, 198, 206, 1);
-    --eds_interactive_secondary__highlight: rgba(255, 255, 255, 0.1);
-    --eds_interactive_secondary__resting: rgba(222, 229, 231, 1);
-    --eds_interactive_secondary__link_hover: rgba(23, 36, 47, 1);
-    --eds_interactive_danger__highlight: rgba(90, 57, 70, 1);
-    --eds_interactive_danger__resting: rgba(255, 115, 124, 1);
-    --eds_interactive_danger__hover: rgba(255, 148, 155, 1);
-    --eds_interactive_danger__text: rgba(255, 171, 176, 1);
-    --eds_interactive_warning__highlight: rgba(90, 86, 73, 1);
-    --eds_interactive_warning__resting: rgba(255, 146, 0, 1);
-    --eds_interactive_warning__hover: rgba(255, 218, 168, 1);
-    --eds_interactive_warning__text: rgba(255, 198, 122, 1);
-    --eds_interactive_success__highlight: rgba(62, 92, 84, 1);
-    --eds_interactive_success__resting: rgba(75, 183, 72, 1);
-    --eds_interactive_success__hover: rgba(193, 231, 193, 1);
-    --eds_interactive_success__text: rgba(161, 218, 160, 1);
-
-    --eds_interactive_table__header__fill_activated: rgba(46, 63, 77, 1);
-    --eds_interactive_table__header__fill_resting: rgba(36, 55, 70, 1);
-    --eds_interactive_table__header__fill_hover: rgba(50, 77, 98, 1);
-    --eds_interactive_table__cell__fill_activated: rgba(36, 55, 70, 1);
-    --eds_interactive_table__cell__fill_resting: rgba(19, 38, 52, 1);
-    --eds_interactive_table__cell__fill_hover: rgba(30, 60, 82, 1);
-
-    --eds_interactive_disabled__text: rgba(99, 117, 131, 1);
-    --eds_interactive__disabled__text: rgba(99, 117, 131, 1);
-
-    --eds_interactive_disabled__border: rgba(64, 84, 98, 1);
-    --eds_interactive__disabled__border: rgba(64, 84, 98, 1);
-
-    --eds_interactive_disabled__fill: rgba(52, 68, 80, 1);
-    --eds_interactive__disabled__fill: rgba(52, 68, 80, 1);
-
-    --eds_interactive_text_highlight: rgba(213, 234, 244, 1);
-    --eds_interactive__text_highlight: rgba(213, 234, 244, 1);
-
-    --eds_interactive_focus: rgba(0, 112, 121, 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);
-
-    --eds_elevation_raised:
-      0 1px 5px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.12),
-      0 2px 4px rgba(0, 0, 0, 0.14);
-    --eds_elevation_none: 0 0 1px rgba(0, 0, 0, 0.14);
-    --eds_elevation_overlay:
-      0 1px 10px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.12),
-      0 2px 4px rgba(0, 0, 0, 0.14);
-    --eds_elevation_sticky:
-      0 4px 5px rgba(0, 0, 0, 0.2), 0 3px 14px rgba(0, 0, 0, 0.12),
-      0 8px 10px rgba(0, 0, 0, 0.14);
-    --eds_elevation_temporary_nav:
-      0 7px 8px rgba(0, 0, 0, 0.2), 0 5px 22px rgba(0, 0, 0, 0.12),
-      0 12px 17px rgba(0, 0, 0, 0.14);
-    --eds_elevation_above_scrim:
-      0 11px 15px rgba(0, 0, 0, 0.2), 0 9px 46px rgba(0, 0, 0, 0.12),
-      0 24px 38px rgba(0, 0, 0, 0.14);
-
-    --eds_heading__h1_color: rgba(255, 255, 255, 1);
-    --eds_heading__h2_color: rgba(255, 255, 255, 1);
-    --eds_heading__h3_color: rgba(255, 255, 255, 1);
-    --eds_heading__h4_color: rgba(255, 255, 255, 1);
-    --eds_heading__h5_color: rgba(255, 255, 255, 1);
-    --eds_heading__h6_color: rgba(255, 255, 255, 1);
-
-    --eds_navigation__label_color: rgba(255, 255, 255, 1);
-    --eds_navigation__button_color: rgba(255, 255, 255, 1);
-    --eds_input__label_color: rgba(255, 255, 255, 1);
-    --eds_input__text_color: var(--eds_text_static_icons__default);
-    --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);
-    --eds_paragraph__body_long_link_color: rgba(255, 255, 255, 1);
-    --eds_table__cell_header_color: rgba(255, 255, 255, 1);
-    --eds_table__cell_text_color: rgba(255, 255, 255, 1);
-    --eds_table__cell_text_bold_color: rgba(255, 255, 255, 1);
-    --eds_table__cell_numeric_monospaced_color: rgba(255, 255, 255, 1);
-
-    --eds_navigation__menu_title_color: rgba(255, 255, 255, 1);
-    --eds_navigation__menu_tabs_color: rgba(156, 166, 172, 1);
-    --eds_ui__accordion_header_color: rgba(255, 255, 255, 1);
-
-    --eds_paragraph__overline_color: rgba(255, 255, 255, 1);
-    --eds_paragraph__caption_color: rgba(255, 255, 255, 1);
-    --eds_paragraph__body_short_color: rgba(255, 255, 255, 1);
-    --eds_paragraph__body_long_color: rgba(255, 255, 255, 1);
-    --eds_paragraph__meta_color: rgba(255, 255, 255, 1);
-
-    --eds_interactive__icon_on_interactive_colors: rgba(255, 255, 255, 1);
-
-    --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

@@ -1,158 +0,0 @@
-import{css as e}from"styled-components";const t=e`
-  [data-theme='light'] {
-    --amplify_ui_background_light_medium: rgba(235, 235, 235, 1);
-    --amplify_ui_background_heavy: rgba(189, 189, 189, 1);
-    --amplify_ui_background_tutorial_card: rgba(222, 237, 238, 1);
-
-    --amplify_interactive_primary_pressed: rgba(19, 46, 49, 1);
-    --amplify_interactive_tutorial_active_step: rgba(0, 112, 121, 1);
-    --amplify_interactive_tutorial_inactive_step: rgba(168, 206, 209, 1);
-
-    --amplify_dataviz_primary_default: rgba(0, 107, 229, 1);
-    --amplify_dataviz_primary_darker: rgba(0, 83, 178, 1);
-    --amplify_dataviz_primary_lighter: rgba(206, 229, 255, 1);
-
-    --amplify_dataviz_primary_10: rgba(235, 245, 255, 1);
-    --amplify_dataviz_primary_20: rgba(211, 231, 253, 1);
-    --amplify_dataviz_primary_30: rgba(167, 206, 251, 1);
-    --amplify_dataviz_primary_40: rgba(133, 187, 250, 1);
-    --amplify_dataviz_primary_50: rgba(89, 163, 248, 1);
-    --amplify_dataviz_primary_60: rgba(40, 136, 246, 1);
-    --amplify_dataviz_primary_70: rgba(0, 107, 229, 1);
-    --amplify_dataviz_primary_80: rgba(0, 83, 178, 1);
-    --amplify_dataviz_primary_90: rgba(5, 60, 122, 1);
-
-    --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
-    --amplify_dataviz_darkblue_darker: rgba(4, 48, 98, 1);
-    --amplify_dataviz_darkblue_lighter: rgba(191, 220, 252, 1);
-
-    --amplify_dataviz_lightblue_default: rgba(133, 208, 250, 1);
-    --amplify_dataviz_lightblue_darker: rgba(35, 170, 246, 1);
-    --amplify_dataviz_lightblue_lighter: rgba(211, 238, 253, 1);
-
-    --amplify_dataviz_lightgreen_default: rgba(10, 194, 154, 1);
-    --amplify_dataviz_lightgreen_darker: rgba(8, 145, 115, 1);
-    --amplify_dataviz_lightgreen_lighter: rgba(220, 241, 236, 1);
-
-    --amplify_dataviz_darkgreen_default: rgba(0, 102, 76, 1);
-    --amplify_dataviz_darkgreen_darker: rgba(0, 61, 46, 1);
-    --amplify_dataviz_darkgreen_lighter: rgba(200, 237, 227, 1);
-
-    --amplify_dataviz_darkpink_default: rgba(169, 30, 88, 1);
-    --amplify_dataviz_darkpink_darker: rgba(135, 18, 67, 1);
-    --amplify_dataviz_darkpink_lighter: rgba(252, 212, 229, 1);
-
-    --amplify_dataviz_lightpink_default: rgba(255, 128, 138, 1);
-    --amplify_dataviz_lightpink_darker: rgba(225, 81, 93, 1);
-    --amplify_dataviz_lightpink_lighter: rgba(255, 219, 222, 1);
-
-    --amplify_dataviz_darkyellow_default: rgba(160, 112, 28, 1);
-    --amplify_dataviz_darkyellow_darker: rgba(121, 85, 21, 1);
-    --amplify_dataviz_darkyellow_lighter: rgba(244, 226, 195, 1);
-
-    --amplify_dataviz_lightyellow_default: rgba(253, 203, 53, 1);
-    --amplify_dataviz_lightyellow_darker: rgba(227, 171, 2, 1);
-    --amplify_dataviz_lightyellow_lighter: rgba(255, 240, 194, 1);
-
-    --amplify_dataviz_darkpurple_default: rgba(147, 20, 219, 1);
-    --amplify_dataviz_darkpurple_darker: rgba(97, 1, 152, 1);
-    --amplify_dataviz_darkpurple_lighter: rgba(232, 209, 246, 1);
-
-    --amplify_dataviz_lightpurple_default: rgba(186, 153, 255, 1);
-    --amplify_dataviz_lightpurple_darker: rgba(155, 89, 242, 1);
-    --amplify_dataviz_lightpurple_lighter: rgba(234, 224, 255, 1);
-
-    --amplify_dataviz_darkgray_default: rgba(122, 122, 122, 1);
-    --amplify_dataviz_darkgray_darker: rgba(86, 86, 86, 1);
-    --amplify_dataviz_darkgray_lighter: rgba(173, 173, 173, 1);
-
-    --amplify_dataviz_lightgray_default: rgba(144, 155, 162, 1);
-    --amplify_dataviz_lightgray_darker: rgba(91, 102, 108, 1);
-    --amplify_dataviz_lightgray_lighter: rgba(194, 200, 204, 1);
-
-    --eds_text__static_icons__default: rgba(61, 61, 61, 1);
-    --eds_text__static_icons__secondary: rgba(86, 86, 86, 1);
-    --eds_text__static_icons__tertiary: rgba(111, 111, 111, 1);
-    --eds_text__static_icons__primary_white: rgba(255, 255, 255, 1);
-    --eds_ui_background__default: rgba(255, 255, 255, 1);
-    --eds_ui_background__semitransparent: rgba(255, 255, 255, 0.2);
-    --eds_ui_background__light: rgba(247, 247, 247, 1);
-    --eds_ui_background__scrim: rgba(0, 0, 0, 0.4);
-    --eds_ui_background__overlay: rgba(0, 0, 0, 0.8);
-    --eds_ui_background__medium: rgba(220, 220, 220, 1);
-    --eds_ui_background__info: rgba(213, 234, 244, 1);
-    --eds_ui_background__warning: rgba(255, 231, 214, 1);
-    --eds_ui_background__danger: rgba(255, 193, 193, 1);
-    --eds_infographic_substitute__purple_berry: rgba(140, 17, 89, 1);
-    --eds_infographic_substitute__pink_rose: rgba(226, 73, 115, 1);
-    --eds_infographic_substitute__pink_salmon: rgba(255, 146, 168, 1);
-    --eds_infographic_substitute__green_cucumber: rgba(0, 95, 87, 1);
-    --eds_infographic_substitute__green_succulent: rgba(0, 151, 123, 1);
-    --eds_infographic_substitute__green_mint: rgba(64, 211, 143, 1);
-    --eds_infographic_substitute__blue_ocean: rgba(0, 64, 136, 1);
-    --eds_infographic_substitute__blue_overcast: rgba(0, 132, 196, 1);
-    --eds_infographic_substitute__blue_sky: rgba(82, 192, 255, 1);
-    --eds_infographic_primary__moss_green_100: rgba(0, 112, 121, 1);
-    --eds_infographic_primary__moss_green_55: rgba(115, 177, 181, 1);
-    --eds_infographic_primary__moss_green_34: rgba(168, 206, 209, 1);
-    --eds_infographic_primary__moss_green_21: rgba(201, 224, 226, 1);
-    --eds_infographic_primary__moss_green_13: rgba(222, 237, 238, 1);
-    --eds_infographic_primary__energy_red_100: rgba(235, 0, 55, 1);
-    --eds_infographic_primary__energy_red_55: rgba(255, 125, 152, 1);
-    --eds_infographic_primary__energy_red_34: rgba(255, 174, 191, 1);
-    --eds_infographic_primary__energy_red_21: rgba(255, 205, 215, 1);
-    --eds_infographic_primary__energy_red_13: rgba(255, 224, 231, 1);
-    --eds_infographic_primary__weathered_red: rgba(125, 0, 35, 1);
-    --eds_infographic_primary__slate_blue: rgba(36, 55, 70, 1);
-    --eds_infographic_primary__spruce_wood: rgba(255, 231, 214, 1);
-    --eds_infographic_primary__mist_blue: rgba(213, 234, 244, 1);
-    --eds_infographic_primary__lichen_green: rgba(230, 250, 236, 1);
-    --eds_logo__fill_positive: rgba(235, 0, 55, 1);
-    --eds_logo__fill_negative: rgba(255, 255, 255, 1);
-    --eds_interactive_primary__selected_highlight: rgba(230, 250, 236, 1);
-    --eds_interactive_primary__selected_hover: rgba(195, 243, 210, 1);
-    --eds_interactive_primary__resting: rgba(0, 112, 121, 1);
-    --eds_interactive_primary__hover: rgba(0, 79, 85, 1);
-    --eds_interactive_primary__hover_alt: rgba(222, 237, 238, 1);
-    --eds_interactive_secondary__highlight: rgba(213, 234, 244, 1);
-    --eds_interactive_secondary__resting: rgba(36, 55, 70, 1);
-    --eds_interactive_secondary__link_hover: rgba(23, 36, 47, 1);
-    --eds_interactive_danger__highlight: rgba(255, 193, 193, 1);
-    --eds_interactive_danger__resting: rgba(235, 0, 0, 1);
-    --eds_interactive_danger__hover: rgba(179, 13, 47, 1);
-    --eds_interactive_danger__text: rgba(179, 13, 47, 1);
-    --eds_interactive_warning__highlight: rgba(255, 231, 214, 1);
-    --eds_interactive_warning__resting: rgba(255, 146, 0, 1);
-    --eds_interactive_warning__hover: rgba(173, 98, 0, 1);
-    --eds_interactive_warning__text: rgba(173, 98, 0, 1);
-    --eds_interactive_success__highlight: rgba(230, 250, 236, 1);
-    --eds_interactive_success__resting: rgba(75, 183, 72, 1);
-    --eds_interactive_success__hover: rgba(53, 129, 50, 1);
-    --eds_interactive_success__text: rgba(53, 129, 50, 1);
-    --eds_interactive_table__cell__fill_resting: rgba(255, 255, 255, 1);
-    --eds_interactive_table__cell__fill_hover: rgba(234, 234, 234, 1);
-    --eds_interactive_table__cell__fill_activated: rgba(230, 250, 236, 1);
-    --eds_interactive_table__header__fill_activated: rgba(234, 234, 234, 1);
-    --eds_interactive_table__header__fill_hover: rgba(220, 220, 220, 1);
-    --eds_interactive_table__header__fill_resting: rgba(247, 247, 247, 1);
-    --eds_interactive__disabled__text: rgba(190, 190, 190, 1);
-    --eds_interactive__text_highlight: rgba(213, 234, 244, 1);
-    --eds_interactive__focus: rgba(0, 112, 121, 1);
-    --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_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 lightTokens};

package/dist/atoms/style/spacingTokens.js

@@ -1,50 +0,0 @@
-import{css as e}from"styled-components";const t=e`
-  /*Comfortable, by default*/
-  html {
-    --eds_spacing_xxx_large: 48px;
-    --eds_spacing_xx_large: 40px;
-    --eds_spacing_x_large: 32px;
-    --eds_spacing_large: 24px;
-    --eds_spacing_medium: 16px;
-    --eds_spacing_medium_small: 12px;
-    --eds_spacing_small: 8px;
-    --eds_spacing_x_small: 4px;
-    --eds_spacing_xx_small: 2px;
-    /* Override button padding variables to make it work with spacings */
-    --eds_button__padding_x: var(--eds_spacing_medium);
-
-    --eds_icon-button__size: 40px;
-    --eds_button__height: 36px;
-  }
-
-  /*Compact*/
-  [data-spacing-mode='compact'] {
-    --eds_spacing_xxx_large: 40px;
-    --eds_spacing_xx_large: 32px;
-    --eds_spacing_x_large: 40px;
-    --eds_spacing_large: 16px;
-    --eds_spacing_medium: 12px;
-    --eds_spacing_medium_small: 8px;
-    --eds_spacing_small: 4px;
-    --eds_spacing_x_small: 2px;
-    --eds_spacing_xx_small: 0px;
-
-    --eds_icon-button__size: 32px;
-    --eds_button__height: 28px;
-  }
-
-  /*Extra Compact*/
-  [data-spacing-mode='extra-compact'] {
-    --eds_spacing_xxx_large: 32px;
-    --eds_spacing_xx_large: 24px;
-    --eds_spacing_x_large: 16px;
-    --eds_spacing_large: 12px;
-    --eds_spacing_medium: 8px;
-    --eds_spacing_medium_small: 4px;
-    --eds_spacing_small: 2px;
-    --eds_spacing_x_small: 0px;
-    --eds_spacing_xx_small: 0px;
-    --eds_icon-button__size: 28px;
-    --eds_button__height: 20px;
-  }
-`;export{t as spacingTokens};

package/dist/atoms/style/spacings.js

@@ -1 +0,0 @@
-const e={xxx_large:`var(--eds_spacing_xxx_large, 48px)`,xx_large:`var(--eds_spacing_xx_large, 40px)`,x_large:`var(--eds_spacing_x_large, 32px)`,large:`var(--eds_spacing_large, 24px)`,medium:`var(--eds_spacing_medium, 16px)`,medium_small:`var(--eds_spacing_medium_small, 12px)`,small:`var(--eds_spacing_small, 8px)`,x_small:`var(--eds_spacing_x-small, 4px)`,xx_small:`var(--eds_spacing_xx_small, 2px)`};export{e as spacings};

package/dist/atoms/utils/skeleton.js

@@ -1 +0,0 @@
-import{spacings as e}from"../style/spacings.js";function t({meta:e,label:t}){return e||t?`1rem`:`0`}function n({label:t,helperText:n,helperIcon:r}){return`calc(100% - ${t?`1rem`:`0px`} - ${n||r?`1.5rem`:`0px`} - ${e.small})`}export{n as getSkeletonHeight,t as getSkeletonTop};

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

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

package/dist/molecules/Badge/Badge.styles.js

@@ -1,17 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import r from"styled-components";const{shape:i}=e,a=e=>{let n={light:{background:`rgba(235, 235, 235, 1)`,color:t.text.static_icons__tertiary.rgba},danger:{background:t.interactive.danger__resting.rgba,color:t.text.static_icons__primary_white.rgba},empty:{background:t.interactive.disabled__fill.rgba,color:t.interactive.disabled__text.rgba},default:{background:t.text.static_icons__tertiary.rgba,color:t.text.static_icons__primary_white.rgba}};return n[e]},o=r.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  > span {
-    font-weight: 500;
-    font-size: 12px;
-    color: ${({$variant:e})=>a(e).color};
-    padding: 0 ${n.x_small};
-    line-height: normal;
-  }
-  background: ${({$variant:e})=>a(e).background};
-  min-width: 16px;
-  width: fit-content;
-  height: 16px;
-  border-radius: ${i.rounded.borderRadius};
-`;export{o as Container};

package/dist/molecules/Button/Button.utils.js

@@ -1 +0,0 @@
-function e({variant:e,color:t}){return e===void 0||e===`contained`||e===`contained_icon`||t===`danger`&&e===`ghost_icon`?`neutral`:t===`danger`&&!e.includes(`icon`)?`tertiary`:`primary`}export{e as variantAndColorToProgressColor};

package/dist/molecules/Chip/Chip.styles.js

@@ -1,65 +0,0 @@
-import{tokens as e}from"../../node_modules/@equinor/eds-tokens/dist/esm/base/index.js";import{colors as t}from"../../atoms/style/colors.js";import{spacings as n}from"../../atoms/style/spacings.js";import r,{css as i}from"styled-components";const{typography:a,shape:o}=e,s={default:{color:`${t.interactive.primary__resting.rgba}`,background:`${t.ui.background__light.rgba}`,borderColor:`${t.ui.background__medium.rgba}`,hover:{background:`${t.interactive.primary__hover_alt.rgba}`,color:`${t.interactive.primary__hover.rgba}`,borderColor:`${t.interactive.primary__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.disabled__border.rgba}`},selected:{color:`${t.interactive.primary__resting.rgba}`,background:`${t.interactive.primary__selected_highlight.rgba}`,borderColor:`${t.interactive.primary__selected_hover.rgba}`,hover:{color:`${t.interactive.primary__hover.rgba}`,background:`${t.interactive.primary__selected_hover.rgba}`,borderColor:`${t.interactive.primary__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.disabled__border.rgba}`}}},white:{color:`${t.interactive.primary__resting.rgba}`,background:`${t.ui.background__default.rgba}`,borderColor:`${t.ui.background__medium.rgba}`,hover:{background:`${t.interactive.primary__hover_alt.rgba}`,color:`${t.interactive.primary__hover.rgba}`,borderColor:`${t.interactive.primary__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.disabled__border.rgba}`}},warning:{color:`${t.interactive.warning__text.rgba}`,background:`${t.ui.background__light.rgba}`,borderColor:`${t.interactive.warning__resting.rgba}`,hover:{color:`${t.interactive.warning__hover.rgba}`,background:`${t.ui.background__warning.rgba}`,borderColor:`${t.interactive.warning__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.disabled__border.rgba}`},selected:{color:`${t.interactive.warning__text.rgba}`,background:`${t.interactive.primary__selected_highlight.rgba}`,borderColor:`${t.interactive.warning__resting.rgba}`,hover:{color:`${t.interactive.warning__hover.rgba}`,background:`${t.interactive.primary__selected_hover.rgba}`,borderColor:`${t.interactive.warning__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.warning__highlight.rgba}`}}},error:{color:`${t.interactive.danger__text.rgba}`,background:`${t.ui.background__light.rgba}`,borderColor:`${t.interactive.danger__resting.rgba}`,hover:{color:`${t.interactive.danger__hover.rgba}`,background:`${t.ui.background__danger.rgba}`,borderColor:`${t.interactive.danger__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.disabled__border.rgba}`},selected:{color:`${t.interactive.danger__text.rgba}`,background:`${t.interactive.primary__selected_highlight.rgba}`,borderColor:`${t.interactive.danger__resting.rgba}`,hover:{color:`${t.interactive.danger__hover.rgba}`,background:`${t.interactive.primary__selected_hover.rgba}`,borderColor:`${t.interactive.danger__hover.rgba}`},disabled:{color:`${t.interactive.disabled__text.rgba}`,background:`${t.interactive.disabled__fill.rgba}`,borderColor:`${t.interactive.danger__highlight.rgba}`}}}},c=(e=`default`,t=!1)=>{let n=t&&e===`white`?`default`:e,r=s[n];return t&&r.selected?r.selected:r},l=i`
-  outline: 1px solid ${t.ui.background__medium.rgba};
-  display: flex;
-  width: fit-content;
-  border-radius: ${o.rounded.borderRadius};
-  font-family: 'Equinor', sans-serif;
-  font-weight: 500;
-  font-size: ${a.ui.chip__badge.fontSize};
-  line-height: 16px;
-  text-align: center;
-  transition:
-    background-color 150ms ease,
-    outline 150ms ease,
-    color 150ms ease;
-  padding: ${n.x_small};
-  box-sizing: content-box;
-
-  .content {
-    padding: 0 ${n.small};
-    display: flex;
-    align-items: center;
-    gap: ${n.x_small};
-
-    .leading {
-      display: flex;
-      align-items: center;
-    }
-    .leading * {
-      width: 16px;
-      height: 16px;
-    }
-  }
-`,u=r.button`
-  cursor: pointer;
-  ${l}
-  ${({variant:e,selected:t})=>{let n=c(e,t);return i`
-      color: ${n.color};
-      background-color: ${n.background};
-      outline: 1px solid ${n.borderColor};
-
-      &:hover {
-        background-color: ${n.hover.background};
-        color: ${n.hover.color};
-        outline: 1px solid ${n.hover.borderColor};
-      }
-
-      &:disabled {
-        color: ${n.disabled?.color};
-        background-color: ${n.disabled?.background};
-        outline: 1px solid ${n.disabled?.borderColor};
-        cursor: not-allowed;
-
-        &:hover {
-          outline: 1px solid ${n.disabled?.borderColor};
-        }
-      }
-    `}};
-`,d=r.div`
-  ${l}
-  ${e=>{let n=c(e.variant,!0);return i`
-      color: ${t.text.static_icons__default.rgba};
-      background-color: ${e.variant===`white`?s.white.background:t.ui.background__light.rgba};
-      outline: 1px solid ${n.disabled.borderColor};
-    `}}
-`;export{u as InteractiveChipStyle,d as ReadOnlyChipStyle};

package/dist/molecules/Chip/InteractiveChip.js

@@ -1 +0,0 @@
-import{InteractiveChipStyle as e}from"./Chip.styles.js";import{forwardRef as t}from"react";import{Icon as n}from"@equinor/eds-core-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{close as a}from"@equinor/eds-icons";const o=t((t,o)=>{let{children:s,disabled:c=!1,variant:l,leadingIconData:u,onClick:d,onDelete:f,...p}=t,m=f||d,h=e=>{let{key:t}=e;t===`Enter`&&m(e)};return r(e,{...p,ref:o,disabled:c,variant:l,onClick:m,onKeyDown:h,children:i(`div`,{className:`content`,children:[u&&r(`div`,{className:`leading`,children:r(n,{role:`img`,data:u,size:16})}),s,f&&r(n,{data:a,title:`close`,size:16})]})})});o.displayName=`InteractiveChip`;export{o as InteractiveChip};

package/dist/molecules/Chip/ReadOnlyChip.js

@@ -1 +0,0 @@
-import{ReadOnlyChipStyle as e}from"./Chip.styles.js";import{forwardRef as t}from"react";import{Icon as n}from"@equinor/eds-core-react";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=t((t,a)=>{let{children:o,leadingIconData:s,...c}=t;return r(e,{...c,ref:a,children:i(`div`,{className:`content`,children:[s&&r(`div`,{className:`leading`,children:r(n,{data:s,size:16})}),o]})})});a.displayName=`ReadOnlyChip`;export{a as ReadOnlyChip};