@commercetools-frontend/ui-kit 18.5.0 → 19.1.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 (17) hide show
  1. package/dist/commercetools-frontend-ui-kit.cjs.dev.js +7 -1
  2. package/dist/commercetools-frontend-ui-kit.cjs.prod.js +7 -1
  3. package/dist/commercetools-frontend-ui-kit.esm.js +2 -1
  4. package/dist/declarations/src/index.d.ts +1 -0
  5. package/i18n/data/core.json +292 -73
  6. package/i18n/data/de.json +292 -73
  7. package/i18n/data/en.json +292 -73
  8. package/i18n/data/es.json +292 -73
  9. package/i18n/data/fr-FR.json +292 -73
  10. package/i18n/data/pt-BR.json +292 -73
  11. package/i18n/data/zh-CN.json +292 -73
  12. package/materials/custom-properties.css +6 -0
  13. package/materials/custom-properties.json +2 -0
  14. package/materials/custom-properties_default.css +6 -0
  15. package/materials/custom-properties_recolouring.css +2 -0
  16. package/materials/internals/definition.yaml +7 -0
  17. package/package.json +37 -36
package/i18n/data/zh-CN.json CHANGED
@@ -1,75 +1,294 @@
1
1
  {
2
- "UIKit.CalendarHeader.nextMonthTooltip": "下个月",
3
- "UIKit.CalendarHeader.nextYearTooltip": "下一年",
4
- "UIKit.CalendarHeader.previousMonthTooltip": "上个月",
5
- "UIKit.CalendarHeader.previousYearTooltip": "上一年",
6
- "UIKit.CalendarHeader.todayTooltip": "今天",
7
- "UIKit.ClearButton.clearButtonLabel": "清除",
8
- "UIKit.CreatableSelectInput.createLabel": "创建 \"{inputValue}\"",
9
- "UIKit.DataTableManager.ColumnManager.DroppablePanel.loadMoreAttributesHint": "使用上面的搜索输入加载更多属性",
10
- "UIKit.DataTableManager.ColumnManager.closeButtonLabel": "关闭",
11
- "UIKit.DataTableManager.ColumnManager.hiddenColumns": "隐藏列",
12
- "UIKit.DataTableManager.ColumnManager.noHiddenColumnsToShow": "没有要显示的隐藏列。",
13
- "UIKit.DataTableManager.ColumnManager.noSelectedColumnsToShow": "没有要显示的已选列。",
14
- "UIKit.DataTableManager.ColumnManager.title": "列管理器",
15
- "UIKit.DataTableManager.ColumnSelectorGroups.visible": "可见列",
16
- "UIKit.DataTableManager.DensityManager.closeButtonLabel": "关闭",
17
- "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": "Comfortable",
18
- "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": "紧凑型",
19
- "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": "行密度",
20
- "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": "显示全文。",
21
- "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": "显示文本预览并按需进行扩展。",
22
- "UIKit.DataTableManager.DensityManager.textWrappingSubtitle": "文字可见度",
23
- "UIKit.DataTableManager.DensityManager.title": "表格布局设置",
24
- "UIKit.DataTableManager.TableSettings.columnManagerOption": "列管理器",
25
- "UIKit.DataTableManager.TableSettings.displaySettingsOption": "布局设置",
26
- "UIKit.DataTableManager.TableSettings.placeholder": "表格设置",
27
- "UIKit.FieldErrors.invalidFractionalNumber": "需要完整数字。",
28
- "UIKit.FieldErrors.invalidNegativeNumber": "不支持负数。",
29
- "UIKit.FieldErrors.missingRequiredField": "此字段为必填项。请提供一个值。",
30
- "UIKit.LocalizedMoneyInput.hide": "隐藏货币 ({remainingCurrencies})",
31
- "UIKit.LocalizedMoneyInput.missingRequiredField": "此字段为必填项。请提供至少一个值。",
32
- "UIKit.LocalizedMoneyInput.show": "显示所有货币 ({remainingCurrencies})",
33
- "UIKit.LocalizedTextInput.hide": "隐藏语言 ({remainingLanguages})",
34
- "UIKit.LocalizedTextInput.missingRequiredField": "此字段为必填项。请提供至少一个值。",
35
- "UIKit.LocalizedTextInput.show": "显示所有语言 ({remainingLanguages})",
36
- "UIKit.MoneyInput.highPrecision": "价格精确度高",
37
- "UIKit.MultilineTextInput.collapse": "崩溃",
38
- "UIKit.MultilineTextInput.expand": "扩展",
39
- "UIKit.Pagination.PageNavigator.nextPageLabel": "下一页",
40
- "UIKit.Pagination.PageNavigator.page": "页面",
41
- "UIKit.Pagination.PageNavigator.pageCount": "{count} 的",
42
- "UIKit.Pagination.PageNavigator.previousPageLabel": "上一页",
43
- "UIKit.Pagination.PageSizeSelector.pageSize": "每页项目数（{count} 项目）",
44
- "UIKit.PasswordField.hide": "隐藏",
45
- "UIKit.PasswordField.show": "显示",
46
- "UIKit.RichTextBody.boldButtonLabel": "粗体",
47
- "UIKit.RichTextBody.expandButtonLabel": "扩展",
48
- "UIKit.RichTextBody.italicButtonLabel": "斜体",
49
- "UIKit.RichTextBody.moreStylesDropdownLabel": "更多样式",
50
- "UIKit.RichTextBody.moreStylesDropdownOptionStrikethrough": "删除线",
51
- "UIKit.RichTextBody.moreStylesDropdownOptionSubscript": "下标",
52
- "UIKit.RichTextBody.moreStylesDropdownOptionSuperscript": "上标",
53
- "UIKit.RichTextBody.orderedListButtonLabel": "编号列表",
54
- "UIKit.RichTextBody.redoButtonLabel": "重做",
55
- "UIKit.RichTextBody.styleDropdownLabel": "样式",
56
- "UIKit.RichTextBody.styleDropdownOptionH1": "标题 H1",
57
- "UIKit.RichTextBody.styleDropdownOptionH2": "标题 H2",
58
- "UIKit.RichTextBody.styleDropdownOptionH3": "标题 H3",
59
- "UIKit.RichTextBody.styleDropdownOptionH4": "标题 H4",
60
- "UIKit.RichTextBody.styleDropdownOptionH5": "标题 H5",
61
- "UIKit.RichTextBody.styleDropdownOptionParagraph": "段落",
62
- "UIKit.RichTextBody.styleDropdownOptionPreformatted": "预格式化",
63
- "UIKit.RichTextBody.styleDropdownOptionQuote": "引用",
64
- "UIKit.RichTextBody.underlinedButtonLabel": "下划线",
65
- "UIKit.RichTextBody.undoButtonLabel": "撤销",
66
- "UIKit.RichTextBody.unorderedListButtonLabel": "项目符号列表",
67
- "UIKit.SearchSelectInput.loadingOptionsMessage": "正在加载完全匹配项",
68
- "UIKit.SearchSelectInput.noOptionsMessage": "找不到与您的搜索字词匹配的内容",
69
- "UIKit.SearchSelectInput.placeholderMessage": "搜索方式…",
70
- "UIKit.SelectInput.loadingOptions": "正在加载...",
71
- "UIKit.SelectInput.noOptionsMessageWithInputValue": "无选项",
72
- "UIKit.SelectInput.noOptionsMessageWithoutInputValue": "无选项",
73
- "UIKit.SelectInput.placeholder": "选择...",
74
- "UIKit.TimeInput.placeholder": "小时：分钟"
2
+ "UIKit.CalendarHeader.nextMonthTooltip": {
3
+ "developer_comment": "Tooltip title when user hovers the next month button",
4
+ "string": "下个月"
5
+ },
6
+ "UIKit.CalendarHeader.nextYearTooltip": {
7
+ "developer_comment": "Tooltip title when user hovers the next year button",
8
+ "string": "下一年"
9
+ },
10
+ "UIKit.CalendarHeader.previousMonthTooltip": {
11
+ "developer_comment": "Tooltip title when user hovers the previous month button",
12
+ "string": "上个月"
13
+ },
14
+ "UIKit.CalendarHeader.previousYearTooltip": {
15
+ "developer_comment": "Tooltip title when user hovers the previous year button",
16
+ "string": "上一年"
17
+ },
18
+ "UIKit.CalendarHeader.todayTooltip": {
19
+ "developer_comment": "Tooltip title when user hovers the today button",
20
+ "string": "今天"
21
+ },
22
+ "UIKit.ClearButton.clearButtonLabel": {
23
+ "developer_comment": "Label for the clear button",
24
+ "string": "清除"
25
+ },
26
+ "UIKit.CreatableSelectInput.createLabel": {
27
+ "developer_comment": "Text of dropdown when creating option",
28
+ "string": "创建 \"{inputValue}\""
29
+ },
30
+ "UIKit.DataTableManager.ColumnManager.DroppablePanel.loadMoreAttributesHint": {
31
+ "developer_comment": "Indicate that the user can use the search input to load more attributes",
32
+ "string": "使用上面的搜索输入加载更多属性"
33
+ },
34
+ "UIKit.DataTableManager.ColumnManager.closeButtonLabel": {
35
+ "developer_comment": "Label for density manager close button.",
36
+ "string": "关闭"
37
+ },
38
+ "UIKit.DataTableManager.ColumnManager.hiddenColumns": {
39
+ "developer_comment": "Message for the hidden columns section",
40
+ "string": "隐藏列"
41
+ },
42
+ "UIKit.DataTableManager.ColumnManager.noHiddenColumnsToShow": {
43
+ "developer_comment": "Label when there are no hidden columns to show",
44
+ "string": "没有要显示的隐藏列。"
45
+ },
46
+ "UIKit.DataTableManager.ColumnManager.noSelectedColumnsToShow": {
47
+ "developer_comment": "Label when there are no selected columns to show",
48
+ "string": "没有要显示的已选列。"
49
+ },
50
+ "UIKit.DataTableManager.ColumnManager.title": {
51
+ "developer_comment": "Title for the column manager component.",
52
+ "string": "列管理器"
53
+ },
54
+ "UIKit.DataTableManager.ColumnSelectorGroups.visible": {
55
+ "developer_comment": "Message for the visible columns section.",
56
+ "string": "可见列"
57
+ },
58
+ "UIKit.DataTableManager.DensityManager.closeButtonLabel": {
59
+ "developer_comment": "Label for density manager close button.",
60
+ "string": "关闭"
61
+ },
62
+ "UIKit.DataTableManager.DensityManager.densityDisplayComfortableOption": {
63
+ "developer_comment": "Density display default option.",
64
+ "string": "舒适"
65
+ },
66
+ "UIKit.DataTableManager.DensityManager.densityDisplayCompactOption": {
67
+ "developer_comment": "Density display compact option.",
68
+ "string": "紧凑型"
69
+ },
70
+ "UIKit.DataTableManager.DensityManager.densityDisplaySubtitle": {
71
+ "developer_comment": "Subtitle for the density display options.",
72
+ "string": "行密度"
73
+ },
74
+ "UIKit.DataTableManager.DensityManager.textWrappingAllWrapVisibleOption": {
75
+ "developer_comment": "All wrapped texts visible option.",
76
+ "string": "显示全文。"
77
+ },
78
+ "UIKit.DataTableManager.DensityManager.textWrappingShowHideOnDemandOption": {
79
+ "developer_comment": "Show or hide texts on demand option.",
80
+ "string": "显示文本预览并按需进行扩展。"
81
+ },
82
+ "UIKit.DataTableManager.DensityManager.textWrappingSubtitle": {
83
+ "developer_comment": "Subtitle for the text wrapping options.",
84
+ "string": "文字可见度"
85
+ },
86
+ "UIKit.DataTableManager.DensityManager.title": {
87
+ "developer_comment": "Title for the density manager component.",
88
+ "string": "表格布局设置"
89
+ },
90
+ "UIKit.DataTableManager.TableSettings.columnManagerOption": {
91
+ "developer_comment": "Column manager dropdown option label.",
92
+ "string": "列管理器"
93
+ },
94
+ "UIKit.DataTableManager.TableSettings.displaySettingsOption": {
95
+ "developer_comment": "Display settings dropdown option label.",
96
+ "string": "布局设置"
97
+ },
98
+ "UIKit.DataTableManager.TableSettings.placeholder": {
99
+ "developer_comment": "Placeholder for the table settings select component.",
100
+ "string": "表格设置"
101
+ },
102
+ "UIKit.FieldErrors.invalidFractionalNumber": {
103
+ "developer_comment": "Error message when fractional number is used",
104
+ "string": "需要完整数字。"
105
+ },
106
+ "UIKit.FieldErrors.invalidNegativeNumber": {
107
+ "developer_comment": "Error message when negative number is used",
108
+ "string": "不支持负数。"
109
+ },
110
+ "UIKit.FieldErrors.missingRequiredField": {
111
+ "developer_comment": "Error message for missing required value",
112
+ "string": "此字段为必填项。请提供一个值。"
113
+ },
114
+ "UIKit.LocalizedMoneyInput.hide": {
115
+ "developer_comment": "Hide currencies button",
116
+ "string": "隐藏货币 ({remainingCurrencies})"
117
+ },
118
+ "UIKit.LocalizedMoneyInput.missingRequiredField": {
119
+ "developer_comment": "Error message for missing required value",
120
+ "string": "此字段为必填项。请提供至少一个值。"
121
+ },
122
+ "UIKit.LocalizedMoneyInput.show": {
123
+ "developer_comment": "Show all currencies button",
124
+ "string": "显示所有货币 ({remainingCurrencies})"
125
+ },
126
+ "UIKit.LocalizedTextInput.hide": {
127
+ "developer_comment": "Label of language collapse button",
128
+ "string": "隐藏语言 ({remainingLanguages})"
129
+ },
130
+ "UIKit.LocalizedTextInput.missingRequiredField": {
131
+ "developer_comment": "Error message for missing required value",
132
+ "string": "此字段为必填项。请提供至少一个值。"
133
+ },
134
+ "UIKit.LocalizedTextInput.show": {
135
+ "developer_comment": "Label of language expansion button",
136
+ "string": "显示所有语言 ({remainingLanguages})"
137
+ },
138
+ "UIKit.MoneyInput.highPrecision": {
139
+ "developer_comment": "Label of high precision tooltip in MoneyInput",
140
+ "string": "价格精确度高"
141
+ },
142
+ "UIKit.MultilineTextInput.collapse": {
143
+ "developer_comment": "The label for \"collapse\" action",
144
+ "string": "崩溃"
145
+ },
146
+ "UIKit.MultilineTextInput.expand": {
147
+ "developer_comment": "The label for \"expand\" action",
148
+ "string": "扩展"
149
+ },
150
+ "UIKit.Pagination.PageNavigator.nextPageLabel": {
151
+ "developer_comment": "Label for next page button",
152
+ "string": "下一页"
153
+ },
154
+ "UIKit.Pagination.PageNavigator.page": {
155
+ "developer_comment": "Label for page",
156
+ "string": "页面"
157
+ },
158
+ "UIKit.Pagination.PageNavigator.pageCount": {
159
+ "developer_comment": "Label for total pages",
160
+ "string": "{count} 的"
161
+ },
162
+ "UIKit.Pagination.PageNavigator.previousPageLabel": {
163
+ "developer_comment": "Label for previous page button",
164
+ "string": "上一页"
165
+ },
166
+ "UIKit.Pagination.PageSizeSelector.pageSize": {
167
+ "developer_comment": "How many items are per page",
168
+ "string": "每页项目数（{count} 项目）"
169
+ },
170
+ "UIKit.PasswordField.hide": {
171
+ "developer_comment": "Label for the button to hide the password",
172
+ "string": "隐藏"
173
+ },
174
+ "UIKit.PasswordField.show": {
175
+ "developer_comment": "Label for the button to show the password",
176
+ "string": "显示"
177
+ },
178
+ "UIKit.RichTextBody.boldButtonLabel": {
179
+ "developer_comment": "Label for the bold button",
180
+ "string": "粗体"
181
+ },
182
+ "UIKit.RichTextBody.expandButtonLabel": {
183
+ "developer_comment": "Label for the expand button",
184
+ "string": "扩展"
185
+ },
186
+ "UIKit.RichTextBody.italicButtonLabel": {
187
+ "developer_comment": "Label for the italic button",
188
+ "string": "斜体"
189
+ },
190
+ "UIKit.RichTextBody.moreStylesDropdownLabel": {
191
+ "developer_comment": "Label for the more styles dropdown",
192
+ "string": "更多样式"
193
+ },
194
+ "UIKit.RichTextBody.moreStylesDropdownOptionStrikethrough": {
195
+ "developer_comment": "label for the more styles `strikethrough` option",
196
+ "string": "删除线"
197
+ },
198
+ "UIKit.RichTextBody.moreStylesDropdownOptionSubscript": {
199
+ "developer_comment": "label for the more styles `subscript` option",
200
+ "string": "下标"
201
+ },
202
+ "UIKit.RichTextBody.moreStylesDropdownOptionSuperscript": {
203
+ "developer_comment": "label for the more styles `superscript` option",
204
+ "string": "上标"
205
+ },
206
+ "UIKit.RichTextBody.orderedListButtonLabel": {
207
+ "developer_comment": "Label for the numbered list button",
208
+ "string": "编号列表"
209
+ },
210
+ "UIKit.RichTextBody.redoButtonLabel": {
211
+ "developer_comment": "Label for the redo button",
212
+ "string": "重做"
213
+ },
214
+ "UIKit.RichTextBody.styleDropdownLabel": {
215
+ "developer_comment": "Label for the style dropdown",
216
+ "string": "样式"
217
+ },
218
+ "UIKit.RichTextBody.styleDropdownOptionH1": {
219
+ "developer_comment": "Label for the `headline-one` option",
220
+ "string": "标题 H1"
221
+ },
222
+ "UIKit.RichTextBody.styleDropdownOptionH2": {
223
+ "developer_comment": "Label for the `headline-two` option",
224
+ "string": "标题 H2"
225
+ },
226
+ "UIKit.RichTextBody.styleDropdownOptionH3": {
227
+ "developer_comment": "Label for the `headline-three` option",
228
+ "string": "标题 H3"
229
+ },
230
+ "UIKit.RichTextBody.styleDropdownOptionH4": {
231
+ "developer_comment": "Label for the `headline-four` option",
232
+ "string": "标题 H4"
233
+ },
234
+ "UIKit.RichTextBody.styleDropdownOptionH5": {
235
+ "developer_comment": "Label for the `headline-five` option",
236
+ "string": "标题 H5"
237
+ },
238
+ "UIKit.RichTextBody.styleDropdownOptionParagraph": {
239
+ "developer_comment": "Label for the `paragraph` option",
240
+ "string": "段落"
241
+ },
242
+ "UIKit.RichTextBody.styleDropdownOptionPreformatted": {
243
+ "developer_comment": "Label for the `code` option",
244
+ "string": "预格式化"
245
+ },
246
+ "UIKit.RichTextBody.styleDropdownOptionQuote": {
247
+ "developer_comment": "Label for the `quote` option",
248
+ "string": "引用"
249
+ },
250
+ "UIKit.RichTextBody.underlinedButtonLabel": {
251
+ "developer_comment": "Label for the underline button",
252
+ "string": "下划线"
253
+ },
254
+ "UIKit.RichTextBody.undoButtonLabel": {
255
+ "developer_comment": "Label for the undo button",
256
+ "string": "撤销"
257
+ },
258
+ "UIKit.RichTextBody.unorderedListButtonLabel": {
259
+ "developer_comment": "Label for the bullet list button",
260
+ "string": "项目符号列表"
261
+ },
262
+ "UIKit.SearchSelectInput.loadingOptionsMessage": {
263
+ "developer_comment": "Text showed while the options are being loaded",
264
+ "string": "正在加载完全匹配项"
265
+ },
266
+ "UIKit.SearchSelectInput.noOptionsMessage": {
267
+ "developer_comment": "Text of search select dropdown when no options match search text",
268
+ "string": "找不到与您的搜索字词匹配的内容"
269
+ },
270
+ "UIKit.SearchSelectInput.placeholderMessage": {
271
+ "developer_comment": "Placeholder text for the input",
272
+ "string": "搜索方式…"
273
+ },
274
+ "UIKit.SelectInput.loadingOptions": {
275
+ "developer_comment": "Default input loading text",
276
+ "string": "正在加载..."
277
+ },
278
+ "UIKit.SelectInput.noOptionsMessageWithInputValue": {
279
+ "developer_comment": "Text of dropdown when no options match search text",
280
+ "string": "无选项"
281
+ },
282
+ "UIKit.SelectInput.noOptionsMessageWithoutInputValue": {
283
+ "developer_comment": "Text of dropdown when no options exist",
284
+ "string": "无选项"
285
+ },
286
+ "UIKit.SelectInput.placeholder": {
287
+ "developer_comment": "Default input placeholder text",
288
+ "string": "选择..."
289
+ },
290
+ "UIKit.TimeInput.placeholder": {
291
+ "developer_comment": "Placeholder for time input",
292
+ "string": "小时：分钟"
293
+ }
75
294
  }
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-60: hsl(203.05555555555554, 93.9130434783%, 60%);
68
69
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
69
70
  --color-info-90: #ceebfd;
