@commercetools-frontend/ui-kit 19.4.0 → 19.6.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 (9) hide show
  1. package/dist/commercetools-frontend-ui-kit.cjs.dev.js +19 -1
  2. package/dist/commercetools-frontend-ui-kit.cjs.prod.js +19 -1
  3. package/dist/commercetools-frontend-ui-kit.esm.js +4 -1
  4. package/dist/declarations/src/index.d.ts +3 -0
  5. package/materials/custom-properties.css +5 -0
  6. package/materials/custom-properties.json +5 -0
  7. package/materials/custom-properties_default.css +5 -0
  8. package/materials/internals/definition.yaml +17 -0
  9. package/package.json +37 -37
package/dist/commercetools-frontend-ui-kit.cjs.dev.js CHANGED
@@ -7,6 +7,9 @@ var buttons = require('@commercetools-uikit/buttons');
7
7
  var fields = require('@commercetools-uikit/fields');
8
8
  var icons = require('@commercetools-uikit/icons');
9
9
  var inputs = require('@commercetools-uikit/inputs');
10
+ var leadingIcon = require('@commercetools-uikit/icons/leading-icon');
11
+ var customIcon = require('@commercetools-uikit/icons/custom-icon');
12
+ var inlineSvg = require('@commercetools-uikit/icons/inline-svg');
10
13
  var accessibleHidden = require('@commercetools-uikit/accessible-hidden');
11
14
  var avatar = require('@commercetools-uikit/avatar');
12
15
  var card = require('@commercetools-uikit/card');
@@ -58,6 +61,9 @@ function _interopNamespace(e) {
58
61
  }
59
62
 
60
63
  var i18n__namespace = /*#__PURE__*/_interopNamespace(i18n);
64
+ var leadingIcon__default = /*#__PURE__*/_interopDefault(leadingIcon);
65
+ var customIcon__default = /*#__PURE__*/_interopDefault(customIcon);
66
+ var inlineSvg__default = /*#__PURE__*/_interopDefault(inlineSvg);
61
67
  var accessibleHidden__default = /*#__PURE__*/_interopDefault(accessibleHidden);
62
68
  var avatar__default = /*#__PURE__*/_interopDefault(avatar);
63
69
  var card__default = /*#__PURE__*/_interopDefault(card);
@@ -83,9 +89,21 @@ var text__default = /*#__PURE__*/_interopDefault(text);
83
89
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
84
90
 
85
91
  // NOTE: This string will be replaced on build time with the package version.
86
- var version = "19.4.0";
92
+ var version = "19.6.0";
87
93
 
88
94
  exports.i18n = i18n__namespace;
