@equinor/amplify-component-lib 10.6.0 → 10.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/_virtual/rolldown_runtime.js +1 -1
  2. package/dist/atoms/hooks/useLocalStorage.d.ts +2 -2
  3. package/dist/atoms/hooks/useSelect.d.ts +3 -3
  4. package/dist/atoms/style/colors.d.ts +28 -15
  5. package/dist/atoms/style/colors.js +1 -1
  6. package/dist/atoms/style/darkTokens.js +74 -0
  7. package/dist/atoms/style/lightTokens.js +15 -3
  8. package/dist/atoms/utils/environmentToggle.js +1 -0
  9. package/dist/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts +2 -2
  10. package/dist/deprecated/IconToggleButton.d.ts +2 -2
  11. package/dist/molecules/DatePicker/DatePicker.d.ts +3 -3
  12. package/dist/molecules/DateRangePicker/DateRangePicker.d.ts +3 -3
  13. package/dist/molecules/Dialog/Dialog.d.ts +2 -2
  14. package/dist/molecules/ListItem/ListItem.d.ts +2 -2
  15. package/dist/molecules/OptionalTooltip/OptionalTooltip.d.ts +4 -4
  16. package/dist/molecules/ProfileAvatar/ProfileAvatar.d.ts +2 -2
  17. package/dist/molecules/SelectionControls/Checkbox/Checkbox.d.ts +2 -2
  18. package/dist/organisms/SideBar/SideBar.d.ts +2 -2
  19. package/dist/organisms/Status/Action.d.ts +2 -2
  20. package/dist/organisms/Status/Description.d.ts +2 -2
  21. package/dist/organisms/Status/MissingAccesses.d.ts +2 -2
  22. package/dist/organisms/Status/Title.d.ts +2 -2
  23. package/dist/organisms/Status/collections/PageNotFound.d.ts +2 -2
  24. package/dist/organisms/Status/collections/ServerError.d.ts +2 -2
  25. package/dist/organisms/ToggleGroup/ToggleGroup.d.ts +2 -2
  26. package/dist/organisms/ToggleGroup/ToggleGroupOption.d.ts +2 -2
  27. package/dist/organisms/TopBar/Account/Account.d.ts +1 -0
  28. package/dist/organisms/TopBar/Account/Account.js +1 -1
  29. package/dist/organisms/TopBar/Account/Account.styles.js +13 -5
  30. package/dist/organisms/TopBar/Account/AccountAvatar.js +8 -7
  31. package/dist/organisms/TopBar/Account/AccountButton.js +5 -5
  32. package/dist/organisms/TopBar/Account/EnvironmentToggle.js +1 -0
  33. package/dist/organisms/TopBar/Account/ImpersonateMenu/DeleteUser/DeleteUser.js +1 -1
  34. package/dist/organisms/TopBar/Account/StatusAvatar.js +7 -0
  35. package/dist/organisms/TopBar/Account/StatusChips.js +1 -0
  36. package/dist/organisms/TopBar/Actions.d.ts +2 -2
  37. package/dist/organisms/TopBar/FieldMenu/FieldMenu.d.ts +2 -2
  38. package/dist/organisms/TopBar/Notifications/NotificationProvider.d.ts +2 -2
  39. package/package.json +3 -3
  40. package/dist/organisms/TopBar/Account/ImpersonateAvatar.js +0 -8
  41. package/dist/organisms/TopBar/Account/RoleChips.js +0 -1
@@ -1 +1 @@
1
- var e=Object.defineProperty,t=t=>{let n={};for(var r in t)e(n,r,{get:t[r],enumerable:!0});return n};export{t as __export};
1
+ var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n&&e(r,Symbol.toStringTag,{value:`Module`}),r};export{t as __export};
@@ -1,6 +1,6 @@
1
- import * as react147 from "react";
1
+ import * as react127 from "react";
2
2
 
3
3
  //#region src/atoms/hooks/useLocalStorage.d.ts
4
- declare const useLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => readonly [T, react147.Dispatch<react147.SetStateAction<T>>, () => void];
4
+ declare const useLocalStorage: <T>(key: string, defaultState: T, keepAliveMs?: number) => readonly [T, react127.Dispatch<react127.SetStateAction<T>>, () => void];
5
5
  //#endregion
6
6
  export { useLocalStorage };
@@ -1,6 +1,6 @@
1
1
  import { SelectOption, SelectOptionRequired } from "../../molecules/Select/Select.types.js";
2
2
  import { SelectComponentProps } from "../../molecules/Select/Select.js";
3
- import * as react145 from "react";
3
+ import * as react129 from "react";
4
4
  import { ChangeEvent, KeyboardEvent } from "react";
5
5
 
6
6
  //#region src/atoms/hooks/useSelect.d.ts