70
71
  --color-info-95: hsl(203.05555555555554, 93.9130434783%, 95%);
@@ -195,6 +196,11 @@
195
196
  --background-color-for-button-when-active: hsl(232, 18%, 95%);
196
197
  --background-color-for-button-when-hovered: hsl(232, 18%, 98%);
197
198
  --background-color-for-button-when-disabled: hsl(195, 35.2941176471%, 95%);
199
+ --background-color-for-icon-button-when-disabled: hsl(
200
+ 195,
201
+ 35.2941176471%,
202
+ 95%
203
+ );
198
204
  --background-color-for-input: #fff;
199
205
  --background-color-for-input-when-selected: hsl(195, 35.2941176471%, 95%);
200
206
  --background-color-for-input-when-disabled: hsl(232, 18%, 95%);
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-60": "hsl(203.05555555555554, 93.9130434783%, 60%)",
61
62
  "--color-info-85": "hsl(203.05555555555554, 93.9130434783%, 85%)",
62
63
  "--color-info-90": "#CEEBFD",
63
64
  "--color-info-95": "hsl(203.05555555555554, 93.9130434783%, 95%)",
@@ -183,6 +184,7 @@
183
184
  "--background-color-for-button-when-active": "hsl(232, 18%, 95%)",
184
185
  "--background-color-for-button-when-hovered": "hsl(232, 18%, 98%)",
