@commercetools-frontend/ui-kit 12.2.2 → 12.2.6

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.
@@ -45,14 +45,12 @@ function _interopNamespace(e) {
45
45
  var d = Object.getOwnPropertyDescriptor(e, k);
46
46
  Object.defineProperty(n, k, d.get ? d : {
47
47
  enumerable: true,
48
- get: function () {
49
- return e[k];
50
- }
48
+ get: function () { return e[k]; }
51
49
  });
52
50
  }
53
51
  });
54
52
  }
55
- n['default'] = e;
53
+ n["default"] = e;
56
54
  return Object.freeze(n);
57
55
  }
58
56
 
@@ -79,244 +77,168 @@ var tag__default = /*#__PURE__*/_interopDefault(tag);
79
77
  var tooltip__default = /*#__PURE__*/_interopDefault(tooltip);
80
78
  var text__default = /*#__PURE__*/_interopDefault(text);
81
79
 
82
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
83
- var version = '12.2.2';
80
+ // NOTE: This string will be replaced on build time with the package version.
81
+ var version = "12.2.6";
84
82
 
85
83
  exports.i18n = i18n__namespace;
86
84
  Object.defineProperty(exports, 'AccessibleHidden', {
87
85
  enumerable: true,
88
- get: function () {
89
- return accessibleHidden__default['default'];
90
- }
86
+ get: function () { return accessibleHidden__default["default"]; }
91
87
  });
92
88
  Object.defineProperty(exports, 'Avatar', {
93
89
  enumerable: true,
94
- get: function () {
95
- return avatar__default['default'];
96
- }
90
+ get: function () { return avatar__default["default"]; }
97
91
  });
98
92
  Object.defineProperty(exports, 'Card', {
99
93
  enumerable: true,
100
- get: function () {
101
- return card__default['default'];
102
- }
94
+ get: function () { return card__default["default"]; }
103
95
  });
104
96
  Object.defineProperty(exports, 'Link', {
105
97
  enumerable: true,
106
- get: function () {
107
- return link__default['default'];
108
- }
98
+ get: function () { return link__default["default"]; }
109
99
  });
110
100
  Object.defineProperty(exports, 'Collapsible', {
111
101
  enumerable: true,
112
- get: function () {
113
- return collapsible__default['default'];
114
- }
102
+ get: function () { return collapsible__default["default"]; }
115
103
  });
116
104
  Object.defineProperty(exports, 'CollapsibleMotion', {
117
105
  enumerable: true,
118
- get: function () {
119
- return collapsibleMotion__default['default'];
120
- }
106
+ get: function () { return collapsibleMotion__default["default"]; }
121
107
  });
122
108
  Object.defineProperty(exports, 'CollapsiblePanel', {
123
109
  enumerable: true,
124
- get: function () {
125
- return collapsiblePanel__default['default'];
126
- }
110
+ get: function () { return collapsiblePanel__default["default"]; }
127
111
  });
128
112
  Object.defineProperty(exports, 'Constraints', {
129
113
  enumerable: true,
130
- get: function () {
131
- return constraints__default['default'];
132
- }
114
+ get: function () { return constraints__default["default"]; }
133
115
  });
134
116
  Object.defineProperty(exports, 'ContentNotification', {
135
117
  enumerable: true,
136
- get: function () {
137
- return notifications.ContentNotification;
138
- }
118
+ get: function () { return notifications.ContentNotification; }
139
119
  });
140
120
  Object.defineProperty(exports, 'PrimaryActionDropdown', {
141
121
  enumerable: true,
142
- get: function () {
143
- return primaryActionDropdown__default['default'];
144
- }
122
+ get: function () { return primaryActionDropdown__default["default"]; }
145
123
  });
146
124
  Object.defineProperty(exports, 'PrimaryActionDropdownOption', {
147
125
  enumerable: true,
148
- get: function () {
149
- return primaryActionDropdown.Option;
150
- }
126
+ get: function () { return primaryActionDropdown.Option; }
151
127
  });