@@ -16,8 +16,8 @@ declare const useSelect: <T extends SelectOptionRequired>(props: SelectComponent
16
16
  handleOnOpen: () => void;
17
17
  handleOnRemoveItem: (item: SelectOption<T>) => void;
18
18
  search: string;
19
- searchRef: react145.RefObject<HTMLInputElement | null>;
20
- itemRefs: react145.RefObject<(HTMLButtonElement | null)[]>;
19
+ searchRef: react129.RefObject<HTMLInputElement | null>;
20
+ itemRefs: react129.RefObject<(HTMLButtonElement | null)[]>;
21
21
  selectedValues: T[];
22
22
  open: boolean;
23
23
  tryingToRemoveItem: T | undefined;
@@ -252,78 +252,91 @@ declare const colors: {
252
252
  };
253
253
  readonly dataviz: {
254
254
  readonly primary: {
255
+ readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
256
+ readonly muted: "var(--amplify_dataviz_primary_muted, rgba(74, 149, 236, 1))";
255
257
  readonly default: "var(--amplify_dataviz_primary_default, rgba(0, 107, 229, 1))";
256
258
  readonly darker: "var(--amplify_dataviz_primary_darker, rgba(0, 83, 178, 1))";
257
- readonly lighter: "var(--amplify_dataviz_primary_lighter, rgba(206, 229, 255, 1))";
258
259
  readonly primary10: "var(--amplify_dataviz_primary_10, rgba(235, 245, 255, 1))";
259
260
  readonly primary20: "var(--amplify_dataviz_primary_20, rgba(211, 231, 253, 1))";
260
261
  readonly primary30: "var(--amplify_dataviz_primary_30, rgba(167, 206, 251, 1))";
261
262
  readonly primary40: "var(--amplify_dataviz_primary_40, rgba(133, 187, 250, 1))";
262
263
  readonly primary50: "var(--amplify_dataviz_primary_50, rgba(89, 163, 248, 1))";
263
264
  readonly primary60: "var(--amplify_dataviz_primary_60, rgba(40, 136, 246, 1))";
264
- readonly primary70: "var(--amplify_dataviz_primary_70, rgba(0, 107, 229, 1))";
265
- readonly primary80: "var(--amplify_dataviz_primary_80, rgba(0, 83, 178, 1))";
265
+ readonly primary70: "var(--amplify_dataviz_primary_70, rgba(10, 115, 235, 1))";
266
+ readonly primary80: "var(--amplify_dataviz_primary_80, rgba(8, 91, 186, 1))";
266
267
  readonly primary90: "var(--amplify_dataviz_primary_90, rgba(5, 60, 122, 1))";
267
268
  };
268
269
  readonly darkblue: {
270
+ readonly lighter: "var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))";
269
271
  readonly default: "var(--amplify_dataviz_darkblue_default, rgba(0, 71, 153, 1))";
270
272
  readonly darker: "var(--amplify_dataviz_darkblue_darker, rgba(4, 48, 98, 1))";
271
- readonly lighter: "var(--amplify_dataviz_darkblue_lighter, rgba(191, 220, 252, 1))";
272
273
  };
273
274
  readonly lightblue: {
275
+ readonly lighter: "var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))";
274
276
  readonly default: "var(--amplify_dataviz_lightblue_default, rgba(133, 208, 250, 1))";
275
277
  readonly darker: "var(--amplify_dataviz_lightblue_darker, rgba(35, 170, 246, 1))";
276
- readonly lighter: "var(--amplify_dataviz_lightblue_lighter, rgba(211, 238, 253, 1))";
277
278
  };
278
279
  readonly lightgreen: {
280
+ readonly lighter: "var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))";
279
281
  readonly default: "var(--amplify_dataviz_lightgreen_default, rgba(10, 194, 154, 1))";
280
282
  readonly darker: "var(--amplify_dataviz_lightgreen_darker, rgba(8, 145, 115, 1))";
281
- readonly lighter: "var(--amplify_dataviz_lightgreen_lighter, rgba(220, 241, 236, 1))";
282
283
  };
283
284
  readonly darkgreen: {
285
+ readonly lighter: "var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))";
284
286
  readonly default: "var(--amplify_dataviz_darkgreen_default, rgba(0, 102, 76, 1))";
285
287
  readonly darker: "var(--amplify_dataviz_darkgreen_darker, rgba(0, 61, 46, 1))";
286
- readonly lighter: "var(--amplify_dataviz_darkgreen_lighter, rgba(200, 237, 227, 1))";
287
288
  };
288
289
  readonly darkpink: {
290
+ readonly lighter: "var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))";
291
+ readonly muted: "var(--amplify_dataviz_darkpink_muted, rgba(242, 129, 176, 1))";
289
292
  readonly default: "var(--amplify_dataviz_darkpink_default, rgba(169, 30, 88, 1))";
290
293
  readonly darker: "var(--amplify_dataviz_darkpink_darker, rgba(135, 18, 67, 1))";
291
- readonly lighter: "var(--amplify_dataviz_darkpink_lighter, rgba(252, 212, 229, 1))";
292
294
  };
293
295
  readonly lightpink: {
296
+ readonly lighter: "var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))";
294
297
  readonly default: "var(--amplify_dataviz_lightpink_default, rgba(255, 128, 138, 1))";
295
298
  readonly darker: "var(--amplify_dataviz_lightpink_darker, rgba(225, 81, 93, 1))";
296
- readonly lighter: "var(--amplify_dataviz_lightpink_lighter, rgba(255, 219, 222, 1))";
299
+ readonly deep: "var(--amplify_dataviz_lightpink_deep, rgba(143, 23, 33, 1))";
297
300
  };
298
301
  readonly darkyellow: {
302
+ readonly lighter: "var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))";
299
303
  readonly default: "var(--amplify_dataviz_darkyellow_default, rgba(160, 112, 28, 1))";
300
304
  readonly darker: "var(--amplify_dataviz_darkyellow_darker, rgba(121, 85, 21, 1))";
301
- readonly lighter: "var(--amplify_dataviz_darkyellow_lighter, rgba(244, 226, 195, 1))";
305
+ readonly deep: "var(--amplify_dataviz_darkyellow_deep, rgba(98, 77, 42, 1))";
302
306
  };
303
307
  readonly lightyellow: {
308
+ readonly lighter: "var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))";
304
309
  readonly default: "var(--amplify_dataviz_lightyellow_default, rgba(253, 203, 53, 1))";
305
310
  readonly darker: "var(--amplify_dataviz_lightyellow_darker, rgba(227, 171, 2, 1))";
306
- readonly lighter: "var(--amplify_dataviz_lightyellow_lighter, rgba(255, 240, 194, 1))";
311
+ readonly deep: "var(--amplify_dataviz_lightyellow_deep, rgba(200, 150, 0, 1))";
312
+ };
313
+ readonly orange: {
314
+ readonly lighter: "var(--amplify_dataviz_orange_lighter, rgba(255, 222, 198, 1))";
315
+ readonly muted: "var(--amplify_dataviz_orange_muted, rgba(255, 173, 99, 1))";
316
+ readonly default: "var(--amplify_dataviz_orange_default, rgba(227, 128, 36, 1))";
317
+ readonly darker: "var(--amplify_dataviz_orange_darker, rgba(121, 61, 21, 1))";
307
318
  };
308
319
  readonly darkpurple: {
320
+ readonly lighter: "var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))";
309
321
  readonly default: "var(--amplify_dataviz_darkpurple_default, rgba(147, 20, 219, 1))";
310
322
  readonly darker: "var(--amplify_dataviz_darkpurple_darker, rgba(97, 1, 152, 1))";
311
- readonly lighter: "var(--amplify_dataviz_darkpurple_lighter, rgba(232, 209, 246, 1))";
312
323
  };
313
324
  readonly lightpurple: {
325
+ readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
314
326
  readonly default: "var(--amplify_dataviz_lightpurple_default, rgba(186, 153, 255, 1))";
315
327
  readonly darker: "var(--amplify_dataviz_lightpurple_darker, rgba(155, 89, 242, 1))";
316
- readonly lighter: "var(--amplify_dataviz_lightpurple_lighter, rgba(234, 224, 255, 1))";
317
328
  };
318
329
  readonly darkgray: {
330
+ readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
319
331
  readonly default: "var(--amplify_dataviz_darkgray_default, rgba(122, 122, 122,1))";
320
332
  readonly darker: "var(--amplify-dataviz_darkgray_darker, rgba(86, 86, 86,1))";
321
- readonly lighter: "var(--amplify-dataviz_darkgray_lighter, rgba(173, 173, 173, 1))";
333
+ readonly deep: "var(--amplify-dataviz_darkgray_deep, rgba(69, 69, 69, 1))";
322
334
  };
323
335
  readonly lightgray: {
336
+ readonly pale: "var(--amplify_dataviz_lightgray_pale, rgba(235, 238, 240, 1))";
337
+ readonly lighter: "var(--amplify_dataviz_lightgray_lighter, rgba(194, 200, 204, 1))";
324
338
  readonly default: "var(--amplify_dataviz_lightgray_default, rgba(144, 155, 162, 1))";
325
339
  readonly darker: "var(--amplify_dataviz_lightgray_darker, rgba(91, 102, 108, 1))";
326
- readonly lighter: "var(--amplify_dataviz_lightgray_lighter, rgba(194, 200, 204, 1))";
327
340
  };
328
341
  };
329
342
  readonly text: {
@@ -1 +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};
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:{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};
@@ -217,5 +217,79 @@ import{css as e}from"styled-components";const t=e`
217
217
  );
218
218
 
219
219
  --eds_ui__chip__badge_color: var(--eds_text_static_icons__default);
220
+
221
+ --amplify_dataviz_primary_lighter: rgba(0, 83, 178, 1);
222
+ --amplify_dataviz_primary_muted: rgba(0, 107, 229, 1);
223
+ --amplify_dataviz_primary_primary: rgba(74, 149, 236, 1);
224
+ --amplify_dataviz_primary_darker: rgba(206, 229, 255, 1);
225
+
226
+ --amplify_dataviz_primary_90: rgba(235, 245, 255, 1);
227
+ --amplify_dataviz_primary_80: rgba(211, 231, 253, 1);
228
+ --amplify_dataviz_primary_70: rgba(167, 206, 251, 1);
229
+ --amplify_dataviz_primary_60: rgba(133, 187, 250, 1);
230
+ --amplify_dataviz_primary_50: rgba(89, 163, 248, 1);
231
+ --amplify_dataviz_primary_40: rgba(40, 136, 246, 1);
232
+ --amplify_dataviz_primary_30: rgba(10, 115, 235, 1);
233
+ --amplify_dataviz_primary_20: rgba(8, 91, 186, 1);
234
+ --amplify_dataviz_primary_10: rgba(5, 60, 122, 1);
235
+
236
+ --amplify_dataviz_darkblue_lighter: rgba(0, 71, 153, 1);
237
+ --amplify_dataviz_darkblue_darker: rgba(211, 238, 253, 1);
238
+ --amplify_dataviz_darkblue_default: rgba(191, 220, 252, 1);
239
+
240
+ --amplify_dataviz_lightblue_darker: rgba(133, 208, 250, 1);
241
+ --amplify_dataviz_lightblue_default: rgba(35, 170, 246, 1);
242
+ --amplify_dataviz_lightblue_lighter: rgba(4, 48, 98, 1);
243
+
244
+ --amplify_dataviz_lightgreen_default: rgba(8, 145, 115, 1);
245
+ --amplify_dataviz_lightgreen_darker: rgba(10, 194, 154, 1);
246
+ --amplify_dataviz_lightgreen_lighter: rgba(0, 61, 46, 1);
247
+
248
+ --amplify_dataviz_darkgreen_default: rgba(200, 237, 227, 1);
249
+ --amplify_dataviz_darkgreen_darker: rgba(220, 241, 236, 1);
250
+ --amplify_dataviz_darkgreen_lighter: rgba(0, 102, 76, 1);
251
+
252
+ --amplify_dataviz_darkpink_default: rgba(242, 129, 176, 1);
253
+ --amplify_dataviz_darkpink_darker: rgba(252, 212, 229, 1);
254
+ --amplify_dataviz_darkpink_muted: rgba(169, 30, 88, 1);
255
+ --amplify_dataviz_darkpink_lighter: rgba(135, 18, 67, 1);
256
+
257
+ --amplify_dataviz_lightpink_default: rgba(225, 81, 93, 1);
258
+ --amplify_dataviz_lightpink_deep: rgba(255, 219, 222, 1);
259
+ --amplify_dataviz_lightpink_darker: rgba(225, 128, 138, 1);
260
+ --amplify_dataviz_lightpink_lighter: rgba(143, 23, 33, 1);
261
+
262
+ --amplify_dataviz_darkyellow_default: rgba(253, 202, 53, 1);
263
+ --amplify_dataviz_darkyellow_darker: rgba(244, 226, 195, 1);
264
+ --amplify_dataviz_darkyellow_lighter: rgba(121, 85, 21, 1);
265
+ --amplify_dataviz_darkyellow_deep: rgba(255, 240, 194, 1);
266
+
267
+ --amplify_dataviz_lightyellow_default: rgba(160, 112, 28, 1);
268
+ --amplify_dataviz_lightyellow_darker: rgba(200, 150, 0, 1);
269
+ --amplify_dataviz_lightyellow_lighter: rgba(98, 77, 42, 1);
270
+ --amplify_dataviz_lightyellow_deep: rgba(227, 171, 2, 1);
271
+
272
+ --amplify_dataviz_orange_lighter: rgba(121, 61, 21, 1);
273
+ --amplify_dataviz_orange_muted: rgba(227, 128, 36, 1);
274
+ --amplify_dataviz_orange_default: rgba(255, 173, 99, 1);
275
+ --amplify_dataviz_orange_darker: rgba(255, 222, 198, 1);
276
+
277
+ --amplify_dataviz_darkpurple_default: rgba(232, 209, 246, 1);
278
+ --amplify_dataviz_darkpurple_darker: rgba(234, 224, 255, 1);
279
+ --amplify_dataviz_darkpurple_lighter: rgba(147, 20, 219, 1);
280
+
281
+ --amplify_dataviz_lightpurple_default: rgba(155, 89, 242, 1);
282
+ --amplify_dataviz_lightpurple_darker: rgba(186, 153, 255, 1);
283
+ --amplify_dataviz_lightpurple_lighter: rgba(97, 1, 152, 1);
284
+
285
+ --amplify_dataviz_darkgray_lighter: rgba(69, 69, 69, 1);
286
+ --amplify_dataviz_darkgray_default: rgba(86, 86, 86, 1);
287
+ --amplify_dataviz_darkgray_darker: rgba(122, 122, 122, 1);
288
+ --amplify-dataviz_darkgray_deep: rgba(173, 173, 173, 1);
289
+
290
+ --amplify_dataviz_lightgray_pale: rgba(97, 102, 108, 1);
291
+ --amplify_dataviz_lightgray_lighter: rgba(144, 155, 162, 1);
292
+ --amplify_dataviz_lightgray_default: rgba(194, 200, 204, 1);
293
+ --amplify_dataviz_lightgray_darker: rgba(235, 238, 240, 1);
220
294
  }
221
295
  `;export{t as darkTokens};
@@ -11,6 +11,7 @@ import{css as e}from"styled-components";const t=e`
11
11
 
12
12
  --amplify_dataviz_primary_default: rgba(0, 107, 229, 1);
13
13
  --amplify_dataviz_primary_darker: rgba(0, 83, 178, 1);
14
+ --amplify_dataviz_primary_muted: rgba(74, 149, 236, 1);
14
15
  --amplify_dataviz_primary_lighter: rgba(206, 229, 255, 1);
15
16
 
16
17
  --amplify_dataviz_primary_10: rgba(235, 245, 255, 1);
@@ -19,8 +20,8 @@ import{css as e}from"styled-components";const t=e`
19
20
  --amplify_dataviz_primary_40: rgba(133, 187, 250, 1);
20
21
  --amplify_dataviz_primary_50: rgba(89, 163, 248, 1);
21
22
  --amplify_dataviz_primary_60: rgba(40, 136, 246, 1);
22
- --amplify_dataviz_primary_70: rgba(0, 107, 229, 1);
23
- --amplify_dataviz_primary_80: rgba(0, 83, 178, 1);
23
+ --amplify_dataviz_primary_70: rgba(10, 115, 235, 1);
24
+ --amplify_dataviz_primary_80: rgba(8, 91, 186, 1);
24
25
  --amplify_dataviz_primary_90: rgba(5, 60, 122, 1);
25
26
 
26
27
  --amplify_dataviz_darkblue_default: rgba(0, 71, 153, 1);
@@ -39,21 +40,30 @@ import{css as e}from"styled-components";const t=e`
39
40
  --amplify_dataviz_darkgreen_darker: rgba(0, 61, 46, 1);
40
41
  --amplify_dataviz_darkgreen_lighter: rgba(200, 237, 227, 1);
41
42
 
43
+ --amplify_dataviz_darkpink_lighter: rgba(252, 212, 229, 1);
44
+ --amplify_dataviz_darkpink_muted: rgba(242, 129, 176, 1);
42
45
  --amplify_dataviz_darkpink_default: rgba(169, 30, 88, 1);
43
46
  --amplify_dataviz_darkpink_darker: rgba(135, 18, 67, 1);
44
- --amplify_dataviz_darkpink_lighter: rgba(252, 212, 229, 1);
45
47
 
46
48
  --amplify_dataviz_lightpink_default: rgba(255, 128, 138, 1);
49
+ --amplify_dataviz_lightpink_deep: rgba(143, 23, 33, 1);
47
50
  --amplify_dataviz_lightpink_darker: rgba(225, 81, 93, 1);
48
51
  --amplify_dataviz_lightpink_lighter: rgba(255, 219, 222, 1);
49
52
 
50
53
  --amplify_dataviz_darkyellow_default: rgba(160, 112, 28, 1);
51
54
  --amplify_dataviz_darkyellow_darker: rgba(121, 85, 21, 1);
52
55
  --amplify_dataviz_darkyellow_lighter: rgba(244, 226, 195, 1);
56
+ --amplify_dataviz_darkyellow_deep: rgba(98, 77, 42, 1);
53
57
 
54
58
  --amplify_dataviz_lightyellow_default: rgba(253, 203, 53, 1);
55
59
  --amplify_dataviz_lightyellow_darker: rgba(227, 171, 2, 1);
56
60
  --amplify_dataviz_lightyellow_lighter: rgba(255, 240, 194, 1);
61
+ --amplify_dataviz_lightyellow_deep: rgba(200, 150, 0, 1);
62
+
63
+ --amplify_dataviz_orange_lighter: rgba(255, 222, 198, 1);
64
+ --amplify_dataviz_orange_muted: rgba(255, 173, 99, 1);
65
+ --amplify_dataviz_orange_default: rgba(227, 128, 36, 1);
66
+ --amplify_dataviz_orange_darker: rgba(121, 61, 21, 1);
57
67
 
58
68
  --amplify_dataviz_darkpurple_default: rgba(147, 20, 219, 1);
59
69
  --amplify_dataviz_darkpurple_darker: rgba(97, 1, 152, 1);
@@ -64,12 +74,14 @@ import{css as e}from"styled-components";const t=e`
64
74
  --amplify_dataviz_lightpurple_lighter: rgba(234, 224, 255, 1);
65
75
 
66
76
  --amplify_dataviz_darkgray_default: rgba(122, 122, 122, 1);
77
+ --amplify-dataviz_darkgray_deep: rgba(69, 69, 69, 1);
67
78
  --amplify_dataviz_darkgray_darker: rgba(86, 86, 86, 1);
68
79
  --amplify_dataviz_darkgray_lighter: rgba(173, 173, 173, 1);
69
80
 
70
81
  --amplify_dataviz_lightgray_default: rgba(144, 155, 162, 1);
71
82
  --amplify_dataviz_lightgray_darker: rgba(91, 102, 108, 1);
72
83
  --amplify_dataviz_lightgray_lighter: rgba(194, 200, 204, 1);
84
+ --amplify_dataviz_lightgray_pale: rgba(235, 238, 240, 1);
73
85
 
74
86
  --eds_text__static_icons__default: rgba(61, 61, 61, 1);
75
87
  --eds_text__static_icons__secondary: rgba(86, 86, 86, 1);
@@ -0,0 +1 @@
1
+ import{colors as e}from"../style/colors.js";function t(e){return e.charAt(0).toUpperCase()+e.slice(1).replaceAll(`-`,` `)}const n={combined:{border:e.interactive.success__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.success__resting.rgba},environment:{border:e.interactive.success__resting.rgba,background:e.interactive.success__text.rgba,chipBackground:e.interactive.success__resting.rgba,outline:e.interactive.success__resting.rgba},impersonate:{border:e.interactive.warning__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.warning__resting.rgba}},r={border:e.interactive.warning__resting.rgba,background:e.interactive.warning__text.rgba,chipBackground:e.interactive.warning__resting.rgba,outline:e.interactive.warning__resting.rgba};function i(e){return e?n[e]:r}export{t as formatFeatureName,i as getVariantColors};
@@ -1,4 +1,4 @@
1
- import * as react1 from "react";
1
+ import * as react0 from "react";
2
2
  import { IconData } from "@equinor/eds-icons";
3
3
 
4
4
  //#region src/deprecated/ExpandingIconButton/ExpandingIconButton.d.ts
@@ -12,6 +12,6 @@ interface ExpandingIconButtonProps {
12
12
  /**
13
13
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
14
14
  */
15
- declare const ExpandingIconButton: react1.ForwardRefExoticComponent<ExpandingIconButtonProps & react1.RefAttributes<HTMLDivElement>>;
15
+ declare const ExpandingIconButton: react0.ForwardRefExoticComponent<ExpandingIconButtonProps & react0.RefAttributes<HTMLDivElement>>;
16
16
  //#endregion
17
17
  export { ExpandingIconButton };
@@ -1,4 +1,4 @@
1
- import * as react3 from "react";
1
+ import * as react1 from "react";
2
2
  import { IconData } from "@equinor/eds-icons";
3
3
 
4
4
  //#region src/deprecated/IconToggleButton.d.ts
@@ -21,6 +21,6 @@ interface IconToggleButtonProps {
21
21
  /**
22
22
  * @deprecated Being deprecated from amplify-component-lib move into app if you want the implementation
23
23
  */
24
- declare const IconToggleButton: react3.ForwardRefExoticComponent<IconToggleButtonProps & react3.RefAttributes<HTMLButtonElement>>;
24
+ declare const IconToggleButton: react1.ForwardRefExoticComponent<IconToggleButtonProps & react1.RefAttributes<HTMLButtonElement>>;
25
25
  //#endregion
26
26
  export { IconToggleButton };
@@ -1,5 +1,5 @@
1
1
  import { Variants } from "../../atoms/types/variants.js";
2
- import * as react7 from "react";
2
+ import * as react9 from "react";
3
3
  import { DatePickerProps } from "@equinor/eds-core-react";
4
4
 
5
5
  //#region src/molecules/DatePicker/DatePicker.d.ts
@@ -9,11 +9,11 @@ type DatePickerProps$1 = Omit<DatePickerProps, 'variant' | 'defaultValue'> & {
9
9
  meta?: string;
10
10
  loading?: boolean;
11
11
  };
12
- declare const DatePicker$1: react7.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
12
+ declare const DatePicker$1: react9.ForwardRefExoticComponent<Omit<DatePickerProps, "defaultValue" | "variant"> & {
13
13
  variant?: Variants;
14
14
  defaultValue?: Date | undefined;
15
15
  meta?: string;
16
16
  loading?: boolean;
17
- } & react7.RefAttributes<HTMLDivElement>>;
17
+ } & react9.RefAttributes<HTMLDivElement>>;
18
18
  //#endregion
19
19
  export { DatePicker$1 as DatePicker, DatePickerProps$1 as DatePickerProps };
@@ -1,5 +1,5 @@
1
1
  import { Variants } from "../../atoms/types/variants.js";
2
- import * as react9 from "react";
2
+ import * as react11 from "react";
3
3
  import { DateRangePickerProps } from "@equinor/eds-core-react";
4
4
 
5
5
  //#region src/molecules/DateRangePicker/DateRangePicker.d.ts
@@ -8,10 +8,10 @@ type DateRangePickerProps$1 = Omit<DateRangePickerProps, 'variant'> & {
8
8
  meta?: string;
9
9
  loading?: boolean;
10
10
  };
11
- declare const DateRangePicker$1: react9.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
11
+ declare const DateRangePicker$1: react11.ForwardRefExoticComponent<Omit<DateRangePickerProps, "variant"> & {
12
12
  variant?: Variants;
13
13
  meta?: string;
14
14
  loading?: boolean;
15
- } & react9.RefAttributes<HTMLDivElement>>;
15
+ } & react11.RefAttributes<HTMLDivElement>>;
16
16
  //#endregion
17
17
  export { DateRangePicker$1 as DateRangePicker, DateRangePickerProps$1 as DateRangePickerProps };
@@ -1,4 +1,4 @@
1
- import * as react11 from "react";
1
+ import * as react7 from "react";
2
2
  import { ReactNode } from "react";
3
3
  import { ButtonProps, DialogProps } from "@equinor/eds-core-react";
4
4
  import { IconData } from "@equinor/eds-icons";
@@ -51,6 +51,6 @@ interface DialogProps$1 extends Omit<DialogProps, 'title'> {
51
51
  * @param additionalInfo - Defaults to empty, and won't show the additional info button
52
52
  * Also inherits props from EDS dialog
53
53
  */
54
- declare const Dialog$1: react11.ForwardRefExoticComponent<DialogProps$1 & react11.RefAttributes<HTMLDivElement>>;
54
+ declare const Dialog$1: react7.ForwardRefExoticComponent<DialogProps$1 & react7.RefAttributes<HTMLDivElement>>;
55
55
  //#endregion
56
56
  export { Dialog$1 as Dialog, DialogAction, DialogProps$1 as DialogProps };
@@ -1,4 +1,4 @@
1
- import * as react100 from "react";
1
+ import * as react102 from "react";
2
2
  import { FocusEventHandler, HTMLAttributes, MouseEventHandler, ReactNode } from "react";
3
3
  import { IconData } from "@equinor/eds-icons";
4
4
 
@@ -15,6 +15,6 @@ interface ListItemProps extends HTMLAttributes<HTMLButtonElement> {
15
15
  isChild?: boolean;
16
16
  borderBottom?: boolean;
17
17
  }
18
- declare const ListItem: react100.ForwardRefExoticComponent<ListItemProps & react100.RefAttributes<HTMLButtonElement>>;
18
+ declare const ListItem: react102.ForwardRefExoticComponent<ListItemProps & react102.RefAttributes<HTMLButtonElement>>;
19
19
  //#endregion
20
20
  export { ListItem, ListItemProps };
@@ -1,4 +1,4 @@
1
- import * as react17 from "react";
1
+ import * as react19 from "react";
2
2
  import { TooltipProps } from "@equinor/eds-core-react";
3
3
  import * as _floating_ui_utils0 from "@floating-ui/utils";
4
4
 
@@ -6,14 +6,14 @@ import * as _floating_ui_utils0 from "@floating-ui/utils";
6
6
  type OptionalTooltipProps = {
7
7
  textTransform?: string;
8
8
  } & TooltipProps;
9
- declare const OptionalTooltip: react17.ForwardRefExoticComponent<{
9
+ declare const OptionalTooltip: react19.ForwardRefExoticComponent<{
10
10
  textTransform?: string;
11
11
  } & {
12
12
  placement?: _floating_ui_utils0.Placement;
13
- title?: react17.ReactNode;
13
+ title?: react19.ReactNode;
14
14
  children: React.ReactElement & React.RefAttributes<HTMLElement>;
15
15
  enterDelay?: number;
16
16
  portalContainer?: HTMLElement;
17
- } & Omit<react17.HTMLAttributes<HTMLDivElement>, "title"> & react17.RefAttributes<HTMLDivElement>>;
17
+ } & Omit<react19.HTMLAttributes<HTMLDivElement>, "title"> & react19.RefAttributes<HTMLDivElement>>;
18
18
  //#endregion
19
19
  export { OptionalTooltip, OptionalTooltipProps };
@@ -1,4 +1,4 @@
1
- import * as react21 from "react";
1
+ import * as react17 from "react";
2
2
 
3
3
  //#region src/molecules/ProfileAvatar/ProfileAvatar.d.ts
4
4
  interface ProfileAvatarProps {
@@ -7,6 +7,6 @@ interface ProfileAvatarProps {
7
7
  size?: 'small' | 'small-medium' | 'medium' | 'large' | 'x-large' | number;
8
8
  disabled?: boolean;
9
9
  }
10
- declare const ProfileAvatar: react21.ForwardRefExoticComponent<ProfileAvatarProps & react21.RefAttributes<HTMLDivElement>>;
10
+ declare const ProfileAvatar: react17.ForwardRefExoticComponent<ProfileAvatarProps & react17.RefAttributes<HTMLDivElement>>;
11
11
  //#endregion
12
12
  export { ProfileAvatar, ProfileAvatarProps };
@@ -1,4 +1,4 @@
1
- import * as react102 from "react";
1
+ import * as react100 from "react";
2
2
  import { CheckboxProps } from "@equinor/eds-core-react";
3
3
 
4
4
  //#region src/molecules/SelectionControls/Checkbox/Checkbox.d.ts
@@ -7,6 +7,6 @@ interface CheckboxProps$1 extends CheckboxProps {
7
7
  outlined?: boolean;
8
8
  error?: boolean;
9
9
  }
10
- declare const Checkbox$1: react102.ForwardRefExoticComponent<CheckboxProps$1 & react102.RefAttributes<HTMLInputElement>>;
10
+ declare const Checkbox$1: react100.ForwardRefExoticComponent<CheckboxProps$1 & react100.RefAttributes<HTMLInputElement>>;
11
11
  //#endregion
12
12
  export { Checkbox$1 as Checkbox, CheckboxProps$1 as CheckboxProps };
@@ -1,4 +1,4 @@
1
- import * as react127 from "react";
1
+ import * as react132 from "react";
2
2
  import { HTMLAttributes, ReactNode } from "react";
3
3
 
4
4
  //#region src/organisms/SideBar/SideBar.d.ts
@@ -16,6 +16,6 @@ interface SideBarWithCreate extends SideBarProps {
16
16
  createDisabled?: boolean;
17
17
  createActive?: boolean;
18
18
  }
19
- declare const SideBar: react127.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react127.RefAttributes<HTMLDivElement>>;
19
+ declare const SideBar: react132.ForwardRefExoticComponent<(SideBarWithCreate | BaseSideBar) & react132.RefAttributes<HTMLDivElement>>;
20
20
  //#endregion
21
21
  export { SideBar };
@@ -1,10 +1,10 @@
1
- import * as react139 from "react";
1
+ import * as react138 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Action.d.ts
4
4
  interface ActionProps {
5
5
  onClick: () => void;
6
6
  buttonText?: string;
7
7
  }
8
- declare const Action: react139.ForwardRefExoticComponent<ActionProps & react139.RefAttributes<HTMLButtonElement>>;
8
+ declare const Action: react138.ForwardRefExoticComponent<ActionProps & react138.RefAttributes<HTMLButtonElement>>;
9
9
  //#endregion
10
10
  export { Action };
@@ -1,9 +1,9 @@
1
- import * as react135 from "react";
1
+ import * as react140 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Description.d.ts
4
4
  interface DescriptionProps {
5
5
  text?: string;
6
6
  }
7
- declare const Description: react135.ForwardRefExoticComponent<DescriptionProps & react135.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Description: react140.ForwardRefExoticComponent<DescriptionProps & react140.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Description };
@@ -1,4 +1,4 @@
1
- import * as react137 from "react";
1
+ import * as react142 from "react";
2
2
 
3
3
  //#region src/organisms/Status/MissingAccesses.d.ts
4
4
  interface AccessType {
@@ -9,6 +9,6 @@ interface MissingAccessesProps {
9
9
  accesses?: AccessType[];
10
10
  text?: string;
11
11
  }
12
- declare const MissingAccesses: react137.ForwardRefExoticComponent<MissingAccessesProps & react137.RefAttributes<HTMLDivElement>>;
12
+ declare const MissingAccesses: react142.ForwardRefExoticComponent<MissingAccessesProps & react142.RefAttributes<HTMLDivElement>>;
13
13
  //#endregion
14
14
  export { MissingAccesses };
@@ -1,9 +1,9 @@
1
- import * as react133 from "react";
1
+ import * as react144 from "react";
2
2
 
3
3
  //#region src/organisms/Status/Title.d.ts
4
4
  interface TitleProps {
5
5
  title?: string;
6
6
  }
7
- declare const Title: react133.ForwardRefExoticComponent<TitleProps & react133.RefAttributes<HTMLHeadingElement>>;
7
+ declare const Title: react144.ForwardRefExoticComponent<TitleProps & react144.RefAttributes<HTMLHeadingElement>>;
8
8
  //#endregion
9
9
  export { Title };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime12 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime11 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/PageNotFound.d.ts
4
4
  interface PageNotFoundProps {
@@ -12,6 +12,6 @@ declare const PageNotFound: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: PageNotFoundProps) => react_jsx_runtime12.JSX.Element;
15
+ }: PageNotFoundProps) => react_jsx_runtime11.JSX.Element;
16
16
  //#endregion
17
17
  export { PageNotFound };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime11 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime12 from "react/jsx-runtime";
2
2
 
3
3
  //#region src/organisms/Status/collections/ServerError.d.ts
4
4
  interface ServerErrorProps {
@@ -12,6 +12,6 @@ declare const ServerError: ({
12
12
  redirectFallbackUrl,
13
13
  onBackClick,
14
14
  hideBackButton
15
- }: ServerErrorProps) => react_jsx_runtime11.JSX.Element;
15
+ }: ServerErrorProps) => react_jsx_runtime12.JSX.Element;
16
16
  //#endregion
