@commercetools-frontend/ui-kit 16.1.1 → 16.2.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 (7) hide show
  1. package/dist/commercetools-frontend-ui-kit.cjs.dev.js +1 -1
  2. package/dist/commercetools-frontend-ui-kit.cjs.prod.js +1 -1
  3. package/dist/commercetools-frontend-ui-kit.esm.js +1 -1
  4. package/materials/custom-properties.css +4 -29
  5. package/materials/custom-properties.json +3 -9
  6. package/materials/internals/definition.yaml +7 -17
  7. package/package.json +35 -35
package/dist/commercetools-frontend-ui-kit.cjs.dev.js CHANGED
@@ -79,7 +79,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
79
79
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
80
80
 
81
81
  // NOTE: This string will be replaced on build time with the package version.
82
- var version = "16.1.1";
82
+ var version = "16.2.0";
83
83
 
84
84
  exports.i18n = i18n__namespace;
85
85
  Object.defineProperty(exports, 'AccessibleHidden', {
package/dist/commercetools-frontend-ui-kit.cjs.prod.js CHANGED
@@ -79,7 +79,7 @@ var text__default = /*#__PURE__*/_interopDefault(text);
79
79
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
80
80
 
81
81
  // NOTE: This string will be replaced on build time with the package version.
82
- var version = "16.1.1";
82
+ var version = "16.2.0";
83
83
 
84
84
  exports.i18n = i18n__namespace;
85
85
  Object.defineProperty(exports, 'AccessibleHidden', {
package/dist/commercetools-frontend-ui-kit.esm.js CHANGED
@@ -33,6 +33,6 @@ export { useDataTableSortingState, usePaginationState, useRowSelection, useSorti
33
33
  export { customProperties, designTokens } from '@commercetools-uikit/design-system';
34
34
 
35
35
  // NOTE: This string will be replaced on build time with the package version.
36
- var version = "16.1.1";
36
+ var version = "16.2.0";
37
37
 
38
38
  export { version };
package/materials/custom-properties.css CHANGED
@@ -218,26 +218,6 @@
218
218
  100%,
219
219
  95%
220
220
  );
221
- --background-color-for-content-notification-icon-when-error: hsl(
222
- 339.1304347826087,
223
- 100%,
224
- 95%
225
- );
226
- --background-color-for-content-notification-icon-when-info: hsl(
227
- 203.05555555555554,
228
- 93.9130434783%,
229
- 95%
230
- );
231
- --background-color-for-content-notification-icon-when-warning: hsl(
232
- 25.110132158590307,
233
- 89.0196078431%,
234
- 95%
235
- );
236
- --background-color-for-content-notification-icon-when-success: hsl(
237
- 172.9608938547486,
238
- 100%,
239
- 95%
240
- );
241
221
  --background-color-for-checkbox-input-icon: #00b39e;
242
222
  --background-color-for-checkbox-input-icon-when-disabled: #ccc;
243
223
  --background-color-for-checkbox-input-icon-when-readonly: hsl(0, 0%, 60%);
@@ -358,10 +338,7 @@
358
338
  --border-radius-for-table-manager-droppable-list: 4px;
359
339
  --border-radius-for-stamp: 20px;
360
340
  --border-radius-for-view-switcher: 4px;
361
- --border-radius-for-content-notification: 0 var(--border-radius-4)
362
- var(--border-radius-4) 0;
363
- --border-radius-for-content-notification-icon: var(--border-radius-4) 0 0
364
- var(--border-radius-4);
341
+ --border-radius-for-content-notification: 4px;
365
342
  --border-radius-for-primary-action-dropdown: var(--border-radius-4) 0 0
366
343
  var(--border-radius-4);
367
344
  --border-radius-for-primary-action-dropdown-icon: 0 var(--border-radius-4)
@@ -373,7 +350,6 @@
373
350
  --border-width-for-input-when-focused: 1px;
374
351
  --border-width-for-tag: 1px 1px 1px 0;
375
352
  --border-width-for-select-input: 2px;
376
- --border-width-for-content-notification-icon: 1px;
377
353
  --border-left-width-for-content-notification: 0px;
378
354
  --border-width-for-checkbox-input-icon: 2px;
379
355
  --border-for-primary-action-dropdown-icon: 1px 1px 1px 0px;
@@ -557,10 +533,9 @@
557
533
  --padding-for-tooltip: var(--spacing-20) 12px;
558
534
  --padding-for-view-switcher: 0 var(--spacing-30) 0 var(--spacing-30);
559
535
  --padding-for-view-switcher-when-condensed: 0 12px 0 12px;
560
- --padding-for-content-notification: var(--spacing-20) var(--spacing-30)
561
- var(--spacing-20) var(--spacing-20);
562
- --padding-for-content-notification-icon: var(--spacing-20) 0 var(--spacing-20)
563
- var(--spacing-30);
536
+ --padding-for-content-notification: var(--spacing-20) var(--spacing-30);
537
+ --padding-for-content-notification-message: 0 var(--spacing-30) 0
538
+ var(--spacing-20);
564
539
  --padding-left-for-select-input-options: 16px;
565
540
  --padding-right-for-select-input-options: 16px;
566
541
  --padding-top-for-select-input-options: 8px;
package/materials/custom-properties.json CHANGED
@@ -174,10 +174,6 @@
174
174
  "--background-color-for-content-notification-when-info": "hsl(203.05555555555554, 93.9130434783%, 95%)",
175
175
  "--background-color-for-content-notification-when-warning": "hsl(25.110132158590307, 89.0196078431%, 95%)",
176
176
  "--background-color-for-content-notification-when-success": "hsl(172.9608938547486, 100%, 95%)",
177
- "--background-color-for-content-notification-icon-when-error": "hsl(339.1304347826087, 100%, 95%)",
178
- "--background-color-for-content-notification-icon-when-info": "hsl(203.05555555555554, 93.9130434783%, 95%)",
179
- "--background-color-for-content-notification-icon-when-warning": "hsl(25.110132158590307, 89.0196078431%, 95%)",
180
- "--background-color-for-content-notification-icon-when-success": "hsl(172.9608938547486, 100%, 95%)",
181
177
  "--background-color-for-checkbox-input-icon": "#00b39e",
182
178
  "--background-color-for-checkbox-input-icon-when-disabled": "#ccc",
183
179
  "--background-color-for-checkbox-input-icon-when-readonly": "hsl(0, 0%, 60%)",
@@ -258,8 +254,7 @@
258
254
  "--border-radius-for-table-manager-droppable-list": "4px",
259
255
  "--border-radius-for-stamp": "20px",
260
256
  "--border-radius-for-view-switcher": "4px",
261
- "--border-radius-for-content-notification": "0 var(--border-radius-4) var(--border-radius-4) 0",
262
- "--border-radius-for-content-notification-icon": "var(--border-radius-4) 0 0 var(--border-radius-4)",
257
+ "--border-radius-for-content-notification": "4px",
263
258
  "--border-radius-for-primary-action-dropdown": "var(--border-radius-4) 0 0 var(--border-radius-4)",
264
259
  "--border-radius-for-primary-action-dropdown-icon": "0 var(--border-radius-4) var(--border-radius-4) 0",
265
260
  "--border-radius-for-primary-action-dropdown-menu": "4px",
@@ -269,7 +264,6 @@
269
264
  "--border-width-for-input-when-focused": "1px",
270
265
  "--border-width-for-tag": "1px 1px 1px 0",
271
266
  "--border-width-for-select-input": "2px",
272
- "--border-width-for-content-notification-icon": "1px",
273
267
  "--border-left-width-for-content-notification": "0px",
274
268
  "--border-width-for-checkbox-input-icon": "2px",
275
269
  "--border-for-primary-action-dropdown-icon": "1px 1px 1px 0px",
@@ -438,8 +432,8 @@
438
432
  "--padding-for-tooltip": "var(--spacing-20) 12px",
439
433
  "--padding-for-view-switcher": "0 var(--spacing-30) 0 var(--spacing-30)",
440
434
  "--padding-for-view-switcher-when-condensed": "0 12px 0 12px",
441
- "--padding-for-content-notification": "var(--spacing-20) var(--spacing-30) var(--spacing-20) var(--spacing-20)",
442
- "--padding-for-content-notification-icon": "var(--spacing-20) 0 var(--spacing-20) var(--spacing-30)",
435
+ "--padding-for-content-notification": "var(--spacing-20) var(--spacing-30)",
436
+ "--padding-for-content-notification-message": "0 var(--spacing-30) 0 var(--spacing-20)",
443
437
  "--padding-left-for-select-input-options": "16px",
444
438
  "--padding-right-for-select-input-options": "16px",
445
439
  "--padding-top-for-select-input-options": "8px",
package/materials/internals/definition.yaml CHANGED
@@ -388,8 +388,10 @@ componentGroups:
388
388
  description: 'View switcher icon elements'
389
389
  content-notification:
390
390
  description: 'Content notification elements'
391
+ content-notification-message:
392
+ description: 'Content notification message element'
391
393
  content-notification-icon:
392
- description: 'Content notification icon elements'
394
+ description: 'Content notification icon element'
393
395
  checkbox-input-icon:
394
396
  description: 'Checkbox icon elements'
395
397
  checkbox-input-label:
@@ -550,14 +552,6 @@ decisionGroupsByTheme:
550
552
  choice: color-warning-95
551
553
  background-color-for-content-notification-when-success:
552
554
  choice: color-primary-95
553
- background-color-for-content-notification-icon-when-error:
554
- choice: color-error-95
555
- background-color-for-content-notification-icon-when-info:
556
- choice: color-info-95
557
- background-color-for-content-notification-icon-when-warning:
558
- choice: color-warning-95
559
- background-color-for-content-notification-icon-when-success:
560
- choice: color-primary-95
561
555
  background-color-for-checkbox-input-icon:
562
556
  choice: color-primary
563
557
  background-color-for-checkbox-input-icon-when-disabled:
@@ -734,9 +728,7 @@ decisionGroupsByTheme:
734
728
  border-radius-for-view-switcher:
735
729
  choice: border-radius-4
736
730
  border-radius-for-content-notification:
737
- choice: '0 var(--border-radius-4) var(--border-radius-4) 0'
738
- border-radius-for-content-notification-icon:
739
- choice: 'var(--border-radius-4) 0 0 var(--border-radius-4)'
731
+ choice: border-radius-4
740
732
  border-radius-for-primary-action-dropdown:
741
733
  choice: 'var(--border-radius-4) 0 0 var(--border-radius-4)'
742
734
  border-radius-for-primary-action-dropdown-icon:
@@ -760,8 +752,6 @@ decisionGroupsByTheme:
760
752
  choice: '1px 1px 1px 0'
761
753
  border-width-for-select-input:
762
754
  choice: border-width-2
763
- border-width-for-content-notification-icon:
764
- choice: border-width-1
765
755
  border-left-width-for-content-notification:
766
756
  choice: '0px'
767
757
  border-width-for-checkbox-input-icon:
@@ -1160,9 +1150,9 @@ decisionGroupsByTheme:
1160
1150
  padding-for-view-switcher-when-condensed:
1161
1151
  choice: '0 12px 0 12px'
1162
1152
  padding-for-content-notification:
1163
- choice: 'var(--spacing-20) var(--spacing-30) var(--spacing-20) var(--spacing-20)'
1164
- padding-for-content-notification-icon:
1165
- choice: 'var(--spacing-20) 0 var(--spacing-20) var(--spacing-30)'
1153
+ choice: 'var(--spacing-20) var(--spacing-30)'
1154
+ padding-for-content-notification-message:
1155
+ choice: '0 var(--spacing-30) 0 var(--spacing-20)'
1166
1156
  padding-left-for-select-input-options:
1167
1157
  choice: spacing-30
1168
1158
  padding-right-for-select-input-options:
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/ui-kit",
3
3
  "description": "A preset of all the UI-Kit components.",
4
- "version": "16.1.1",
4
+ "version": "16.2.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -24,40 +24,40 @@
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.20.13",
26
26
  "@babel/runtime-corejs3": "^7.20.13",
27
- "@commercetools-uikit/accessible-hidden": "16.1.1",
28
- "@commercetools-uikit/avatar": "16.1.1",
29
- "@commercetools-uikit/buttons": "16.1.1",
30
- "@commercetools-uikit/card": "16.1.1",
31
- "@commercetools-uikit/collapsible": "16.1.1",
32
- "@commercetools-uikit/collapsible-motion": "16.1.1",
33
- "@commercetools-uikit/collapsible-panel": "16.1.1",
34
- "@commercetools-uikit/constraints": "16.1.1",
35
- "@commercetools-uikit/data-table": "16.1.1",
36
- "@commercetools-uikit/data-table-manager": "16.1.1",
37
- "@commercetools-uikit/design-system": "16.1.1",
38
- "@commercetools-uikit/field-errors": "16.1.1",
39
- "@commercetools-uikit/field-label": "16.1.1",
40
- "@commercetools-uikit/fields": "16.1.1",
41
- "@commercetools-uikit/grid": "16.1.1",
42
- "@commercetools-uikit/hooks": "16.1.1",
43
- "@commercetools-uikit/i18n": "16.1.1",
44
- "@commercetools-uikit/icons": "16.1.1",
45
- "@commercetools-uikit/inputs": "16.1.1",
46
- "@commercetools-uikit/label": "16.1.1",
47
- "@commercetools-uikit/link": "16.1.1",
48
- "@commercetools-uikit/loading-spinner": "16.1.1",
49
- "@commercetools-uikit/messages": "16.1.1",
50
- "@commercetools-uikit/notifications": "16.1.1",
51
- "@commercetools-uikit/pagination": "16.1.1",
52
- "@commercetools-uikit/primary-action-dropdown": "16.1.1",
53
- "@commercetools-uikit/selectable-search-input": "16.1.1",
54
- "@commercetools-uikit/spacings": "16.1.1",
55
- "@commercetools-uikit/stamp": "16.1.1",
56
- "@commercetools-uikit/tag": "16.1.1",
57
- "@commercetools-uikit/text": "16.1.1",
58
- "@commercetools-uikit/tooltip": "16.1.1",
59
- "@commercetools-uikit/utils": "16.1.1",
60
- "@commercetools-uikit/view-switcher": "16.1.1"
27
+ "@commercetools-uikit/accessible-hidden": "16.2.0",
28
+ "@commercetools-uikit/avatar": "16.2.0",
29
+ "@commercetools-uikit/buttons": "16.2.0",
30
+ "@commercetools-uikit/card": "16.2.0",
31
+ "@commercetools-uikit/collapsible": "16.2.0",
32
+ "@commercetools-uikit/collapsible-motion": "16.2.0",
33
+ "@commercetools-uikit/collapsible-panel": "16.2.0",
34
+ "@commercetools-uikit/constraints": "16.2.0",
35
+ "@commercetools-uikit/data-table": "16.2.0",
36
+ "@commercetools-uikit/data-table-manager": "16.2.0",
37
+ "@commercetools-uikit/design-system": "16.2.0",
38
+ "@commercetools-uikit/field-errors": "16.2.0",
39
+ "@commercetools-uikit/field-label": "16.2.0",
40
+ "@commercetools-uikit/fields": "16.2.0",
41
+ "@commercetools-uikit/grid": "16.2.0",
42
+ "@commercetools-uikit/hooks": "16.2.0",
43
+ "@commercetools-uikit/i18n": "16.2.0",
44
+ "@commercetools-uikit/icons": "16.2.0",
45
+ "@commercetools-uikit/inputs": "16.2.0",
46
+ "@commercetools-uikit/label": "16.2.0",
47
+ "@commercetools-uikit/link": "16.2.0",
48
+ "@commercetools-uikit/loading-spinner": "16.2.0",
49
+ "@commercetools-uikit/messages": "16.2.0",
50
+ "@commercetools-uikit/notifications": "16.2.0",
51
+ "@commercetools-uikit/pagination": "16.2.0",
52
+ "@commercetools-uikit/primary-action-dropdown": "16.2.0",
53
+ "@commercetools-uikit/selectable-search-input": "16.2.0",
54
+ "@commercetools-uikit/spacings": "16.2.0",
55
+ "@commercetools-uikit/stamp": "16.2.0",
56
+ "@commercetools-uikit/tag": "16.2.0",
57
+ "@commercetools-uikit/text": "16.2.0",
58
+ "@commercetools-uikit/tooltip": "16.2.0",
59
+ "@commercetools-uikit/utils": "16.2.0",
60
+ "@commercetools-uikit/view-switcher": "16.2.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "moment": "2.29.4",