@commercetools-frontend/ui-kit 16.4.1 → 16.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 (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 +17 -0
  5. package/materials/custom-properties.json +5 -0
  6. package/materials/internals/definition.yaml +13 -0
  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.4.1";
82
+ var version = "16.6.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.4.1";
82
+ var version = "16.6.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.4.1";
36
+ var version = "16.6.0";
37
37
 
38
38
  export { version };
package/materials/custom-properties.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --color-info: #078cdf;
33
33
  --color-info-40: hsl(203.05555555555554, 93.9130434783%, 40%);
34
34
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
35
+ --color-info-90: #ceebfd;
35
36
  --color-info-95: hsl(203.05555555555554, 93.9130434783%, 95%);
36
37
  --color-warning: #f16d0e;
37
38
  --color-warning-25: hsl(25.110132158590307, 89.0196078431%, 25%);
@@ -250,6 +251,17 @@
250
251
  35.2941176471%,
251
252
  60%
252
253
  );
254
+ --background-color-for-button-as-secondary-when-info: hsl(
255
+ 203.05555555555554,
256
+ 93.9130434783%,
257
+ 95%
258
+ );
259
+ --background-color-for-button-as-secondary-when-info-and-hovered: #ceebfd;
260
+ --background-color-for-button-as-secondary-when-info-and-active: hsl(
261
+ 203.05555555555554,
262
+ 93.9130434783%,
263
+ 85%
264
+ );
253
265
  --border-for-button-as-secondary: 1px solid var(--color-neutral);
254
266
  --border-for-button-as-secondary-when-hovered: 1px solid var(--color-neutral);
255
267
  --border-for-button-as-secondary-when-active: 1px solid var(--color-neutral);
@@ -329,6 +341,11 @@
329
341
  --border-color-for-radio-input-when-checked: #00b39e;
330
342
  --border-color-for-radio-input-when-focused: hsl(0, 0%, 60%);
331
343
  --border-color-for-primary-action-dropdown-menu: #fff;
344
+ --border-color-for-button-as-secondary-when-info: hsl(
345
+ 203.05555555555554,
346
+ 93.9130434783%,
347
+ 85%
348
+ );
332
349
  --border-radius-for-button-as-big: 4px;
333
350
  --border-radius-for-button-as-medium: 4px;
334
351
  --border-radius-for-button-as-icon-as-big: 4px;
package/materials/custom-properties.json CHANGED
@@ -25,6 +25,7 @@
25
25
  "--color-info": "#078cdf",
26
26
  "--color-info-40": "hsl(203.05555555555554, 93.9130434783%, 40%)",
27
27
  "--color-info-85": "hsl(203.05555555555554, 93.9130434783%, 85%)",
28
+ "--color-info-90": "#CEEBFD",
28
29
  "--color-info-95": "hsl(203.05555555555554, 93.9130434783%, 95%)",
29
30
  "--color-warning": "#f16d0e",
30
31
  "--color-warning-25": "hsl(25.110132158590307, 89.0196078431%, 25%)",
@@ -190,6 +191,9 @@
190
191
  "--background-color-for-toggle-input-thumb-when-checked": "hsl(172.9608938547486, 100%, 25%)",
191
192
  "--background-color-for-toggle-input-track-when-checked-and-disabled": "hsl(195, 35.2941176471%, 90%)",
192
193
  "--background-color-for-toggle-input-thumb-when-checked-and-disabled": "hsl(195, 35.2941176471%, 60%)",
194
+ "--background-color-for-button-as-secondary-when-info": "hsl(203.05555555555554, 93.9130434783%, 95%)",
195
+ "--background-color-for-button-as-secondary-when-info-and-hovered": "#CEEBFD",
196
+ "--background-color-for-button-as-secondary-when-info-and-active": "hsl(203.05555555555554, 93.9130434783%, 85%)",
193
197
  "--border-for-button-as-secondary": "1px solid var(--color-neutral)",
194
198
  "--border-for-button-as-secondary-when-hovered": "1px solid var(--color-neutral)",
195
199
  "--border-for-button-as-secondary-when-active": "1px solid var(--color-neutral)",
@@ -245,6 +249,7 @@
245
249
  "--border-color-for-radio-input-when-checked": "#00b39e",
246
250
  "--border-color-for-radio-input-when-focused": "hsl(0, 0%, 60%)",
247
251
  "--border-color-for-primary-action-dropdown-menu": "#fff",
252
+ "--border-color-for-button-as-secondary-when-info": "hsl(203.05555555555554, 93.9130434783%, 85%)",
248
253
  "--border-radius-for-button-as-big": "4px",
249
254
  "--border-radius-for-button-as-medium": "4px",
250
255
  "--border-radius-for-button-as-icon-as-big": "4px",
package/materials/internals/definition.yaml CHANGED
@@ -62,6 +62,7 @@ choiceGroupsByTheme:
62
62
  color-info: '#078cdf'
63
63
  color-info-40: 'hsl(203.05555555555554, 93.9130434783%, 40%)'
64
64
  color-info-85: 'hsl(203.05555555555554, 93.9130434783%, 85%)'
65
+ color-info-90: '#CEEBFD'
65
66
  color-info-95: 'hsl(203.05555555555554, 93.9130434783%, 95%)'
66
67
  color-warning: '#f16d0e'
67
68
  color-warning-25: 'hsl(25.110132158590307, 89.0196078431%, 25%)'
@@ -252,6 +253,10 @@ states:
252
253
  description: 'When the element is checked'
253
254
  checked-and-disabled:
254
255
  description: 'When the element is checked and disabled'
256
+ info-and-hovered:
257
+ description: "When the element's tone is info and hovered"
258
+ info-and-active:
259
+ description: "When the element's tone is info and active"
255
260
 