152
128
  Object.defineProperty(exports, 'FieldLabel', {
153
129
  enumerable: true,
154
- get: function () {
155
- return fieldLabel__default['default'];
156
- }
130
+ get: function () { return fieldLabel__default["default"]; }
157
131
  });
158
132
  Object.defineProperty(exports, 'FieldErrors', {
159
133
  enumerable: true,
160
- get: function () {
161
- return fieldErrors__default['default'];
162
- }
134
+ get: function () { return fieldErrors__default["default"]; }
163
135
  });
164
136
  Object.defineProperty(exports, 'Grid', {
165
137
  enumerable: true,
166
- get: function () {
167
- return grid__default['default'];
168
- }
138
+ get: function () { return grid__default["default"]; }
169
139
  });
170
140
  Object.defineProperty(exports, 'Label', {
171
141
  enumerable: true,
172
- get: function () {
173
- return label__default['default'];
174
- }
142
+ get: function () { return label__default["default"]; }
175
143
  });
176
144
  Object.defineProperty(exports, 'LoadingSpinner', {
177
145
  enumerable: true,
178
- get: function () {
179
- return loadingSpinner__default['default'];
180
- }
146
+ get: function () { return loadingSpinner__default["default"]; }
181
147
  });
182
148
  Object.defineProperty(exports, 'ErrorMessage', {
183
149
  enumerable: true,
184
- get: function () {
185
- return messages.ErrorMessage;
186
- }
150
+ get: function () { return messages.ErrorMessage; }
187
151
  });
188
152
  Object.defineProperty(exports, 'WarningMessage', {
189
153
  enumerable: true,
190
- get: function () {
191
- return messages.WarningMessage;
192
- }
154
+ get: function () { return messages.WarningMessage; }
193
155
  });
194
156
  Object.defineProperty(exports, 'PageNavigator', {
195
157
  enumerable: true,
196
- get: function () {
197
- return pagination.PageNavigator;
198
- }
158
+ get: function () { return pagination.PageNavigator; }
199
159
  });
200
160
  Object.defineProperty(exports, 'PageSizeSelector', {
201
161
  enumerable: true,
202
- get: function () {
203
- return pagination.PageSizeSelector;
204
- }
162
+ get: function () { return pagination.PageSizeSelector; }
205
163
  });
206
164
  Object.defineProperty(exports, 'Pagination', {
207
165
  enumerable: true,
208
- get: function () {
209
- return pagination.Pagination;
210
- }
166
+ get: function () { return pagination.Pagination; }
211
167
  });
212
168
  Object.defineProperty(exports, 'Spacings', {
213
169
  enumerable: true,
214
- get: function () {
215
- return spacings__default['default'];
216
- }
170
+ get: function () { return spacings__default["default"]; }
217
171
  });
218
172
  Object.defineProperty(exports, 'Stamp', {
219
173
  enumerable: true,
220
- get: function () {
221
- return stamp__default['default'];
222
- }
174
+ get: function () { return stamp__default["default"]; }
223
175
  });
224
176
  Object.defineProperty(exports, 'DataTable', {
225
177
  enumerable: true,
226
- get: function () {
227
- return dataTable__default['default'];
228
- }
178
+ get: function () { return dataTable__default["default"]; }
229
179
  });
230
180
  Object.defineProperty(exports, 'DataTableManager', {
231
181
  enumerable: true,
232
- get: function () {
233
- return dataTableManager__default['default'];
234
- }
182
+ get: function () { return dataTableManager__default["default"]; }
235
183
  });
236
184
  Object.defineProperty(exports, 'Tag', {
237
185
  enumerable: true,
238
- get: function () {
239
- return tag__default['default'];
240
- }
186
+ get: function () { return tag__default["default"]; }
241
187
  });
242
188
  Object.defineProperty(exports, 'Tooltip', {
243
189
  enumerable: true,
244
- get: function () {
245
- return tooltip__default['default'];
246
- }
190
+ get: function () { return tooltip__default["default"]; }
247
191
  });
