@equinor/amplify-component-lib 10.5.1 → 10.7.0

package/dist/atoms/style/colors.d.ts

@@ -252,78 +252,91 @@ declare const colors: {
   };
   readonly dataviz: {
     readonly primary: {
+      readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
+      readonly muted: "var(--amplify_dataviz_primary_muted, rgba(74, 149, 236, 1))";
       readonly default: "var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))";
       readonly darker: "var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))";
-      readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
       readonly primary10: "var(--amplify_dataviz_primary_10, rgba(235, 245, 255, 1))";
       readonly primary20: "var(--amplify_dataviz_primary_20, rgba(211, 231, 253, 1))";
       readonly primary30: "var(--amplify_dataviz_primary_30, rgba(167, 206, 251, 1))";
       readonly primary40: "var(--amplify_dataviz_primary_40, rgba(133, 187, 250, 1))";
       readonly primary50: "var(--amplify_dataviz_primary_50, rgba(89, 163, 248, 1))";
       readonly primary60: "var(--amplify_dataviz_primary_60, rgba(40, 136, 246, 1))";
-      readonly primary70: "var(--amplify_dataviz_primary_70, rgba(0, 107, 229, 1))";
-      readonly primary80: "var(--amplify_dataviz_primary_80, rgba(0, 83, 178, 1))";
+      readonly primary70: "var(--amplify_dataviz_primary_70, rgba(10, 115, 235, 1))";
+      readonly primary80: "var(--amplify_dataviz_primary_80, rgba(8, 91, 186, 1))";
       readonly primary90: "var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))";
     };
     readonly darkblue: {
+      readonly lighter: "var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))";
       readonly default: "var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))";
       readonly darker: "var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))";
-      readonly lighter: "var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))";
     };
     readonly lightblue: {
+      readonly lighter: "var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))";
       readonly default: "var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))";
       readonly darker: "var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))";
     };
     readonly lightgreen: {
+      readonly lighter: "var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))";
       readonly default: "var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))";
       readonly darker: "var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))";
     };
     readonly darkgreen: {
+      readonly lighter: "var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))";
       readonly default: "var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))";
       readonly darker: "var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))";
-      readonly lighter: "var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))";
     };
     readonly darkpink: {
+      readonly lighter: "var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))";
+      readonly muted: "var(--amplify_dataviz_darkpink_muted, rgba(242, 129, 176, 1))";
       readonly default: "var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))";
       readonly darker: "var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))";
-      readonly lighter: "var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))";
     };
     readonly lightpink: {
+      readonly lighter: "var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))";
       readonly default: "var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))";
       readonly darker: "var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))";
+      readonly deep: "var(--amplify_dataviz_lightpink_deep, rgba(143, 23, 33, 1))";
     };
     readonly darkyellow: {
+      readonly lighter: "var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))";
       readonly default: "var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))";
       readonly darker: "var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))";
-      readonly lighter: "var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))";
+      readonly deep: "var(--amplify_dataviz_darkyellow_deep, rgba(98, 77, 42, 1))";
     };
     readonly lightyellow: {
+      readonly lighter: "var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))";
       readonly default: "var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))";
       readonly darker: "var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))";
+      readonly deep: "var(--amplify_dataviz_lightyellow_deep, rgba(200, 150, 0, 1))";
+    };
+    readonly orange: {
+      readonly lighter: "var(--amplify_dataviz_orange_lighter, rgba(255, 222, 198, 1))";
+      readonly muted: "var(--amplify_dataviz_orange_muted, rgba(255, 173, 99, 1))";
+      readonly default: "var(--amplify_dataviz_orange_default, rgba(227, 128, 36, 1))";
+      readonly darker: "var(--amplify_dataviz_orange_darker, rgba(121, 61, 21, 1))";
     };
     readonly darkpurple: {
+      readonly lighter: "var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))";
       readonly default: "var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))";
       readonly darker: "var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))";
-      readonly lighter: "var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))";
     };
     readonly lightpurple: {
+      readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
       readonly default: "var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))";
       readonly darker: "var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
     };
     readonly darkgray: {
+      readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
       readonly default: "var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))";
       readonly darker: "var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))";
-      readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
+      readonly deep: "var(--amplify-dataviz_darkgray_deep, rgba(69, 69, 69, 1))";
     };
     readonly lightgray: {
+      readonly pale: "var(--amplify_dataviz_lightgray_pale,  rgba(235, 238, 240, 1))";
+      readonly lighter: "var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))";
       readonly default: "var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))";
       readonly darker: "var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))";
-      readonly lighter: "var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))";
     };
   };
   readonly text: {

package/dist/atoms/style/colors.js

@@ -1 +1 @@
-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))`},inner_hover:{rgba:`var(--amplify_interactive_inner_hover, rgba(198, 223, 225, 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};
+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))`},inner_hover:{rgba:`var(--amplify_interactive_inner_hover, rgba(198, 223, 225, 1))`}},dataviz:{primary:{lighter:`var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))`,muted:`var(--amplify_dataviz_primary_muted, rgba(74, 149, 236, 1))`,default:`var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))`,darker:`var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 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(10, 115, 235, 1))`,primary80:`var(--amplify_dataviz_primary_80, rgba(8, 91, 186, 1))`,primary90:`var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))`},darkblue:{lighter:`var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))`,default:`var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))`,darker:`var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))`},lightblue:{lighter:`var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))`,default:`var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))`,darker:`var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))`},lightgreen:{lighter:`var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))`,default:`var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))`,darker:`var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))`},darkgreen:{lighter:`var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))`,default:`var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))`,darker:`var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))`},darkpink:{lighter:`var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))`,muted:`var(--amplify_dataviz_darkpink_muted, rgba(242, 129, 176, 1))`,default:`var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))`,darker:`var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))`},lightpink:{lighter:`var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))`,default:`var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))`,darker:`var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))`,deep:`var(--amplify_dataviz_lightpink_deep, rgba(143, 23, 33, 1))`},darkyellow:{lighter:`var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))`,default:`var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))`,darker:`var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))`,deep:`var(--amplify_dataviz_darkyellow_deep, rgba(98, 77, 42, 1))`},lightyellow:{lighter:`var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))`,default:`var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))`,darker:`var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))`,deep:`var(--amplify_dataviz_lightyellow_deep, rgba(200, 150, 0, 1))`},orange:{lighter:`var(--amplify_dataviz_orange_lighter, rgba(255, 222, 198, 1))`,muted:`var(--amplify_dataviz_orange_muted, rgba(255, 173, 99, 1))`,default:`var(--amplify_dataviz_orange_default, rgba(227, 128, 36, 1))`,darker:`var(--amplify_dataviz_orange_darker, rgba(121, 61, 21, 1))`},darkpurple:{lighter:`var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))`,default:`var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))`,darker:`var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))`},lightpurple:{lighter:`var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))`,default:`var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))`,darker:`var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))`},darkgray:{lighter:`var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))`,default:`var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))`,darker:`var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))`,deep:`var(--amplify-dataviz_darkgray_deep, rgba(69, 69, 69, 1))`},lightgray:{pale:`var(--amplify_dataviz_lightgray_pale,  rgba(235, 238, 240, 1))`,lighter:`var(--amplify_dataviz_lightgray_lighter,  rgba(194, 200, 204, 1))`,default:`var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))`,darker:`var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 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

