@commercetools-frontend/ui-kit 16.9.0 → 16.11.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 (12) 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/i18n/data/de.json +1 -1
  5. package/i18n/data/en.json +1 -1
  6. package/i18n/data/es.json +1 -1
  7. package/i18n/data/fr-FR.json +1 -1
  8. package/i18n/data/zh-CN.json +1 -1
  9. package/materials/custom-properties.css +7 -2
  10. package/materials/custom-properties.json +7 -2
  11. package/materials/internals/definition.yaml +12 -2
  12. 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.9.0";
82
+ var version = "16.11.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.9.0";
82
+ var version = "16.11.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.9.0";
36
+ var version = "16.11.0";
37
37
 
38
38
  export { version };
package/i18n/data/de.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "UIKit.DataTableManager.ColumnManager.title": "Spaltenmanager",
15
15
  "UIKit.DataTableManager.ColumnSelectorGroups.visible": "Angezeigte Spalten",
16
16
  "UIKit.DataTableManager.DensityManager.closeButtonLabel": "Schließen",
17
+ "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
17
18
  "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "Kompakt",
18
- "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Komfortabel",
19
19
  "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "Zeilenabstand",
20
20
  "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "Gesamten Text anzeigen.",
21
21
  "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "Textvorschau anzeigen. Bei Bedarf erweitern.",
package/i18n/data/en.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "UIKit.DataTableManager.ColumnManager.title": "Column Manager",
15
15
  "UIKit.DataTableManager.ColumnSelectorGroups.visible": "Visible columns",
16
16
  "UIKit.DataTableManager.DensityManager.closeButtonLabel": "Close",
17
- "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "Compact",
18
17
  "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
18
+ "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "Compact",
19
19
  "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "Row density",
20
20
  "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "Display full texts.",
21
21
  "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "Display text previews. Expand them on demand.",
package/i18n/data/es.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "UIKit.DataTableManager.ColumnManager.title": "Gestor de columnas",
15
15
  "UIKit.DataTableManager.ColumnSelectorGroups.visible": "Columnas visibles",
16
16
  "UIKit.DataTableManager.DensityManager.closeButtonLabel": "Cerrar",
17
+ "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
17
18
  "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "Compacta",
18
- "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Confortable",
19
19
  "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "Densidad de las filas",
20
20
  "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "Mostrar textos completos.",
21
21
  "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "Mostrar vistas preliminares del texto. Expandirlos bajo demanda.",
package/i18n/data/fr-FR.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "UIKit.DataTableManager.ColumnManager.title": "Gestionnaire de colonnes",
15
15
  "UIKit.DataTableManager.ColumnSelectorGroups.visible": "Colonnes visibles",
16
16
  "UIKit.DataTableManager.DensityManager.closeButtonLabel": "Fermer",
17
+ "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
17
18
  "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "Compact",
18
- "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Confortable",
19
19
  "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "Densité de la ligne",
20
20
  "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "Afficher le texte complet.",
21
21
  "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "Afficher l'aperçu du texte. Le développer à la demande.",
package/i18n/data/zh-CN.json CHANGED
@@ -14,8 +14,8 @@
14
14
  "UIKit.DataTableManager.ColumnManager.title": "列管理器",
15
15
  "UIKit.DataTableManager.ColumnSelectorGroups.visible": "可见列",
16
16
  "UIKit.DataTableManager.DensityManager.closeButtonLabel": "关闭",
17
+ "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
17
18
  "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "紧凑型",
18
- "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "舒适",
19
19
  "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "行密度",
20
20
  "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "显示全文。",
21
21
  "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "显示文本预览并按需进行扩展。",
package/materials/custom-properties.css CHANGED
@@ -77,9 +77,11 @@
77
77
  --color-error-85: hsl(339.1304347826087, 100%, 85%);
78
78
  --color-error-95: hsl(339.1304347826087, 100%, 95%);
79
79
  --color-solid: #1a1a1a;
80
+ --color-solid-02: hsl(0deg 0% 10% / 2%);
80
81
  --color-solid-05: hsl(0deg 0% 10% / 5%);
81
82
  --color-solid-10: hsl(0deg 0% 10% / 10%);
82
83
  --color-surface: #fff;
84
+ --color-transparent: transparent;
83
85
  --border-radius-1: 1px;
84
86
  --border-radius-2: 2px;
85
87
  --border-radius-4: 4px;
@@ -210,6 +212,8 @@
210
212
  93.9130434783%,
211
213
  95%
212
214
  );
