@orfium/ictinus 4.57.0 → 4.59.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 (35) hide show
  1. package/dist/components/Chip/Chip.js +2 -1
  2. package/dist/components/Notification/Banner/Banner.d.ts +2 -6
  3. package/dist/components/Notification/InlineNotification/InlineNotification.d.ts +2 -6
  4. package/dist/components/Notification/Notification.d.ts +10 -0
  5. package/dist/components/Notification/Notification.style.js +5 -5
  6. package/dist/components/Notification/NotificationVisual/NotificationVisual.d.ts +2 -9
  7. package/dist/components/Notification/NotificationVisual/NotificationVisual.js +15 -23
  8. package/dist/components/Notification/NotificationVisual/NotificationVisual.style.js +2 -2
  9. package/dist/components/Notification/Snackbar/Snackbar.d.ts +2 -10
  10. package/dist/components/Notification/Snackbar/Snackbar.js +13 -22
  11. package/dist/components/Notification/Snackbar/Snackbar.style.js +4 -4
  12. package/dist/components/Notification/subcomponents/CompactNotification/CompactNotification.d.ts +4 -12
  13. package/dist/components/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.d.ts +6 -0
  14. package/dist/components/Notification/subcomponents/NotificationActionsArea/NotificationActionsArea.js +47 -0
  15. package/dist/components/Notification/subcomponents/NotificationActionsArea/index.d.ts +1 -0
  16. package/dist/components/Notification/subcomponents/NotificationActionsArea/index.js +10 -0
  17. package/dist/components/Select/Select.d.ts +16 -6
  18. package/dist/components/Select/Select.js +70 -11
  19. package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.d.ts +19 -0
  20. package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.js +186 -0
  21. package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.style.d.ts +55 -0
  22. package/dist/components/Select/components/MultiselectTextField/MultiselectTextField.style.js +149 -0
  23. package/dist/components/Select/components/MultiselectTextField/index.d.ts +1 -0
  24. package/dist/components/Select/components/MultiselectTextField/index.js +10 -0
  25. package/dist/components/Select/hooks/useMultiselectUtils.d.ts +21 -0
  26. package/dist/components/Select/hooks/useMultiselectUtils.js +99 -0
  27. package/dist/components/TextField/TextField.d.ts +2 -1
  28. package/dist/components/TextField/TextField.js +1 -1
  29. package/dist/components/Toast/Toast.d.ts +2 -0
  30. package/dist/components/Toast/Toast.js +3 -1
  31. package/dist/components/Toast/Toast.style.d.ts +1 -1
  32. package/dist/components/Toast/Toast.style.js +8 -8
  33. package/dist/utils/size-utils.d.ts +1 -0
  34. package/dist/utils/size-utils.js +3 -1
  35. package/package.json +1 -1
@@ -82,7 +82,8 @@ var Chip = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
82
82
  if (!disabled) {
83
83
  onClear();
84
84
  }
85
- }
85
+ },
86
+ dataTestId: (0, _helpers.generateTestDataId)('chip-delete', dataTestId)
86
87
  })));
87
88
 
88
89
  if (styleType === 'read-only') {
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TestId } from '../../../utils/types';
3
- import { NotificationStyleType, NotificationTypes } from '../Notification';
3
+ import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
4
4
  export declare type Props = {
5
5
  /** Show notification icon based on the type */
6
6
  withIcon?: boolean;
@@ -12,14 +12,10 @@ export declare type Props = {
12
12
  type: NotificationTypes;
13
13
  /** The style type of the Notification. Defaults to elevated */
14
14
  styleType?: NotificationStyleType;
15
- /** The primary call-to-action label of the Notification */
16
- primaryCTALabel?: string;
17
- /** The primary call-to-action of the Notification */
18
- primaryCTA?: () => void;
19
15
  /** The closing call-to-action of the Notification */
20
16
  closeCTA?: () => void;
21
17
  /** The data test id if needed */
22
18
  dataTestId?: TestId;
23
- };
19
+ } & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
24
20
  declare const Banner: React.FC<Props>;