248
192
  Object.defineProperty(exports, 'Text', {
249
193
  enumerable: true,
250
- get: function () {
251
- return text__default['default'];
252
- }
194
+ get: function () { return text__default["default"]; }
253
195
  });
254
196
  Object.defineProperty(exports, 'useDataTableSortingState', {
255
197
  enumerable: true,
256
- get: function () {
257
- return hooks.useDataTableSortingState;
258
- }
198
+ get: function () { return hooks.useDataTableSortingState; }
259
199
  });
260
200
  Object.defineProperty(exports, 'usePaginationState', {
261
201
  enumerable: true,
262
- get: function () {
263
- return hooks.usePaginationState;
264
- }
202
+ get: function () { return hooks.usePaginationState; }
265
203
  });
266
204
  Object.defineProperty(exports, 'useRowSelection', {
267
205
  enumerable: true,
268
- get: function () {
269
- return hooks.useRowSelection;
270
- }
206
+ get: function () { return hooks.useRowSelection; }
271
207
  });
272
208
  Object.defineProperty(exports, 'useSorting', {
273
209
  enumerable: true,
274
- get: function () {
275
- return hooks.useSorting;
276
- }
210
+ get: function () { return hooks.useSorting; }
277
211
  });
278
212
  Object.defineProperty(exports, 'useToggleState', {
279
213
  enumerable: true,
280
- get: function () {
281
- return hooks.useToggleState;
282
- }
214
+ get: function () { return hooks.useToggleState; }
283
215
  });
284
216
  Object.defineProperty(exports, 'customProperties', {
285
217
  enumerable: true,
286
- get: function () {
287
- return designSystem.customProperties;
288
- }
218
+ get: function () { return designSystem.customProperties; }
289
219
  });
290
220
  exports.version = version;
291
221
  Object.keys(buttons).forEach(function (k) {
292
222
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
293
223
  enumerable: true,
294
- get: function () {
295
- return buttons[k];
296
- }
224
+ get: function () { return buttons[k]; }
297
225
  });
298
226
  });
299
227
  Object.keys(fields).forEach(function (k) {
300
228
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
301
229
  enumerable: true,
302
- get: function () {
303
- return fields[k];
304
- }
230
+ get: function () { return fields[k]; }
305
231
  });
306
232
  });
307
233
  Object.keys(icons).forEach(function (k) {
308
234
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
309
235
  enumerable: true,
310
- get: function () {
311
- return icons[k];
312
- }
236
+ get: function () { return icons[k]; }
313
237
  });
314
238
  });
315
239
  Object.keys(inputs).forEach(function (k) {
316
240
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
317
241
  enumerable: true,
318
- get: function () {
319
- return inputs[k];
320
- }
242
+ get: function () { return inputs[k]; }
321
243
  });
322
244
  });
@@ -45,14 +45,12 @@ function _interopNamespace(e) {
45
45
  var d = Object.getOwnPropertyDescriptor(e, k);
46
46
  Object.defineProperty(n, k, d.get ? d : {
47
47
  enumerable: true,
48
- get: function () {
49
- return e[k];
50
- }
48
+ get: function () { return e[k]; }
51
49
  });
52
50
  }
53
51
  });
54
52
  }
55
- n['default'] = e;
53
+ n["default"] = e;
56
54
  return Object.freeze(n);
57
55
  }
58
56
 
@@ -79,244 +77,168 @@ var tag__default = /*#__PURE__*/_interopDefault(tag);
79
77
  var tooltip__default = /*#__PURE__*/_interopDefault(tooltip);
80
78
  var text__default = /*#__PURE__*/_interopDefault(text);
81
79
 
82
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
83
- var version = '12.2.2';
80
+ // NOTE: This string will be replaced on build time with the package version.
81
+ var version = "12.2.6";
84
82
 
85
83
  exports.i18n = i18n__namespace;
86
84
  Object.defineProperty(exports, 'AccessibleHidden', {
87
85
  enumerable: true,
88
- get: function () {
89
- return accessibleHidden__default['default'];
90
- }
86
+ get: function () { return accessibleHidden__default["default"]; }
91
87
  });