215
+ --background-color-for-input-as-quiet: transparent;
216
+ --background-color-for-input-as-quiet-when-hovered: hsl(0deg 0% 10% / 2%);
213
217
  --background-color-for-table-cell-when-hovered: hsl(232, 18%, 98%);
214
218
  --background-color-for-table-header: hsl(232, 18%, 98%);
215
219
  --background-color-for-tag: hsl(232, 18%, 95%);
@@ -325,6 +329,7 @@
325
329
  --border-color-for-input-when-error: #e60050;
326
330
  --border-color-for-input-when-warning: #f16d0e;
327
331
  --border-color-for-input-when-hovered: hsl(232, 18%, 80%);
332
+ --border-color-for-input-as-quiet: transparent;
328
333
  --border-color-for-tag: hsl(232, 18%, 80%);
329
334
  --border-color-for-tag-warning: #f16d0e;
330
335
  --border-color-for-tag-when-focused: hsl(232, 18%, 80%);
@@ -436,7 +441,7 @@
436
441
  --font-color-for-tag-when-disabled: hsl(232, 18%, 60%);
437
442
  --font-color-for-text-when-inverted: #fff;
438
443
  --font-color-for-link-as-inverted: #fff;
439
- --font-color-for-link-as-primary: hsl(175, 55%, 25%);
444
+ --font-color-for-link-as-primary: hsl(175, 55%, 30%);
440
445
  --font-color-for-link-as-secondary: #1a1a1a;
441
446
  --font-color-for-link-as-primary-when-active: hsl(175, 55%, 45%);
442
447
  --font-color-for-link-as-secondary-when-active: hsl(175, 55%, 45%);
@@ -469,7 +474,7 @@
469
474
  --font-color-for-radio-input-when-error: #e60050;
470
475
  --font-color-for-radio-input-when-readonly: hsl(232, 18%, 60%);
471
476
  --font-color-for-radio-input-when-warning: #f16d0e;
472
- --font-color-for-flat-button-as-primary: hsl(175, 55%, 25%);
477
+ --font-color-for-flat-button-as-primary: hsl(175, 55%, 30%);
473
478
  --font-color-for-flat-button-as-primary-when-hovered: hsl(175, 55%, 45%);
474
479
  --font-color-for-flat-button-as-critical: #e60050;
