@commercetools-uikit/label 15.6.0 → 15.7.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 (4) hide show
  1. package/dist/commercetools-uikit-label.cjs.dev.js +10 -3
  2. package/dist/commercetools-uikit-label.cjs.prod.js +10 -3
  3. package/dist/commercetools-uikit-label.esm.js +11 -4
  4. package/package.json +4 -4
package/dist/commercetools-uikit-label.cjs.dev.js CHANGED
@@ -35,7 +35,7 @@ var Text__default = /*#__PURE__*/_interopDefault(Text);
35
35
 
36
36
  var RequiredIndicator = function RequiredIndicator() {
37
37
  return jsxRuntime.jsx("em", {
38
- css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nfTtcbiAgICBgfVxuICA+XG4gICAgeycqJ31cbiAgPC9lbT5cbik7XG5SZXF1aXJlZEluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdSZXF1aXJlZEluZGljYXRvcic7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5kaWNhdG9yO1xuIl19 */"),
38
+ 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== */"),
39
39
  children: '*'
40
40
  });
41
41
  };
@@ -48,13 +48,20 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
48
48
  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; }
49
49
 
50
50
  var Label = function Label(props) {
51
+ var _useTheme = designSystem.useTheme(),
52
+ theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
53
+ // theme is published, we must remove this and just use the `Text.Detail` component
54
+
55
+
56
+ var TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
51
57
  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;
52
58
  var hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
53
59
  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;
54
60
  return jsxRuntime.jsx("label", {
61
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG50eXBlIFRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGBpZGAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIG5vbi1mb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBhcmlhLWxhYmVsbGVkYnlgLlxuICAgKiA8YnIvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgbm9uLWZvcm0gZWxlbWVudC5cbiAgICogPGJyIC8+XG4gICAqIEZvciBleGFtcGxlOlxuICAgKiBgYGBgXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGRpdiBhcmlhLWxhYmVsbGVkYnk9XCJmb29cIj5cbiAgICogYGBgYFxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYGZvcmAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIGZvcm0gZWxlbWVudHMgd2l0aCB0aGUgcmVsYXRlZCBhdHRyaWJ1dGUgYGlkYCBvciBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyIC8+XG4gICAqIFVzZSB0aGlzIHRvIHNldCB0aGUgcmVsYXRpb25zaGlwcyBiZXR3ZWVuIHRoZSBsYWJlbCBhbmQgYSBmb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBmb3I9XCJmb29cIj5cbiAgICogICA8aW5wdXQgaWQ9XCJmb29cIj5cbiAgICpcbiAgICogICA8bGFiZWwgaWQ9XCJmb29cIj5cbiAgICogICA8aW5wdXQgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIC8vIEluZGljYXRlcyBpZiB0aGUgbGFiZWwgdGl0bGUgc2hvdWxkIGJlIGluIGJvbGQgdGV4dFxuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAvLyBUT0RPOiBUaGlzIGlzIGEgdGVtcG9yYXJ5IHNvbHV0aW9uIGR1ZSB0byB0aGVtZSBtaWdyYXRpb24uIEFmdGVyIHRoZSBuZXdcbiAgLy8gdGhlbWUgaXMgcHVibGlzaGVkLCB3ZSBtdXN0IHJlbW92ZSB0aGlzIGFuZCBqdXN0IHVzZSB0aGUgYFRleHQuRGV0YWlsYCBjb21wb25lbnRcbiAgY29uc3QgVGV4dENvbXBvbmVudCA9IHRoZW1lID09PSAnZGVmYXVsdCcgPyBUZXh0LkJvZHkgOiBUZXh0LkRldGFpbDtcblxuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBmb250LXdlaWdodDogJHshcHJvcHMuaXNCb2xkICYmIGRlc2lnblRva2Vucy5mb250V2VpZ2h0NTAwfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgIGh0bWxGb3I9e3Byb3BzLmh0bWxGb3J9XG4gICAgPlxuICAgICAgPFRleHRDb21wb25lbnQgdG9uZT17cHJvcHMudG9uZX0gaXNCb2xkPXtwcm9wcy5pc0JvbGR9PlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICAgIHtwcm9wcy5pc1JlcXVpcmVkSW5kaWNhdG9yVmlzaWJsZSAmJiA8UmVxdWlyZWRJbmRpY2F0b3IgLz59XG4gICAgICA8L1RleHRDb21wb25lbnQ+XG4gICAgPC9sYWJlbD5cbiAgKTtcbn07XG5cbkxhYmVsLmRpc3BsYXlOYW1lID0gJ0xhYmVsJztcblxuZXhwb3J0IGRlZmF1bHQgTGFiZWw7XG4iXX0= */"),
55
62
  id: props.id,
56
63
  htmlFor: props.htmlFor,
57
- children: jsxRuntime.jsxs(Text__default["default"].Body, {
64
+ children: jsxRuntime.jsxs(TextComponent, {
58
65
  tone: props.tone,
59
66
  isBold: props.isBold,
60
67
  children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
@@ -77,7 +84,7 @@ Label.displayName = 'Label';
77
84
  var Label$1 = Label;
78
85
 
79
86
  // NOTE: This string will be replaced on build time with the package version.
80
- var version = "15.6.0";
87
+ var version = "15.7.0";
81
88
 
82
89
  exports["default"] = Label$1;
83
90
  exports.version = version;
package/dist/commercetools-uikit-label.cjs.prod.js CHANGED
@@ -34,7 +34,7 @@ var Text__default = /*#__PURE__*/_interopDefault(Text);
34
34
 
35
35
  var RequiredIndicator = function RequiredIndicator() {
36
36
  return jsxRuntime.jsx("em", {
37
- css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";" + ("" ), "" ),
37
+ css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";font-style:normal;margin-left:2px;" + ("" ), "" ),
38
38
  children: '*'
39
39
  });
40
40
  };
@@ -47,11 +47,18 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
47
47
  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; }
48
48
 
49
49
  var Label = function Label(props) {
50
+ var _useTheme = designSystem.useTheme(),
51
+ theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
52
+ // theme is published, we must remove this and just use the `Text.Detail` component
53
+
54
+
55
+ var TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
50
56
  props.intlMessage || Boolean(react$1.Children.count(props.children));
51
57
  return jsxRuntime.jsx("label", {
58
+ css: /*#__PURE__*/react.css(">div{font-weight:", !props.isBold && designSystem.designTokens.fontWeight500, ";}" + ("" ), "" ),
52
59
  id: props.id,
53
60
  htmlFor: props.htmlFor,
54
- children: jsxRuntime.jsxs(Text__default["default"].Body, {
61
+ children: jsxRuntime.jsxs(TextComponent, {
55
62
  tone: props.tone,
56
63
  isBold: props.isBold,
57
64
  children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
@@ -64,7 +71,7 @@ Label.displayName = 'Label';
64
71
  var Label$1 = Label;
65
72
 
66
73
  // NOTE: This string will be replaced on build time with the package version.
67
- var version = "15.6.0";
74
+ var version = "15.7.0";
68
75
 
69
76
  exports["default"] = Label$1;
70
77
  exports.version = version;
package/dist/commercetools-uikit-label.esm.js CHANGED
@@ -13,12 +13,12 @@ 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 } from '@commercetools-uikit/design-system';
16
+ import { designTokens, useTheme } from '@commercetools-uikit/design-system';
17
17
  import { jsx, jsxs } from '@emotion/react/jsx-runtime';
18
18
 
19
19
  var RequiredIndicator = function RequiredIndicator() {
20
20
  return jsx("em", {
21
- css: /*#__PURE__*/css("color:", designTokens.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuY29sb3JXYXJuaW5nfTtcbiAgICBgfVxuICA+XG4gICAgeycqJ31cbiAgPC9lbT5cbik7XG5SZXF1aXJlZEluZGljYXRvci5kaXNwbGF5TmFtZSA9ICdSZXF1aXJlZEluZGljYXRvcic7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5kaWNhdG9yO1xuIl19 */"),
21
+ 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== */"),
22
22
  children: '*'
23
23
  });
24
24
  };
@@ -31,13 +31,20 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
31
31
  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; }
32
32
 
33
33
  var Label = function Label(props) {
34
+ var _useTheme = useTheme(),
35
+ theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
36
+ // theme is published, we must remove this and just use the `Text.Detail` component
37
+
38
+
39
+ var TextComponent = theme === 'default' ? Text.Body : Text.Detail;
34
40
  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;
35
41
  var hasContent = props.intlMessage || Boolean(Children.count(props.children));
36
42
  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;
37
43
  return jsx("label", {
44
+ 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG50eXBlIFRMYWJlbFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGBpZGAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIG5vbi1mb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBhcmlhLWxhYmVsbGVkYnlgLlxuICAgKiA8YnIvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgbm9uLWZvcm0gZWxlbWVudC5cbiAgICogPGJyIC8+XG4gICAqIEZvciBleGFtcGxlOlxuICAgKiBgYGBgXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGRpdiBhcmlhLWxhYmVsbGVkYnk9XCJmb29cIj5cbiAgICogYGBgYFxuICAgKi9cbiAgaWQ/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYGZvcmAgSFRNTCBhdHRyaWJ1dGUsIHVzZWQgdG8gcmVmZXJlbmNlIGZvcm0gZWxlbWVudHMgd2l0aCB0aGUgcmVsYXRlZCBhdHRyaWJ1dGUgYGlkYCBvciBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyIC8+XG4gICAqIFVzZSB0aGlzIHRvIHNldCB0aGUgcmVsYXRpb25zaGlwcyBiZXR3ZWVuIHRoZSBsYWJlbCBhbmQgYSBmb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBmb3I9XCJmb29cIj5cbiAgICogICA8aW5wdXQgaWQ9XCJmb29cIj5cbiAgICpcbiAgICogICA8bGFiZWwgaWQ9XCJmb29cIj5cbiAgICogICA8aW5wdXQgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGh0bWxGb3I/OiBzdHJpbmc7XG4gIC8vIEluZGljYXRlcyBpZiB0aGUgbGFiZWwgdGl0bGUgc2hvdWxkIGJlIGluIGJvbGQgdGV4dFxuICBpc0JvbGQ/OiBib29sZWFuO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsZWQgZmllbGQgaXMgcmVxdWlyZWQgaW4gYSBmb3JtXG4gIGlzUmVxdWlyZWRJbmRpY2F0b3JWaXNpYmxlPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIHRoZSB0b25lIHRvIGJlIGFwcGxpZWQgdG8gdGhlIGxhYmVsXG4gIHRvbmU/OiAncHJpbWFyeScgfCAnaW52ZXJ0ZWQnO1xuICAvKipcbiAgICogQSBgTWVzc2FnZURlc2NyaXB0b3JgIHJlbmRlcmVkIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFdoZW4gYSB2YWx1ZSBpcyBwcm92aWRlZCwgYGludGxNZXNzYWdlYCB3aWxsIGJlIHJlbmRlcmVkIGluc3RlYWQgb2YgYGNoaWxkcmVuYFxuICAgKiA8YnIgLz5cbiAgICogVGhpcyBpcyByZXF1aXJlZCB3aGVuIGBjaGlsZHJlbmAgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2FcbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcbiAgLyoqXG4gICAqIFJlbmRlcmVkIGFzIGBjaGlsZHJlbmAgdG8gYExhYmVsYC5cbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgaW50bE1lc3NhZ2VgIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExhYmVsID0gKHByb3BzOiBUTGFiZWxQcm9wcykgPT4ge1xuICBjb25zdCB7IHRoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICAvLyBUT0RPOiBUaGlzIGlzIGEgdGVtcG9yYXJ5IHNvbHV0aW9uIGR1ZSB0byB0aGVtZSBtaWdyYXRpb24uIEFmdGVyIHRoZSBuZXdcbiAgLy8gdGhlbWUgaXMgcHVibGlzaGVkLCB3ZSBtdXN0IHJlbW92ZSB0aGlzIGFuZCBqdXN0IHVzZSB0aGUgYFRleHQuRGV0YWlsYCBjb21wb25lbnRcbiAgY29uc3QgVGV4dENvbXBvbmVudCA9IHRoZW1lID09PSAnZGVmYXVsdCcgPyBUZXh0LkJvZHkgOiBUZXh0LkRldGFpbDtcblxuICB3YXJuaW5nKFxuICAgICEoQm9vbGVhbihwcm9wcy5pZCkgJiYgQm9vbGVhbihwcm9wcy5odG1sRm9yKSksXG4gICAgYHVpLWtpdC9MYWJlbDogcHJvdmlkZSBvbmx5IHRoZSBcImlkXCIgb3IgdGhlIFwiaHRtbEZvclwiIHByb3BlcnRpZXMsIG5vdCBib3RoLmBcbiAgKTtcbiAgY29uc3QgaGFzQ29udGVudCA9XG4gICAgcHJvcHMuaW50bE1lc3NhZ2UgfHwgQm9vbGVhbihDaGlsZHJlbi5jb3VudChwcm9wcy5jaGlsZHJlbikpO1xuICB3YXJuaW5nKFxuICAgIGhhc0NvbnRlbnQsXG4gICAgW1xuICAgICAgJ3VpLWtpdC9MYWJlbDonLFxuICAgICAgJ1wiaW50bE1lc3NhZ2VcIiBpcyByZXF1aXJlZCB3aGVuIFwiY2hpbGRyZW5cIiBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYS4nLFxuICAgICAgJ1Byb3ZpZGUgXCJpbnRsTWVzc2FnZVwiIG9yIFwiY2hpbGRyZW5cIicsXG4gICAgXS5qb2luKCcgJylcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgID4gZGl2IHtcbiAgICAgICAgICBmb250LXdlaWdodDogJHshcHJvcHMuaXNCb2xkICYmIGRlc2lnblRva2Vucy5mb250V2VpZ2h0NTAwfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgIGh0bWxGb3I9e3Byb3BzLmh0bWxGb3J9XG4gICAgPlxuICAgICAgPFRleHRDb21wb25lbnQgdG9uZT17cHJvcHMudG9uZX0gaXNCb2xkPXtwcm9wcy5pc0JvbGR9PlxuICAgICAgICB7cHJvcHMuaW50bE1lc3NhZ2UgPyAoXG4gICAgICAgICAgPEZvcm1hdHRlZE1lc3NhZ2Ugey4uLnByb3BzLmludGxNZXNzYWdlfSAvPlxuICAgICAgICApIDogKFxuICAgICAgICAgIHByb3BzLmNoaWxkcmVuXG4gICAgICAgICl9XG4gICAgICAgIHtwcm9wcy5pc1JlcXVpcmVkSW5kaWNhdG9yVmlzaWJsZSAmJiA8UmVxdWlyZWRJbmRpY2F0b3IgLz59XG4gICAgICA8L1RleHRDb21wb25lbnQ+XG4gICAgPC9sYWJlbD5cbiAgKTtcbn07XG5cbkxhYmVsLmRpc3BsYXlOYW1lID0gJ0xhYmVsJztcblxuZXhwb3J0IGRlZmF1bHQgTGFiZWw7XG4iXX0= */"),
38
45
  id: props.id,
39
46
  htmlFor: props.htmlFor,
40
- children: jsxs(Text.Body, {
47
+ children: jsxs(TextComponent, {
41
48
  tone: props.tone,
42
49
  isBold: props.isBold,
43
50
  children: [props.intlMessage ? jsx(FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsx(RequiredIndicator$1, {})]
@@ -60,6 +67,6 @@ Label.displayName = 'Label';
60
67
  var Label$1 = Label;
61
68
 
62
69
  // NOTE: This string will be replaced on build time with the package version.
63
- var version = "15.6.0";
70
+ var version = "15.7.0";
64
71
 
65
72
  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": "15.6.0",
4
+ "version": "15.7.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.19.0",
23
23
  "@babel/runtime-corejs3": "^7.19.1",
24
- "@commercetools-uikit/design-system": "15.6.0",
25
- "@commercetools-uikit/text": "15.6.0",
26
- "@commercetools-uikit/utils": "15.6.0",
24
+ "@commercetools-uikit/design-system": "15.7.0",
25
+ "@commercetools-uikit/text": "15.7.0",
26
+ "@commercetools-uikit/utils": "15.7.0",
27
27
  "@emotion/react": "^11.4.0",
28
28
  "@emotion/styled": "^11.3.0",
29
29
  "prop-types": "15.8.1"