17
17
  export { ServerError };
@@ -1,7 +1,7 @@
1
1
  import { ToggleGroup } from "./ToggleGroup.types.js";
2
- import * as react143 from "react";
2
+ import * as react148 from "react";
3
3
 
4
4
  //#region src/organisms/ToggleGroup/ToggleGroup.d.ts
5
- declare const ToggleGroup$1: react143.ForwardRefExoticComponent<ToggleGroup & react143.RefAttributes<HTMLDivElement>>;
5
+ declare const ToggleGroup$1: react148.ForwardRefExoticComponent<ToggleGroup & react148.RefAttributes<HTMLDivElement>>;
6
6
  //#endregion
7
7
  export { ToggleGroup$1 as ToggleGroup };
@@ -1,9 +1,9 @@
1
1
  import { ToggleGroupOption } from "./ToggleGroup.types.js";
2
- import * as react141 from "react";
2
+ import * as react146 from "react";
3
3
  import { HTMLAttributes } from "react";
4
4
 
5
5
  //#region src/organisms/ToggleGroup/ToggleGroupOption.d.ts
6
6
  type ToggleGroupOptionProps = ToggleGroupOption & Omit<HTMLAttributes<HTMLButtonElement>, 'onToggle' | 'disabled'>;
7
- declare const ToggleGroupOption$1: react141.ForwardRefExoticComponent<ToggleGroupOptionProps & react141.RefAttributes<HTMLButtonElement>>;
7
+ declare const ToggleGroupOption$1: react146.ForwardRefExoticComponent<ToggleGroupOptionProps & react146.RefAttributes<HTMLButtonElement>>;
8
8
  //#endregion