25
21
  export default Banner;
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TestId } from '../../../utils/types';
3
- import { NotificationStyleType, NotificationTypes } from '../Notification';
3
+ import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
4
4
  export declare type Props = {
5
5
  /** Show notification icon based on the type */
6
6
  withIcon?: boolean;
@@ -10,14 +10,10 @@ export declare type Props = {
10
10
  type: NotificationTypes;
11
11
  /** The style type of the Notification. Defaults to elevated */
12
12
  styleType?: NotificationStyleType;
13
- /** The primary call-to-action label of the Notification */
14
- primaryCTALabel?: string;
15
- /** The primary call-to-action of the Notification */
16
- primaryCTA?: () => void;
17
13
  /** The closing call-to-action of the Notification */
18
14
  closeCTA?: () => void;
19
15
  /** The data test id if needed */
20
16
  dataTestId?: TestId;
21
- };
17
+ } & Pick<NotificationActions, 'primaryCTALabel' | 'primaryCTA'>;
22
18
  declare const InlineNotification: React.FC<Props>;
23
19
  export default InlineNotification;
@@ -1,3 +1,13 @@
1
1
  export declare type NotificationTypes = 'success' | 'error' | 'info' | 'warning';
2
2
  export declare type NotificationVariants = 'inline' | 'banner';
3
3
  export declare type NotificationStyleType = 'elevated' | 'outlined';
4
+ export declare type NotificationActions = {
5
+ /** The primary call-to-action label of the Notification */
6
+ primaryCTALabel?: string;
7
+ /** The primary call-to-action of the Notification */
8
+ primaryCTA?: () => void;
9
+ /** The secondary call-to-action label of the Notification */
10
+ secondaryCTALabel?: string;
11
+ /** The secondary call-to-action of the Notification */
12
+ secondaryCTA?: () => void;
13
+ };
@@ -21,7 +21,7 @@ var notificationsContainerPerType = function notificationsContainerPerType(type,
21
21
  /*#__PURE__*/
22
22
 
23
23
  /*#__PURE__*/
24
- (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor(type, 100, 'normal'), ";&[notification-type='banner']{box-shadow:", theme.elevation['02'], ";}", styleType === 'outlined' ? "\n border: " + (0, _utils.rem)(2) + " solid " + typeToThemePalette(theme, type) + ";\n background: white;\n " : "\n background: " + (0, _polished.tint)(0.95, typeToThemePalette(theme, type)) + ";\n", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;")
24
+ (0, _react.css)("border:", (0, _utils.rem)(1), " solid ", theme.utils.getColor(type, 100, 'normal'), ";&[notification-type='banner']{box-shadow:", theme.elevation['02'], ";}", styleType === 'outlined' ? "\n border: " + (0, _utils.rem)(2) + " solid " + typeToThemePalette(theme, type) + ";\n background: white;\n " : "\n background: " + (0, _polished.tint)(0.95, typeToThemePalette(theme, type)) + ";\n", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainerPerType;")
25
25
  );
26
26
  };
27
27
 
@@ -33,7 +33,7 @@ var actionsContainer = function actionsContainer() {
33
33
  /*#__PURE__*/
34
34
 
35
35
  /*#__PURE__*/
36
- (0, _react.css)("display:flex;flex-direction:row;justify-content:flex-end;margin-top:", theme.spacing.md, ";position:sticky;bottom:", theme.spacing.md, ";top:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
36
+ (0, _react.css)("display:flex;flex-direction:row;justify-content:flex-end;padding-top:", theme.spacing.xl, ";position:sticky;bottom:", theme.spacing.md, ";top:100%;" + (process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUM2RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:actionsContainer;")
37
37
  );
38
38
  };
39
39
  };
@@ -46,7 +46,7 @@ var actionContainer = function actionContainer() {
46
46
  /*#__PURE__*/
47
47
 
48
48
  /*#__PURE__*/
49
- (0, _react.css)("cursor:pointer;margin-left:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM0RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;")
49
+ (0, _react.css)("cursor:pointer;margin-left:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkM0RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:actionContainer;")
50
50
  );
51
51
  };
52
52
  };
@@ -59,7 +59,7 @@ var iconContainer = function iconContainer() {
59
59
  /*#__PURE__*/
60
60
 
61
61
  /*#__PURE__*/
62
- (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;")
62
+ (0, _react.css)("padding-right:", theme.spacing.sm, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0QwRSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:iconContainer;")
63
63
  );
64
64
  };
65
65
  };