256
261
  variants:
257
262
  h1:
@@ -584,6 +589,12 @@ decisionGroupsByTheme:
584
589
  choice: color-accent-90
585
590
  background-color-for-toggle-input-thumb-when-checked-and-disabled:
586
591
  choice: color-accent-60
592
+ background-color-for-button-as-secondary-when-info:
593
+ choice: color-info-95
594
+ background-color-for-button-as-secondary-when-info-and-hovered:
595
+ choice: color-info-90
596
+ background-color-for-button-as-secondary-when-info-and-active:
597
+ choice: color-info-85
587
598
 
588
599
  borders:
589
600
  label: Borders
@@ -704,6 +715,8 @@ decisionGroupsByTheme:
704
715
  choice: color-neutral-60
705
716
  border-color-for-primary-action-dropdown-menu:
706
717
  choice: color-surface
718
+ border-color-for-button-as-secondary-when-info:
719
+ choice: color-info-85
707
720
 
708
721
  borderRadiuses:
709
722
  label: Border Radius
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.4.1",
4
+ "version": "16.6.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.4.1",
28
- "@commercetools-uikit/avatar": "16.4.1",
29
- "@commercetools-uikit/buttons": "16.4.1",
30
- "@commercetools-uikit/card": "16.4.1",
31
- "@commercetools-uikit/collapsible": "16.4.1",
32
- "@commercetools-uikit/collapsible-motion": "16.4.1",
33
- "@commercetools-uikit/collapsible-panel": "16.4.1",
34
- "@commercetools-uikit/constraints": "16.4.1",
35
- "@commercetools-uikit/data-table": "16.4.1",
36
- "@commercetools-uikit/data-table-manager": "16.4.1",
37
- "@commercetools-uikit/design-system": "16.4.1",
38
- "@commercetools-uikit/field-errors": "16.4.1",
39
- "@commercetools-uikit/field-label": "16.4.1",
40
- "@commercetools-uikit/fields": "16.4.1",
41
- "@commercetools-uikit/grid": "16.4.1",
42
- "@commercetools-uikit/hooks": "16.4.1",
43
- "@commercetools-uikit/i18n": "16.4.1",
44
- "@commercetools-uikit/icons": "16.4.1",
45
- "@commercetools-uikit/inputs": "16.4.1",
46
- "@commercetools-uikit/label": "16.4.1",
47
- "@commercetools-uikit/link": "16.4.1",
48
- "@commercetools-uikit/loading-spinner": "16.4.1",
49
- "@commercetools-uikit/messages": "16.4.1",
50
- "@commercetools-uikit/notifications": "16.4.1",
51
- "@commercetools-uikit/pagination": "16.4.1",
52
- "@commercetools-uikit/primary-action-dropdown": "16.4.1",
53
- "@commercetools-uikit/selectable-search-input": "16.4.1",
54
- "@commercetools-uikit/spacings": "16.4.1",
55
- "@commercetools-uikit/stamp": "16.4.1",
56
- "@commercetools-uikit/tag": "16.4.1",
57
- "@commercetools-uikit/text": "16.4.1",
58
- "@commercetools-uikit/tooltip": "16.4.1",
59
- "@commercetools-uikit/utils": "16.4.1",
60
- "@commercetools-uikit/view-switcher": "16.4.1"
27
+ "@commercetools-uikit/accessible-hidden": "16.6.0",
28
+ "@commercetools-uikit/avatar": "16.6.0",
29
+ "@commercetools-uikit/buttons": "16.6.0",
30
+ "@commercetools-uikit/card": "16.6.0",
31
+ "@commercetools-uikit/collapsible": "16.6.0",
32
+ "@commercetools-uikit/collapsible-motion": "16.6.0",
33
+ "@commercetools-uikit/collapsible-panel": "16.6.0",
34
+ "@commercetools-uikit/constraints": "16.6.0",
35
+ "@commercetools-uikit/data-table": "16.6.0",
36
+ "@commercetools-uikit/data-table-manager": "16.6.0",
37
+ "@commercetools-uikit/design-system": "16.6.0",
38
+ "@commercetools-uikit/field-errors": "16.6.0",
39
+ "@commercetools-uikit/field-label": "16.6.0",
40
+ "@commercetools-uikit/fields": "16.6.0",
41
+ "@commercetools-uikit/grid": "16.6.0",
42
+ "@commercetools-uikit/hooks": "16.6.0",
43
+ "@commercetools-uikit/i18n": "16.6.0",
44
+ "@commercetools-uikit/icons": "16.6.0",
45
+ "@commercetools-uikit/inputs": "16.6.0",
46
+ "@commercetools-uikit/label": "16.6.0",
47
+ "@commercetools-uikit/link": "16.6.0",
48
+ "@commercetools-uikit/loading-spinner": "16.6.0",
49
+ "@commercetools-uikit/messages": "16.6.0",
50
+ "@commercetools-uikit/notifications": "16.6.0",
51
+ "@commercetools-uikit/pagination": "16.6.0",
52
+ "@commercetools-uikit/primary-action-dropdown": "16.6.0",
53
+ "@commercetools-uikit/selectable-search-input": "16.6.0",
54
+ "@commercetools-uikit/spacings": "16.6.0",
55
+ "@commercetools-uikit/stamp": "16.6.0",
56
+ "@commercetools-uikit/tag": "16.6.0",
57
+ "@commercetools-uikit/text": "16.6.0",
58
+ "@commercetools-uikit/tooltip": "16.6.0",
59
+ "@commercetools-uikit/utils": "16.6.0",
60
+ "@commercetools-uikit/view-switcher": "16.6.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "moment": "2.29.4",