@@ -217,5 +217,79 @@ import{css as e}from"styled-components";const t=e`
     );
 
     --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);
+
+    --amplify_dataviz_primary_lighter: rgba(0, 83, 178, 1);
+    --amplify_dataviz_primary_muted: rgba(0, 107, 229, 1);
+    --amplify_dataviz_primary_primary: rgba(74, 149, 236, 1);
+    --amplify_dataviz_primary_darker: rgba(206, 229, 255, 1);
+
+    --amplify_dataviz_primary_90: rgba(235, 245, 255, 1);
+    --amplify_dataviz_primary_80: rgba(211, 231, 253, 1);
+    --amplify_dataviz_primary_70: rgba(167, 206, 251, 1);
+    --amplify_dataviz_primary_60: rgba(133, 187, 250, 1);
+    --amplify_dataviz_primary_50: rgba(89, 163, 248, 1);
+    --amplify_dataviz_primary_40: rgba(40, 136, 246, 1);
+    --amplify_dataviz_primary_30: rgba(10, 115, 235, 1);
+    --amplify_dataviz_primary_20: rgba(8, 91, 186, 1);
+    --amplify_dataviz_primary_10: rgba(5, 60, 122, 1);
+
+    --amplify_dataviz_darkblue_lighter: rgba(0, 71, 153, 1);
+    --amplify_dataviz_darkblue_darker: rgba(211, 238, 253, 1);
+    --amplify_dataviz_darkblue_default: rgba(191, 220, 252, 1);
+
+    --amplify_dataviz_lightblue_darker: rgba(133, 208, 250, 1);
+    --amplify_dataviz_lightblue_default: rgba(35, 170, 246, 1);
+    --amplify_dataviz_lightblue_lighter: rgba(4, 48, 98, 1);
+
+    --amplify_dataviz_lightgreen_default: rgba(8, 145, 115, 1);
+    --amplify_dataviz_lightgreen_darker: rgba(10, 194, 154, 1);
+    --amplify_dataviz_lightgreen_lighter: rgba(0, 61, 46, 1);
+
+    --amplify_dataviz_darkgreen_default: rgba(200, 237, 227, 1);
+    --amplify_dataviz_darkgreen_darker: rgba(220, 241, 236, 1);
+    --amplify_dataviz_darkgreen_lighter: rgba(0, 102, 76, 1);
+
+    --amplify_dataviz_darkpink_default: rgba(242, 129, 176, 1);
+    --amplify_dataviz_darkpink_darker: rgba(252, 212, 229, 1);
+    --amplify_dataviz_darkpink_muted: rgba(169, 30, 88, 1);
+    --amplify_dataviz_darkpink_lighter: rgba(135, 18, 67, 1);
+
+    --amplify_dataviz_lightpink_default: rgba(225, 81, 93, 1);
+    --amplify_dataviz_lightpink_deep: rgba(255, 219, 222, 1);
+    --amplify_dataviz_lightpink_darker: rgba(225, 128, 138, 1);
+    --amplify_dataviz_lightpink_lighter: rgba(143, 23, 33, 1);
+
+    --amplify_dataviz_darkyellow_default: rgba(253, 202, 53, 1);
+    --amplify_dataviz_darkyellow_darker: rgba(244, 226, 195, 1);
+    --amplify_dataviz_darkyellow_lighter: rgba(121, 85, 21, 1);
+    --amplify_dataviz_darkyellow_deep: rgba(255, 240, 194, 1);
+
+    --amplify_dataviz_lightyellow_default: rgba(160, 112, 28, 1);
+    --amplify_dataviz_lightyellow_darker: rgba(200, 150, 0, 1);
+    --amplify_dataviz_lightyellow_lighter: rgba(98, 77, 42, 1);
+    --amplify_dataviz_lightyellow_deep: rgba(227, 171, 2, 1);
+
+    --amplify_dataviz_orange_lighter: rgba(121, 61, 21, 1);
+    --amplify_dataviz_orange_muted: rgba(227, 128, 36, 1);
+    --amplify_dataviz_orange_default: rgba(255, 173, 99, 1);
+    --amplify_dataviz_orange_darker: rgba(255, 222, 198, 1);
+
+    --amplify_dataviz_darkpurple_default: rgba(232, 209, 246, 1);
+    --amplify_dataviz_darkpurple_darker: rgba(234, 224, 255, 1);
+    --amplify_dataviz_darkpurple_lighter: rgba(147, 20, 219, 1);
+
+    --amplify_dataviz_lightpurple_default: rgba(155, 89, 242, 1);
+    --amplify_dataviz_lightpurple_darker: rgba(186, 153, 255, 1);
+    --amplify_dataviz_lightpurple_lighter: rgba(97, 1, 152, 1);
+
+    --amplify_dataviz_darkgray_lighter: rgba(69, 69, 69, 1);
+    --amplify_dataviz_darkgray_default: rgba(86, 86, 86, 1);
+    --amplify_dataviz_darkgray_darker: rgba(122, 122, 122, 1);
+    --amplify-dataviz_darkgray_deep: rgba(173, 173, 173, 1);
+
+    --amplify_dataviz_lightgray_pale: rgba(97, 102, 108, 1);
+    --amplify_dataviz_lightgray_lighter: rgba(144, 155, 162, 1);
+    --amplify_dataviz_lightgray_default: rgba(194, 200, 204, 1);
+    --amplify_dataviz_lightgray_darker: rgba(235, 238, 240, 1);
   }
 `;export{t as darkTokens};