92
88
  Object.defineProperty(exports, 'Avatar', {
93
89
  enumerable: true,
94
- get: function () {
95
- return avatar__default['default'];
96
- }
90
+ get: function () { return avatar__default["default"]; }
97
91
  });
98
92
  Object.defineProperty(exports, 'Card', {
99
93
  enumerable: true,
100
- get: function () {
101
- return card__default['default'];
102
- }
94
+ get: function () { return card__default["default"]; }
103
95
  });
104
96
  Object.defineProperty(exports, 'Link', {
105
97
  enumerable: true,
106
- get: function () {
107
- return link__default['default'];
108
- }
98
+ get: function () { return link__default["default"]; }
109
99
  });
110
100
  Object.defineProperty(exports, 'Collapsible', {
111
101
  enumerable: true,
112
- get: function () {
113
- return collapsible__default['default'];
114
- }
102
+ get: function () { return collapsible__default["default"]; }
115
103
  });
116
104
  Object.defineProperty(exports, 'CollapsibleMotion', {
117
105
  enumerable: true,
118
- get: function () {
119
- return collapsibleMotion__default['default'];
120
- }
106
+ get: function () { return collapsibleMotion__default["default"]; }
121
107
  });
122
108
  Object.defineProperty(exports, 'CollapsiblePanel', {
123
109
  enumerable: true,
124
- get: function () {
125
- return collapsiblePanel__default['default'];
126
- }
110
+ get: function () { return collapsiblePanel__default["default"]; }
127
111
  });
128
112
  Object.defineProperty(exports, 'Constraints', {
129
113
  enumerable: true,
130
- get: function () {
131
- return constraints__default['default'];
132
- }
114
+ get: function () { return constraints__default["default"]; }
133
115
  });
134
116
  Object.defineProperty(exports, 'ContentNotification', {
135
117
  enumerable: true,
136
- get: function () {
137
- return notifications.ContentNotification;
138
- }
118
+ get: function () { return notifications.ContentNotification; }
139
119
  });
140
120
  Object.defineProperty(exports, 'PrimaryActionDropdown', {
141
121
  enumerable: true,
142
- get: function () {
143
- return primaryActionDropdown__default['default'];
144
- }
122
+ get: function () { return primaryActionDropdown__default["default"]; }
145
123
  });
146
124
  Object.defineProperty(exports, 'PrimaryActionDropdownOption', {
147
125
  enumerable: true,
148
- get: function () {
149
- return primaryActionDropdown.Option;
150
- }
126
+ get: function () { return primaryActionDropdown.Option; }
151
127
  });
152
128
  Object.defineProperty(exports, 'FieldLabel', {
153
129
  enumerable: true,
154
- get: function () {
155
- return fieldLabel__default['default'];
156
- }
130
+ get: function () { return fieldLabel__default["default"]; }
157
131
  });
158
132
  Object.defineProperty(exports, 'FieldErrors', {
159
133
  enumerable: true,
160
- get: function () {
161
- return fieldErrors__default['default'];
162
- }
134
+ get: function () { return fieldErrors__default["default"]; }
163
135
  });
164
136
  Object.defineProperty(exports, 'Grid', {
165
137
  enumerable: true,
166
- get: function () {
167
- return grid__default['default'];
168
- }
138
+ get: function () { return grid__default["default"]; }
169
139
  });
170
140
  Object.defineProperty(exports, 'Label', {
171
141
  enumerable: true,
172
- get: function () {
173
- return label__default['default'];
174
- }
142
+ get: function () { return label__default["default"]; }
175
143
  });
176
144
  Object.defineProperty(exports, 'LoadingSpinner', {
177
145
  enumerable: true,
178
- get: function () {
179
- return loadingSpinner__default['default'];
180
- }
146
+ get: function () { return loadingSpinner__default["default"]; }
181
147
  });
182
148
  Object.defineProperty(exports, 'ErrorMessage', {
183
149
  enumerable: true,
184
- get: function () {
185
- return messages.ErrorMessage;
186
- }
150
+ get: function () { return messages.ErrorMessage; }
187
151
  });