9
9
  export { ToggleGroupOption$1 as ToggleGroupOption };
@@ -9,6 +9,7 @@ interface AccountProps {
9
9
  children?: ReactNode;
10
10
  availableFields?: Field[];
11
11
  availableWells?: string[];
12
+ enableEnvironmentToggle?: boolean;
12
13
  }
13
14
  declare const Account: FC<AccountProps>;
14
15
  //#endregion
@@ -1 +1 @@
1
- import{EnvironmentType as e}from"../../../atoms/enums/Environment.js";import{environment as t}from"../../../atoms/utils/auth_environment.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as l,Container as u,TextContent as d}from"./Account.styles.js";import{impersonateUserDtoToFullName as f}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as p}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as m}from"./AccountAvatar.js";import{AccountButton as h}from"./AccountButton.js";import{ActiveUserImpersonationButton as g}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as _}from"./ImpersonateButton.js";import{RoleChips as v}from"./RoleChips.js";import{RoleList as ee}from"./RoleList.js";import{useCallback as te,useEffect as y,useMemo as b,useRef as x,useState as S}from"react";import{Icon as C,Typography as w}from"@equinor/eds-core-react";import{Fragment as T,jsx as E,jsxs as D}from"react/jsx-runtime";import{log_out as O}from"@equinor/eds-icons";const k=({renderCustomButton:k,hideRoles:A=!1,useDisplayNameForRole:j=!1,children:M,availableFields:N,availableWells:ne})=>{let P=t.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),F=t.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),I=t.getAppName(import.meta.env.VITE_NAME),{account:L,roles:R,logout:z}=n(),[B,V]=S(!1),[H,U]=S(!1),W=x(null),{data:G=!0}=o(),{data:K}=a(),{mutate:q}=c(),J=s(K?K.roles:R??[],j),Y=K?f(K):L?.name,X=K?K.uniqueName:L?.username,Z=()=>V(!1),Q=te(()=>{V(e=>!e),U(!1)},[]),$=()=>{U(!0),V(!1)};return y(()=>{K&&K.appName!=null&&K.appName.toUpperCase()!=I.toUpperCase()&&q()},[K,I,q]),D(T,{children:[b(()=>k?k(W,Q):null,[k,Q])||E(h,{ref:W,onClick:Q}),D(i,{open:B,title:`Account`,onClose:Z,anchorEl:W.current,children:[D(u,{children:[K&&E(g,{onClick:$}),E(m,{}),D(d,{children:[E(w,{variant:`h6`,children:Y}),E(w,{children:X})]}),J&&!A&&E(T,{children:J.length<=3?E(v,{roles:J}):E(ee,{roles:J})}),M,G&&P!==e.PRODUCTION&&F&&E(_,{onOpenImpersonateMenu:$,onClose:Z})]}),E(l,{children:D(r,{variant:`ghost`,onClick:z,children:[E(C,{data:O}),`Log out`]})})]}),E(p,{open:H,onClose:()=>U(!1),anchorEl:W.current,availableFields:N,availableWells:ne})]})};k.displayName=`TopBar.Account`;export{k as Account};
1
+ import{EnvironmentType as e}from"../../../atoms/enums/Environment.js";import{environment as t}from"../../../atoms/utils/auth_environment.js";import{useAuth as ee}from"../../../providers/AuthProvider/AuthProvider.js";import{useLocalStorage as n}from"../../../atoms/hooks/useLocalStorage.js";import{Button as r}from"../../../molecules/Button/Button.js";import{TopBarMenu as i}from"../TopBarMenu.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{useCanImpersonate as o}from"./ImpersonateMenu/hooks/useCanImpersonate.js";import{useMappedRoles as s}from"./ImpersonateMenu/hooks/useMappedRoles.js";import{useStopImpersonation as c}from"./ImpersonateMenu/hooks/useStopImpersonation.js";import{ButtonWrapper as l,Container as u,EnvironmentToggleWrapper as d,TextContent as f}from"./Account.styles.js";import{impersonateUserDtoToFullName as p}from"./ImpersonateMenu/Impersonate.utils.js";import{ImpersonateMenu as m}from"./ImpersonateMenu/ImpersonateMenu.js";import{AccountAvatar as h}from"./AccountAvatar.js";import{AccountButton as te}from"./AccountButton.js";import{ActiveUserImpersonationButton as ne}from"./ActiveUserImpersonationButton.js";import{ImpersonateButton as re}from"./ImpersonateButton.js";import{RoleList as ie}from"./RoleList.js";import{EnvironmentToggle as ae}from"./EnvironmentToggle.js";import{StatusChips as g}from"./StatusChips.js";import{useCallback as _,useEffect as v,useMemo as y,useRef as b,useState as x}from"react";import{Icon as S,Typography as C}from"@equinor/eds-core-react";import{Fragment as w,jsx as T,jsxs as E}from"react/jsx-runtime";import{log_out as D}from"@equinor/eds-icons";import{ENVIRONMENT_TOGGLE_KEY as O}from"@equinor/subsurface-app-management";const k=({renderCustomButton:k,hideRoles:A=!1,useDisplayNameForRole:j=!1,children:M,availableFields:N,availableWells:P,enableEnvironmentToggle:F=!1})=>{let I=t.getEnvironmentName(import.meta.env.VITE_ENVIRONMENT_NAME),oe=t.getApiClientId(import.meta.env.VITE_API_CLIENT_ID),L=t.getAppName(import.meta.env.VITE_NAME),{account:R,roles:z,logout:B}=ee(),[V,H]=x(!1),[U,W]=x(!1),[G,K]=n(O,[]),q=b(null),{data:se=!0}=o(),{data:J}=a(),{mutate:Y}=c(),X=s(J?J.roles:z??[],j),ce=J?p(J):R?.name,le=J?J.uniqueName:R?.username,Z=()=>H(!1),Q=_(()=>{H(e=>!e),W(!1)},[]),$=()=>{W(!0),H(!1)};return v(()=>{J&&J.appName!=null&&J.appName.toUpperCase()!=L.toUpperCase()&&Y()},[J,L,Y]),E(w,{children:[y(()=>k?k(q,Q):null,[k,Q])||T(te,{ref:q,onClick:Q,environmentToggle:G}),E(i,{open:V,title:`Account`,onClose:Z,anchorEl:q.current,children:[E(u,{children:[J&&T(ne,{onClick:$}),T(h,{environmentToggle:G}),E(f,{children:[T(C,{variant:`h6`,children:ce}),T(C,{children:le})]}),G.length>0&&T(g,{statuses:G}),X&&!A&&T(w,{children:X.length<=3?T(g,{statuses:X}):T(ie,{roles:X})}),M,se&&I!==e.PRODUCTION&&oe&&T(re,{onOpenImpersonateMenu:$,onClose:Z})]}),F&&I!==e.PRODUCTION&&T(d,{children:T(ae,{setEnvironmentToggle:K,environmentToggle:G})}),T(l,{children:E(r,{variant:`ghost`,onClick:B,children:[T(S,{data:D}),`Log out`]})})]}),T(m,{open:U,onClose:()=>W(!1),anchorEl:q.current,availableFields:N,availableWells:P})]})};k.displayName=`TopBar.Account`;export{k as Account};
@@ -11,14 +11,22 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
11
11
  align-items: center;