package/dist/atoms/style/lightTokens.js

@@ -11,6 +11,7 @@ import{css as e}from"styled-components";const t=e`
 
     --amplify_dataviz_primary_default: rgba(0, 107, 229, 1);
     --amplify_dataviz_primary_darker: rgba(0, 83, 178, 1);
+    --amplify_dataviz_primary_muted: rgba(74, 149, 236, 1);
     --amplify_dataviz_primary_lighter: rgba(206, 229, 255, 1);
 
     --amplify_dataviz_primary_10: rgba(235, 245, 255, 1);
@@ -19,8 +20,8 @@ import{css as e}from"styled-components";const t=e`
     --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_70: rgba(10, 115, 235, 1);
+    --amplify_dataviz_primary_80: rgba(8, 91, 186, 1);
     --amplify_dataviz_primary_90: rgba(5, 60, 122, 1);
 
     --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
@@ -39,21 +40,30 @@ import{css as e}from"styled-components";const t=e`
     --amplify_dataviz_darkgreen_darker: rgba(0, 61, 46, 1);
     --amplify_dataviz_darkgreen_lighter: rgba(200, 237, 227, 1);
 
+    --amplify_dataviz_darkpink_lighter: rgba(252, 212, 229, 1);
+    --amplify_dataviz_darkpink_muted: rgba(242, 129, 176, 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_deep: rgba(143, 23, 33, 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_darkyellow_deep: rgba(98, 77, 42, 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_lightyellow_deep: rgba(200, 150, 0, 1);
+
+    --amplify_dataviz_orange_lighter: rgba(255, 222, 198, 1);
+    --amplify_dataviz_orange_muted: rgba(255, 173, 99, 1);
+    --amplify_dataviz_orange_default: rgba(227, 128, 36, 1);
+    --amplify_dataviz_orange_darker: rgba(121, 61, 21, 1);
 
     --amplify_dataviz_darkpurple_default: rgba(147, 20, 219, 1);
     --amplify_dataviz_darkpurple_darker: rgba(97, 1, 152, 1);
@@ -64,12 +74,14 @@ import{css as e}from"styled-components";const t=e`
     --amplify_dataviz_lightpurple_lighter: rgba(234, 224, 255, 1);
 
     --amplify_dataviz_darkgray_default: rgba(122, 122, 122, 1);