188
152
  Object.defineProperty(exports, 'WarningMessage', {
189
153
  enumerable: true,
190
- get: function () {
191
- return messages.WarningMessage;
192
- }
154
+ get: function () { return messages.WarningMessage; }
193
155
  });
194
156
  Object.defineProperty(exports, 'PageNavigator', {
195
157
  enumerable: true,
196
- get: function () {
197
- return pagination.PageNavigator;
198
- }
158
+ get: function () { return pagination.PageNavigator; }
199
159
  });
200
160
  Object.defineProperty(exports, 'PageSizeSelector', {
201
161
  enumerable: true,
202
- get: function () {
203
- return pagination.PageSizeSelector;
204
- }
162
+ get: function () { return pagination.PageSizeSelector; }
205
163
  });
206
164
  Object.defineProperty(exports, 'Pagination', {
207
165
  enumerable: true,
208
- get: function () {
209
- return pagination.Pagination;
210
- }
166
+ get: function () { return pagination.Pagination; }
211
167
  });
212
168
  Object.defineProperty(exports, 'Spacings', {
213
169
  enumerable: true,
214
- get: function () {
215
- return spacings__default['default'];
216
- }
170
+ get: function () { return spacings__default["default"]; }
217
171
  });
218
172
  Object.defineProperty(exports, 'Stamp', {
219
173
  enumerable: true,
220
- get: function () {
221
- return stamp__default['default'];
222
- }
174
+ get: function () { return stamp__default["default"]; }
223
175
  });
224
176
  Object.defineProperty(exports, 'DataTable', {
225
177
  enumerable: true,
226
- get: function () {
227
- return dataTable__default['default'];
228
- }
178
+ get: function () { return dataTable__default["default"]; }
229
179
  });
230
180
  Object.defineProperty(exports, 'DataTableManager', {
231
181
  enumerable: true,
232
- get: function () {
233
- return dataTableManager__default['default'];
234
- }
182
+ get: function () { return dataTableManager__default["default"]; }
235
183
  });
236
184
  Object.defineProperty(exports, 'Tag', {
237
185
  enumerable: true,
238
- get: function () {
239
- return tag__default['default'];
240
- }
186
+ get: function () { return tag__default["default"]; }
241
187
  });
242
188
  Object.defineProperty(exports, 'Tooltip', {
243
189
  enumerable: true,
244
- get: function () {
245
- return tooltip__default['default'];
246
- }
190
+ get: function () { return tooltip__default["default"]; }
247
191
  });
248
192
  Object.defineProperty(exports, 'Text', {
249
193
  enumerable: true,
250
- get: function () {
251
- return text__default['default'];
252
- }
194
+ get: function () { return text__default["default"]; }
253
195
  });
254
196
  Object.defineProperty(exports, 'useDataTableSortingState', {
255
197
  enumerable: true,
256
- get: function () {
257
- return hooks.useDataTableSortingState;
258
- }
198
+ get: function () { return hooks.useDataTableSortingState; }
259
199
  });
260
200
  Object.defineProperty(exports, 'usePaginationState', {
261
201
  enumerable: true,
262
- get: function () {
263
- return hooks.usePaginationState;
264
- }
202
+ get: function () { return hooks.usePaginationState; }
265
203
  });
266
204
  Object.defineProperty(exports, 'useRowSelection', {
267
205
  enumerable: true,
268
- get: function () {
269
- return hooks.useRowSelection;
270
- }
206
+ get: function () { return hooks.useRowSelection; }
271
207
  });
272
208
  Object.defineProperty(exports, 'useSorting', {
273
209
  enumerable: true,
274
- get: function () {
275
- return hooks.useSorting;
276
- }
210
+ get: function () { return hooks.useSorting; }
277
211
  });
278
212
  Object.defineProperty(exports, 'useToggleState', {
279
213
  enumerable: true,
280
- get: function () {
281
- return hooks.useToggleState;
282
- }
214
+ get: function () { return hooks.useToggleState; }
283
215
  });