475
480
  --font-color-for-flat-button-as-critical-when-hovered: hsl(
package/materials/custom-properties.json CHANGED
@@ -70,9 +70,11 @@
70
70
  "--color-error-85": "hsl(339.1304347826087, 100%, 85%)",
71
71
  "--color-error-95": "hsl(339.1304347826087, 100%, 95%)",
72
72
  "--color-solid": "#1a1a1a",
73
+ "--color-solid-02": "hsl(0deg 0% 10% / 2%)",
73
74
  "--color-solid-05": "hsl(0deg 0% 10% / 5%)",
74
75
  "--color-solid-10": "hsl(0deg 0% 10% / 10%)",
75
76
  "--color-surface": "#fff",
77
+ "--color-transparent": "transparent",
76
78
  "--border-radius-1": "1px",
77
79
  "--border-radius-2": "2px",
78
80
  "--border-radius-4": "4px",
@@ -190,6 +192,8 @@
190
192
  "--background-color-for-input-when-focused": "#fff",
191
193
  "--background-color-for-input-when-readonly": "hsl(232, 18%, 95%)",
192
194
  "--background-color-for-input-when-active": "hsl(203.05555555555554, 93.9130434783%, 95%)",
195
+ "--background-color-for-input-as-quiet": "transparent",
196
+ "--background-color-for-input-as-quiet-when-hovered": "hsl(0deg 0% 10% / 2%)",
193
197
  "--background-color-for-table-cell-when-hovered": "hsl(232, 18%, 98%)",
194
198
  "--background-color-for-table-header": "hsl(232, 18%, 98%)",
195
199
  "--background-color-for-tag": "hsl(232, 18%, 95%)",
@@ -249,6 +253,7 @@
249
253
  "--border-color-for-input-when-error": "#e60050",
250
254
  "--border-color-for-input-when-warning": "#f16d0e",
251
255
  "--border-color-for-input-when-hovered": "hsl(232, 18%, 80%)",
256
+ "--border-color-for-input-as-quiet": "transparent",
252
257
  "--border-color-for-tag": "hsl(232, 18%, 80%)",
253
258
  "--border-color-for-tag-warning": "#f16d0e",
254
259
  "--border-color-for-tag-when-focused": "hsl(232, 18%, 80%)",
@@ -334,7 +339,7 @@
334
339
  "--font-color-for-tag-when-disabled": "hsl(232, 18%, 60%)",
335
340
  "--font-color-for-text-when-inverted": "#fff",
336
341
  "--font-color-for-link-as-inverted": "#fff",
337
- "--font-color-for-link-as-primary": "hsl(175, 55%, 25%)",
342
+ "--font-color-for-link-as-primary": "hsl(175, 55%, 30%)",
338
343
  "--font-color-for-link-as-secondary": "#1a1a1a",
339
344
  "--font-color-for-link-as-primary-when-active": "hsl(175, 55%, 45%)",
340
345
  "--font-color-for-link-as-secondary-when-active": "hsl(175, 55%, 45%)",
@@ -367,7 +372,7 @@
367
372
  "--font-color-for-radio-input-when-error": "#e60050",
368
373
  "--font-color-for-radio-input-when-readonly": "hsl(232, 18%, 60%)",
369
374
  "--font-color-for-radio-input-when-warning": "#f16d0e",
370
- "--font-color-for-flat-button-as-primary": "hsl(175, 55%, 25%)",
375
+ "--font-color-for-flat-button-as-primary": "hsl(175, 55%, 30%)",
371
376
  "--font-color-for-flat-button-as-primary-when-hovered": "hsl(175, 55%, 45%)",
372
377
  "--font-color-for-flat-button-as-critical": "#e60050",
373
378
  "--font-color-for-flat-button-as-critical-when-hovered": "hsl(339.1304347826087, 100%, 25%)",
package/materials/internals/definition.yaml CHANGED
@@ -107,9 +107,11 @@ choiceGroupsByTheme:
107
107
  color-error-85: 'hsl(339.1304347826087, 100%, 85%)'
108
108
  color-error-95: 'hsl(339.1304347826087, 100%, 95%)'
109
109
  color-solid: '#1a1a1a'
110
+ color-solid-02: 'hsl(0deg 0% 10% / 2%)'
110
111
  color-solid-05: 'hsl(0deg 0% 10% / 5%)'
111
112
  color-solid-10: 'hsl(0deg 0% 10% / 10%)'
112
113
  color-surface: '#fff'
114
+ color-transparent: 'transparent'
113
115
 
114
116
  borderRadiuses:
115
117
  label: Border Radiuses
@@ -345,6 +347,8 @@ variants:
345
347
  description: 'To differentiate component critical style'
346
348
  bold:
347
349
  description: 'When the element is bold'
350
+ quiet:
351
+ description: 'When the element is quiet style'
348
352
 
349
353
  componentGroups:
350
354
  button:
@@ -549,6 +553,10 @@ decisionGroupsByTheme:
549
553
  choice: color-neutral-95
550
554
  background-color-for-input-when-active:
551
555
  choice: color-info-95
556
+ background-color-for-input-as-quiet:
557
+ choice: color-transparent
558
+ background-color-for-input-as-quiet-when-hovered:
559
+ choice: color-solid-02
552
560
  background-color-for-table-cell-when-hovered:
553
561
  choice: color-neutral-98
554
562
  background-color-for-table-header:
@@ -677,6 +685,8 @@ decisionGroupsByTheme:
677
685
  choice: color-warning
678
686
  border-color-for-input-when-hovered:
679
687
  choice: color-neutral
688
+ border-color-for-input-as-quiet:
689
+ choice: color-transparent
680
690
  border-color-for-tag:
681
691
  choice: color-neutral
682
692
  border-color-for-tag-warning:
@@ -868,7 +878,7 @@ decisionGroupsByTheme:
868
878
  font-color-for-link-as-inverted:
869
879
  choice: color-surface
870
880
  font-color-for-link-as-primary:
871
- choice: color-primary-25
881
+ choice: color-primary-30
872
882
  font-color-for-link-as-secondary:
873
883
  choice: color-solid
874
884
  font-color-for-link-as-primary-when-active:
@@ -934,7 +944,7 @@ decisionGroupsByTheme:
934
944
  font-color-for-radio-input-when-warning:
935
945
  choice: color-warning
936
946
  font-color-for-flat-button-as-primary:
937
- choice: color-primary-25
947
+ choice: color-primary-30
938
948
  font-color-for-flat-button-as-primary-when-hovered:
939
949
  choice: color-primary
940
950
  font-color-for-flat-button-as-critical:
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.9.0",
4
+ "version": "16.11.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.9.0",
28
- "@commercetools-uikit/avatar": "16.9.0",
29
- "@commercetools-uikit/buttons": "16.9.0",
30
- "@commercetools-uikit/card": "16.9.0",
31
- "@commercetools-uikit/collapsible": "16.9.0",
32
- "@commercetools-uikit/collapsible-motion": "16.9.0",
33
- "@commercetools-uikit/collapsible-panel": "16.9.0",
34
- "@commercetools-uikit/constraints": "16.9.0",
35
- "@commercetools-uikit/data-table": "16.9.0",
36
- "@commercetools-uikit/data-table-manager": "16.9.0",
37
- "@commercetools-uikit/design-system": "16.9.0",
38
- "@commercetools-uikit/field-errors": "16.9.0",
39
- "@commercetools-uikit/field-label": "16.9.0",
40
- "@commercetools-uikit/fields": "16.9.0",
41
- "@commercetools-uikit/grid": "16.9.0",
42
- "@commercetools-uikit/hooks": "16.9.0",
43
- "@commercetools-uikit/i18n": "16.9.0",
44
- "@commercetools-uikit/icons": "16.9.0",
45
- "@commercetools-uikit/inputs": "16.9.0",
46
- "@commercetools-uikit/label": "16.9.0",
47
- "@commercetools-uikit/link": "16.9.0",
48
- "@commercetools-uikit/loading-spinner": "16.9.0",
49
- "@commercetools-uikit/messages": "16.9.0",
50
- "@commercetools-uikit/notifications": "16.9.0",
51
- "@commercetools-uikit/pagination": "16.9.0",
52
- "@commercetools-uikit/primary-action-dropdown": "16.9.0",
53
- "@commercetools-uikit/selectable-search-input": "16.9.0",
54
- "@commercetools-uikit/spacings": "16.9.0",
55
- "@commercetools-uikit/stamp": "16.9.0",
56
- "@commercetools-uikit/tag": "16.9.0",
57
- "@commercetools-uikit/text": "16.9.0",
58
- "@commercetools-uikit/tooltip": "16.9.0",
59
- "@commercetools-uikit/utils": "16.9.0",
60
- "@commercetools-uikit/view-switcher": "16.9.0"
27
+ "@commercetools-uikit/accessible-hidden": "16.11.0",
28
+ "@commercetools-uikit/avatar": "16.11.0",
29
+ "@commercetools-uikit/buttons": "16.11.0",
30
+ "@commercetools-uikit/card": "16.11.0",
31
+ "@commercetools-uikit/collapsible": "16.11.0",
32
+ "@commercetools-uikit/collapsible-motion": "16.11.0",
33
+ "@commercetools-uikit/collapsible-panel": "16.11.0",
34
+ "@commercetools-uikit/constraints": "16.11.0",
35
+ "@commercetools-uikit/data-table": "16.11.0",
36
+ "@commercetools-uikit/data-table-manager": "16.11.0",
37
+ "@commercetools-uikit/design-system": "16.11.0",
38
+ "@commercetools-uikit/field-errors": "16.11.0",
39
+ "@commercetools-uikit/field-label": "16.11.0",
40
+ "@commercetools-uikit/fields": "16.11.0",
41
+ "@commercetools-uikit/grid": "16.11.0",
42
+ "@commercetools-uikit/hooks": "16.11.0",
43
+ "@commercetools-uikit/i18n": "16.11.0",
44
+ "@commercetools-uikit/icons": "16.11.0",
45
+ "@commercetools-uikit/inputs": "16.11.0",
46
+ "@commercetools-uikit/label": "16.11.0",
47
+ "@commercetools-uikit/link": "16.11.0",
48
+ "@commercetools-uikit/loading-spinner": "16.11.0",
49
+ "@commercetools-uikit/messages": "16.11.0",
50
+ "@commercetools-uikit/notifications": "16.11.0",
51
+ "@commercetools-uikit/pagination": "16.11.0",
52
+ "@commercetools-uikit/primary-action-dropdown": "16.11.0",
53
+ "@commercetools-uikit/selectable-search-input": "16.11.0",
54
+ "@commercetools-uikit/spacings": "16.11.0",
55
+ "@commercetools-uikit/stamp": "16.11.0",
56
+ "@commercetools-uikit/tag": "16.11.0",
57
+ "@commercetools-uikit/text": "16.11.0",
58
+ "@commercetools-uikit/tooltip": "16.11.0",
59
+ "@commercetools-uikit/utils": "16.11.0",
60
+ "@commercetools-uikit/view-switcher": "16.11.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "moment": "2.29.4",