+    --amplify-dataviz_darkgray_deep: rgba(69, 69, 69, 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);
+    --amplify_dataviz_lightgray_pale: rgba(235, 238, 240, 1);
 
     --eds_text__static_icons__default: rgba(61, 61, 61, 1);
     --eds_text__static_icons__secondary: rgba(86, 86, 86, 1);
@@ -179,7 +191,7 @@ import{css as e}from"styled-components";const t=e`
     );
 
     --eds_interactive__icon_on_interactive_colors: var(
-      --eds_text__static_icons__default
+      --eds_text__static_icons__primary_white
     );
 
     --eds_ui__chip__badge_color: var(--eds_text__static_icons__default);

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

@@ -1,4 +1,4 @@
-import * as react5 from "react";
+import * as react7 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: react5.ForwardRefExoticComponent<ChipProps & react5.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+declare const Chip: react7.ForwardRefExoticComponent<ChipProps & react7.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 react7 from "react";
+import * as react9 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: react7.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
+declare const DatePicker$1: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
   variant?: Variants;
   defaultValue?: Date | undefined;
   meta?: string;
   loading?: boolean;
-} & react7.RefAttributes<HTMLDivElement>>;
+} & react9.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 react9 from "react";
+import * as react11 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: react9.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
+declare const DateRangePicker$1: react11.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
   variant?: Variants;
   meta?: string;
   loading?: boolean;
-} & react9.RefAttributes<HTMLDivElement>>;
+} & react11.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };

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

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

package/dist/molecules/InformationalNotice/InformationalNotice.d.ts

@@ -1,10 +1,10 @@
-import { FC } from "react";
+import { FC, ReactNode } from "react";
 
 //#region src/molecules/InformationalNotice/InformationalNotice.d.ts
 interface InformationalNoticeProps {
   color?: 'grey' | 'white';
   spacing?: 'compact' | 'comfortable';
-  children: string;
+  children: string | ReactNode | ReactNode[];
 }
 declare const InformationalNotice: FC<InformationalNoticeProps>;
 //#endregion

package/dist/molecules/InformationalNotice/InformationalNotice.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Container as t}from"./InformationalNotice.styles.js";import{getIconSize as n}from"./InformationalNotice.utils.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{info_circle as s}from"@equinor/eds-icons";const c=({children:c,color:l=`grey`,spacing:u=`comfortable`})=>o(t,{$spacing:u,$color:l,children:[a(r,{data:s,color:e.text.static_icons__default.rgba,size:n(u)}),a(i,{variant:`body_long`,children:c})]});export{c as InformationalNotice};
+import{colors as e}from"../../atoms/style/colors.js";import{Container as t}from"./InformationalNotice.styles.js";import{getIconSize as n}from"./InformationalNotice.utils.js";import{Icon as r,Typography as i}from"@equinor/eds-core-react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{info_circle as s}from"@equinor/eds-icons";const c=({children:c,color:l=`grey`,spacing:u=`comfortable`})=>o(t,{$spacing:u,$color:l,children:[a(r,{data:s,color:e.text.static_icons__default.rgba,size:n(u)}),typeof c==`string`?a(i,{variant:`body_long`,children:c}):c]});export{c as InformationalNotice};

package/dist/molecules/InformationalNotice/InformationalNotice.styles.js

@@ -1,9 +1,10 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import n,{css as r}from"styled-components";const i={compact:{gap:t.medium_small,padding:t.small},comfortable:{gap:t.medium,padding:t.medium_small}},a=n.div`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import r,{css as i}from"styled-components";const a={compact:{gap:t.medium_small,padding:t.small},comfortable:{gap:t.medium,padding:t.medium_small}},o=r.div`
   display: grid;
   grid-template-columns: auto 1fr;
+  border-radius: ${n.corners.borderRadius};
   background: ${({$color:t})=>t===`white`?e.ui.background__default.rgba:e.ui.background__light.rgba};
-  ${({$spacing:e})=>{let{gap:t,padding:n}=i[e];return r`
+  ${({$spacing:e})=>{let{gap:t,padding:n}=a[e];return i`
       padding: ${n};
       gap: ${t};
     `}}
-`;export{a as Container};
+`;export{o as Container};

package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts

@@ -1,4 +1,4 @@
-import * as react17 from "react";
+import * as react19 from "react";
 import { TooltipProps } from "@equinor/eds-core-react";
 import * as _floating_ui_utils0 from "@floating-ui/utils";
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
 type OptionalTooltipProps = {
   textTransform?: string;
 } & TooltipProps;
-declare const OptionalTooltip: react17.ForwardRefExoticComponent<{
+declare const OptionalTooltip: react19.ForwardRefExoticComponent<{
   textTransform?: string;
 } & {
   placement?: _floating_ui_utils0.Placement;
-  title?: react17.ReactNode;
+  title?: react19.ReactNode;
   children: React.ReactElement & React.RefAttributes<HTMLElement>;
   enterDelay?: number;
   portalContainer?: HTMLElement;
-} & Omit<react17.HTMLAttributes<HTMLDivElement>, "title"> & react17.RefAttributes<HTMLDivElement>>;
+} & Omit<react19.HTMLAttributes<HTMLDivElement>, "title"> & react19.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { OptionalTooltip, OptionalTooltipProps };