@@ -72,7 +72,7 @@ var boldMessageContainer = function boldMessageContainer() {
72
72
  /*#__PURE__*/
73
73
 
74
74
  /*#__PURE__*/
75
- (0, _react.css)("font-weight:", theme.typography.weights.bold, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICBwb3NpdGlvbjogc3RpY2t5O1xuICBib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIHRvcDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnNtfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBib2xkTWVzc2FnZUNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZm9udC13ZWlnaHQ6ICR7dGhlbWUudHlwb2dyYXBoeS53ZWlnaHRzLmJvbGR9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;")
75
+ (0, _react.css)("font-weight:", theme.typography.weights.bold, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24uc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RpRiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdGludCB9IGZyb20gJ3BvbGlzaGVkJztcbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAndGhlbWUnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi9Ob3RpZmljYXRpb24nO1xuXG5leHBvcnQgY29uc3QgdHlwZVRvVGhlbWVQYWxldHRlID0gKHRoZW1lOiBUaGVtZSwgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMpOiBzdHJpbmcgPT5cbiAgdGhlbWUudXRpbHMuZ2V0Q29sb3IodHlwZSwgNTUwLCAnbm9ybWFsJyk7XG5cbi8vIEdlbmVyaWMgU2VyaWFsaXplZFN0eWxlcyBmb3IgYWxsIE5vdGlmaWNhdGlvbiBUeXBlc1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lclBlclR5cGUgPSAoXG4gIHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLFxuICBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSxcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgYm9yZGVyOiAke3JlbSgxKX0gc29saWQgJHt0aGVtZS51dGlscy5nZXRDb2xvcih0eXBlLCAxMDAsICdub3JtYWwnKX07XG5cbiAgJltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbiAgfVxuXG4gICR7c3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgYFxuICAgIDogYFxuICAgICAgICBiYWNrZ3JvdW5kOiAke3RpbnQoMC45NSwgdHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKSl9O1xuYH1cbmA7XG5cbmV4cG9ydCBjb25zdCBhY3Rpb25zQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nLXRvcDogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbiAgcG9zaXRpb246IHN0aWNreTtcbiAgYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICB0b3A6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgYWN0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbi1sZWZ0OiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGljb25Db250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBhZGRpbmctcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy5zbX07XG5gO1xuXG5leHBvcnQgY29uc3QgYm9sZE1lc3NhZ2VDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGZvbnQtd2VpZ2h0OiAke3RoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5ib2xkfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:boldMessageContainer;")
76
76
  );
77
77
  };
78
78
  };
@@ -1,20 +1,13 @@
1
1
  import * as React from 'react';
2
2
  import { TestId } from '../../../utils/types';
3
+ import { NotificationActions } from '../Notification';
3
4
  export declare type Props = {
4
5
  /** The message heading of the Notification */
5
6
  title: string | undefined;
6
- /** The primary call-to-action label of the Notification */
7
- primaryCTALabel: string | undefined;
8
- /** The primary call-to-action of the Notification */
9
- primaryCTA: (() => void) | undefined;
10
- /** The secondary call-to-action label of the Notification */
11
- secondaryCTALabel: string | undefined;
12
- /** The secondary call-to-action of the Notification */
13
- secondaryCTA: (() => void) | undefined;
14
7
  /** The description of the Notification (only for toast) */
15
8
  description: string | undefined;
16
9
  /** The data test id if needed */
17
10
  dataTestId?: TestId;
18
- };
11
+ } & NotificationActions;
19
12
  declare const NotificationVisual: React.FC<Props>;
20
13
  export default NotificationVisual;
@@ -7,10 +7,10 @@ var React = _interopRequireWildcard(require("react"));
7
7
 
8
8
  var _helpers = require("../../../utils/helpers");
9
9
 
10
- var _Button = _interopRequireDefault(require("../../Button"));
11
-
12
10
  var _Notification = require("../Notification.style");
13
11
 
12
+ var _NotificationActionsArea = _interopRequireDefault(require("../subcomponents/NotificationActionsArea"));
13
+
14
14
  var _NotificationVisual = require("./NotificationVisual.style");
15
15
 
16
16
  var _react2 = require("@emotion/react");