284
216
  Object.defineProperty(exports, 'customProperties', {
285
217
  enumerable: true,
286
- get: function () {
287
- return designSystem.customProperties;
288
- }
218
+ get: function () { return designSystem.customProperties; }
289
219
  });
290
220
  exports.version = version;
291
221
  Object.keys(buttons).forEach(function (k) {
292
222
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
293
223
  enumerable: true,
294
- get: function () {
295
- return buttons[k];
296
- }
224
+ get: function () { return buttons[k]; }
297
225
  });
298
226
  });
299
227
  Object.keys(fields).forEach(function (k) {
300
228
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
301
229
  enumerable: true,
302
- get: function () {
303
- return fields[k];
304
- }
230
+ get: function () { return fields[k]; }
305
231
  });
306
232
  });
307
233
  Object.keys(icons).forEach(function (k) {
308
234
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
309
235
  enumerable: true,
310
- get: function () {
311
- return icons[k];
312
- }
236
+ get: function () { return icons[k]; }
313
237
  });
314
238
  });
315
239
  Object.keys(inputs).forEach(function (k) {
316
240
  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
317
241
  enumerable: true,
318
- get: function () {
319
- return inputs[k];
320
- }
242
+ get: function () { return inputs[k]; }
321
243
  });
322
244
  });
@@ -31,7 +31,7 @@ export { default as Text } from '@commercetools-uikit/text';
31
31
  export { useDataTableSortingState, usePaginationState, useRowSelection, useSorting, useToggleState } from '@commercetools-uikit/hooks';
32
32
  export { customProperties } from '@commercetools-uikit/design-system';
33
33
 
34
- // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
35
- var version = '12.2.2';
34
+ // NOTE: This string will be replaced on build time with the package version.
35
+ var version = "12.2.6";
36
36
 
37
37
  export { version };
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import { Component } from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { storiesOf } from '@storybook/react';
4
4
  import styled from '@emotion/styled';
@@ -322,7 +322,7 @@ const SpacingSample = styled.div`
322
322
  margin: 0 10px;
323
323
  `;
324
324
 