package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts

@@ -1,4 +1,4 @@
-import * as react21 from "react";
+import * as react17 from "react";
 
 //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
 interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
   size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
   disabled?: boolean;
 }
-declare const ProfileAvatar: react21.ForwardRefExoticComponent<ProfileAvatarProps & react21.RefAttributes<HTMLDivElement>>;
+declare const ProfileAvatar: react17.ForwardRefExoticComponent<ProfileAvatarProps & react17.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ProfileAvatar, ProfileAvatarProps };

package/dist/organisms/Faq/Category/Question/Question.js

@@ -1 +1 @@
-import{formatDate as e}from"../../../../atoms/utils/date.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{RichTextDisplay as n}from"../../../../molecules/RichTextDisplay/RichTextDisplay.js";import{Container as r,ExpandWrapper as i,Header as a,TopRight as o,Wrapper as s}from"./Question.styles.js";import{useState as c}from"react";import{Button as l,Icon as u,Typography as d}from"@equinor/eds-core-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{chevron_down as m,chevron_up as h}from"@equinor/eds-icons";import{AnimatePresence as g}from"motion/react";import{FaqService as _}from"@equinor/subsurface-app-management";const v=({id:v,question:y,createdDate:b,answer:x})=>{t({richTextValues:x?[x]:[],onImageRead:e=>_.getFaqImage(e)});let[S,C]=c(!1);return f(s,{children:p(r,{children:[f(a,{id:`faq-${v}`,children:f(d,{variant:`h4`,children:y})}),p(o,{children:[f(d,{group:`paragraph`,variant:`caption`,children:e(b)}),f(l,{variant:`ghost_icon`,onClick:()=>{C(e=>!e)},"data-testid":`toggle-open`,"aria-label":S?`Collapse answer to: ${y}`:`Expand answer to: ${y}`,children:f(u,{data:S?h:m})})]}),f(g,{children:S&&f(i,{initial:{height:0},exit:{height:0},animate:{height:`auto`},children:f(n,{value:x,onImageRead:e=>_.getFaqImage(e),padding:`none`})})})]})})};export{v as Question};
+import{formatDate as e}from"../../../../atoms/utils/date.js";import{usePrefetchRichTextImages as t}from"../../../../atoms/hooks/usePrefetchRichTextImages.js";import{RichTextDisplay as n}from"../../../../molecules/RichTextDisplay/RichTextDisplay.js";import{Container as r,ExpandWrapper as i,Header as a,TopRight as o,Wrapper as s}from"./Question.styles.js";import{useRef as c,useState as l}from"react";import{Button as u,Icon as d,Typography as f}from"@equinor/eds-core-react";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{chevron_down as h,chevron_up as g}from"@equinor/eds-icons";import{AnimatePresence as _}from"motion/react";import{useLocation as v}from"@tanstack/react-router";import{FaqService as y}from"@equinor/subsurface-app-management";const b=({id:b,question:x,createdDate:S,answer:C})=>{t({richTextValues:C?[C]:[],onImageRead:e=>y.getFaqImage(e)});let{hash:w}=v(),T=c(w===`faq-${b}`),[E,D]=l(T.current);return p(s,{children:m(r,{children:[p(a,{id:`faq-${b}`,children:p(f,{variant:`h4`,children:x})}),m(o,{children:[p(f,{group:`paragraph`,variant:`caption`,children:e(S)}),p(u,{variant:`ghost_icon`,onClick:()=>{D(e=>!e),T.current&&=!1},"data-testid":`toggle-open`,"aria-label":E?`Collapse answer to: ${x}`:`Expand answer to: ${x}`,children:p(d,{data:E?g:h})})]}),p(_,{children:E&&p(i,{initial:{height:T.current?`auto`:0},exit:{height:0},animate:{height:`auto`},children:p(n,{value:C,onImageRead:e=>y.getFaqImage(e),padding:`none`})})})]})})};export{b as Question};

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

@@ -1,5 +1,5 @@
 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/Filter.d.ts
 
@@ -32,6 +32,6 @@ declare function Filter<T extends string>({
   id,
   openOnFocus,
   ...rest
-}: FilterProps<T>): react_jsx_runtime7.JSX.Element;
+}: FilterProps<T>): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { Filter };

package/dist/organisms/Filter/Filter.js