185
186
  "--background-color-for-button-when-disabled": "hsl(195, 35.2941176471%, 95%)",
187
+ "--background-color-for-icon-button-when-disabled": "hsl(195, 35.2941176471%, 95%)",
186
188
  "--background-color-for-input": "#fff",
187
189
  "--background-color-for-input-when-selected": "hsl(195, 35.2941176471%, 95%)",
188
190
  "--background-color-for-input-when-disabled": "hsl(232, 18%, 95%)",
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-60: hsl(203.05555555555554, 93.9130434783%, 60%);
68
69
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
69
70
  --color-info-90: #ceebfd;
70
71
  --color-info-95: hsl(203.05555555555554, 93.9130434783%, 95%);
@@ -195,6 +196,11 @@
195
196
  --background-color-for-button-when-active: hsl(232, 18%, 95%);
196
197
  --background-color-for-button-when-hovered: hsl(232, 18%, 98%);
197
198
  --background-color-for-button-when-disabled: hsl(195, 35.2941176471%, 95%);
199
+ --background-color-for-icon-button-when-disabled: hsl(
200
+ 195,
201
+ 35.2941176471%,
202
+ 95%
203
+ );
198
204
  --background-color-for-input: #fff;
199
205
  --background-color-for-input-when-selected: hsl(195, 35.2941176471%, 95%);