@@ -31,31 +31,23 @@ var NotificationVisual = function NotificationVisual(_ref) {
31
31
  secondaryCTA = _ref.secondaryCTA,
32
32
  description = _ref.description,
33
33
  dataTestId = _ref.dataTestId;
34
+ var hasActions = primaryCTA && primaryCTALabel || secondaryCTA && secondaryCTALabel;
34
35
  return (0, _react2.jsx)("div", {
35
36
  css: (0, _NotificationVisual.visualContainer)()
36
37
  }, (0, _react2.jsx)("div", {
37
- css: (0, _Notification.boldMessageContainer)()
38
+ css: (0, _Notification.boldMessageContainer)(),
39
+ "data-testid": (0, _helpers.generateTestDataId)('visual-title', dataTestId)
38
40
  }, title), (0, _react2.jsx)("div", {
39
- css: (0, _NotificationVisual.descriptionContainer)()
40
- }, description), (0, _react2.jsx)("div", {
41
- css: (0, _Notification.actionsContainer)()
42
- }, (0, _react2.jsx)("div", {
43
- css: (0, _Notification.actionContainer)(),
44
- "data-testid": (0, _helpers.generateTestDataId)('visual-secondary', dataTestId)
45
- }, (0, _react2.jsx)(_Button["default"], {
46
- type: 'link',
47
- transparent: true,
48
- size: "sm",
49
- onClick: secondaryCTA
50
- }, secondaryCTALabel)), (0, _react2.jsx)("div", {
51
- css: (0, _Notification.actionContainer)(),
52
- "data-testid": (0, _helpers.generateTestDataId)('visual-primary', dataTestId)
53
- }, (0, _react2.jsx)(_Button["default"], {
54
- type: 'link',
55
- transparent: true,
56
- size: "sm",
57
- onClick: primaryCTA
58
- }, primaryCTALabel))));
41
+ css: (0, _NotificationVisual.descriptionContainer)(),
42
+ "data-testid": (0, _helpers.generateTestDataId)('visual-description', dataTestId)
43
+ }, description), hasActions && (0, _react2.jsx)(_NotificationActionsArea["default"], {
44
+ primaryCTA: primaryCTA,
45
+ primaryCTALabel: primaryCTALabel,
46
+ secondaryCTA: secondaryCTA,
47
+ secondaryCTALabel: secondaryCTALabel,
48
+ dataTestPrefixId: "visual",
49
+ dataTestId: dataTestId
50
+ }));
59
51
  };
60
52
 
61
53
  var _default = NotificationVisual;
@@ -13,7 +13,7 @@ var visualContainer = function visualContainer() {
13
13
  /*#__PURE__*/
14
14
 
15
15
  /*#__PURE__*/
16
- (0, _react.css)("margin:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLNEUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvblZpc3VhbC9Ob3RpZmljYXRpb25WaXN1YWwuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IHZpc3VhbENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;")
16
+ (0, _react.css)("padding:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uVmlzdWFsL05vdGlmaWNhdGlvblZpc3VhbC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgdmlzdWFsQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgd2lkdGg6ICR7cmVtKDU0Nyl9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:visualContainer;")
17
17
  );
18
18
  };
19
19
  };
@@ -26,7 +26,7 @@ var descriptionContainer = function descriptionContainer() {
26
26
  /*#__PURE__*/
27
27
 
28
28
  /*#__PURE__*/
29
- (0, _react.css)("margin-top:", theme.spacing.sm, ";max-height:", (0, _utils.rem)(180), ";overflow:auto;max-width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvblZpc3VhbC9Ob3RpZmljYXRpb25WaXN1YWwuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IHZpc3VhbENvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcuc219O1xuICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1heC13aWR0aDogZml0LWNvbnRlbnQ7XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
29
+ (0, _react.css)("padding-top:", theme.spacing.sm, ";max-height:", (0, _utils.rem)(180), ";overflow:auto;width:", (0, _utils.rem)(547), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25WaXN1YWwvTm90aWZpY2F0aW9uVmlzdWFsLnN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uVmlzdWFsL05vdGlmaWNhdGlvblZpc3VhbC5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgdmlzdWFsQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9XG4gICgpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcGFkZGluZy10b3A6ICR7dGhlbWUuc3BhY2luZy5zbX07XG4gICAgICBtYXgtaGVpZ2h0OiAke3JlbSgxODApfTtcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xuICAgICAgd2lkdGg6ICR7cmVtKDU0Nyl9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
30
30
  );
31
31
  };
32
32
  };
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TestId } from '../../../utils/types';
3
- import { NotificationStyleType, NotificationTypes } from '../Notification';
3
+ import { NotificationActions, NotificationStyleType, NotificationTypes } from '../Notification';
4
4
  export declare type Props = {
5
5
  /** The informative message of the Toast */
6
6
  message: string;
@@ -8,20 +8,12 @@ export declare type Props = {
8
8
  type: NotificationTypes;
9
9
  /** The style type of the Notification. Defaults to elevated */
10
10
  styleType?: NotificationStyleType;
11
- /** The primary call-to-action label of the Notification */
12
- primaryCTALabel: string | undefined;
13
- /** The primary call-to-action of the Notification */
14
- primaryCTA: (() => void) | undefined;
15
- /** The secondary call-to-action label of the Notification */
16
- secondaryCTALabel: string | undefined;
17
- /** The secondary call-to-action of the Notification */
18
- secondaryCTA: (() => void) | undefined;
19
11
  /** The description of the Notification (only for toast) */
20
12
  description: string | undefined;
21
13
  /** The closing call-to-action of the Toast */
22
14
  closeCTA: (() => void) | undefined;
23
15
  /** The data test id if needed */
24
16
  dataTestId?: TestId;
25
- };
17
+ } & NotificationActions;
26
18
  declare const Snackbar: React.FC<Props>;
