@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.
|
|
48
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
49
49
|
|
|
50
50
|
case 'info':
|
|
51
|
-
return designSystem.designTokens.
|
|
51
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
52
52
|
|
|
53
53
|
case 'warning':
|
|
54
|
-
return designSystem.designTokens.
|
|
54
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
55
55
|
|
|
56
56
|
case 'success':
|
|
57
|
-
return designSystem.designTokens.
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
163
|
+
return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
106
164
|
|
|
107
165
|
case 'warning':
|
|
108
|
-
return designSystem.designTokens.
|
|
166
|
+
return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
109
167
|
|
|
110
168
|
case 'success':
|
|
111
|
-
return designSystem.designTokens.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
45
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
46
46
|
|
|
47
47
|
case 'info':
|
|
48
|
-
return designSystem.designTokens.
|
|
48
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
49
49
|
|
|
50
50
|
case 'warning':
|
|
51
|
-
return designSystem.designTokens.
|
|
51
|
+
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
52
52
|
|
|
53
53
|
case 'success':
|
|
54
|
-
return designSystem.designTokens.
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
154
|
+
return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
97
155
|
|
|
98
156
|
case 'warning':
|
|
99
|
-
return designSystem.designTokens.
|
|
157
|
+
return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
100
158
|
|
|
101
159
|
case 'success':
|
|
102
|
-
return designSystem.designTokens.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
32
|
+
return designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
33
33
|
|
|
34
34
|
case 'info':
|
|
35
|
-
return designTokens.
|
|
35
|
+
return designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
36
36
|
|
|
37
37
|
case 'warning':
|
|
38
|
-
return designTokens.
|
|
38
|
+
return designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
39
39
|
|
|
40
40
|
case 'success':
|
|
41
|
-
return designTokens.
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
147
|
+
return designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
90
148
|
|
|
91
149
|
case 'warning':
|
|
92
|
-
return designTokens.
|
|
150
|
+
return designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
93
151
|
|
|
94
152
|
case 'success':
|
|
95
|
-
return designTokens.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
25
|
-
"@commercetools-uikit/icons": "15.
|
|
26
|
-
"@commercetools-uikit/utils": "15.
|
|
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
|
},
|