12
12
  gap: ${n.small};
13
13
  `,c=a.div`
14
+ padding: ${n.medium} ${n.medium} 0 ${n.medium};
14
15
  display: flex;
15
16
  flex-direction: column;
16
- align-items: center;
17
+ align-items: stretch;
18
+ gap: ${n.small};
17
19
  `,l=a.div`
20
+ display: flex;
21
+ flex-direction: column;
22
+ align-items: center;
23
+ `,u=a.div`
18
24
  display: grid;
25
+ grid-auto-flow: column;
19
26
  margin-top: ${n.x_large};
20
27
  justify-content: center;
21
- `,u=a.button`
28
+ gap: ${n.small};
29
+ `,d=a.button`
22
30
  display: grid;
23
31
  grid-template-columns: auto 1fr auto;
24
32
  align-items: center;
@@ -40,7 +48,7 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
40
48
  &:hover {
41
49
  background: ${t.interactive.primary__hover_alt.rgba};
42
50
  }
43
- `,d=a.section`
51
+ `,f=a.section`
44
52
  display: flex;
45
53
  flex-wrap: wrap;
46
54
  justify-content: center;
@@ -50,8 +58,8 @@ import{animation as e}from"../../../atoms/style/animation.js";import{colors as t
50
58
  overflow-x: hidden;
51
59
  gap: ${n.small};
52
60
  margin-top: ${n.small};
53
- `,f=a(i)`
61
+ `,p=a(i)`
54
62
  background: ${t.ui.background__light.rgba};
55
63
  border: 1px solid ${t.ui.background__medium.rgba};
56
64
  color: ${t.text.static_icons__default.rgba};
57
- `;export{l as ButtonWrapper,s as Container,u as OpenImpersonationMenuButton,o as ProfileButton,f as RoleChip,d as RolesContainer,c as TextContent};
65
+ `;export{u as ButtonWrapper,s as Container,c as EnvironmentToggleWrapper,d as OpenImpersonationMenuButton,o as ProfileButton,p as RoleChip,f as RolesContainer,l as TextContent};
@@ -1,11 +1,12 @@
1
- import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ImpersonateAvatar as o}from"./ImpersonateAvatar.js";import s from"styled-components";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=s.div`
1
+ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as n}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as r}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as i}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{getVariantColors as a}from"../../../atoms/utils/environmentToggle.js";import{StatusAvatar as o}from"./StatusAvatar.js";import{impersonateUserDtoToFullName as s}from"./ImpersonateMenu/Impersonate.utils.js";import c from"styled-components";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";const f=c.div`
2
2
  position: relative;