27
19
  export default Snackbar;
@@ -9,12 +9,12 @@ var _useTheme2 = _interopRequireDefault(require("../../../hooks/useTheme"));
9
9
 
10
10
  var _helpers = require("../../../utils/helpers");
11
11
 
12
- var _Button = _interopRequireDefault(require("../../Button"));
13
-
14
12
  var _Notification = require("../Notification.style");
15
13
 
16
14
  var _CompactNotification = require("../subcomponents/CompactNotification/CompactNotification");
17
15
 
16
+ var _NotificationActionsArea = _interopRequireDefault(require("../subcomponents/NotificationActionsArea"));
17
+
18
18
  var _Snackbar = require("./Snackbar.style");
19
19
 
20
20
  var _Icon = _interopRequireDefault(require("../../Icon"));
@@ -45,6 +45,7 @@ var Snackbar = function Snackbar(_ref) {
45
45
  var _useTheme = (0, _useTheme2["default"])(),
46
46
  utils = _useTheme.utils;
47
47
 
48
+ var hasActions = primaryCTA && primaryCTALabel || secondaryCTA && secondaryCTALabel;
48
49
  return (0, _react2.jsx)("div", {
49
50
  css: (0, _Snackbar.cardContainer)(type, styleType),
50
51
  "notification-type": "snackbar"
@@ -69,26 +70,16 @@ var Snackbar = function Snackbar(_ref) {
69
70
  color: utils.getColor('lightGrey', 650),
70
71
  size: 20
71
72
  }))), (0, _react2.jsx)("div", {
72
- css: (0, _Snackbar.descriptionContainer)()
73
- }, description), (0, _react2.jsx)("div", {
74
- css: (0, _Notification.actionsContainer)()
75
- }, (0, _react2.jsx)("div", {
76
- css: (0, _Notification.actionContainer)(),
77
- "data-testid": (0, _helpers.generateTestDataId)('snackbar-secondary', dataTestId)
78
- }, (0, _react2.jsx)(_Button["default"], {
79
- type: 'link',
80
- transparent: true,
81
- size: "sm",
82
- onClick: secondaryCTA
83
- }, secondaryCTALabel)), (0, _react2.jsx)("div", {
84
- css: (0, _Notification.actionContainer)(),
85
- "data-testid": (0, _helpers.generateTestDataId)('snackbar-primary', dataTestId)
86
- }, (0, _react2.jsx)(_Button["default"], {
87
- type: 'link',
88
- transparent: true,
89
- size: "sm",
90
- onClick: primaryCTA
91
- }, primaryCTALabel))));
73
+ css: (0, _Snackbar.descriptionContainer)(),
74
+ "data-testid": (0, _helpers.generateTestDataId)('snackbar-description', dataTestId)
75
+ }, description), hasActions && (0, _react2.jsx)(_NotificationActionsArea["default"], {
76
+ primaryCTA: primaryCTA,
77
+ primaryCTALabel: primaryCTALabel,
78
+ secondaryCTA: secondaryCTA,
79
+ secondaryCTALabel: secondaryCTALabel,
80
+ dataTestPrefixId: "snackbar",
81
+ dataTestId: dataTestId
82
+ }));
92
83
  };
93
84
 
94
85
  var _default = Snackbar;
@@ -21,7 +21,7 @@ var cardContainer = function cardContainer(type, styleType) {
21
21
  /*#__PURE__*/
22
22
 
23
23
  /*#__PURE__*/
24
- (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;padding:", theme.spacing.md, ";box-sizing:border-box;min-height:", (0, _utils.rem)(164), ";max-height:", (0, _utils.rem)(294), ";border-radius:", (0, _utils.rem)(8), ";background:", theme.palette.white, ";", snackbarContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QjBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;")
24
+ (0, _react.css)("display:flex;flex-direction:column;overflow:hidden;padding:", theme.spacing.md, ";box-sizing:border-box;max-height:", (0, _utils.rem)(294), ";border-radius:", (0, _utils.rem)(8), ";background:", theme.palette.white, ";", snackbarContainerPerType(type, styleType, theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Qk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:cardContainer;")
25
25
  );
26
26
  };
27
27
  };
