@commercetools-frontend/ui-kit 16.5.0 → 16.6.1

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