3
- margin-bottom: ${t.small};
4
- `,d=s(r)`
3
+ margin-bottom: ${e.small};
4
+ `,p=c(n)`
5
5
  position: absolute;
6
- bottom: calc(${t.x_small} * -1);
6
+ bottom: calc(${e.x_small} * -1);
7
7
  left: 50%;
8
8
  transform: translateX(-50%);
9
- background: ${e.interactive.warning__resting.rgba};
10
- outline-color: ${e.interactive.warning__resting.rgba};
11
- `,f=()=>{let{account:e,photo:t}=n(),{data:r}=a();return r?l(u,{children:[c(o,{size:64}),c(d,{children:`Impersonating`})]}):c(i,{size:64,name:e?.name,url:t})};export{f as AccountAvatar};
9
+ white-space: nowrap;
10
+ background: ${({$variant:e})=>a(e).chipBackground};
11
+ outline-color: ${({$variant:e})=>a(e).outline};
12
+ `,m=({environmentToggle:e})=>{let{account:n,photo:a}=t(),{data:c}=i(),m=c?s(c):n?.name,h=e!=null&&e.length>0,g=e==null?``:e.map(e=>e.label).join(`, `);return u(f,{children:(()=>h&&c?d(l,{children:[u(o,{size:64,variant:`combined`,name:`Impersonate & Environment`}),u(p,{$variant:`combined`,children:`Impersonate & Environment`})]}):h?d(l,{children:[u(o,{size:64,variant:`environment`,name:g}),u(p,{$variant:`environment`,children:`Environment`})]}):c?d(l,{children:[u(o,{size:64,variant:`impersonate`,name:m}),u(p,{$variant:`impersonate`,children:`Impersonating`})]}):u(r,{size:64,name:n?.name,url:a}))()})};export{m as AccountAvatar};
@@ -1,9 +1,9 @@
1
- import{colors as e}from"../../../atoms/style/colors.js";import{spacings as t}from"../../../atoms/style/spacings.js";import{useAuth as n}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as r}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as i}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as a}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as o}from"./Account.styles.js";import{ImpersonateAvatar as s}from"./ImpersonateAvatar.js";import{forwardRef as c}from"react";import l from"styled-components";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=l.div`
1
+ import{spacings as e}from"../../../atoms/style/spacings.js";import{useAuth as t}from"../../../providers/AuthProvider/AuthProvider.js";import{Chip as n}from"../../../molecules/Chip/Chip.js";import{ProfileAvatar as r}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as i}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import{ProfileButton as a}from"./Account.styles.js";import{formatFeatureName as o,getVariantColors as s}from"../../../atoms/utils/environmentToggle.js";import{StatusAvatar as c}from"./StatusAvatar.js";import{forwardRef as l}from"react";import u from"styled-components";import{jsx as d,jsxs as f}from"react/jsx-runtime";const p=u.div`
2
2
  display: flex;