@@ -34,7 +34,7 @@ var topContainer = function topContainer() {
34
34
  /*#__PURE__*/
35
35
 
36
36
  /*#__PURE__*/
37
- (0, _react.css)("display:flex;align-items:center;justify-content:space-between;padding-bottom:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3lFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
37
+ (0, _react.css)("display:flex;align-items:center;justify-content:space-between;padding-bottom:", theme.spacing.md, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:topContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:topContainer;")
38
38
  );
39
39
  };
40
40
  };
@@ -47,7 +47,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
47
47
  } : {
48
48
  name: "1gokqtv-infoContainer",
49
49
  styles: "display:flex;align-items:center;label:infoContainer;",
50
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzhEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */",
50
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ0siLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */",
51
51
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
52
52
  };
53
53
 
@@ -65,7 +65,7 @@ var descriptionContainer = function descriptionContainer() {
65
65
  /*#__PURE__*/
66
66
 
67
67
  /*#__PURE__*/
68
- (0, _react.css)("padding-bottom:", theme.spacing.md, ";font-size:", theme.typography.fontSizes['14'], ";max-height:", (0, _utils.rem)(194), ";overflow:auto;max-width:fit-content;" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRGlGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5pbXBvcnQgeyBOb3RpZmljYXRpb25TdHlsZVR5cGUsIE5vdGlmaWNhdGlvblR5cGVzIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uJztcbmltcG9ydCB7IHR5cGVUb1RoZW1lUGFsZXR0ZSB9IGZyb20gJy4uL05vdGlmaWNhdGlvbi5zdHlsZSc7XG5cbmNvbnN0IHNuYWNrYmFyQ29udGFpbmVyUGVyVHlwZSA9IChcbiAgdHlwZTogTm90aWZpY2F0aW9uVHlwZXMsXG4gIHN0eWxlVHlwZTogTm90aWZpY2F0aW9uU3R5bGVUeXBlLFxuICB0aGVtZTogVGhlbWVcbikgPT5cbiAgc3R5bGVUeXBlID09PSAnb3V0bGluZWQnXG4gICAgPyBgXG4gICAgICAgIGJvcmRlcjogJHtyZW0oMil9IHNvbGlkICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX07XG4gICAgICBgXG4gICAgOiBgIFxuICAgIGJvcmRlci1sZWZ0OiAke3R5cGVUb1RoZW1lUGFsZXR0ZSh0aGVtZSwgdHlwZSl9ICR7cmVtKDQpfSBzb2xpZDtcbiAgICBib3gtc2hhZG93OiAke3RoZW1lLmVsZXZhdGlvblsnMDInXX07XG5gO1xuXG5leHBvcnQgY29uc3QgY2FyZENvbnRhaW5lciA9ICh0eXBlOiBOb3RpZmljYXRpb25UeXBlcywgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUpID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgbWluLWhlaWdodDogJHtyZW0oMTY0KX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG4gIGJhY2tncm91bmQ6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0b3BDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG5gO1xuXG5leHBvcnQgY29uc3QgaW5mb0NvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBkZXNjcmlwdGlvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZy1ib3R0b206ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gIGZvbnQtc2l6ZTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRTaXplc1snMTQnXX07XG4gIG1heC1oZWlnaHQ6ICR7cmVtKDE5NCl9O1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWF4LXdpZHRoOiBmaXQtY29udGVudDtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
68
+ (0, _react.css)("font-size:", theme.typography.fontSizes['14'], ";max-height:", (0, _utils.rem)(194), ";overflow:auto;width:", (0, _utils.rem)(547), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9TbmFja2Jhci9TbmFja2Jhci5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RE8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL1NuYWNrYmFyL1NuYWNrYmFyLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvblN0eWxlVHlwZSwgTm90aWZpY2F0aW9uVHlwZXMgfSBmcm9tICcuLi9Ob3RpZmljYXRpb24nO1xuaW1wb3J0IHsgdHlwZVRvVGhlbWVQYWxldHRlIH0gZnJvbSAnLi4vTm90aWZpY2F0aW9uLnN0eWxlJztcblxuY29uc3Qgc25hY2tiYXJDb250YWluZXJQZXJUeXBlID0gKFxuICB0eXBlOiBOb3RpZmljYXRpb25UeXBlcyxcbiAgc3R5bGVUeXBlOiBOb3RpZmljYXRpb25TdHlsZVR5cGUsXG4gIHRoZW1lOiBUaGVtZVxuKSA9PlxuICBzdHlsZVR5cGUgPT09ICdvdXRsaW5lZCdcbiAgICA/IGBcbiAgICAgICAgYm9yZGVyOiAke3JlbSgyKX0gc29saWQgJHt0eXBlVG9UaGVtZVBhbGV0dGUodGhlbWUsIHR5cGUpfTtcbiAgICAgIGBcbiAgICA6IGAgXG4gICAgYm9yZGVyLWxlZnQ6ICR7dHlwZVRvVGhlbWVQYWxldHRlKHRoZW1lLCB0eXBlKX0gJHtyZW0oNCl9IHNvbGlkO1xuICAgIGJveC1zaGFkb3c6ICR7dGhlbWUuZWxldmF0aW9uWycwMiddfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBjYXJkQ29udGFpbmVyID1cbiAgKHR5cGU6IE5vdGlmaWNhdGlvblR5cGVzLCBzdHlsZVR5cGU6IE5vdGlmaWNhdGlvblN0eWxlVHlwZSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIG1heC1oZWlnaHQ6ICR7cmVtKDI5NCl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgICR7c25hY2tiYXJDb250YWluZXJQZXJUeXBlKHR5cGUsIHN0eWxlVHlwZSwgdGhlbWUpfTtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgdG9wQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBpbmZvQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYDtcblxuZXhwb3J0IGNvbnN0IGRlc2NyaXB0aW9uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBmb250LXNpemU6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbJzE0J119O1xuICAgICAgbWF4LWhlaWdodDogJHtyZW0oMTk0KX07XG4gICAgICBvdmVyZmxvdzogYXV0bztcbiAgICAgIHdpZHRoOiAke3JlbSg1NDcpfTtcbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:descriptionContainer;")
69
69
  );
70
70
  };
71
71
  };
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TestId } from '../../../../utils/types';
3
- import { NotificationStyleType, NotificationTypes } from '../../Notification';
3
+ import { NotificationActions, NotificationStyleType, NotificationTypes } from '../../Notification';
4
4
  import { AcceptedIconNames } from 'components/Icon/types';
