@commercetools-uikit/label 16.0.0 → 16.1.1
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.
|
@@ -37,36 +37,26 @@ const RequiredIndicator = () => jsxRuntime.jsx("em", {
|
|
|
37
37
|
css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";font-style:normal;margin-left:2px;" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nfTtcbiAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
|
|
38
38
|
children: '*'
|
|
39
39
|
});
|
|
40
|
-
|
|
41
40
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
42
41
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
43
42
|
|
|
44
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; }
|
|
45
|
-
|
|
46
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; }
|
|
47
|
-
|
|
48
45
|
const Label = props => {
|
|
49
|
-
const _useTheme = designSystem.useTheme(),
|
|
50
|
-
theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
|
|
51
|
-
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
const TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
|
|
55
46
|
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;
|
|
56
47
|
const hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
57
48
|
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;
|
|
58
49
|
return jsxRuntime.jsx("label", {
|
|
59
|
-
css: /*#__PURE__*/react.css(">div{font-weight:", !props.isBold && designSystem.designTokens.fontWeight500, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
50
|
+
css: /*#__PURE__*/react.css(">div{font-weight:", !props.isBold && designSystem.designTokens.fontWeight500, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGBpZGAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIG5vbi1mb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBhcmlhLWxhYmVsbGVkYnlgLlxuICAgKiA8YnIvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgbm9uLWZvcm0gZWxlbWVudC5cbiAgICogPGJyIC8+XG4gICAqIEZvciBleGFtcGxlOlxuICAgKiBgYGBgXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGRpdiBhcmlhLWxhYmVsbGVkYnk9XCJmb29cIj5cbiAgICogYGBgYFxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYGZvcmAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIGZvcm0gZWxlbWVudHMgd2l0aCB0aGUgcmVsYXRlZCBhdHRyaWJ1dGUgYGlkYCBvciBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyIC8+XG4gICAqIFVzZSB0aGlzIHRvIHNldCB0aGUgcmVsYXRpb25zaGlwcyBiZXR3ZWVuIHRoZSBsYWJlbCBhbmQgYSBmb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBmb3I9XCJmb29cIj5cbiAgICogICA8aW5wdXQgaWQ9XCJmb29cIj5cbiAgICpcbiAgICogICA8bGFiZWwgaWQ9XCJmb29cIj5cbiAgICogICA8aW5wdXQgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIC8vIEluZGljYXRlcyBpZiB0aGUgbGFiZWwgdGl0bGUgc2hvdWxkIGJlIGluIGJvbGQgdGV4dFxuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBmb250LXdlaWdodDogJHshcHJvcHMuaXNCb2xkICYmIGRlc2lnblRva2Vucy5mb250V2VpZ2h0NTAwfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgIGh0bWxGb3I9e3Byb3BzLmh0bWxGb3J9XG4gICAgPlxuICAgICAgPFRleHQuRGV0YWlsIHRvbmU9e3Byb3BzLnRvbmV9IGlzQm9sZD17cHJvcHMuaXNCb2xkfT5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcblxuTGFiZWwuZGlzcGxheU5hbWUgPSAnTGFiZWwnO1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */"),
|
|
60
51
|
id: props.id,
|
|
61
52
|
htmlFor: props.htmlFor,
|
|
62
|
-
children: jsxRuntime.jsxs(
|
|
53
|
+
children: jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
63
54
|
tone: props.tone,
|
|
64
55
|
isBold: props.isBold,
|
|
65
56
|
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
66
57
|
})
|
|
67
58
|
});
|
|
68
59
|
};
|
|
69
|
-
|
|
70
60
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
71
61
|
id: _pt__default["default"].string,
|
|
72
62
|
htmlFor: _pt__default["default"].string,
|
|
@@ -82,7 +72,7 @@ Label.displayName = 'Label';
|
|
|
82
72
|
var Label$1 = Label;
|
|
83
73
|
|
|
84
74
|
// NOTE: This string will be replaced on build time with the package version.
|
|
85
|
-
var version = "16.
|
|
75
|
+
var version = "16.1.1";
|
|
86
76
|
|
|
87
77
|
exports["default"] = Label$1;
|
|
88
78
|
exports.version = version;
|
|
@@ -36,40 +36,30 @@ const RequiredIndicator = () => jsxRuntime.jsx("em", {
|
|
|
36
36
|
css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";font-style:normal;margin-left:2px;" + ("" ), "" ),
|
|
37
37
|
children: '*'
|
|
38
38
|
});
|
|
39
|
-
|
|
40
39
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
41
40
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
42
41
|
|
|
43
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; }
|
|
44
|
-
|
|
45
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; }
|
|
46
|
-
|
|
47
44
|
const Label = props => {
|
|
48
|
-
const _useTheme = designSystem.useTheme(),
|
|
49
|
-
theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
|
|
50
|
-
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
const TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
|
|
54
45
|
props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
55
46
|
return jsxRuntime.jsx("label", {
|
|
56
47
|
css: /*#__PURE__*/react.css(">div{font-weight:", !props.isBold && designSystem.designTokens.fontWeight500, ";}" + ("" ), "" ),
|
|
57
48
|
id: props.id,
|
|
58
49
|
htmlFor: props.htmlFor,
|
|
59
|
-
children: jsxRuntime.jsxs(
|
|
50
|
+
children: jsxRuntime.jsxs(Text__default["default"].Detail, {
|
|
60
51
|
tone: props.tone,
|
|
61
52
|
isBold: props.isBold,
|
|
62
53
|
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
63
54
|
})
|
|
64
55
|
});
|
|
65
56
|
};
|
|
66
|
-
|
|
67
57
|
Label.propTypes = {};
|
|
68
58
|
Label.displayName = 'Label';
|
|
69
59
|
var Label$1 = Label;
|
|
70
60
|
|
|
71
61
|
// NOTE: This string will be replaced on build time with the package version.
|
|
72
|
-
var version = "16.
|
|
62
|
+
var version = "16.1.1";
|
|
73
63
|
|
|
74
64
|
exports["default"] = Label$1;
|
|
75
65
|
exports.version = version;
|
|
@@ -13,43 +13,33 @@ import { FormattedMessage } from 'react-intl';
|
|
|
13
13
|
import { warning } from '@commercetools-uikit/utils';
|
|
14
14
|
import Text from '@commercetools-uikit/text';
|
|
15
15
|
import { css } from '@emotion/react';
|
|
16
|
-
import { designTokens
|
|
16
|
+
import { designTokens } from '@commercetools-uikit/design-system';
|
|
17
17
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
const RequiredIndicator = () => jsx("em", {
|
|
20
20
|
css: /*#__PURE__*/css("color:", designTokens.colorWarning, ";font-style:normal;margin-left:2px;" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nfTtcbiAgICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICAgIG1hcmdpbi1sZWZ0OiAycHg7XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
|
|
21
21
|
children: '*'
|
|
22
22
|
});
|
|
23
|
-
|
|
24
23
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
25
24
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
26
25
|
|
|
27
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; }
|
|
28
|
-
|
|
29
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; }
|
|
30
|
-
|
|
31
28
|
const Label = props => {
|
|
32
|
-
const _useTheme = useTheme(),
|
|
33
|
-
theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
|
|
34
|
-
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
const TextComponent = theme === 'default' ? Text.Body : Text.Detail;
|
|
38
29
|
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;
|
|
39
30
|
const hasContent = props.intlMessage || Boolean(Children.count(props.children));
|
|
40
31
|
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;
|
|
41
32
|
return jsx("label", {
|
|
42
|
-
css: /*#__PURE__*/css(">div{font-weight:", !props.isBold && designTokens.fontWeight500, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
css: /*#__PURE__*/css(">div{font-weight:", !props.isBold && designTokens.fontWeight500, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCB0eXBlIFRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGBpZGAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIG5vbi1mb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBhcmlhLWxhYmVsbGVkYnlgLlxuICAgKiA8YnIvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgbm9uLWZvcm0gZWxlbWVudC5cbiAgICogPGJyIC8+XG4gICAqIEZvciBleGFtcGxlOlxuICAgKiBgYGBgXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGRpdiBhcmlhLWxhYmVsbGVkYnk9XCJmb29cIj5cbiAgICogYGBgYFxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYGZvcmAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIGZvcm0gZWxlbWVudHMgd2l0aCB0aGUgcmVsYXRlZCBhdHRyaWJ1dGUgYGlkYCBvciBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyIC8+XG4gICAqIFVzZSB0aGlzIHRvIHNldCB0aGUgcmVsYXRpb25zaGlwcyBiZXR3ZWVuIHRoZSBsYWJlbCBhbmQgYSBmb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBmb3I9XCJmb29cIj5cbiAgICogICA8aW5wdXQgaWQ9XCJmb29cIj5cbiAgICpcbiAgICogICA8bGFiZWwgaWQ9XCJmb29cIj5cbiAgICogICA8aW5wdXQgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIC8vIEluZGljYXRlcyBpZiB0aGUgbGFiZWwgdGl0bGUgc2hvdWxkIGJlIGluIGJvbGQgdGV4dFxuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBmb250LXdlaWdodDogJHshcHJvcHMuaXNCb2xkICYmIGRlc2lnblRva2Vucy5mb250V2VpZ2h0NTAwfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgIGh0bWxGb3I9e3Byb3BzLmh0bWxGb3J9XG4gICAgPlxuICAgICAgPFRleHQuRGV0YWlsIHRvbmU9e3Byb3BzLnRvbmV9IGlzQm9sZD17cHJvcHMuaXNCb2xkfT5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcblxuTGFiZWwuZGlzcGxheU5hbWUgPSAnTGFiZWwnO1xuXG5leHBvcnQgZGVmYXVsdCBMYWJlbDtcbiJdfQ== */"),
|
|
43
34
|
id: props.id,
|
|
44
35
|
htmlFor: props.htmlFor,
|
|
45
|
-
children: jsxs(
|
|
36
|
+
children: jsxs(Text.Detail, {
|
|
46
37
|
tone: props.tone,
|
|
47
38
|
isBold: props.isBold,
|
|
48
39
|
children: [props.intlMessage ? jsx(FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsx(RequiredIndicator$1, {})]
|
|
49
40
|
})
|
|
50
41
|
});
|
|
51
42
|
};
|
|
52
|
-
|
|
53
43
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
54
44
|
id: _pt.string,
|
|
55
45
|
htmlFor: _pt.string,
|
|
@@ -65,6 +55,6 @@ Label.displayName = 'Label';
|
|
|
65
55
|
var Label$1 = Label;
|
|
66
56
|
|
|
67
57
|
// NOTE: This string will be replaced on build time with the package version.
|
|
68
|
-
var version = "16.
|
|
58
|
+
var version = "16.1.1";
|
|
69
59
|
|
|
70
60
|
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.1.1",
|
|
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.1.1",
|
|
25
|
+
"@commercetools-uikit/text": "16.1.1",
|
|
26
|
+
"@commercetools-uikit/utils": "16.1.1",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"prop-types": "15.8.1"
|