@@ -1 +1 @@
-import{colors as e}from"../../atoms/style/colors.js";import{Container as t,Content as n,SearchField as r,SearchFieldWrapper as i,Section as a,StyledChip as o,Wrapper as s}from"./Filter.styles.js";import{getFilteredAutoCompleteOptions as c}from"./Filter.utils.js";import{AutoCompleteMenu as l}from"./AutoCompleteMenu.js";import{AutoCompleteText as u}from"./AutoCompleteText.js";import{useRef as d,useState as f}from"react";import{Button as p,Icon as m,Typography as h}from"@equinor/eds-core-react";import{jsx as g,jsxs as _}from"react/jsx-runtime";import{arrow_drop_down as v,arrow_drop_up as y,clear as b,info_circle as x,search as S}from"@equinor/eds-icons";import{AnimatePresence as C,motion as w}from"motion/react";function T({values:T,search:E,onSearchChange:D,onSearchEnter:O,onClearFilter:k,onClearAllFilters:A,children:j,topContent:M,inlineContent:N,initialOpen:P=!1,placeholder:F=`Search...`,id:I,openOnFocus:L=!0,...R}){let z=d(null),B=d(null),[V,H]=f(P),[U,W]=f(void 0),G=d(P?`auto`:0),K=()=>{H(e=>!e),G.current===`auto`&&(G.current=0)},q=()=>{!V&&L&&H(!0)},J=()=>{z.current?.focus()},Y=e=>{if(!(`autoCompleteOptions`in R)){O(e);return}let t=c({searchValue:e,autoCompleteOptions:R.autoCompleteOptions});if(t.length===1){R.onAutoComplete(t[0].key,t[0]);return}O(e)},X=e=>{if(e.key===`Enter`&&E!==``)Y(E);else if(e.key===`Backspace`&&E===``){if(U===void 0){for(let e of Object.keys(T).toReversed())if(T[e].length>0){W(e);break}return}k(U,T[U].length-1),W(void 0)}},Z=Object.values(T).some(e=>e.length>0);return _(s,{id:I,children:[M,_(t,{children:[_(a,{ref:B,onClick:J,children:[g(m,{data:S,color:e.text.static_icons__tertiary.rgba}),Object.keys(T).flatMap(e=>T[e].map(({label:t,icon:n},r,i)=>g(o,{onDelete:()=>k(e,r),leadingIconData:n,$tryingToRemove:U===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),_(i,{children:[`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(u,{search:E,autoCompleteOptions:R.autoCompleteOptions}),g(r,{ref:z,id:`filter-search-${I}`,type:`search`,autoComplete:`off`,value:E,placeholder:Z?void 0:F,onChange:D,onKeyDownCapture:X,onFocus:q})]}),Object.values(T).some(e=>e.length>0)&&g(p,{variant:`ghost_icon`,onClick:A,"data-testid":`clear-all-x`,children:g(m,{data:b,size:18,color:e.text.static_icons__tertiary.rgba})})]}),N,_(`button`,{onClick:K,"data-testid":`toggle-open-button`,children:[g(h,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),g(m,{data:V?y:v,color:e.text.static_icons__tertiary.rgba})]})]}),g(C,{children:V&&g(w.div,{animate:{height:`auto`},initial:{height:G.current},exit:{height:0},children:_(n,{children:[_(`span`,{children:[g(m,{data:x,size:16,color:e.text.static_icons__tertiary.rgba}),g(h,{variant:`label`,group:`input`,color:e.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),j]})})}),`autoCompleteOptions`in R&&R.autoCompleteOptions&&g(l,{isFilterOpen:V,search:E,anchorElement:B.current,autoCompleteOptions:R.autoCompleteOptions,onAutoComplete:R.onAutoComplete,searchElement:z.current})]})}export{T as Filter};
+import{colors as e}from"../../atoms/style/colors.js";import{Container as t,Content as n,SearchAndValuesWrapper as r,SearchField as i,SearchFieldWrapper as a,Section as o,StyledChip as s,Wrapper as c}from"./Filter.styles.js";import{getFilteredAutoCompleteOptions as l}from"./Filter.utils.js";import{AutoCompleteMenu as u}from"./AutoCompleteMenu.js";import{AutoCompleteText as d}from"./AutoCompleteText.js";import{useRef as f,useState as p}from"react";import{Button as m,Icon as h,Typography as g}from"@equinor/eds-core-react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{arrow_drop_down as y,arrow_drop_up as b,clear as x,info_circle as S,search as C}from"@equinor/eds-icons";import{AnimatePresence as w,motion as T}from"motion/react";function E({values:E,search:D,onSearchChange:O,onSearchEnter:k,onClearFilter:A,onClearAllFilters:j,children:M,topContent:N,inlineContent:P,initialOpen:F=!1,placeholder:I=`Search...`,id:L,openOnFocus:R=!0,...z}){let B=f(null),V=f(null),[H,U]=p(F),[W,G]=p(void 0),K=f(F?`auto`:0),q=()=>{U(e=>!e),K.current===`auto`&&(K.current=0)},J=()=>{!H&&R&&U(!0)},Y=()=>{B.current?.focus()},X=e=>{if(!(`autoCompleteOptions`in z)){k(e);return}let t=l({searchValue:e,autoCompleteOptions:z.autoCompleteOptions});if(t.length===1){z.onAutoComplete(t[0].key,t[0]);return}k(e)},Z=e=>{if(e.key===`Enter`&&D!==``)X(D);else if(e.key===`Backspace`&&D===``){if(W===void 0){for(let e of Object.keys(E).toReversed())if(E[e].length>0){G(e);break}return}A(W,E[W].length-1),G(void 0)}},Q=Object.values(E).some(e=>e.length>0);return v(c,{id:L,children:[N,v(t,{children:[v(o,{ref:V,onClick:Y,children:[_(h,{data:C,color:e.text.static_icons__tertiary.rgba}),v(r,{children:[Object.keys(E).flatMap(e=>E[e].map(({label:t,icon:n},r,i)=>_(s,{onDelete:()=>A(e,r),leadingIconData:n,$tryingToRemove:W===e&&r===i.length-1,children:t},`${t}-${r}-${e}`))),v(a,{children:[`autoCompleteOptions`in z&&z.autoCompleteOptions&&_(d,{search:D,autoCompleteOptions:z.autoCompleteOptions}),_(i,{ref:B,id:`filter-search-${L}`,type:`search`,autoComplete:`off`,value:D,placeholder:Q?void 0:I,onChange:O,onKeyDownCapture:Z,onFocus:J})]})]}),Object.values(E).some(e=>e.length>0)&&_(m,{variant:`ghost_icon`,onClick:j,"data-testid":`clear-all-x`,children:_(h,{data:x,size:18,color:e.text.static_icons__tertiary.rgba})})]}),P,v(`button`,{onClick:q,"data-testid":`toggle-open-button`,children:[_(g,{variant:`button`,group:`navigation`,as:`span`,children:`Filters`}),_(h,{data:H?b:y,color:e.text.static_icons__tertiary.rgba})]})]}),_(w,{children:H&&_(T.div,{animate:{height:`auto`},initial:{height:K.current},exit:{height:0},children:v(n,{children:[v(`span`,{children:[_(h,{data:S,size:16,color:e.text.static_icons__tertiary.rgba}),_(g,{variant:`label`,group:`input`,color:e.text.static_icons__tertiary.rgba,children:`Type a keyword and press enter`})]}),M]})})}),`autoCompleteOptions`in z&&z.autoCompleteOptions&&_(u,{isFilterOpen:H,search:D,anchorElement:V.current,autoCompleteOptions:z.autoCompleteOptions,onAutoComplete:z.onAutoComplete,searchElement:B.current})]})}export{E as Filter};

package/dist/organisms/Filter/Filter.styles.js

@@ -42,9 +42,8 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   }
   min-height: calc(48px - (2 * ${t.medium_small}));
   align-items: center;
-  flex-grow: 1;
   display: flex;
-  flex-wrap: wrap;
+  flex-grow: 1;
   gap: ${t.x_small};
   padding: ${t.medium_small} ${t.small};
   cursor: text;
@@ -66,7 +65,12 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       height: 24px;
     }
   }
-`,d=a.input`
+`,d=a.span`
+  display: flex;
+  flex-wrap: wrap;
+  flex-grow: 1;
+  gap: ${t.x_small};
+`,f=a.input`
   background: transparent;
   width: 0;
   flex-grow: 1;
@@ -86,7 +90,7 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   &::-webkit-search-results-decoration {
     display: none;
   }
-`,f=a(s.div)`
+`,p=a(s.div)`
   border-bottom-left-radius: ${n.corners.borderRadius};
   border-bottom-right-radius: ${n.corners.borderRadius};
   background: ${e.ui.background__default.rgba};
@@ -99,12 +103,12 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
     display: flex;
     gap: ${t.x_small};
   }
-`,p=a(i)`
+`,m=a(i)`
   ${({$tryingToRemove:t})=>{if(t)return o`
         background: ${e.interactive.primary__hover_alt.rgba};
       `}}
-`,m=a.section`
+`,h=a.section`
   position: relative;
   flex-grow: 1;
   display: flex;
-`;export{l as Container,f as Content,d as SearchField,m as SearchFieldWrapper,u as Section,p as StyledChip,c as Wrapper};
+`;export{l as Container,p as Content,d as SearchAndValuesWrapper,f as SearchField,h as SearchFieldWrapper,u as Section,m as StyledChip,c as Wrapper};

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_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime6.JSX.Element;
+}: QuickFilterProps<T>): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { QuickFilter };

package/dist/organisms/ReleaseNote/ReleaseNote.js

@@ -24,4 +24,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
   display: flex;
   gap: ${t.medium};
   align-items: center;
-`,C=d(({applicationName:n,releaseDate:d,createdDate:h,tags:C,version:w,title:T,body:E,actionMenu:D,expanded:O=!1},k)=>{let A=o({releaseDate:d,createdDate:h}),j=f(O?`auto`:c),[M,N]=p(O),[P,F]=p(i(E).length>0),I=f(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>c&&F(!0)}));return _(b,{ref:k,style:{paddingBottom:M?t.medium:void 0},children:[_(x,{children:[_(S,{children:[g(m,{variant:`caption`,color:e.text.static_icons__secondary.rgba,children:n}),_(m,{variant:`overline`,color:e.text.static_icons__tertiary.rgba,children:[r(A),w?` ・ ${w}`:``,` ・ `,a(E)]})]}),g(u,{tags:C,children:D})]}),g(m,{variant:`h4`,children:T}),g(v.div,{ref:e=>{e&&I.current.observe(e)},initial:{height:j.current},animate:{height:M?`auto`:c},style:{overflow:M?`auto`:void 0},children:g(s,{value:E,onImageRead:y.getReleaseNoteImage,padding:`none`})}),P&&!O&&g(l,{expanded:M,onToggleExpanded:()=>{N(e=>!e)}})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};
+`,C=d(({applicationName:d,releaseDate:h,createdDate:C,tags:w,version:T,title:E,body:D,actionMenu:O,expanded:k=!1},A)=>{let j=o({releaseDate:h,createdDate:C}),M=f(k?`auto`:c),[N,P]=p(k),[F,I]=p(i(D).length>0),L=f(new ResizeObserver(e=>{e.at(0)&&e[0].target.scrollHeight>c&&I(!0)}));return _(b,{ref:A,style:{paddingBottom:N?t.medium:void 0},children:[_(x,{children:[_(S,{children:[g(m,{variant:`caption`,color:e.text.static_icons__secondary.rgba,children:d}),_(m,{variant:`overline`,color:e.text.static_icons__tertiary.rgba,children:[r(j),T?` ・ ${T}`:``,` ・ `,a(D)]})]}),g(u,{tags:w,children:O})]}),g(m,{variant:`h4`,children:E}),g(v.div,{ref:e=>{e&&L.current.observe(e)},initial:{height:M.current},animate:{height:N?`auto`:c},style:{overflow:N?`auto`:void 0,marginBottom:N&&F?`calc(${t.medium} + ${n.button.minHeight})`:void 0},children:g(s,{value:D,onImageRead:y.getReleaseNoteImage,padding:`none`})}),F&&!k&&g(l,{expanded:N,onToggleExpanded:()=>{P(e=>!e)}})]})});C.displayName=`ReleaseNote`;export{C as ReleaseNote};

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

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

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

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

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

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

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

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

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_runtime8 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_runtime8.JSX.Element;
 //#endregion
 export { GenericError };

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

@@ -1,4 +1,5 @@
 import { ReactElement } from "react";
+import { TooltipProps } from "@equinor/eds-core-react";
 import { IconData } from "@equinor/eds-icons";
 
 //#region src/organisms/ToggleGroup/ToggleGroup.types.d.ts
@@ -8,12 +9,18 @@ interface ToggleGroupOptionWithLabel {
 }
 interface ToggleGroupOptionOnlyIcon {
   icon: IconData;
+  tooltip?: undefined;
+}
+interface ToggleGroupOptionOnlyIconWithTooltip {
+  icon: IconData;
+  tooltip: string;
+  tooltipPlacement?: TooltipProps['placement'];
 }
 type ToggleGroupOption = {
   onToggle: (newValue: boolean) => void;
   checked: boolean;
   disabled?: boolean;
-} & (ToggleGroupOptionWithLabel | ToggleGroupOptionOnlyIcon);
+} & (ToggleGroupOptionWithLabel | ToggleGroupOptionOnlyIcon | ToggleGroupOptionOnlyIconWithTooltip);
 /**
  * @param variant - Defaults to 'filled'
  */

package/dist/organisms/ToggleGroup/ToggleGroupOption.js

@@ -1,4 +1,4 @@
-import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{forwardRef as r}from"react";import{Icon as i,Typography as a}from"@equinor/eds-core-react";import o from"styled-components";import{jsx as s,jsxs as c}from"react/jsx-runtime";const l=o.button`
+import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from"../../atoms/style/spacings.js";import{shape as n}from"../../atoms/style/index.js";import{OptionalTooltip as r}from"../../molecules/OptionalTooltip/OptionalTooltip.js";import{forwardRef as i}from"react";import{Icon as a,Typography as o}from"@equinor/eds-core-react";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.button`
   display: flex;
   align-items: center;
   padding: calc(${t.medium_small} / 2); // 6px in comfortable
@@ -55,4 +55,4 @@ import{colors as e}from"../../atoms/style/colors.js";import{spacings as t}from".
       fill: ${e.interactive.disabled__text.rgba};
     }
   }
-`,u=r(({checked:e,onToggle:t,icon:n,disabled:r,...o},u)=>{let d=()=>{t(!e)};return c(l,{ref:u,"aria-checked":e,onClick:d,disabled:r,...o,children:[n?s(i,{data:n,size:24}):null,`label`in o?s(a,{as:`span`,variant:`button`,group:`navigation`,children:o.label}):null]})});u.displayName=`ToggleGroupOption`;export{u as ToggleGroupOption};
+`,d=i(({checked:e,onToggle:t,icon:n,disabled:i,...s},d)=>{let f=`tooltip`in s?{...s,tooltip:void 0,toolTipPlacement:void 0}:{...s},p=()=>{t(!e)};return l(u,{ref:d,"aria-checked":e,onClick:p,disabled:i,...f,children:[n?`tooltip`in s&&s.tooltip?c(r,{title:s.tooltip,placement:s.tooltipPlacement,children:c(a,{data:n,size:24})}):c(a,{data:n,size:24}):null,`label`in s?c(o,{as:`span`,variant:`button`,group:`navigation`,children:s.label}):null]})});d.displayName=`ToggleGroupOption`;export{d as ToggleGroupOption};

package/package.json

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