@commercetools-uikit/label 16.7.4 → 16.8.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.
package/README.md
CHANGED
|
@@ -25,14 +25,15 @@ export default Example;
|
|
|
25
25
|
|
|
26
26
|
## Properties
|
|
27
27
|
|
|
28
|
-
| Props | Type | Required | Values | Default
|
|
29
|
-
| ---------------------------- | --------------------------------------------------------- | :------: | ------ |
|
|
30
|
-
| `tone` | `union`<br/>Possible values:<br/>`'primary' , 'inverted'` | - | - | -
|
|
31
|
-
| `children` | `ReactNode` | ✅ (\*) | - | -
|
|
32
|
-
| `intlMessage` | `MessageDescriptor` | ✅ (\*) | - | -
|
|
33
|
-
| `isBold` | `boolean` | - | - | `false`
|
|
34
|
-
| `
|
|
35
|
-
| `
|
|
36
|
-
| `
|
|
28
|
+
| Props | Type | Required | Values | Default | Description |
|
|
29
|
+
| ---------------------------- | --------------------------------------------------------- | :------: | ------ | --------- | -------------------------------------------------------------------------------------------------------------------- |
|
|
30
|
+
| `tone` | `union`<br/>Possible values:<br/>`'primary' , 'inverted'` | - | - | - | Indicates the tone to be applied to the label |
|
|
31
|
+
| `children` | `ReactNode` | ✅ (\*) | - | - | Value of the label |
|
|
32
|
+
| `intlMessage` | `MessageDescriptor` | ✅ (\*) | - | - | An intl message object that will be rendered with `FormattedMessage` |
|
|
33
|
+
| `isBold` | `boolean` | - | - | `false` | Indicates if the label title should be in bold text. This prop is being deprecated in favor of the `fontWeight` prop |
|
|
34
|
+
| `fontWeight` | `union`<br/>Possible values:<br/>`'medium' , 'bold'` | - | - | `regular` | Indicates if the label title should be in `medium`, or `bold` weighted text, defaults to `medium` |
|
|
35
|
+
| `isRequiredIndicatorVisible` | `boolean` | - | - | `false` | Indicates if the labeled field is required in a form |
|
|
36
|
+
| `htmlFor` | `string` | - | - | - | The `for` HTML attribute, used to reference form elements with the related attribute `id` or `aria-labelledby`. |
|
|
37
|
+
| `id` | `string` | - | - | - | The `id` HTML attribute, used to reference non-form elements with the related attribute `aria-labelledby`. |
|
|
37
38
|
|
|
38
39
|
> `*`: `children` is required only if `intlMessage` is not provided, and vice-versa
|
|
@@ -42,17 +42,32 @@ var RequiredIndicator$1 = RequiredIndicator;
|
|
|
42
42
|
|
|
43
43
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
44
44
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
45
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
46
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
47
|
+
name: "1e5gw54",
|
|
48
|
+
styles: ">div{display:flex;}"
|
|
49
|
+
} : {
|
|
50
|
+
name: "1q3368g-Label",
|
|
51
|
+
styles: ">div{display:flex;};label:Label;",
|
|
52
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgdHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBgaWRgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyLz5cbiAgICogVXNlIHRoaXMgdG8gc2V0IHRoZSByZWxhdGlvbnNoaXBzIGJldHdlZW4gdGhlIGxhYmVsIGFuZCBhIG5vbi1mb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBpZD1cImZvb1wiPlxuICAgKiAgIDxkaXYgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGBmb3JgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBmb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBpZGAgb3IgYGFyaWEtbGFiZWxsZWRieWAuXG4gICAqIDxiciAvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgZm9ybSBlbGVtZW50LlxuICAgKiA8YnIgLz5cbiAgICogRm9yIGV4YW1wbGU6XG4gICAqIGBgYGBcbiAgICogICA8bGFiZWwgZm9yPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGlkPVwiZm9vXCI+XG4gICAqXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGFyaWEtbGFiZWxsZWRieT1cImZvb1wiPlxuICAgKiBgYGBgXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvLyBJbmRpY2F0ZXMgdGhlIHdlaWdodCAob3IgYm9sZG5lc3MpIG9mIHRoZSBmb250LlxuICBmb250V2VpZ2h0PzogJ21lZGl1bScgfCAnYm9sZCc7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZDogVXNlIHRoZSBuZXcgYGZvbnRXZWlnaHRgIHByb3AuXG4gICAqL1xuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgaHRtbEZvcj17cHJvcHMuaHRtbEZvcn1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT17cHJvcHMudG9uZX1cbiAgICAgICAgLy8gVE9ETzogcmVtb3ZlIHBhc3NpbmcgYGlzQm9sZGAgcHJvcCBoZXJlIG9uY2UgZGVwcmVjYXRlZFxuICAgICAgICBpc0JvbGQ9e3Byb3BzLmlzQm9sZH1cbiAgICAgICAgLy8gaW5zdXJlIHRoYXQgZm9udFdlaWdodCBkZWZhdWx0cyB0byAnbWVkaXVtJyBldmVuIGlmIHVzZXIgcGFzc2VzICdyZWd1bGFyJ1xuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5mb250V2VpZ2h0ID09PSAnYm9sZCcgPyAnYm9sZCcgOiAnbWVkaXVtJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcblxuTGFiZWwuZGlzcGxheU5hbWUgPSAnTGFiZWwnO1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */",
|
|
53
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
54
|
+
};
|
|
45
55
|
const Label = props => {
|
|
46
56
|
process.env.NODE_ENV !== "production" ? utils.warning(!(Boolean(props.id) && Boolean(props.htmlFor)), "ui-kit/Label: provide only the \"id\" or the \"htmlFor\" properties, not both.") : void 0;
|
|
47
57
|
const hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
48
58
|
process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['ui-kit/Label:', '"intlMessage" is required when "children" is `undefined` and vice versa.', 'Provide "intlMessage" or "children"'].join(' ')) : void 0;
|
|
49
59
|
return jsxRuntime.jsx("label", {
|
|
50
|
-
css:
|
|
60
|
+
css: _ref,
|
|
51
61
|
id: props.id,
|
|
52
62
|
htmlFor: props.htmlFor,
|
|
53
63
|
children: jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
54
|
-
tone: props.tone
|
|
55
|
-
|
|
64
|
+
tone: props.tone
|
|
65
|
+
// TODO: remove passing `isBold` prop here once deprecated
|
|
66
|
+
,
|
|
67
|
+
isBold: props.isBold
|
|
68
|
+
// insure that fontWeight defaults to 'medium' even if user passes 'regular'
|
|
69
|
+
,
|
|
70
|
+
fontWeight: props.fontWeight === 'bold' ? 'bold' : 'medium',
|
|
56
71
|
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
57
72
|
})
|
|
58
73
|
});
|
|
@@ -60,6 +75,7 @@ const Label = props => {
|
|
|
60
75
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
61
76
|
id: _pt__default["default"].string,
|
|
62
77
|
htmlFor: _pt__default["default"].string,
|
|
78
|
+
fontWeight: _pt__default["default"].oneOf(['medium', 'bold']),
|
|
63
79
|
isBold: _pt__default["default"].bool,
|
|
64
80
|
isRequiredIndicatorVisible: _pt__default["default"].bool,
|
|
65
81
|
tone: _pt__default["default"].oneOf(['primary', 'inverted']),
|
|
@@ -72,7 +88,7 @@ Label.displayName = 'Label';
|
|
|
72
88
|
var Label$1 = Label;
|
|
73
89
|
|
|
74
90
|
// NOTE: This string will be replaced on build time with the package version.
|
|
75
|
-
var version = "16.
|
|
91
|
+
var version = "16.8.0";
|
|
76
92
|
|
|
77
93
|
exports["default"] = Label$1;
|
|
78
94
|
exports.version = version;
|
|
@@ -41,15 +41,24 @@ var RequiredIndicator$1 = RequiredIndicator;
|
|
|
41
41
|
|
|
42
42
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
43
43
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
44
|
+
var _ref = {
|
|
45
|
+
name: "1e5gw54",
|
|
46
|
+
styles: ">div{display:flex;}"
|
|
47
|
+
} ;
|
|
44
48
|
const Label = props => {
|
|
45
49
|
props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
46
50
|
return jsxRuntime.jsx("label", {
|
|
47
|
-
css:
|
|
51
|
+
css: _ref,
|
|
48
52
|
id: props.id,
|
|
49
53
|
htmlFor: props.htmlFor,
|
|
50
54
|
children: jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
51
|
-
tone: props.tone
|
|
52
|
-
|
|
55
|
+
tone: props.tone
|
|
56
|
+
// TODO: remove passing `isBold` prop here once deprecated
|
|
57
|
+
,
|
|
58
|
+
isBold: props.isBold
|
|
59
|
+
// insure that fontWeight defaults to 'medium' even if user passes 'regular'
|
|
60
|
+
,
|
|
61
|
+
fontWeight: props.fontWeight === 'bold' ? 'bold' : 'medium',
|
|
53
62
|
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
54
63
|
})
|
|
55
64
|
});
|
|
@@ -59,7 +68,7 @@ Label.displayName = 'Label';
|
|
|
59
68
|
var Label$1 = Label;
|
|
60
69
|
|
|
61
70
|
// NOTE: This string will be replaced on build time with the package version.
|
|
62
|
-
var version = "16.
|
|
71
|
+
var version = "16.8.0";
|
|
63
72
|
|
|
64
73
|
exports["default"] = Label$1;
|
|
65
74
|
exports.version = version;
|
|
@@ -25,17 +25,32 @@ var RequiredIndicator$1 = RequiredIndicator;
|
|
|
25
25
|
|
|
26
26
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
27
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
29
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
30
|
+
name: "1e5gw54",
|
|
31
|
+
styles: ">div{display:flex;}"
|
|
32
|
+
} : {
|
|
33
|
+
name: "1q3368g-Label",
|
|
34
|
+
styles: ">div{display:flex;};label:Label;",
|
|
35
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgdHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBgaWRgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyLz5cbiAgICogVXNlIHRoaXMgdG8gc2V0IHRoZSByZWxhdGlvbnNoaXBzIGJldHdlZW4gdGhlIGxhYmVsIGFuZCBhIG5vbi1mb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBpZD1cImZvb1wiPlxuICAgKiAgIDxkaXYgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGBmb3JgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBmb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBpZGAgb3IgYGFyaWEtbGFiZWxsZWRieWAuXG4gICAqIDxiciAvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgZm9ybSBlbGVtZW50LlxuICAgKiA8YnIgLz5cbiAgICogRm9yIGV4YW1wbGU6XG4gICAqIGBgYGBcbiAgICogICA8bGFiZWwgZm9yPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGlkPVwiZm9vXCI+XG4gICAqXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGFyaWEtbGFiZWxsZWRieT1cImZvb1wiPlxuICAgKiBgYGBgXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvLyBJbmRpY2F0ZXMgdGhlIHdlaWdodCAob3IgYm9sZG5lc3MpIG9mIHRoZSBmb250LlxuICBmb250V2VpZ2h0PzogJ21lZGl1bScgfCAnYm9sZCc7XG4gIC8qKlxuICAgKiBAZGVwcmVjYXRlZDogVXNlIHRoZSBuZXcgYGZvbnRXZWlnaHRgIHByb3AuXG4gICAqL1xuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgaWQ9e3Byb3BzLmlkfVxuICAgICAgaHRtbEZvcj17cHJvcHMuaHRtbEZvcn1cbiAgICA+XG4gICAgICA8VGV4dC5EZXRhaWxcbiAgICAgICAgdG9uZT17cHJvcHMudG9uZX1cbiAgICAgICAgLy8gVE9ETzogcmVtb3ZlIHBhc3NpbmcgYGlzQm9sZGAgcHJvcCBoZXJlIG9uY2UgZGVwcmVjYXRlZFxuICAgICAgICBpc0JvbGQ9e3Byb3BzLmlzQm9sZH1cbiAgICAgICAgLy8gaW5zdXJlIHRoYXQgZm9udFdlaWdodCBkZWZhdWx0cyB0byAnbWVkaXVtJyBldmVuIGlmIHVzZXIgcGFzc2VzICdyZWd1bGFyJ1xuICAgICAgICBmb250V2VpZ2h0PXtwcm9wcy5mb250V2VpZ2h0ID09PSAnYm9sZCcgPyAnYm9sZCcgOiAnbWVkaXVtJ31cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcblxuTGFiZWwuZGlzcGxheU5hbWUgPSAnTGFiZWwnO1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */",
|
|
36
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
37
|
+
};
|
|
28
38
|
const Label = props => {
|
|
29
39
|
process.env.NODE_ENV !== "production" ? warning(!(Boolean(props.id) && Boolean(props.htmlFor)), "ui-kit/Label: provide only the \"id\" or the \"htmlFor\" properties, not both.") : void 0;
|
|
30
40
|
const hasContent = props.intlMessage || Boolean(Children.count(props.children));
|
|
31
41
|
process.env.NODE_ENV !== "production" ? warning(hasContent, ['ui-kit/Label:', '"intlMessage" is required when "children" is `undefined` and vice versa.', 'Provide "intlMessage" or "children"'].join(' ')) : void 0;
|
|
32
42
|
return jsx("label", {
|
|
33
|
-
css:
|
|
43
|
+
css: _ref,
|
|
34
44
|
id: props.id,
|
|
35
45
|
htmlFor: props.htmlFor,
|
|
36
46
|
children: jsxs(Text.Detail, {
|
|
37
|
-
tone: props.tone
|
|
38
|
-
|
|
47
|
+
tone: props.tone
|
|
48
|
+
// TODO: remove passing `isBold` prop here once deprecated
|
|
49
|
+
,
|
|
50
|
+
isBold: props.isBold
|
|
51
|
+
// insure that fontWeight defaults to 'medium' even if user passes 'regular'
|
|
52
|
+
,
|
|
53
|
+
fontWeight: props.fontWeight === 'bold' ? 'bold' : 'medium',
|
|
39
54
|
children: [props.intlMessage ? jsx(FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsx(RequiredIndicator$1, {})]
|
|
40
55
|
})
|
|
41
56
|
});
|
|
@@ -43,6 +58,7 @@ const Label = props => {
|
|
|
43
58
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
44
59
|
id: _pt.string,
|
|
45
60
|
htmlFor: _pt.string,
|
|
61
|
+
fontWeight: _pt.oneOf(['medium', 'bold']),
|
|
46
62
|
isBold: _pt.bool,
|
|
47
63
|
isRequiredIndicatorVisible: _pt.bool,
|
|
48
64
|
tone: _pt.oneOf(['primary', 'inverted']),
|
|
@@ -55,6 +71,6 @@ Label.displayName = 'Label';
|
|
|
55
71
|
var Label$1 = Label;
|
|
56
72
|
|
|
57
73
|
// NOTE: This string will be replaced on build time with the package version.
|
|
58
|
-
var version = "16.
|
|
74
|
+
var version = "16.8.0";
|
|
59
75
|
|
|
60
76
|
export { Label$1 as default, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/label",
|
|
3
3
|
"description": "The Label component represents the primitive label for a form field component.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.8.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "16.
|
|
25
|
-
"@commercetools-uikit/text": "16.
|
|
26
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/design-system": "16.8.0",
|
|
25
|
+
"@commercetools-uikit/text": "16.8.0",
|
|
26
|
+
"@commercetools-uikit/utils": "16.8.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"prop-types": "15.8.1"
|