@salutejs/sdds-platform-ai 0.348.0-next-sbcom.0 → 0.348.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/css/cjs/components/Notification/Notification.config.js +1 -1
  2. package/dist/css/cjs/components/Notification/Notification.config_14tyxy0.css +9 -0
  3. package/dist/css/cjs/components/Notification/Notification.css +9 -9
  4. package/dist/css/cjs/index.css +9 -9
  5. package/dist/css/es/components/Notification/Notification.config.js +1 -1
  6. package/dist/css/es/components/Notification/Notification.config_14tyxy0.css +9 -0
  7. package/dist/css/es/components/Notification/Notification.css +9 -9
  8. package/dist/css/es/index.css +9 -9
  9. package/dist/styled-components/cjs/components/Notification/Notification.config.js +35 -23
  10. package/dist/styled-components/es/components/Notification/Notification.config.js +35 -23
  11. package/package.json +8 -8
  12. package/types/components/Dropdown/Dropdown.d.ts +36 -43
  13. package/types/components/Select/Select.d.ts +64 -80
  14. package/dist/css/cjs/components/Notification/Notification.config_6139fq.css +0 -9
  15. package/dist/css/es/components/Notification/Notification.config_6139fq.css +0 -9
package/dist/styled-components/cjs/components/Notification/Notification.config.js CHANGED
@@ -25,9 +25,12 @@ function _templateObject() {
25
25
  ": var(--text-primary);\n ",
26
26
  ": var(--text-primary);\n ",
27
27
  ": var(--text-secondary);\n ",
28
+ ": var(--surface-solid-secondary);\n ",
29
+ ": 2rem;\n ",
30
+ ": 0.5rem;\n ",
28
31
  ": var(--surface-transparent-card);\n ",
29
- ": 0.75rem;\n ",
30
- ": 0.375rem;\n\n ",
32
+ ": 0.375rem;\n ",
33
+ ": var(--shadow-down-soft-m);\n\n ",
31
34
  ": 0.125rem;\n ",
32
35
  ": 0.25rem;\n ",
33
36
  ": 0rem;\n ",
@@ -72,12 +75,15 @@ function _templateObject() {
72
75
  function _templateObject1() {
73
76
  var data = _tagged_template_literal([
74
77
  "\n ",
75
- ": var(--text-negative);\n ",
76
- ": var(--text-negative);\n ",
78
+ ": var(--text-primary);\n ",
79
+ ": var(--text-primary);\n ",
77
80
  ": var(--text-secondary);\n ",
78
81
  ": var(--surface-transparent-card);\n ",
79
- ": 0.75rem;\n ",
80
- ": 0.375rem;\n\n ",
82
+ ": 2rem;\n ",
83
+ ": 0.5rem;\n ",
84
+ ": var(--outline-negative);\n ",
85
+ ": 0.375rem;\n ",
86
+ ": var(--shadow-down-soft-m);\n\n ",
81
87
  ": 0.125rem;\n ",
82
88
  ": 0.25rem;\n ",
83
89
  ": 0rem;\n ",
@@ -122,12 +128,15 @@ function _templateObject1() {
122
128
  function _templateObject2() {
123
129
  var data = _tagged_template_literal([
124
130
  "\n ",
125
- ": var(--text-positive);\n ",
126
- ": var(--text-positive);\n ",
131
+ ": var(--text-primary);\n ",
132
+ ": var(--text-primary);\n ",
127
133
  ": var(--text-secondary);\n ",
128
134
  ": var(--surface-transparent-card);\n ",
129
- ": 0.75rem;\n ",
130
- ": 0.375rem;\n\n ",
135
+ ": 2rem;\n ",
136
+ ": 0.5rem;\n ",
137
+ ": var(--surface-accent-gradient);\n ",
138
+ ": 0.375rem;\n ",
139
+ ": var(--shadow-down-soft-m);\n\n ",
131
140
  ": 0.125rem;\n ",
132
141
  ": 0.25rem;\n ",
133
142
  ": 0rem;\n ",
@@ -222,12 +231,15 @@ function _templateObject3() {
222
231
  function _templateObject4() {
223
232
  var data = _tagged_template_literal([
224
233
  "\n ",
225
- ": var(--text-info);\n ",
226
- ": var(--text-info);\n ",
234
+ ": var(--text-primary);\n ",
235
+ ": var(--text-primary);\n ",
227
236
  ": var(--text-secondary);\n ",
228
237
  ": var(--surface-transparent-card);\n ",
229
- ": 0.75rem;\n ",
230
- ": 0.375rem;\n\n ",
238
+ ": 2rem;\n ",
239
+ ": 0.5rem;\n ",
240
+ ": var(--outline-info);\n ",
241
+ ": 0.375rem;\n ",
242
+ ": var(--shadow-down-soft-m);\n\n ",
231
243
  ": 0.125rem;\n ",
232
244
  ": 0.25rem;\n ",
233
245
  ": 0rem;\n ",
@@ -274,13 +286,13 @@ function _templateObject5() {
274
286
  "\n ",
275
287
  ": 0.5rem;\n ",
276
288
  ": 0.5rem;\n\n ",
277
- ": 0.375rem;\n ",
289
+ ": 0.25rem 0.75rem 0.75rem 0.75rem;\n ",
278
290
  ": 0rem;\n\n ",
279
- ": 0.125rem;\n ",
280
291
  ": 0.25rem;\n ",
281
- ": 0rem;\n ",
292
+ ": 0.25rem;\n ",
293
+ ": 0.25rem;\n ",
282
294
  ": 0.25rem;\n\n ",
283
- ": 0rem;\n "
295
+ ": 1.75rem;\n "
284
296
  ]);
285
297
  _templateObject5 = function _templateObject() {
286
298
  return data;
@@ -302,7 +314,7 @@ function _templateObject7() {
302
314
  var data = _tagged_template_literal([
303
315
  "\n ",
304
316
  ": 15rem;\n ",
305
- ": 0.375rem;\n "
317
+ ": 0.25rem 0.75rem 0.75rem 0.75rem;\n "
306
318
  ]);
307
319
  _templateObject7 = function _templateObject() {
308
320
  return data;
@@ -327,11 +339,11 @@ var config = {
327
339
  },
328
340
  variations: {
329
341
  view: {
330
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
331
- negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
332
- positive: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
342
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.borderColor, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.boxShadow, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
343
+ negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.borderColor, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.boxShadow, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
344
+ positive: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.borderColor, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.boxShadow, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
333
345
  warning: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox),
334
- info: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox)
346
+ info: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.borderColor, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.boxShadow, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox)
335
347
  },
336
348
  size: {
337
349
  xs: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.buttonsMarginLeft)
package/dist/styled-components/es/components/Notification/Notification.config.js CHANGED
@@ -14,9 +14,12 @@ function _templateObject() {
14
14
  ": var(--text-primary);\n ",
15
15
  ": var(--text-primary);\n ",
16
16
  ": var(--text-secondary);\n ",
17
+ ": var(--surface-solid-secondary);\n ",
18
+ ": 2rem;\n ",
19
+ ": 0.5rem;\n ",
17
20
  ": var(--surface-transparent-card);\n ",
18
- ": 0.75rem;\n ",
19
- ": 0.375rem;\n\n ",
21
+ ": 0.375rem;\n ",
22
+ ": var(--shadow-down-soft-m);\n\n ",
20
23
  ": 0.125rem;\n ",
21
24
  ": 0.25rem;\n ",
22
25
  ": 0rem;\n ",
@@ -61,12 +64,15 @@ function _templateObject() {
61
64
  function _templateObject1() {
62
65
  var data = _tagged_template_literal([
63
66
  "\n ",
64
- ": var(--text-negative);\n ",
65
- ": var(--text-negative);\n ",
67
+ ": var(--text-primary);\n ",
68
+ ": var(--text-primary);\n ",
66
69
  ": var(--text-secondary);\n ",
67
70
  ": var(--surface-transparent-card);\n ",
68
- ": 0.75rem;\n ",
69
- ": 0.375rem;\n\n ",
71
+ ": 2rem;\n ",
72
+ ": 0.5rem;\n ",
73
+ ": var(--outline-negative);\n ",
74
+ ": 0.375rem;\n ",
75
+ ": var(--shadow-down-soft-m);\n\n ",
70
76
  ": 0.125rem;\n ",
71
77
  ": 0.25rem;\n ",
72
78
  ": 0rem;\n ",
@@ -111,12 +117,15 @@ function _templateObject1() {
111
117
  function _templateObject2() {
112
118
  var data = _tagged_template_literal([
113
119
  "\n ",
114
- ": var(--text-positive);\n ",
115
- ": var(--text-positive);\n ",
120
+ ": var(--text-primary);\n ",
121
+ ": var(--text-primary);\n ",
116
122
  ": var(--text-secondary);\n ",
117
123
  ": var(--surface-transparent-card);\n ",
118
- ": 0.75rem;\n ",
119
- ": 0.375rem;\n\n ",
124
+ ": 2rem;\n ",
125
+ ": 0.5rem;\n ",
126
+ ": var(--surface-accent-gradient);\n ",
127
+ ": 0.375rem;\n ",
128
+ ": var(--shadow-down-soft-m);\n\n ",
120
129
  ": 0.125rem;\n ",
121
130
  ": 0.25rem;\n ",
122
131
  ": 0rem;\n ",
@@ -211,12 +220,15 @@ function _templateObject3() {
211
220
  function _templateObject4() {
212
221
  var data = _tagged_template_literal([
213
222
  "\n ",
214
- ": var(--text-info);\n ",
215
- ": var(--text-info);\n ",
223
+ ": var(--text-primary);\n ",
224
+ ": var(--text-primary);\n ",
216
225
  ": var(--text-secondary);\n ",
217
226
  ": var(--surface-transparent-card);\n ",
218
- ": 0.75rem;\n ",
219
- ": 0.375rem;\n\n ",
227
+ ": 2rem;\n ",
228
+ ": 0.5rem;\n ",
229
+ ": var(--outline-info);\n ",
230
+ ": 0.375rem;\n ",
231
+ ": var(--shadow-down-soft-m);\n\n ",
220
232
  ": 0.125rem;\n ",
221
233
  ": 0.25rem;\n ",
222
234
  ": 0rem;\n ",
@@ -263,13 +275,13 @@ function _templateObject5() {
263
275
  "\n ",
264
276
  ": 0.5rem;\n ",
265
277
  ": 0.5rem;\n\n ",
266
- ": 0.375rem;\n ",
278
+ ": 0.25rem 0.75rem 0.75rem 0.75rem;\n ",
267
279
  ": 0rem;\n\n ",
268
- ": 0.125rem;\n ",
269
280
  ": 0.25rem;\n ",
270
- ": 0rem;\n ",
281
+ ": 0.25rem;\n ",
282
+ ": 0.25rem;\n ",
271
283
  ": 0.25rem;\n\n ",
272
- ": 0rem;\n "
284
+ ": 1.75rem;\n "
273
285
  ]);
274
286
  _templateObject5 = function _templateObject() {
275
287
  return data;
@@ -291,7 +303,7 @@ function _templateObject7() {
291
303
  var data = _tagged_template_literal([
292
304
  "\n ",
293
305
  ": 15rem;\n ",
294
- ": 0.375rem;\n "
306
+ ": 0.25rem 0.75rem 0.75rem 0.75rem;\n "
295
307
  ]);
296
308
  _templateObject7 = function _templateObject() {
297
309
  return data;
@@ -317,11 +329,11 @@ export var config = {
317
329
  },
318
330
  variations: {
319
331
  view: {
320
- default: css(_templateObject(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
321
- negative: css(_templateObject1(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
322
- positive: css(_templateObject2(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
332
+ default: css(_templateObject(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.borderWidth, notificationTokens.borderColor, notificationTokens.padding, notificationTokens.boxShadow, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
333
+ negative: css(_templateObject1(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.borderWidth, notificationTokens.borderColor, notificationTokens.padding, notificationTokens.boxShadow, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
334
+ positive: css(_templateObject2(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.borderWidth, notificationTokens.borderColor, notificationTokens.padding, notificationTokens.boxShadow, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
323
335
  warning: css(_templateObject3(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox),
324
- info: css(_templateObject4(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.padding, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox)
336
+ info: css(_templateObject4(), notificationTokens.titleColor, notificationTokens.contentLeftIconColor, notificationTokens.contentColor, notificationTokens.background, notificationTokens.borderRadius, notificationTokens.borderWidth, notificationTokens.borderColor, notificationTokens.padding, notificationTokens.boxShadow, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.contentPaddingTopWithoutIcon, notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, notificationTokens.textboxPaddingTop, notificationTokens.textboxPaddingRight, notificationTokens.textboxPaddingBottom, notificationTokens.textboxPaddingLeft, notificationTokens.textboxPaddingRightWithCloseIcon, notificationTokens.textboxGap, notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.buttonsMarginTop, notificationTokens.contentLeftIconSize, notificationTokens.contentLeftIconMargin, notificationTokens.contentTopIconMargin, notificationTokens.contentFontFamily, notificationTokens.contentFontSize, notificationTokens.contentFontStyle, notificationTokens.contentFontWeight, notificationTokens.contentFontLetterSpacing, notificationTokens.contentFontLineHeight, notificationTokens.titleFontFamily, notificationTokens.titleFontSize, notificationTokens.titleFontStyle, notificationTokens.titleFontWeight, notificationTokens.titleFontLetterSpacing, notificationTokens.titleFontLineHeight, notificationTokens.closeIconColor, notificationTokens.closeIconColorOnHover, notificationTokens.horizontalLayoutGap, notificationTokens.horizontalLayoutLeftIconMargin, notificationTokens.paddingOneLineTextbox)
325
337
  },
326
338
  size: {
327
339
  xs: css(_templateObject5(), notificationTokens.closeIconTop, notificationTokens.closeIconRight, notificationTokens.padding, notificationTokens.textboxPaddingTopWithTopIcon, notificationTokens.contentPaddingTop, notificationTokens.contentPaddingRight, notificationTokens.contentPaddingBottom, notificationTokens.contentPaddingLeft, notificationTokens.buttonsMarginLeft)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-platform-ai",
3
- "version": "0.348.0-next-sbcom.0",
3
+ "version": "0.348.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "exports": {
@@ -32,8 +32,8 @@
32
32
  "directory": "packages/sdds-platform-ai"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.361.0-next-sbcom.0",
36
- "@salutejs/sdds-themes": "0.64.0-next-sbcom.0"
35
+ "@salutejs/plasma-new-hope": "0.361.0",
36
+ "@salutejs/sdds-themes": "0.64.0"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=16.13.1",
@@ -58,10 +58,10 @@
58
58
  "@rollup/plugin-commonjs": "^25.0.4",
59
59
  "@rollup/plugin-node-resolve": "^15.1.0",
60
60
  "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.225.0-next-sbcom.0",
62
- "@salutejs/plasma-cy-utils": "0.155.0-next-sbcom.0",
63
- "@salutejs/plasma-icons": "1.237.0-next-sbcom.0",
64
- "@salutejs/plasma-sb-utils": "0.225.0-next-sbcom.0",
61
+ "@salutejs/plasma-core": "1.225.0",
62
+ "@salutejs/plasma-cy-utils": "0.155.0",
63
+ "@salutejs/plasma-icons": "1.237.0",
64
+ "@salutejs/plasma-sb-utils": "0.225.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -113,5 +113,5 @@
113
113
  "sideEffects": [
114
114
  "*.css"
115
115
  ],
116
- "gitHead": "388eacda209001c50b6d5c0e9e0b7b70f52dc307"
116
+ "gitHead": "ba46292f8d8526dea8b5562b48e115482fd0b346"
117
117
  }
package/types/components/Dropdown/Dropdown.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { DropdownItemOption, DropdownNewProps } from '@salutejs/plasma-new-hope';
1
+ import type { DropdownItemOption, DropdownProps } from '@salutejs/plasma-new-hope';
2
2
  import React, { ComponentProps } from 'react';
3
3
  declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
4
4
  size: {
@@ -8,37 +8,33 @@ declare const DropdownNewHope: React.FunctionComponent<import("@salutejs/plasma-
8
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
9
  };
10
10
  }> & {
11
- items: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption[];
12
- alwaysOpened?: boolean;
13
- children?: React.ReactNode;
14
- itemRole?: string;
15
- onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption) => void) | undefined;
16
- onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
11
+ items: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption[];
17
12
  trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").DropdownTrigger;
18
- openByRightClick?: boolean;
19
13
  placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").DropdownPlacement;
20
- offset?: [number, number];
14
+ children?: React.ReactNode;
15
+ variant?: "normal" | "tight";
16
+ zIndex?: React.CSSProperties["zIndex"];
21
17
  listMaxHeight?: React.CSSProperties["height"];
22
18
  listWidth?: React.CSSProperties["width"];
23
- hasArrow?: boolean;
19
+ portal?: string | React.RefObject<HTMLElement>;
20
+ renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption) => React.ReactNode) | undefined;
21
+ beforeList?: React.ReactNode;
22
+ afterList?: React.ReactNode;
23
+ onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
24
+ alwaysOpened?: boolean;
25
+ onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption) => void) | undefined;
26
+ onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption, event: React.SyntheticEvent) => void) | undefined;
27
+ openByRightClick?: boolean;
28
+ offset?: [number, number];
24
29
  closeOnSelect?: boolean;
25
30
  closeOnOverlayClick?: boolean;
26
- onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
31
+ itemRole?: string;
32
+ disabled?: boolean;
27
33
  size?: string;
28
34
  view?: string;
29
- variant?: "normal" | "tight";
30
- portal?: string | React.RefObject<HTMLElement>;
31
- renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption) => React.ReactNode) | undefined;
32
- zIndex?: React.CSSProperties["zIndex"];
33
- beforeList?: React.ReactNode;
34
- afterList?: React.ReactNode;
35
- onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
36
- listHeight?: React.CSSProperties["height"];
37
- hoverIndex?: number;
38
- listOverflow?: React.CSSProperties["overflow"];
39
35
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
40
- export type DropdownProps<T extends DropdownItemOption> = Omit<DropdownNewProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
41
- declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
36
+ type Props<T extends DropdownItemOption> = Omit<DropdownProps<T>, 'size' | 'view'> & Pick<ComponentProps<typeof DropdownNewHope>, 'size' | 'view'>;
37
+ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownProps<T>, "size" | "view"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
42
38
  size: {
43
39
  m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
44
40
  };
@@ -46,33 +42,30 @@ declare const Dropdown: <T extends DropdownItemOption>(props: Omit<DropdownNewPr
46
42
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
47
43
  };
48
44
  }> & {
49
- items: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption[];
50
- alwaysOpened?: boolean;
51
- children?: React.ReactNode;
52
- itemRole?: string;
53
- onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption) => void) | undefined;
54
- onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
45
+ items: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption[];
55
46
  trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").DropdownTrigger;
56
- openByRightClick?: boolean;
57
47
  placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").DropdownPlacement;
58
- offset?: [number, number];
48
+ children?: React.ReactNode;
49
+ variant?: "normal" | "tight";
50
+ zIndex?: React.CSSProperties["zIndex"];
59
51
  listMaxHeight?: React.CSSProperties["height"];
60
52
  listWidth?: React.CSSProperties["width"];
61
- hasArrow?: boolean;
53
+ portal?: string | React.RefObject<HTMLElement>;
54
+ renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption) => React.ReactNode) | undefined;
55
+ beforeList?: React.ReactNode;
56
+ afterList?: React.ReactNode;
57
+ onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
58
+ alwaysOpened?: boolean;
59
+ onHover?: ((index: number, item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption) => void) | undefined;
60
+ onItemSelect?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types.js").ItemOption, event: React.SyntheticEvent) => void) | undefined;
61
+ openByRightClick?: boolean;
62
+ offset?: [number, number];
62
63
  closeOnSelect?: boolean;
63
64
  closeOnOverlayClick?: boolean;
64
- onToggle?: (isOpen: boolean, event?: React.SyntheticEvent | Event) => void;
65
+ itemRole?: string;
66
+ disabled?: boolean;
65
67
  size?: string;
66
68
  view?: string;
67
- variant?: "normal" | "tight";
68
- portal?: string | React.RefObject<HTMLElement>;
69
- renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption) => React.ReactNode) | undefined;
70
- zIndex?: React.CSSProperties["zIndex"];
71
- beforeList?: React.ReactNode;
72
- afterList?: React.ReactNode;
73
- onItemClick?: ((item: import("@salutejs/plasma-new-hope/types/components/Dropdown/index.js").DropdownItemOption, event: React.SyntheticEvent) => void) | undefined;
74
- listHeight?: React.CSSProperties["height"];
75
- hoverIndex?: number;
76
- listOverflow?: React.CSSProperties["overflow"];
77
69
  } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>, "size" | "view"> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
78
70
  export { Dropdown };
71
+ export type { Props as DropdownProps };