200
206
  --background-color-for-input-when-disabled: hsl(232, 18%, 95%);
package/materials/custom-properties_recolouring.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-60: hsl(203.05555555555554, 93.9130434783%, 60%);
68
69
  --color-info-85: hsl(203.05555555555554, 93.9130434783%, 85%);
69
70
  --color-info-90: #ceebfd;
70
71
  --color-info-95: hsl(203.05555555555554, 93.9130434783%, 95%);
@@ -195,6 +196,7 @@
195
196
  --background-color-for-button-when-active: hsl(243, 100%, 93%);
196
197
  --background-color-for-button-when-hovered: hsl(244, 100%, 97%);
197
198
  --background-color-for-button-when-disabled: hsl(195, 35.2941176471%, 95%);
199
+ --background-color-for-icon-button-when-disabled: transparent;
198
200
  --background-color-for-input: #fff;
199
201
  --background-color-for-input-when-selected: hsl(244, 100%, 97%);
200
202
  --background-color-for-input-when-disabled: hsl(232, 18%, 95%);
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-60: 'hsl(203.05555555555554, 93.9130434783%, 60%)'
98
99
  color-info-85: 'hsl(203.05555555555554, 93.9130434783%, 85%)'
99
100
  color-info-90: '#CEEBFD'
100
101
  color-info-95: 'hsl(203.05555555555554, 93.9130434783%, 95%)'