3
3
  align-items: center;
4
- gap: ${t.xx_small};
5
- `,p=l(r)`
6
- background: ${e.interactive.warning__resting.rgba};
4
+ gap: ${e.xx_small};
5
+ `,m=u(n)`
6
+ background: ${({$variant:e})=>s(e).chipBackground};
7
7
  outline: none;
8
8
  padding: 0;
9
- `,m=c(({onClick:e},t)=>{let{account:r,photo:c}=n(),{data:l}=a(),m=l?.roles?.sort()??[];return d(f,{children:[m.at(0)&&u(p,{children:m[0]}),m.length>1&&u(p,{children:`+${m.length-1}`}),u(o,{ref:t,onClick:e,children:l?u(s,{size:36}):u(i,{size:36,name:r?.name,url:c})})]})});m.displayName=`AccountButton`;export{m as AccountButton};
9
+ `,h=l(({onClick:e,environmentToggle:n},s)=>{let{account:l,photo:u}=t(),{data:h}=i(),g=n!=null&&n.length>0,_=n==null?[]:n.map(e=>o(e.value)),v=h?.roles?.sort()??[];return f(p,{children:[v.at(0)&&d(m,{$variant:`impersonate`,children:v[0]}),v.length>1&&d(m,{$variant:`impersonate`,children:`+${v.length-1}`}),g&&_.at(0)&&d(m,{$variant:`environment`,children:_[0]}),_.length>1&&d(m,{$variant:`environment`,children:`+${_.length-1}`}),d(a,{ref:s,onClick:e,children:(()=>g&&h?d(c,{size:36,variant:`combined`}):g?d(c,{size:36,name:n.map(e=>e.value).join(`, `),variant:`environment`}):h?d(c,{size:36,variant:`impersonate`}):d(r,{size:36,name:l?.name,url:u}))()})]})});h.displayName=`AccountButton`;export{h as AccountButton};
@@ -0,0 +1 @@
1
+ import{ComboBox as e}from"../../../molecules/Select/ComboBox/ComboBox.js";import{formatFeatureName as t}from"../../../atoms/utils/environmentToggle.js";import{useState as n}from"react";import{jsx as r}from"react/jsx-runtime";import{EnvironmentToggleFeatures as i}from"@equinor/subsurface-app-management";import{useQueryClient as a}from"@tanstack/react-query";const o=({environmentToggle:o,setEnvironmentToggle:s})=>{let c=a(),[l,u]=n(!1);return r(e,{loading:l,items:Object.values(i).map(e=>({value:e.toString(),label:t(e)})),values:o,onSelect:e=>{s(e),u(!0),setTimeout(()=>{c.invalidateQueries(),u(!1)},2e3)},placeholder:`Set current environment for feature`,helperText:`This will use current environment for selected features.`})};export{o as EnvironmentToggle};
@@ -1 +1 @@
1
- import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{ImpersonateAvatar as l}from"../../ImpersonateAvatar.js";import{DotProgress 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{arrow_back as h,delete_to_trash as g}from"@equinor/eds-icons";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),p(f,{variant:`h6`,children:`Delete user`})]}),m(`section`,{children:[p(f,{variant:`h4`,children:`You are deleting a user`}),m(f,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),p(l,{size:64,fullName:S}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};
1
+ import{colors as e}from"../../../../../atoms/style/colors.js";import{useSnackbar as t}from"../../../../../providers/SnackbarProvider/SnackbarProvider.js";import{Button as n}from"../../../../../molecules/Button/Button.js";import{Header as r}from"../Impersonate.styles.js";import{useDeleteImpersonation as i}from"../hooks/useDeleteImpersonation.js";import{Container as a}from"./DeleteUser.styles.js";import{RoleChip as o,RolesContainer as s,TextContent as c}from"../../Account.styles.js";import{StatusAvatar as l}from"../../StatusAvatar.js";import{DotProgress 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{arrow_back as h,delete_to_trash as g}from"@equinor/eds-icons";const _=({user:_,onBack:v})=>{let{mutateAsync:y,isPending:b}=i(),{showSnackbar:x}=t(),S=`${_.firstName} ${_.lastName}`;return m(a,{children:[m(r,{children:[p(n,{variant:`ghost_icon`,onClick:v,children:p(d,{data:h})}),p(f,{variant:`h6`,children:`Delete user`})]}),m(`section`,{children:[p(f,{variant:`h4`,children:`You are deleting a user`}),m(f,{variant:`caption`,color:e.text.static_icons__tertiary.rgba,children:[`Are you sure you want to delete user "`,S,`"?`]})]}),p(l,{size:64,name:S,variant:`impersonate`}),m(c,{children:[p(f,{variant:`h6`,children:S}),p(f,{children:_.uniqueName})]}),p(s,{children:_.roles.map(e=>p(o,{children:e},e))}),m(`div`,{children:[b?p(n,{variant:`outlined`,color:`danger`,children:p(u,{color:`tertiary`})}):m(n,{variant:`outlined`,color:`danger`,onClick:async()=>{await y(_),x(`Deleted user "${S}" successfully`),v()},children:[p(d,{data:g}),` Delete user`]}),p(n,{variant:`ghost`,onClick:v,children:`Cancel`})]})]})};export{_ as DeleteUser};
@@ -0,0 +1,7 @@
1
+ import{ProfileAvatar as e}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{getVariantColors as t}from"../../../atoms/utils/environmentToggle.js";import n from"styled-components";import{jsx as r}from"react/jsx-runtime";const i=n.div`
2
+ width: fit-content;
3
+ border: 2px solid ${({$variant:e})=>t(e).border};
4
+ border-radius: 50%;
5
+ > div:first-child {
6
+ background: ${({$variant:e})=>t(e).background}
7
+ `,a=({size:t,name:n,variant:a})=>r(i,{$variant:a,children:r(e,{size:t,name:n??`Environment`})});export{a as StatusAvatar};
@@ -0,0 +1 @@
1
+ import{RoleChip as e,RolesContainer as t}from"./Account.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({statuses:r})=>n(t,{children:r?.map(t=>n(e,{children:t.label},t.value))});export{r as StatusChips};
@@ -1,7 +1,7 @@
1
- import * as react131 from "react";
1
+ import * as react134 from "react";
2
2
  import { HTMLAttributes } from "react";
3
3
 
4
4
  //#region src/organisms/TopBar/Actions.d.ts
5
- declare const Actions: react131.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react131.RefAttributes<HTMLDivElement>>;
5
+ declare const Actions: react134.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react134.RefAttributes<HTMLDivElement>>;
6
6
  //#endregion
7
7
  export { Actions };
@@ -1,5 +1,5 @@
1
1
  import { Field } from "../../../atoms/types/Field.js";
2
- import * as react129 from "react";
2
+ import * as react136 from "react";
3
3
 
4
4
  //#region src/organisms/TopBar/FieldMenu/FieldMenu.d.ts
5
5
  interface FieldMenuProps {
@@ -8,6 +8,6 @@ interface FieldMenuProps {
8
8
  itemNameSingular?: string;
9
9
  showAccessITLink?: boolean;
10
10
  }
11
- declare const FieldMenu: react129.ForwardRefExoticComponent<FieldMenuProps & react129.RefAttributes<HTMLDivElement>>;
11
+ declare const FieldMenu: react136.ForwardRefExoticComponent<FieldMenuProps & react136.RefAttributes<HTMLDivElement>>;
12
12
  //#endregion
13
13
  export { FieldMenu };
@@ -1,4 +1,4 @@
1
- import * as react149 from "react";
1
+ import * as react131 from "react";
2
2
  import { Dispatch, FC, ReactNode, SetStateAction } from "react";
3
3
 
4
4
  //#region src/organisms/TopBar/Notifications/NotificationProvider.d.ts
@@ -6,7 +6,7 @@ interface NotificationContext {
6
6
  setIsOpen: Dispatch<SetStateAction<boolean>>;
7
7
  isOpen: boolean;
8
8
  }
9
- declare const NotificationContext: react149.Context<NotificationContext | undefined>;
9
+ declare const NotificationContext: react131.Context<NotificationContext | undefined>;
10
10
  declare const useNotification: () => NotificationContext;
11
11
  //#endregion
12
12
  export { useNotification };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/amplify-component-lib",
3
- "version": "10.6.0",
3
+ "version": "10.8.0",
4
4
  "description": "Frontend Typescript components for the Amplify team",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -53,7 +53,7 @@
53
53
  },
54
54
  "devDependencies": {
55
55
  "@equinor/eds-icons": "^0.22.0",
56
- "@equinor/subsurface-app-management": "5.1.0",
56
+ "@equinor/subsurface-app-management": "5.2.0",
57
57
  "@eslint/js": "^9.22.0",
58
58
  "@faker-js/faker": "^9.6.0",
59
59
  "@storybook/addon-coverage": "^2.0.0",
@@ -114,7 +114,7 @@
114
114
  "@equinor/eds-core-react": "0.44.0",
115
115
  "@equinor/eds-data-grid-react": "^0.7.5",
116
116
  "@equinor/eds-icons": "*",
117
- "@equinor/subsurface-app-management": "^5.1.0",
117
+ "@equinor/subsurface-app-management": "^5.2.0",
118
118
  "@tanstack/react-query": "*",
119
119
  "@tanstack/react-router": "*",
120
120
  "@tiptap/core": "^3.1.0",
@@ -1,8 +0,0 @@
1
- import{colors as e}from"../../../atoms/style/colors.js";import{ProfileAvatar as t}from"../../../molecules/ProfileAvatar/ProfileAvatar.js";import{useActiveImpersonationUser as n}from"./ImpersonateMenu/hooks/useActiveImpersonationUser.js";import r from"styled-components";import{jsx as i}from"react/jsx-runtime";const a=r.div`
2
- width: fit-content;
3
- border: 2px solid ${e.interactive.warning__resting.rgba};
4
- border-radius: 50%;
5
- > div:first-child {
6
- background: ${e.interactive.warning__text.rgba};
7
- }
8
- `,o=({size:e,fullName:r})=>{let{data:o}=n();return i(a,{children:i(t,{size:e,name:r||o?.firstName})})};export{o as ImpersonateAvatar};
@@ -1 +0,0 @@
1
- import{RoleChip as e,RolesContainer as t}from"./Account.styles.js";import{jsx as n}from"react/jsx-runtime";const r=({roles:r})=>n(t,{children:r.map(t=>n(e,{children:t.label},t.value))});export{r as RoleChips};