325
- class Story extends React.Component {
325
+ class Story extends Component {
326
326
  static displayName = 'Story';
327
327
 
328
328
  state = {
@@ -458,27 +458,27 @@ class Story extends React.Component {
458
458
  choiceGroup={definition.choiceGroups.colors}
459
459
  searchText={this.state.searchText}
460
460
  renderSample={(value) => (
461
- <React.Fragment>
461
+ <>
462
462
  <ColorSample color={value} /> {value}
463
- </React.Fragment>
463
+ </>
464
464
  )}
465
465
  />
466
466
  <ChoiceGroup
467
467
  choiceGroup={definition.choiceGroups.borderRadiuses}
468
468
  searchText={this.state.searchText}
469
469
  renderSample={(value) => (
470
- <React.Fragment>
470
+ <>
471
471
  <BorderRadiusSample borderRadius={value} /> {value}
472
- </React.Fragment>
472
+ </>
473
473
  )}
474
474
  />
475
475
  <ChoiceGroup
476
476
  choiceGroup={definition.choiceGroups.shadows}
477
477
  searchText={this.state.searchText}
478
478
  renderSample={(value) => (
479
- <React.Fragment>
479
+ <>
480
480
  <ShadowSample shadow={value} /> {value}
481
- </React.Fragment>
481
+ </>
482
482
  )}
483
483
  />
484
484
  <ChoiceGroup
@@ -489,9 +489,9 @@ class Story extends React.Component {
489
489
  choiceGroup={definition.choiceGroups.spacings}
490
490
  searchText={this.state.searchText}
491
491
  renderSample={(value) => (
492
- <React.Fragment>
492
+ <>
493
493
  <SpacingSample spacing={value} /> {value}
494
- </React.Fragment>
494
+ </>
495
495
  )}
496
496
  />
497
497
  <ChoiceGroup
@@ -524,45 +524,45 @@ class Story extends React.Component {
524
524
  decisionGroup={definition.decisionGroups.backgroundColors}
525
525
  searchText={this.state.searchText}
526
526
  renderSample={(value) => (
527
- <React.Fragment>
527
+ <>
528
528
  <ColorSample color={value} /> {value}
529
- </React.Fragment>
529
+ </>
530
530
  )}
531
531
  />
532
532
  <DecisionGroup
533
533
  decisionGroup={definition.decisionGroups.borderColors}
534
534
  searchText={this.state.searchText}
535
535
  renderSample={(value) => (
536
- <React.Fragment>
536
+ <>
537
537
  <ColorSample color={value} /> {value}
538
- </React.Fragment>
538
+ </>
539
539
  )}
540
540
  />
541
541
  <DecisionGroup
542
542
  decisionGroup={definition.decisionGroups.borderRadiuses}
543
543
  searchText={this.state.searchText}
544
544
  renderSample={(value) => (
545
- <React.Fragment>
545
+ <>
546
546
  <BorderRadiusSample borderRadius={value} /> {value}
547
- </React.Fragment>
547
+ </>
548
548
  )}
549
549
  />
550
550
  <DecisionGroup
551
551
  decisionGroup={definition.decisionGroups.fontColors}
552
552
  searchText={this.state.searchText}
553
553
  renderSample={(value) => (
554
- <React.Fragment>
554
+ <>
555
555
  <FontColorSample color={value} /> {value}
556
- </React.Fragment>
556
+ </>
557
557
  )}
558
558
  />
559
559
  <DecisionGroup
560
560
  decisionGroup={definition.decisionGroups.shadows}
561
561
  searchText={this.state.searchText}
562
562
  renderSample={(value) => (
563
- <React.Fragment>
563
+ <>
564
564
  <ShadowSample shadow={value} /> {value}
565
- </React.Fragment>
565
+ </>
566
566
  )}
567
567
  />
568
568
  </Background>
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": "12.2.2",
4
+ "version": "12.2.6",
5
5
  "bugs": "https://github.com/commercetools/ui-kit/issues",
6
6
  "repository": {
7
7
  "type": "git",
@@ -11,7 +11,6 @@
11
11
  "homepage": "https://uikit.commercetools.com",
12
12
  "keywords": ["javascript", "design system", "react", "uikit"],
13
13
  "license": "MIT",
14
- "private": false,
15
14
  "publishConfig": {
16
15
  "access": "public"
17
16
  },
@@ -20,51 +19,50 @@
20
19
  "module": "dist/commercetools-frontend-ui-kit.esm.js",
21
20
  "files": ["dist", "materials", "i18n"],
22
21
  "scripts": {
23
- "prepare": "../../scripts/version.js replace",
24
22
  "copy-assets": "rm -rf i18n materials && mkdir -p i18n/data && cp -R ../../design-system/materials materials && cp -R ../../packages/i18n/data i18n/"
25
23
  },
26
24
  "dependencies": {
27
- "@babel/runtime": "7.14.8",
28
- "@babel/runtime-corejs3": "7.14.8",
29
- "@commercetools-uikit/accessible-hidden": "12.2.2",
30
- "@commercetools-uikit/avatar": "12.2.2",
31
- "@commercetools-uikit/buttons": "12.2.2",
32
- "@commercetools-uikit/card": "12.2.2",
33
- "@commercetools-uikit/collapsible": "12.2.2",
34
- "@commercetools-uikit/collapsible-motion": "12.2.2",
35
- "@commercetools-uikit/collapsible-panel": "12.2.2",
36
- "@commercetools-uikit/constraints": "12.2.2",
37
- "@commercetools-uikit/data-table": "12.2.2",
38
- "@commercetools-uikit/data-table-manager": "12.2.2",
39
- "@commercetools-uikit/design-system": "12.2.2",
40
- "@commercetools-uikit/field-errors": "12.2.2",
41
- "@commercetools-uikit/field-label": "12.2.2",
42
- "@commercetools-uikit/fields": "12.2.2",
43
- "@commercetools-uikit/grid": "12.0.7",
44
- "@commercetools-uikit/hooks": "12.2.2",
45
- "@commercetools-uikit/i18n": "12.0.7",
46
- "@commercetools-uikit/icons": "12.2.2",
47
- "@commercetools-uikit/inputs": "12.2.2",
48
- "@commercetools-uikit/label": "12.2.2",
49
- "@commercetools-uikit/link": "12.2.2",
50
- "@commercetools-uikit/loading-spinner": "12.2.2",
51
- "@commercetools-uikit/messages": "12.2.2",
52
- "@commercetools-uikit/notifications": "12.2.2",
53
- "@commercetools-uikit/pagination": "12.2.2",
54
- "@commercetools-uikit/primary-action-dropdown": "12.2.2",
55
- "@commercetools-uikit/spacings": "12.2.2",
56
- "@commercetools-uikit/stamp": "12.2.2",
57
- "@commercetools-uikit/tag": "12.2.2",
58
- "@commercetools-uikit/text": "12.2.2",
59
- "@commercetools-uikit/tooltip": "12.2.2",
60
- "@commercetools-uikit/utils": "12.2.0"
25
+ "@babel/runtime": "7.16.3",
26
+ "@babel/runtime-corejs3": "7.16.3",
27
+ "@commercetools-uikit/accessible-hidden": "12.2.5",
28
+ "@commercetools-uikit/avatar": "12.2.5",
29
+ "@commercetools-uikit/buttons": "12.2.5",
30
+ "@commercetools-uikit/card": "12.2.5",
31
+ "@commercetools-uikit/collapsible": "12.2.5",
32
+ "@commercetools-uikit/collapsible-motion": "12.2.5",
33
+ "@commercetools-uikit/collapsible-panel": "12.2.6",
34
+ "@commercetools-uikit/constraints": "12.2.5",
35
+ "@commercetools-uikit/data-table": "12.2.6",
36
+ "@commercetools-uikit/data-table-manager": "12.2.6",
37
+ "@commercetools-uikit/design-system": "12.2.5",
38
+ "@commercetools-uikit/field-errors": "12.2.5",
39
+ "@commercetools-uikit/field-label": "12.2.6",
40
+ "@commercetools-uikit/fields": "12.2.6",
41
+ "@commercetools-uikit/grid": "12.2.5",
42
+ "@commercetools-uikit/hooks": "12.2.5",
43
+ "@commercetools-uikit/i18n": "12.2.5",
44
+ "@commercetools-uikit/icons": "12.2.6",
45
+ "@commercetools-uikit/inputs": "12.2.6",
46
+ "@commercetools-uikit/label": "12.2.5",
47
+ "@commercetools-uikit/link": "12.2.6",
48
+ "@commercetools-uikit/loading-spinner": "12.2.5",
49
+ "@commercetools-uikit/messages": "12.2.5",
50
+ "@commercetools-uikit/notifications": "12.2.6",
51
+ "@commercetools-uikit/pagination": "12.2.6",
52
+ "@commercetools-uikit/primary-action-dropdown": "12.2.6",
53
+ "@commercetools-uikit/spacings": "12.2.5",
54
+ "@commercetools-uikit/stamp": "12.2.5",
55
+ "@commercetools-uikit/tag": "12.2.6",
56
+ "@commercetools-uikit/text": "12.2.5",
57
+ "@commercetools-uikit/tooltip": "12.2.5",
58
+ "@commercetools-uikit/utils": "12.2.5"
61
59
  },
62
60
  "devDependencies": {
63
61
  "moment": "2.29.1",
64
- "moment-timezone": "0.5.33",
62
+ "moment-timezone": "0.5.34",
65
63
  "react": "17.0.2",
66
- "react-intl": "5.20.6",
67
- "react-router-dom": "5.2.0"
64
+ "react-intl": "5.21.2",
65
+ "react-router-dom": "5.3.0"
68
66
  },
69
67
  "peerDependencies": {
70
68
  "moment": "2.x",