95
+ Object.defineProperty(exports, 'LeadingIcon', {
96
+ enumerable: true,
97
+ get: function () { return leadingIcon__default["default"]; }
98
+ });
99
+ Object.defineProperty(exports, 'CustomIcon', {
100
+ enumerable: true,
101
+ get: function () { return customIcon__default["default"]; }
102
+ });
103
+ Object.defineProperty(exports, 'InlineSvg', {
104
+ enumerable: true,
105
+ get: function () { return inlineSvg__default["default"]; }
106
+ });
89
107
  Object.defineProperty(exports, 'AccessibleHidden', {
90
108
  enumerable: true,
91
109
  get: function () { return accessibleHidden__default["default"]; }
package/dist/commercetools-frontend-ui-kit.cjs.prod.js CHANGED
@@ -7,6 +7,9 @@ var buttons = require('@commercetools-uikit/buttons');
7
7
  var fields = require('@commercetools-uikit/fields');
8
8
  var icons = require('@commercetools-uikit/icons');
9
9
  var inputs = require('@commercetools-uikit/inputs');
10
+ var leadingIcon = require('@commercetools-uikit/icons/leading-icon');
11
+ var customIcon = require('@commercetools-uikit/icons/custom-icon');
12
+ var inlineSvg = require('@commercetools-uikit/icons/inline-svg');
10
13
  var accessibleHidden = require('@commercetools-uikit/accessible-hidden');
11
14
  var avatar = require('@commercetools-uikit/avatar');
12
15
  var card = require('@commercetools-uikit/card');
@@ -58,6 +61,9 @@ function _interopNamespace(e) {
58
61
  }
59
62
 
60
63
  var i18n__namespace = /*#__PURE__*/_interopNamespace(i18n);
64
+ var leadingIcon__default = /*#__PURE__*/_interopDefault(leadingIcon);
65
+ var customIcon__default = /*#__PURE__*/_interopDefault(customIcon);
66
+ var inlineSvg__default = /*#__PURE__*/_interopDefault(inlineSvg);
61
67
  var accessibleHidden__default = /*#__PURE__*/_interopDefault(accessibleHidden);
62
68
  var avatar__default = /*#__PURE__*/_interopDefault(avatar);
63
69
  var card__default = /*#__PURE__*/_interopDefault(card);
@@ -83,9 +89,21 @@ var text__default = /*#__PURE__*/_interopDefault(text);
83
89
  var viewSwitcher__default = /*#__PURE__*/_interopDefault(viewSwitcher);
84
90
 
85
91
  // NOTE: This string will be replaced on build time with the package version.
86
- var version = "19.4.0";
92
+ var version = "19.6.0";
87
93
 
88
94
  exports.i18n = i18n__namespace;
95
+ Object.defineProperty(exports, 'LeadingIcon', {
96
+ enumerable: true,
97
+ get: function () { return leadingIcon__default["default"]; }
98
+ });
99
+ Object.defineProperty(exports, 'CustomIcon', {
100
+ enumerable: true,
101
+ get: function () { return customIcon__default["default"]; }
102
+ });
103
+ Object.defineProperty(exports, 'InlineSvg', {
104
+ enumerable: true,
105
+ get: function () { return inlineSvg__default["default"]; }
106
+ });
89
107
  Object.defineProperty(exports, 'AccessibleHidden', {
90
108
  enumerable: true,
91
109
  get: function () { return accessibleHidden__default["default"]; }
package/dist/commercetools-frontend-ui-kit.esm.js CHANGED
@@ -4,6 +4,9 @@ export * from '@commercetools-uikit/buttons';
4
4
  export * from '@commercetools-uikit/fields';
5
5
  export * from '@commercetools-uikit/icons';
6
6
  export * from '@commercetools-uikit/inputs';
7
+ export { default as LeadingIcon } from '@commercetools-uikit/icons/leading-icon';
8
+ export { default as CustomIcon } from '@commercetools-uikit/icons/custom-icon';
9
+ export { default as InlineSvg } from '@commercetools-uikit/icons/inline-svg';
7
10
  export { default as AccessibleHidden } from '@commercetools-uikit/accessible-hidden';
8
11
  export { default as Avatar } from '@commercetools-uikit/avatar';
9
12
  export { default as Card } from '@commercetools-uikit/card';
@@ -35,6 +38,6 @@ export { useDataTableSortingState, usePaginationState, useRowSelection, useSorti
35
38
  export { customProperties, designTokens } from '@commercetools-uikit/design-system';
36
39
 
37
40
  // NOTE: This string will be replaced on build time with the package version.
38
- var version = "19.4.0";
41
+ var version = "19.6.0";
39
42
 
40
43
  export { version };
package/dist/declarations/src/index.d.ts CHANGED
@@ -4,6 +4,9 @@ export * from '@commercetools-uikit/buttons';
4
4
  export * from '@commercetools-uikit/fields';
5
5
  export * from '@commercetools-uikit/icons';
6
6
  export * from '@commercetools-uikit/inputs';
7
+ export { default as LeadingIcon } from '@commercetools-uikit/icons/leading-icon';
8
+ export { default as CustomIcon } from '@commercetools-uikit/icons/custom-icon';
9
+ export { default as InlineSvg } from '@commercetools-uikit/icons/inline-svg';
7
10
  export { default as AccessibleHidden } from '@commercetools-uikit/accessible-hidden';
8
11
  export { default as Avatar } from '@commercetools-uikit/avatar';
9
12
  export { default as Card } from '@commercetools-uikit/card';
package/materials/custom-properties.css CHANGED
@@ -65,6 +65,7 @@
65
65
  --color-neutral-98: hsl(232, 18%, 98%);
66
66
  --color-info: #078cdf;
67
67
  --color-info-40: hsl(203.05555555555554, 93.9130434783%, 40%);
68
+ --color-info-50: hsl(203.05555555555554, 93.9130434783%, 50%);
68
69
  --color-info-60: hsl(203.05555555555554, 93.9130434783%, 60%);
69
70
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
70
71
  --color-info-90: #ceebfd;
@@ -229,6 +230,10 @@
229
230
  --height-for-button-as-big: 40px;
230
231
  --height-for-button-as-small: 16px;
231
232
  --height-for-button-as-medium: 32px;
233
+ --height-for-button-as-40: 40px;
234
+ --height-for-button-as-30: 32px;
235
+ --height-for-button-as-20: 24px;
236
+ --height-for-button-as-10: 16px;
232
237
  --height-for-input: 40px;
233
238
  --height-for-input-as-small: 32px;
234
239
  --shadow-for-input: none;
package/materials/custom-properties.json CHANGED
@@ -58,6 +58,7 @@
58
58
  "--color-neutral-98": "hsl(232, 18%, 98%)",
59
59
  "--color-info": "#078cdf",
60
60
  "--color-info-40": "hsl(203.05555555555554, 93.9130434783%, 40%)",
61
+ "--color-info-50": "hsl(203.05555555555554, 93.9130434783%, 50%)",
61
62
  "--color-info-60": "hsl(203.05555555555554, 93.9130434783%, 60%)",
62
63
  "--color-info-85": "hsl(203.05555555555554, 93.9130434783%, 85%)",
63
64
  "--color-info-90": "#CEEBFD",
@@ -209,6 +210,10 @@
209
210
  "--height-for-button-as-big": "40px",
210
211
  "--height-for-button-as-small": "16px",
211
212
  "--height-for-button-as-medium": "32px",
213
+ "--height-for-button-as-40": "40px",
214
+ "--height-for-button-as-30": "32px",
215
+ "--height-for-button-as-20": "24px",
216
+ "--height-for-button-as-10": "16px",
212
217
  "--height-for-input": "40px",
213
218
  "--height-for-input-as-small": "32px",
214
219
  "--shadow-for-input": "none",
package/materials/custom-properties_default.css CHANGED
@@ -65,6 +65,7 @@
65
65
  --color-neutral-98: hsl(232, 18%, 98%);
66
66
  --color-info: #078cdf;
67
67
  --color-info-40: hsl(203.05555555555554, 93.9130434783%, 40%);
68
+ --color-info-50: hsl(203.05555555555554, 93.9130434783%, 50%);
68
69
  --color-info-60: hsl(203.05555555555554, 93.9130434783%, 60%);
69
70
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
70
71
  --color-info-90: #ceebfd;
@@ -229,6 +230,10 @@
229
230
  --height-for-button-as-big: 40px;
230
231
  --height-for-button-as-small: 16px;
231
232
  --height-for-button-as-medium: 32px;
233
+ --height-for-button-as-40: 40px;
234
+ --height-for-button-as-30: 32px;
235
+ --height-for-button-as-20: 24px;
236
+ --height-for-button-as-10: 16px;
232
237
  --height-for-input: 40px;
233
238
  --height-for-input-as-small: 32px;
234
239
  --shadow-for-input: none;
package/materials/internals/definition.yaml CHANGED
@@ -95,6 +95,7 @@ choiceGroupsByTheme:
95
95
  color-neutral-98: 'hsl(232, 18%, 98%)'
96
96
  color-info: '#078cdf'
97
97
  color-info-40: 'hsl(203.05555555555554, 93.9130434783%, 40%)'
98
+ color-info-50: 'hsl(203.05555555555554, 93.9130434783%, 50%)'
98
99
  color-info-60: 'hsl(203.05555555555554, 93.9130434783%, 60%)'
99
100
  color-info-85: 'hsl(203.05555555555554, 93.9130434783%, 85%)'
100
101
  color-info-90: '#CEEBFD'
@@ -300,6 +301,14 @@ variants:
300
301
  description: 'To differentiate component big size'
301
302
  secondary:
302
303
  description: 'To differentiate component secondary type'
304
+ '10':
305
+ description: 'To differentiate component small size'
306
+ '20':
307
+ description: 'To differentiate component medium size'
308
+ '30':
309
+ description: 'To differentiate component between big and medium size'
310
+ '40':
311
+ description: 'To differentiate component big size'
303
312
 
304
313
  componentGroups:
305
314
  button:
@@ -391,6 +400,14 @@ decisionGroupsByTheme:
391
400
  choice: '16px'
392
401
  height-for-button-as-medium:
393
402
  choice: '32px'
403
+ height-for-button-as-40:
404
+ choice: '40px'
405
+ height-for-button-as-30:
406
+ choice: '32px'
407
+ height-for-button-as-20:
408
+ choice: '24px'
409
+ height-for-button-as-10:
410
+ choice: '16px'
394
411
  height-for-input:
395
412
  choice: '40px'
396
413
  # This is a temporary one to be able to remove the legay 'size-height-for-input'
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": "19.4.0",
4
+ "version": "19.6.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -24,42 +24,42 @@
24
24
  "dependencies": {
25
25
  "@babel/runtime": "^7.20.13",
26
26
  "@babel/runtime-corejs3": "^7.20.13",
27
- "@commercetools-uikit/accessible-hidden": "19.4.0",
28
- "@commercetools-uikit/avatar": "19.4.0",
29
- "@commercetools-uikit/buttons": "19.4.0",
30
- "@commercetools-uikit/card": "19.4.0",
31
- "@commercetools-uikit/collapsible": "19.4.0",
32
- "@commercetools-uikit/collapsible-motion": "19.4.0",
33
- "@commercetools-uikit/collapsible-panel": "19.4.0",
34
- "@commercetools-uikit/constraints": "19.4.0",
35
- "@commercetools-uikit/data-table": "19.4.0",
36
- "@commercetools-uikit/data-table-manager": "19.4.0",
37
- "@commercetools-uikit/design-system": "19.4.0",
38
- "@commercetools-uikit/dropdown-menu": "19.4.0",
39
- "@commercetools-uikit/field-errors": "19.4.0",
40
- "@commercetools-uikit/field-label": "19.4.0",
41
- "@commercetools-uikit/fields": "19.4.0",
42
- "@commercetools-uikit/grid": "19.4.0",
43
- "@commercetools-uikit/hooks": "19.4.0",
44
- "@commercetools-uikit/i18n": "19.4.0",
45
- "@commercetools-uikit/icons": "19.4.0",
46
- "@commercetools-uikit/inputs": "19.4.0",
47
- "@commercetools-uikit/label": "19.4.0",
48
- "@commercetools-uikit/link": "19.4.0",
49
- "@commercetools-uikit/loading-spinner": "19.4.0",
50
- "@commercetools-uikit/messages": "19.4.0",
51
- "@commercetools-uikit/notifications": "19.4.0",
52
- "@commercetools-uikit/pagination": "19.4.0",
53
- "@commercetools-uikit/primary-action-dropdown": "19.4.0",
54
- "@commercetools-uikit/progress-bar": "19.4.0",
55
- "@commercetools-uikit/selectable-search-input": "19.4.0",
56
- "@commercetools-uikit/spacings": "19.4.0",
57
- "@commercetools-uikit/stamp": "19.4.0",
58
- "@commercetools-uikit/tag": "19.4.0",
59
- "@commercetools-uikit/text": "19.4.0",
60
- "@commercetools-uikit/tooltip": "19.4.0",
61
- "@commercetools-uikit/utils": "19.4.0",
62
- "@commercetools-uikit/view-switcher": "19.4.0"
27
+ "@commercetools-uikit/accessible-hidden": "19.6.0",
28
+ "@commercetools-uikit/avatar": "19.6.0",
29
+ "@commercetools-uikit/buttons": "19.6.0",
30
+ "@commercetools-uikit/card": "19.6.0",
31
+ "@commercetools-uikit/collapsible": "19.6.0",
32
+ "@commercetools-uikit/collapsible-motion": "19.6.0",
33
+ "@commercetools-uikit/collapsible-panel": "19.6.0",
34
+ "@commercetools-uikit/constraints": "19.6.0",
35
+ "@commercetools-uikit/data-table": "19.6.0",
36
+ "@commercetools-uikit/data-table-manager": "19.6.0",
37
+ "@commercetools-uikit/design-system": "19.6.0",
38
+ "@commercetools-uikit/dropdown-menu": "19.6.0",
39
+ "@commercetools-uikit/field-errors": "19.6.0",
40
+ "@commercetools-uikit/field-label": "19.6.0",
41
+ "@commercetools-uikit/fields": "19.6.0",
42
+ "@commercetools-uikit/grid": "19.6.0",
43
+ "@commercetools-uikit/hooks": "19.6.0",
44
+ "@commercetools-uikit/i18n": "19.6.0",
45
+ "@commercetools-uikit/icons": "19.6.0",
46
+ "@commercetools-uikit/inputs": "19.6.0",
47
+ "@commercetools-uikit/label": "19.6.0",
48
+ "@commercetools-uikit/link": "19.6.0",
49
+ "@commercetools-uikit/loading-spinner": "19.6.0",
50
+ "@commercetools-uikit/messages": "19.6.0",
51
+ "@commercetools-uikit/notifications": "19.6.0",
52
+ "@commercetools-uikit/pagination": "19.6.0",
53
+ "@commercetools-uikit/primary-action-dropdown": "19.6.0",
54
+ "@commercetools-uikit/progress-bar": "19.6.0",
55
+ "@commercetools-uikit/selectable-search-input": "19.6.0",
56
+ "@commercetools-uikit/spacings": "19.6.0",
57
+ "@commercetools-uikit/stamp": "19.6.0",
58
+ "@commercetools-uikit/tag": "19.6.0",
59
+ "@commercetools-uikit/text": "19.6.0",
60
+ "@commercetools-uikit/tooltip": "19.6.0",
61
+ "@commercetools-uikit/utils": "19.6.0",
62
+ "@commercetools-uikit/view-switcher": "19.6.0"
63
63
  },
64
64
  "devDependencies": {
65
65
  "moment": "2.30.1",