@commercetools-uikit/notifications 15.10.0 → 15.11.1

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.
@@ -45,29 +45,29 @@ var warnIfMissingContent = function warnIfMissingContent(props) {
45
45
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
46
46
  switch (props.type) {
47
47
  case 'error':
48
- return designSystem.designTokens.colorError;
48
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
49
49
 
50
50
  case 'info':
51
- return designSystem.designTokens.colorInfo;
51
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
52
52
 
53
53
  case 'warning':
54
- return designSystem.designTokens.colorWarning;
54
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
55
55
 
56
56
  case 'success':
57
- return designSystem.designTokens.colorPrimary;
57
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
58
58
 
59
59
  default:
60
60
  return '';
61
61
  }
62
62
  };
63
63
 
64
- var getIconByType = function getIconByType(props) {
64
+ var getIconByType = function getIconByType(props, isNewTheme) {
65
65
  switch (props.type) {
66
66
  case 'error':
67
67
  return icons.ErrorIcon;
68
68
 
69
69
  case 'info':
70
- return icons.InfoIcon;
70
+ return isNewTheme ? icons.InformationIcon : icons.InfoIcon;
71
71
 
72
72
  case 'warning':
73
73
  return icons.WarningIcon;
@@ -77,13 +77,52 @@ var getIconByType = function getIconByType(props) {
77
77
  }
78
78
  };
79
79
 
80
+ var getIconContainerBorderColor = function getIconContainerBorderColor(props) {
81
+ switch (props.type) {
82
+ case 'error':
83
+ return designSystem.designTokens.borderColorForContentNotificationWhenError;
84
+
85
+ case 'info':
86
+ return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
87
+
88
+ case 'warning':
89
+ return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
90
+
91
+ case 'success':
92
+ return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
93
+
94
+ default:
95
+ return '';
96
+ }
97
+ };
98
+
99
+ var getIconColor = function getIconColor(props) {
100
+ switch (props.type) {
101
+ case 'error':
102
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenError;
103
+
104
+ case 'info':
105
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenInfo;
106
+
107
+ case 'warning':
108
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenWarning;
109
+
110
+ case 'success':
111
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenSuccess;
112
+
113
+ default:
114
+ return '';
115
+ }
116
+ };
117
+
80
118
  var NotificationIcon = function NotificationIcon(props) {
81
- var Icon = getIconByType(props);
119
+ var _useTheme = designSystem.useTheme(),
120
+ isNewTheme = _useTheme.isNewTheme;
121
+
122
+ var Icon = getIconByType(props, isNewTheme);
82
123
  return jsxRuntime.jsx("div", {
83
- css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadius6, " 0 0 ", designSystem.designTokens.borderRadius6, ";border-width:0;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
84
- children: jsxRuntime.jsx(Icon, {
85
- color: "surface"
86
- })
124
+ css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAoXG4gIHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzLFxuICBpc05ld1RoZW1lOiBib29sZWFuXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBpc05ld1RoZW1lID8gSW5mb3JtYXRpb25JY29uIDogSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzLCBpc05ld1RoZW1lKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
125
+ children: jsxRuntime.jsx(Icon, {})
87
126
  });
88
127
  };
89
128
 
@@ -99,16 +138,35 @@ NotificationIcon.displayName = 'NotificationIcon';
99
138
  var getContentBorderColor = function getContentBorderColor(props) {
100
139
  switch (props.type) {
101
140
  case 'error':
102
- return designSystem.designTokens.colorError;
141
+ return designSystem.designTokens.borderColorForContentNotificationWhenError;
142
+
143
+ case 'info':
144
+ return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
145
+
146
+ case 'warning':
147
+ return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
148
+
149
+ case 'success':
150
+ return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
151
+
152
+ default:
153
+ return '';
154
+ }
155
+ };
156
+
157
+ var getContainerBackgroundColor = function getContainerBackgroundColor(props) {
158
+ switch (props.type) {
159
+ case 'error':
160
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenError;
103
161
 
104
162
  case 'info':
105
- return designSystem.designTokens.colorInfo;
163
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
106
164
 
107
165
  case 'warning':
108
- return designSystem.designTokens.colorWarning;
166
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
109
167
 
110
168
  case 'success':
111
- return designSystem.designTokens.colorPrimary;
169
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenSuccess;
112
170
 
113
171
  default:
114
172
  return '';
@@ -118,11 +176,11 @@ var getContentBorderColor = function getContentBorderColor(props) {
118
176
  var ContentNotification = function ContentNotification(props) {
119
177
  warnIfMissingContent(props);
120
178
  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
121
- css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeDefault, ";color:", designSystem.designTokens.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
179
+ css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3TGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAoXG4gIHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzLFxuICBpc05ld1RoZW1lOiBib29sZWFuXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBpc05ld1RoZW1lID8gSW5mb3JtYXRpb25JY29uIDogSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzLCBpc05ld1RoZW1lKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
122
180
  children: [jsxRuntime.jsx(NotificationIcon, {
123
181
  type: props.type
124
182
  }), jsxRuntime.jsx("div", {
125
- css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.spacing20, ";background:", designSystem.designTokens.colorSurface, ";border-radius:0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSmdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IGdldEljb25CeVR5cGUocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9IDAgMFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItd2lkdGg6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIGNvbG9yPVwic3VyZmFjZVwiIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17cHJvcHMudHlwZX0gLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
183
+ css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designSystem.designTokens.borderLeftWidthForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIEluZm9JY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKFxuICBwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyxcbiAgaXNOZXdUaGVtZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gaXNOZXdUaGVtZSA/IEluZm9ybWF0aW9uSWNvbiA6IEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc05ld1RoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcywgaXNOZXdUaGVtZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
126
184
  children: props.intlMessage ? jsxRuntime.jsx("div", {
127
185
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
128
186
  }) : props.children
@@ -141,7 +199,7 @@ ContentNotification.displayName = 'ContentNotification';
141
199
  var ContentNotification$1 = ContentNotification;
142
200
 
143
201
  // NOTE: This string will be replaced on build time with the package version.
144
- var version = "15.10.0";
202
+ var version = "15.11.1";
145
203
 
146
204
  exports.ContentNotification = ContentNotification$1;
147
205
  exports.version = version;
@@ -42,29 +42,29 @@ var warnIfMissingContent = function warnIfMissingContent(props) {
42
42
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
43
43
  switch (props.type) {
44
44
  case 'error':
45
- return designSystem.designTokens.colorError;
45
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
46
46
 
47
47
  case 'info':
48
- return designSystem.designTokens.colorInfo;
48
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
49
49
 
50
50
  case 'warning':
51
- return designSystem.designTokens.colorWarning;
51
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
52
52
 
53
53
  case 'success':
54
- return designSystem.designTokens.colorPrimary;
54
+ return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
55
55
 
56
56
  default:
57
57
  return '';
58
58
  }
59
59
  };
60
60
 
61
- var getIconByType = function getIconByType(props) {
61
+ var getIconByType = function getIconByType(props, isNewTheme) {
62
62
  switch (props.type) {
63
63
  case 'error':
64
64
  return icons.ErrorIcon;
65
65
 
66
66
  case 'info':
67
- return icons.InfoIcon;
67
+ return isNewTheme ? icons.InformationIcon : icons.InfoIcon;
68
68
 
69
69
  case 'warning':
70
70
  return icons.WarningIcon;
@@ -74,13 +74,52 @@ var getIconByType = function getIconByType(props) {
74
74
  }
75
75
  };
76
76
 
77
+ var getIconContainerBorderColor = function getIconContainerBorderColor(props) {
78
+ switch (props.type) {
79
+ case 'error':
80
+ return designSystem.designTokens.borderColorForContentNotificationWhenError;
81
+
82
+ case 'info':
83
+ return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
84
+
85
+ case 'warning':
86
+ return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
87
+
88
+ case 'success':
89
+ return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
90
+
91
+ default:
92
+ return '';
93
+ }
94
+ };
95
+
96
+ var getIconColor = function getIconColor(props) {
97
+ switch (props.type) {
98
+ case 'error':
99
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenError;
100
+
101
+ case 'info':
102
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenInfo;
103
+
104
+ case 'warning':
105
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenWarning;
106
+
107
+ case 'success':
108
+ return designSystem.designTokens.fontColorForContentNotificationIconWhenSuccess;
109
+
110
+ default:
111
+ return '';
112
+ }
113
+ };
114
+
77
115
  var NotificationIcon = function NotificationIcon(props) {
78
- var Icon = getIconByType(props);
116
+ var _useTheme = designSystem.useTheme(),
117
+ isNewTheme = _useTheme.isNewTheme;
118
+
119
+ var Icon = getIconByType(props, isNewTheme);
79
120
  return jsxRuntime.jsx("div", {
80
- css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadius6, " 0 0 ", designSystem.designTokens.borderRadius6, ";border-width:0;padding:", designSystem.designTokens.spacing20, " ", designSystem.designTokens.spacing30, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
81
- children: jsxRuntime.jsx(Icon, {
82
- color: "surface"
83
- })
121
+ css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
122
+ children: jsxRuntime.jsx(Icon, {})
84
123
  });
85
124
  };
86
125
 
@@ -90,16 +129,35 @@ NotificationIcon.displayName = 'NotificationIcon';
90
129
  var getContentBorderColor = function getContentBorderColor(props) {
91
130
  switch (props.type) {
92
131
  case 'error':
93
- return designSystem.designTokens.colorError;
132
+ return designSystem.designTokens.borderColorForContentNotificationWhenError;
133
+
134
+ case 'info':
135
+ return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
136
+
137
+ case 'warning':
138
+ return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
139
+
140
+ case 'success':
141
+ return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
142
+
143
+ default:
144
+ return '';
145
+ }
146
+ };
147
+
148
+ var getContainerBackgroundColor = function getContainerBackgroundColor(props) {
149
+ switch (props.type) {
150
+ case 'error':
151
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenError;
94
152
 
95
153
  case 'info':
96
- return designSystem.designTokens.colorInfo;
154
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
97
155
 
98
156
  case 'warning':
99
- return designSystem.designTokens.colorWarning;
157
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
100
158
 
101
159
  case 'success':
102
- return designSystem.designTokens.colorPrimary;
160
+ return designSystem.designTokens.backgroundColorForContentNotificationWhenSuccess;
103
161
 
104
162
  default:
105
163
  return '';
@@ -109,11 +167,11 @@ var getContentBorderColor = function getContentBorderColor(props) {
109
167
  var ContentNotification = function ContentNotification(props) {
110
168
  warnIfMissingContent(props);
111
169
  return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
112
- css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeDefault, ";color:", designSystem.designTokens.colorSolid, ";font-family:inherit;" + ("" ), "" ),
170
+ css: /*#__PURE__*/react.css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designSystem.designTokens.fontSizeForContentNotification, ";color:", designSystem.designTokens.fontColorForContentNotification, ";font-family:inherit;" + ("" ), "" ),
113
171
  children: [jsxRuntime.jsx(NotificationIcon, {
114
172
  type: props.type
115
173
  }), jsxRuntime.jsx("div", {
116
- css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.spacing20, ";background:", designSystem.designTokens.colorSurface, ";border-radius:0 ", designSystem.designTokens.borderRadius6, " ", designSystem.designTokens.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + ("" ), "" ),
174
+ css: /*#__PURE__*/react.css("flex-grow:1;display:flex;align-items:center;padding:", designSystem.designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designSystem.designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designSystem.designTokens.borderLeftWidthForContentNotification, ";" + ("" ), "" ),
117
175
  children: props.intlMessage ? jsxRuntime.jsx("div", {
118
176
  children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage))
119
177
  }) : props.children
@@ -126,7 +184,7 @@ ContentNotification.displayName = 'ContentNotification';
126
184
  var ContentNotification$1 = ContentNotification;
127
185
 
128
186
  // NOTE: This string will be replaced on build time with the package version.
129
- var version = "15.10.0";
187
+ var version = "15.11.1";
130
188
 
131
189
  exports.ContentNotification = ContentNotification$1;
132
190
  exports.version = version;
@@ -11,8 +11,8 @@ import _pt from 'prop-types';
11
11
  import { Children } from 'react';
12
12
  import { FormattedMessage } from 'react-intl';
13
13
  import { css } from '@emotion/react';
14
- import { designTokens } from '@commercetools-uikit/design-system';
15
- import { CheckBoldIcon, WarningIcon, InfoIcon, ErrorIcon } from '@commercetools-uikit/icons';
14
+ import { designTokens, useTheme } from '@commercetools-uikit/design-system';
15
+ import { CheckBoldIcon, WarningIcon, InformationIcon, InfoIcon, ErrorIcon } from '@commercetools-uikit/icons';
16
16
  import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
17
17
  import { jsxs, jsx } from '@emotion/react/jsx-runtime';
18
18
 
@@ -29,29 +29,29 @@ var warnIfMissingContent = function warnIfMissingContent(props) {
29
29
  var getIconContainerBackgroundColour = function getIconContainerBackgroundColour(props) {
30
30
  switch (props.type) {
31
31
  case 'error':
32
- return designTokens.colorError;
32
+ return designTokens.backgroundColorForContentNotificationIconWhenError;
33
33
 
34
34
  case 'info':
35
- return designTokens.colorInfo;
35
+ return designTokens.backgroundColorForContentNotificationIconWhenInfo;
36
36
 
37
37
  case 'warning':
38
- return designTokens.colorWarning;
38
+ return designTokens.backgroundColorForContentNotificationIconWhenWarning;
39
39
 
40
40
  case 'success':
41
- return designTokens.colorPrimary;
41
+ return designTokens.backgroundColorForContentNotificationIconWhenSuccess;
42
42
 
43
43
  default:
44
44
  return '';
45
45
  }
46
46
  };
47
47
 
48
- var getIconByType = function getIconByType(props) {
48
+ var getIconByType = function getIconByType(props, isNewTheme) {
49
49
  switch (props.type) {
50
50
  case 'error':
51
51
  return ErrorIcon;
52
52
 
53
53
  case 'info':
54
- return InfoIcon;
54
+ return isNewTheme ? InformationIcon : InfoIcon;
55
55
 
56
56
  case 'warning':
57
57
  return WarningIcon;
@@ -61,13 +61,52 @@ var getIconByType = function getIconByType(props) {
61
61
  }
62
62
  };
63
63
 
64
+ var getIconContainerBorderColor = function getIconContainerBorderColor(props) {
65
+ switch (props.type) {
66
+ case 'error':
67
+ return designTokens.borderColorForContentNotificationWhenError;
68
+
69
+ case 'info':
70
+ return designTokens.borderColorForContentNotificationWhenInfo;
71
+
72
+ case 'warning':
73
+ return designTokens.borderColorForContentNotificationWhenWarning;
74
+
75
+ case 'success':
76
+ return designTokens.borderColorForContentNotificationWhenSuccess;
77
+
78
+ default:
79
+ return '';
80
+ }
81
+ };
82
+
83
+ var getIconColor = function getIconColor(props) {
84
+ switch (props.type) {
85
+ case 'error':
86
+ return designTokens.fontColorForContentNotificationIconWhenError;
87
+
88
+ case 'info':
89
+ return designTokens.fontColorForContentNotificationIconWhenInfo;
90
+
91
+ case 'warning':
92
+ return designTokens.fontColorForContentNotificationIconWhenWarning;
93
+
94
+ case 'success':
95
+ return designTokens.fontColorForContentNotificationIconWhenSuccess;
96
+
97
+ default:
98
+ return '';
99
+ }
100
+ };
101
+
64
102
  var NotificationIcon = function NotificationIcon(props) {
65
- var Icon = getIconByType(props);
103
+ var _useTheme = useTheme(),
104
+ isNewTheme = _useTheme.isNewTheme;
105
+
106
+ var Icon = getIconByType(props, isNewTheme);
66
107
  return jsx("div", {
67
- css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", designTokens.borderRadius6, " 0 0 ", designTokens.borderRadius6, ";border-width:0;padding:", designTokens.spacing20, " ", designTokens.spacing30, ";background-color:", getIconContainerBackgroundColour(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RmMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
68
- children: jsx(Icon, {
69
- color: "surface"
70
- })
108
+ css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAoXG4gIHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzLFxuICBpc05ld1RoZW1lOiBib29sZWFuXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBpc05ld1RoZW1lID8gSW5mb3JtYXRpb25JY29uIDogSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzLCBpc05ld1RoZW1lKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
109
+ children: jsx(Icon, {})
71
110
  });
72
111
  };
73
112
 
@@ -83,16 +122,35 @@ NotificationIcon.displayName = 'NotificationIcon';
83
122
  var getContentBorderColor = function getContentBorderColor(props) {
84
123
  switch (props.type) {
85
124
  case 'error':
86
- return designTokens.colorError;
125
+ return designTokens.borderColorForContentNotificationWhenError;
126
+
127
+ case 'info':
128
+ return designTokens.borderColorForContentNotificationWhenInfo;
129
+
130
+ case 'warning':
131
+ return designTokens.borderColorForContentNotificationWhenWarning;
132
+
133
+ case 'success':
134
+ return designTokens.borderColorForContentNotificationWhenSuccess;
135
+
136
+ default:
137
+ return '';
138
+ }
139
+ };
140
+
141
+ var getContainerBackgroundColor = function getContainerBackgroundColor(props) {
142
+ switch (props.type) {
143
+ case 'error':
144
+ return designTokens.backgroundColorForContentNotificationWhenError;
87
145
 
88
146
  case 'info':
89
- return designTokens.colorInfo;
147
+ return designTokens.backgroundColorForContentNotificationWhenInfo;
90
148
 
91
149
  case 'warning':
92
- return designTokens.colorWarning;
150
+ return designTokens.backgroundColorForContentNotificationWhenWarning;
93
151
 
94
152
  case 'success':
95
- return designTokens.colorPrimary;
153
+ return designTokens.backgroundColorForContentNotificationWhenSuccess;
96
154
 
97
155
  default:
98
156
  return '';
@@ -102,11 +160,11 @@ var getContentBorderColor = function getContentBorderColor(props) {
102
160
  var ContentNotification = function ContentNotification(props) {
103
161
  warnIfMissingContent(props);
104
162
  return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
105
- css: /*#__PURE__*/css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designTokens.fontSizeDefault, ";color:", designTokens.colorSolid, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSWMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBFcnJvckljb24sXG4gIFdhcm5pbmdJY29uLFxuICBJbmZvSWNvbixcbiAgQ2hlY2tCb2xkSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9ySW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkJ5VHlwZSA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gRXJyb3JJY29uO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMCAwXG4gICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn07XG4gICAgICAgIGJvcmRlci13aWR0aDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzIwfSAke2Rlc2lnblRva2Vucy5zcGFjaW5nMzB9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEljb25Db250YWluZXJCYWNrZ3JvdW5kQ29sb3VyKHByb3BzKX07XG4gICAgICAgIHN2ZyB7XG4gICAgICAgICAgbWFyZ2luOiAwIC0zcHg7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEljb24gY29sb3I9XCJzdXJmYWNlXCIgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Ob3RpZmljYXRpb25JY29uLmRpc3BsYXlOYW1lID0gJ05vdGlmaWNhdGlvbkljb24nO1xuXG5jb25zdCBnZXRDb250ZW50Qm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZURlZmF1bHR9O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH07XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtkZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiAwICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9XG4gICAgICAgICAgICAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fSAwO1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
163
+ css: /*#__PURE__*/css("display:flex;align-items:stretch;text-align:left;word-break:break-word;hyphens:auto;font-size:", designTokens.fontSizeForContentNotification, ";color:", designTokens.fontColorForContentNotification, ";font-family:inherit;" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3TGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbnR5cGUgVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIERldGVybWluZXMgdGhlIGNvbG9yL3R5cGUgb2Ygbm90aWZpY2F0aW9uLlxuICAgKi9cbiAgdHlwZTogJ2Vycm9yJyB8ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdzdWNjZXNzJztcblxuICAvKipcbiAgICogQW4gYGludGxgIG1lc3NhZ2Ugb2JqZWN0IHRoYXQgd2lsbCBiZSByZW5kZXJlZCB3aXRoIGBGb3JtYXR0ZWRNZXNzYWdlYC5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBjaGlsZHJlbmAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgaW50bE1lc3NhZ2U/OiBNZXNzYWdlRGVzY3JpcHRvciAmIHtcbiAgICB2YWx1ZXM/OiBSZWNvcmQ8c3RyaW5nLCBSZWFjdE5vZGU+O1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgbm90aWZpY2F0aW9uLlxuICAgKiA8YnIgLz5cbiAgICogUmVxdWlyZWQgaWYgYGludGxNZXNzYWdlYCBpcyBub3QgcHJvdmlkZWQuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IHdhcm5JZk1pc3NpbmdDb250ZW50ID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIEJvb2xlYW4ocHJvcHMuaW50bE1lc3NhZ2UpIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcblxuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ1dhcm5pbmc6IEZhaWxlZCBwcm9wIHR5cGU6JyxcbiAgICAgIGBUaGUgcHJvcCBcXGBpbnRsTWVzc2FnZVxcYCBpcyBtYXJrZWQgYXMgcmVxdWlyZWQgaW4gXFxgTGlua1xcYGAsXG4gICAgICAnYnV0IGl0cyB2YWx1ZSBpcyBgdW5kZWZpbmVkYCcsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgY2hpbGRyZW5cXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91ciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAoXG4gIHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzLFxuICBpc05ld1RoZW1lOiBib29sZWFuXG4pID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBpc05ld1RoZW1lID8gSW5mb3JtYXRpb25JY29uIDogSW5mb0ljb247XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gV2FybmluZ0ljb247XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBDaGVja0JvbGRJY29uO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQ29udGFpbmVyQm9yZGVyQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgTm90aWZpY2F0aW9uSWNvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCB7IGlzTmV3VGhlbWUgfSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IEljb24gPSBnZXRJY29uQnlUeXBlKHByb3BzLCBpc05ld1RoZW1lKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlcldpZHRoRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb259O1xuICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgIGJvcmRlci1yaWdodDogMDtcbiAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBmaWxsOiAke2dldEljb25Db2xvcihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldENvbnRhaW5lckJhY2tncm91bmRDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuRXJyb3I7XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlblN1Y2Nlc3M7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAnJztcbiAgfVxufTtcblxuY29uc3QgQ29udGVudE5vdGlmaWNhdGlvbiA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICB3YXJuSWZNaXNzaW5nQ29udGVudChwcm9wcyk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICB7Li4uZmlsdGVyRGF0YUF0dHJpYnV0ZXMocHJvcHMpfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgICBoeXBoZW5zOiBhdXRvO1xuICAgICAgICBmb250LXNpemU6ICR7ZGVzaWduVG9rZW5zLmZvbnRTaXplRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGNvbG9yOiAke2Rlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxOb3RpZmljYXRpb25JY29uIHR5cGU9e3Byb3BzLnR5cGV9IC8+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMucGFkZGluZ0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0Q29udGFpbmVyQmFja2dyb3VuZENvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAxcHg7XG4gICAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7Z2V0Q29udGVudEJvcmRlckNvbG9yKHByb3BzKX07XG4gICAgICAgICAgYm9yZGVyLWxlZnQtd2lkdGg6ICR7ZGVzaWduVG9rZW5zLmJvcmRlckxlZnRXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuQ29udGVudE5vdGlmaWNhdGlvbi5kaXNwbGF5TmFtZSA9ICdDb250ZW50Tm90aWZpY2F0aW9uJztcblxuZXhwb3J0IGRlZmF1bHQgQ29udGVudE5vdGlmaWNhdGlvbjtcbiJdfQ== */"),
106
164
  children: [jsx(NotificationIcon, {
107
165
  type: props.type
108
166
  }), jsx("div", {
109
- css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", designTokens.spacing20, ";background:", designTokens.colorSurface, ";border-radius:0 ", designTokens.borderRadius6, " ", designTokens.borderRadius6, " 0;border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpSmdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvckluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5O1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25CeVR5cGUgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIEVycm9ySWNvbjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBJbmZvSWNvbjtcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBXYXJuaW5nSWNvbjtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIENoZWNrQm9sZEljb247XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgSWNvbiA9IGdldEljb25CeVR5cGUocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9IDAgMFxuICAgICAgICAgICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1czZ9O1xuICAgICAgICBib3JkZXItd2lkdGg6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcyMH0gJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzMwfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRJY29uQ29udGFpbmVyQmFja2dyb3VuZENvbG91cihwcm9wcyl9O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIG1hcmdpbjogMCAtM3B4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxJY29uIGNvbG9yPVwic3VyZmFjZVwiIC8+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTm90aWZpY2F0aW9uSWNvbi5kaXNwbGF5TmFtZSA9ICdOb3RpZmljYXRpb25JY29uJztcblxuY29uc3QgZ2V0Q29udGVudEJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JFcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JJbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvcldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBDb250ZW50Tm90aWZpY2F0aW9uID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHdhcm5JZk1pc3NpbmdDb250ZW50KHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5maWx0ZXJEYXRhQXR0cmlidXRlcyhwcm9wcyl9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgICAgIGh5cGhlbnM6IGF1dG87XG4gICAgICAgIGZvbnQtc2l6ZTogJHtkZXNpZ25Ub2tlbnMuZm9udFNpemVEZWZhdWx0fTtcbiAgICAgICAgY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU29saWR9O1xuICAgICAgICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPE5vdGlmaWNhdGlvbkljb24gdHlwZT17cHJvcHMudHlwZX0gLz5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nMjB9O1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7ZGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogMCAke2Rlc2lnblRva2Vucy5ib3JkZXJSYWRpdXM2fVxuICAgICAgICAgICAgJHtkZXNpZ25Ub2tlbnMuYm9yZGVyUmFkaXVzNn0gMDtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtnZXRDb250ZW50Qm9yZGVyQ29sb3IocHJvcHMpfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
167
+ css: /*#__PURE__*/css("flex-grow:1;display:flex;align-items:center;padding:", designTokens.paddingForContentNotification, ";background-color:", getContainerBackgroundColor(props), ";border-radius:", designTokens.borderRadiusForContentNotification, ";border-width:1px;border-style:solid;border-color:", getContentBorderColor(props), ";border-left-width:", designTokens.borderLeftWidthForContentNotification, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ContentNotification;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxTWdCIiwiZmlsZSI6ImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgTWVzc2FnZURlc2NyaXB0b3IgfSBmcm9tICdyZWFjdC1pbnRsJztcblxuaW1wb3J0IHsgQ2hpbGRyZW4sIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IEZvcm1hdHRlZE1lc3NhZ2UgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucywgdXNlVGhlbWUgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7XG4gIEVycm9ySWNvbixcbiAgV2FybmluZ0ljb24sXG4gIEluZm9JY29uLFxuICBDaGVja0JvbGRJY29uLFxuICBJbmZvcm1hdGlvbkljb24sXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCB7IGZpbHRlckRhdGFBdHRyaWJ1dGVzLCB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuXG50eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKFxuICBwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyxcbiAgaXNOZXdUaGVtZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gaXNOZXdUaGVtZSA/IEluZm9ybWF0aW9uSWNvbiA6IEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc05ld1RoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcywgaXNOZXdUaGVtZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
110
168
  children: props.intlMessage ? jsx("div", {
111
169
  children: jsx(FormattedMessage, _objectSpread({}, props.intlMessage))
112
170
  }) : props.children
@@ -125,6 +183,6 @@ ContentNotification.displayName = 'ContentNotification';
125
183
  var ContentNotification$1 = ContentNotification;
126
184
 
127
185
  // NOTE: This string will be replaced on build time with the package version.
128
- var version = "15.10.0";
186
+ var version = "15.11.1";
129
187
 
130
188
  export { ContentNotification$1 as ContentNotification, version };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-uikit/notifications",
3
3
  "description": "Notification components.",
4
- "version": "15.10.0",
4
+ "version": "15.11.1",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -21,9 +21,9 @@
21
21
  "dependencies": {
22
22
  "@babel/runtime": "^7.19.0",
23
23
  "@babel/runtime-corejs3": "^7.19.1",
24
- "@commercetools-uikit/design-system": "15.10.0",
25
- "@commercetools-uikit/icons": "15.10.0",
26
- "@commercetools-uikit/utils": "15.10.0",
24
+ "@commercetools-uikit/design-system": "15.11.1",
25
+ "@commercetools-uikit/icons": "15.11.1",
26
+ "@commercetools-uikit/utils": "15.11.1",
27
27
  "@emotion/react": "^11.4.0",
28
28
  "prop-types": "15.8.1"
29
29
  },