5
5
  export declare type CompactNotificationVariants = 'inline' | 'banner' | 'card';
6
6
  export declare type Props = {
@@ -14,23 +14,15 @@ export declare type Props = {
14
14
  type: NotificationTypes;
15
15
  /** The style type of the Notification. Defaults to elevated */
16
16
  styleType: NotificationStyleType;
17
- /** The primary call-to-action label of the Notification */
18
- primaryCTALabel?: string;
19
- /** The primary call-to-action of the Notification */
20
- primaryCTA?: () => void;
17
+ /** The description of the Notification (only for toast) */
18
+ description?: string;
21
19
  /** The closing call-to-action of the Notification */
22
20
  closeCTA?: () => void;
23
21
  /** The title (message heading) of the Notification */
24
22
  title?: string;
25
23
  /** The data test id if needed */
26
24
  dataTestId?: TestId;
27
- /** The secondary call-to-action label of the Notification */
28
- secondaryCTALabel?: string;
29
- /** The secondary call-to-action of the Notification */
30
- secondaryCTA?: () => void;
31
- /** The description of the Notification (only for toast) */
32
- description?: string;
33
- };
25
+ } & NotificationActions;
34
26
  export declare const typeToIconName: (type: NotificationTypes) => AcceptedIconNames;
35
27
  declare const CompactNotification: React.FC<Props>;
36
28
  export default CompactNotification;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { TestProps } from 'utils/types';
