@commercetools-frontend/ui-kit 16.10.0 → 16.12.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 (13) 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/dist/declarations/src/index.d.ts +1 -1
  5. package/i18n/data/de.json +1 -1
  6. package/i18n/data/en.json +1 -1
  7. package/i18n/data/es.json +1 -1
  8. package/i18n/data/fr-FR.json +1 -1
  9. package/i18n/data/zh-CN.json +1 -1
  10. package/materials/custom-properties.css +5 -0
  11. package/materials/custom-properties.json +5 -0
  12. package/materials/internals/definition.yaml +10 -0
  13. 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.10.0";
82
+ var version = "16.12.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.10.0";
82
+ var version = "16.12.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.10.0";
36
+ var version = "16.12.0";
37
37
 
38
38
  export { version };
package/dist/declarations/src/index.d.ts CHANGED
@@ -31,4 +31,4 @@ export { default as Text } from '@commercetools-uikit/text';
31
31
  export { default as ViewSwitcher } from '@commercetools-uikit/view-switcher';
32
32
  export { useToggleState, useSorting, useRowSelection, usePaginationState, useDataTableSortingState, } from '@commercetools-uikit/hooks';
33
33
  export { customProperties, designTokens, } from '@commercetools-uikit/design-system';
34
- export { default as version } from './version';
34
+ export { default as version } from "./version.js";
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%);
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%)",
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:
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.10.0",
4
+ "version": "16.12.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.10.0",
28
- "@commercetools-uikit/avatar": "16.10.0",
29
- "@commercetools-uikit/buttons": "16.10.0",
30
- "@commercetools-uikit/card": "16.10.0",
31
- "@commercetools-uikit/collapsible": "16.10.0",
32
- "@commercetools-uikit/collapsible-motion": "16.10.0",
33
- "@commercetools-uikit/collapsible-panel": "16.10.0",
34
- "@commercetools-uikit/constraints": "16.10.0",
35
- "@commercetools-uikit/data-table": "16.10.0",
36
- "@commercetools-uikit/data-table-manager": "16.10.0",
37
- "@commercetools-uikit/design-system": "16.10.0",
38
- "@commercetools-uikit/field-errors": "16.10.0",
39
- "@commercetools-uikit/field-label": "16.10.0",
40
- "@commercetools-uikit/fields": "16.10.0",
41
- "@commercetools-uikit/grid": "16.10.0",
42
- "@commercetools-uikit/hooks": "16.10.0",
43
- "@commercetools-uikit/i18n": "16.10.0",
44
- "@commercetools-uikit/icons": "16.10.0",
45
- "@commercetools-uikit/inputs": "16.10.0",
46
- "@commercetools-uikit/label": "16.10.0",
47
- "@commercetools-uikit/link": "16.10.0",
48
- "@commercetools-uikit/loading-spinner": "16.10.0",
49
- "@commercetools-uikit/messages": "16.10.0",
50
- "@commercetools-uikit/notifications": "16.10.0",
51
- "@commercetools-uikit/pagination": "16.10.0",
52
- "@commercetools-uikit/primary-action-dropdown": "16.10.0",
53
- "@commercetools-uikit/selectable-search-input": "16.10.0",
54
- "@commercetools-uikit/spacings": "16.10.0",
55
- "@commercetools-uikit/stamp": "16.10.0",
56
- "@commercetools-uikit/tag": "16.10.0",
57
- "@commercetools-uikit/text": "16.10.0",
58
- "@commercetools-uikit/tooltip": "16.10.0",
59
- "@commercetools-uikit/utils": "16.10.0",
60
- "@commercetools-uikit/view-switcher": "16.10.0"
27
+ "@commercetools-uikit/accessible-hidden": "16.12.0",
28
+ "@commercetools-uikit/avatar": "16.12.0",
29
+ "@commercetools-uikit/buttons": "16.12.0",
30
+ "@commercetools-uikit/card": "16.12.0",
31
+ "@commercetools-uikit/collapsible": "16.12.0",
32
+ "@commercetools-uikit/collapsible-motion": "16.12.0",
33
+ "@commercetools-uikit/collapsible-panel": "16.12.0",
34
+ "@commercetools-uikit/constraints": "16.12.0",
35
+ "@commercetools-uikit/data-table": "16.12.0",
36
+ "@commercetools-uikit/data-table-manager": "16.12.0",
37
+ "@commercetools-uikit/design-system": "16.12.0",
38
+ "@commercetools-uikit/field-errors": "16.12.0",
39
+ "@commercetools-uikit/field-label": "16.12.0",
40
+ "@commercetools-uikit/fields": "16.12.0",
41
+ "@commercetools-uikit/grid": "16.12.0",
42
+ "@commercetools-uikit/hooks": "16.12.0",
43
+ "@commercetools-uikit/i18n": "16.12.0",
44
+ "@commercetools-uikit/icons": "16.12.0",
45
+ "@commercetools-uikit/inputs": "16.12.0",
46
+ "@commercetools-uikit/label": "16.12.0",
47
+ "@commercetools-uikit/link": "16.12.0",
48
+ "@commercetools-uikit/loading-spinner": "16.12.0",
49
+ "@commercetools-uikit/messages": "16.12.0",
50
+ "@commercetools-uikit/notifications": "16.12.0",
51
+ "@commercetools-uikit/pagination": "16.12.0",
52
+ "@commercetools-uikit/primary-action-dropdown": "16.12.0",
53
+ "@commercetools-uikit/selectable-search-input": "16.12.0",
54
+ "@commercetools-uikit/spacings": "16.12.0",
55
+ "@commercetools-uikit/stamp": "16.12.0",
56
+ "@commercetools-uikit/tag": "16.12.0",
57
+ "@commercetools-uikit/text": "16.12.0",
58
+ "@commercetools-uikit/tooltip": "16.12.0",
59
+ "@commercetools-uikit/utils": "16.12.0",
60
+ "@commercetools-uikit/view-switcher": "16.12.0"
61
61
  },
62
62
  "devDependencies": {
63
63
  "moment": "2.29.4",