@@ -396,6 +397,8 @@ variants:
396
397
  componentGroups:
397
398
  button:
398
399
  description: 'Button elements'
400
+ icon-button:
401
+ description: 'Icon button elements'
399
402
  input:
400
403
  description: 'Input elements'
401
404
  localized-input-label:
@@ -444,6 +447,8 @@ decisionGroupsByTheme:
444
447
  choice: color-neutral-98
445
448
  background-color-for-button-when-disabled:
446
449
  choice: color-accent-95
450
+ background-color-for-icon-button-when-disabled:
451
+ choice: color-accent-95
447
452
  background-color-for-input:
448
453
  choice: color-surface
449
454
  background-color-for-input-when-selected:
@@ -702,6 +707,8 @@ decisionGroupsByTheme:
702
707
  choice: color-primary-90
703
708
  background-color-for-button-when-hovered:
704
709
  choice: color-primary-95
710
+ background-color-for-icon-button-when-disabled:
711
+ choice: 'color-transparent'
705
712
  background-color-for-button-as-primary:
706
713
  choice: color-primary
707
714
  background-color-for-button-as-primary-when-hovered:
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": "18.5.0",
4
+ "version": "19.1.0",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -24,41 +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": "18.5.0",
28
- "@commercetools-uikit/avatar": "18.5.0",
29
- "@commercetools-uikit/buttons": "18.5.0",
30
- "@commercetools-uikit/card": "18.5.0",
31
- "@commercetools-uikit/collapsible": "18.5.0",
32
- "@commercetools-uikit/collapsible-motion": "18.5.0",
33
- "@commercetools-uikit/collapsible-panel": "18.5.0",
34
- "@commercetools-uikit/constraints": "18.5.0",
35
- "@commercetools-uikit/data-table": "18.5.0",
36
- "@commercetools-uikit/data-table-manager": "18.5.0",
37
- "@commercetools-uikit/design-system": "18.5.0",
38
- "@commercetools-uikit/field-errors": "18.5.0",
39
- "@commercetools-uikit/field-label": "18.5.0",
40
- "@commercetools-uikit/fields": "18.5.0",
41
- "@commercetools-uikit/grid": "18.5.0",
42
- "@commercetools-uikit/hooks": "18.5.0",
43
- "@commercetools-uikit/i18n": "18.5.0",
44
- "@commercetools-uikit/icons": "18.5.0",
45
- "@commercetools-uikit/inputs": "18.5.0",
46
- "@commercetools-uikit/label": "18.5.0",
47
- "@commercetools-uikit/link": "18.5.0",
48
- "@commercetools-uikit/loading-spinner": "18.5.0",
49
- "@commercetools-uikit/messages": "18.5.0",
50
- "@commercetools-uikit/notifications": "18.5.0",
51
- "@commercetools-uikit/pagination": "18.5.0",
52
- "@commercetools-uikit/primary-action-dropdown": "18.5.0",
53
- "@commercetools-uikit/progress-bar": "18.5.0",
54
- "@commercetools-uikit/selectable-search-input": "18.5.0",
55
- "@commercetools-uikit/spacings": "18.5.0",
56
- "@commercetools-uikit/stamp": "18.5.0",
57
- "@commercetools-uikit/tag": "18.5.0",
58
- "@commercetools-uikit/text": "18.5.0",
59
- "@commercetools-uikit/tooltip": "18.5.0",
60
- "@commercetools-uikit/utils": "18.5.0",
61
- "@commercetools-uikit/view-switcher": "18.5.0"
27
+ "@commercetools-uikit/accessible-hidden": "19.1.0",
28
+ "@commercetools-uikit/avatar": "19.1.0",
29
+ "@commercetools-uikit/buttons": "19.1.0",
30
+ "@commercetools-uikit/card": "19.1.0",
31
+ "@commercetools-uikit/collapsible": "19.1.0",
32
+ "@commercetools-uikit/collapsible-motion": "19.1.0",
33
+ "@commercetools-uikit/collapsible-panel": "19.1.0",
34
+ "@commercetools-uikit/constraints": "19.1.0",
35
+ "@commercetools-uikit/data-table": "19.1.0",
36
+ "@commercetools-uikit/data-table-manager": "19.1.0",
37
+ "@commercetools-uikit/design-system": "19.1.0",
38
+ "@commercetools-uikit/dropdown-menu": "19.1.0",
39
+ "@commercetools-uikit/field-errors": "19.1.0",
40
+ "@commercetools-uikit/field-label": "19.1.0",
41
+ "@commercetools-uikit/fields": "19.1.0",
42
+ "@commercetools-uikit/grid": "19.1.0",
43
+ "@commercetools-uikit/hooks": "19.1.0",
44
+ "@commercetools-uikit/i18n": "19.1.0",
45
+ "@commercetools-uikit/icons": "19.1.0",
46
+ "@commercetools-uikit/inputs": "19.1.0",
47
+ "@commercetools-uikit/label": "19.1.0",
48
+ "@commercetools-uikit/link": "19.1.0",
49
+ "@commercetools-uikit/loading-spinner": "19.1.0",
50
+ "@commercetools-uikit/messages": "19.1.0",
51
+ "@commercetools-uikit/notifications": "19.1.0",
52
+ "@commercetools-uikit/pagination": "19.1.0",
53
+ "@commercetools-uikit/primary-action-dropdown": "19.1.0",
54
+ "@commercetools-uikit/progress-bar": "19.1.0",
55
+ "@commercetools-uikit/selectable-search-input": "19.1.0",
56
+ "@commercetools-uikit/spacings": "19.1.0",
57
+ "@commercetools-uikit/stamp": "19.1.0",
58
+ "@commercetools-uikit/tag": "19.1.0",
59
+ "@commercetools-uikit/text": "19.1.0",
60
+ "@commercetools-uikit/tooltip": "19.1.0",
61
+ "@commercetools-uikit/utils": "19.1.0",
62
+ "@commercetools-uikit/view-switcher": "19.1.0"
62
63
  },
63
64
  "devDependencies": {
64
65
  "moment": "2.30.1",