3
+ import { NotificationActions } from '../../Notification';
4
+ declare type Props = NotificationActions & TestProps;
5
+ declare const NotificationActionsArea: React.FC<Props>;
6
+ export default NotificationActionsArea;
@@ -0,0 +1,47 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports["default"] = void 0;
5
+
6
+ var _react = _interopRequireDefault(require("react"));
7
+
8
+ var _helpers = require("../../../../utils/helpers");
9
+
10
+ var _Button = _interopRequireDefault(require("../../../Button"));
11
+
12
+ var _Notification = require("../../Notification.style");
13
+
14
+ var _react2 = require("@emotion/react");
15
+
16
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
+
18
+ var NotificationActionsArea = function NotificationActionsArea(_ref) {
19
+ var primaryCTA = _ref.primaryCTA,
20
+ primaryCTALabel = _ref.primaryCTALabel,
21
+ secondaryCTA = _ref.secondaryCTA,
22
+ secondaryCTALabel = _ref.secondaryCTALabel,
23
+ dataTestPrefixId = _ref.dataTestPrefixId,
24
+ dataTestId = _ref.dataTestId;
25
+ return (0, _react2.jsx)("div", {
26
+ css: (0, _Notification.actionsContainer)()
27
+ }, secondaryCTA && secondaryCTALabel && (0, _react2.jsx)("div", {
28
+ css: (0, _Notification.actionContainer)(),
29
+ "data-testid": (0, _helpers.generateTestDataId)(dataTestPrefixId + "-secondary", dataTestId)
30
+ }, (0, _react2.jsx)(_Button["default"], {
31
+ type: 'link',
32
+ transparent: true,
33
+ size: "sm",
34
+ onClick: secondaryCTA
35
+ }, secondaryCTALabel)), primaryCTA && primaryCTALabel && (0, _react2.jsx)("div", {
36
+ css: (0, _Notification.actionContainer)(),
37
+ "data-testid": (0, _helpers.generateTestDataId)(dataTestPrefixId + "-primary", dataTestId)
38
+ }, (0, _react2.jsx)(_Button["default"], {
39
+ type: 'link',
40
+ transparent: true,
41
+ size: "sm",
42
+ onClick: primaryCTA
43
+ }, primaryCTALabel)));
44
+ };
45
+
46
+ var _default = NotificationActionsArea;
47
+ exports["default"] = _default;
@@ -0,0 +1 @@
1
+ export { default } from './NotificationActionsArea';
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports["default"] = void 0;
5
+
6
+ var _NotificationActionsArea = _interopRequireDefault(require("./NotificationActionsArea"));
7
+
8
+ exports["default"] = _NotificationActionsArea["default"];
9
+
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -21,8 +21,6 @@ export declare type Props = {
21
21
  defaultValue?: SelectOption;
22
22
  /** the value of the select if select is controlled */
23
23
  selectedOption?: SelectOption;
24
- /** if the select has tags */
25
- multi?: boolean;
26
24
  /** Options for the select dropdown */
27
25
  options: SelectOption[];
28
26
  /** if the component is used asynchronously */
@@ -41,8 +39,15 @@ export declare type Props = {
41
39
  isLoading?: boolean;
42
40
  /** if options list is virtualized */
43
41
  isVirtualized?: boolean;
44
- /** A callback that's called when the user clicks the 'clear' icon */
42
+ /** A callback that's called when the user clicks the 'clear' icon of the (Single) Select, or the 'clear all' button of the MultiSelect */
45
43
  onClear?: () => void;
44
+ /** A callback that's called when the user clicks the 'clear' icon of a specific Chip in MultiSelect */
45
+ onOptionDelete?: (option: SelectOption) => void;
46
+ /** If true the user can select multiple options */
47
+ multi?: boolean;
48
+ /** The selected options in case of multiSelect */
49
+ /** @TODO merge selectedOption with selectedOptions in v5 */
50
+ selectedOptions?: SelectOption[];
46
51
  } & TextFieldProps;
47
52
  declare const Select: React.ForwardRefExoticComponent<{
48
53
  /** The function that is used to return the selected options */
@@ -52,8 +57,6 @@ declare const Select: React.ForwardRefExoticComponent<{
52
57
  defaultValue?: SelectOption | undefined;
53
58
  /** the value of the select if select is controlled */
54
59
  selectedOption?: SelectOption | undefined;
55
- /** if the select has tags */
56
- multi?: boolean | undefined;
57
60
  /** Options for the select dropdown */
58
61
  options: SelectOption[];
59
62
  /** if the component is used asynchronously */
@@ -72,8 +75,15 @@ declare const Select: React.ForwardRefExoticComponent<{
72
75
  isLoading?: boolean | undefined;
73
76
  /** if options list is virtualized */
74
77
  isVirtualized?: boolean | undefined;
75
- /** A callback that's called when the user clicks the 'clear' icon */
78
+ /** A callback that's called when the user clicks the 'clear' icon of the (Single) Select, or the 'clear all' button of the MultiSelect */
76
79
  onClear?: (() => void) | undefined;
80
+ /** A callback that's called when the user clicks the 'clear' icon of a specific Chip in MultiSelect */
81
+ onOptionDelete?: ((option: SelectOption) => void) | undefined;
82
+ /** If true the user can select multiple options */
83
+ multi?: boolean | undefined;
84
+ /** The selected options in case of multiSelect */
85
+ /** @TODO merge selectedOption with selectedOptions in v5 */
86
+ selectedOptions?: SelectOption[] | undefined;
77
87
  } & {
78
88
  id?: string | undefined;
79
89
  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;