@commercetools-uikit/label 15.15.0 → 16.0.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/dist/commercetools-uikit-label.cjs.d.ts +1 -0
- package/dist/commercetools-uikit-label.cjs.d.ts.map +1 -0
- package/dist/commercetools-uikit-label.cjs.dev.js +10 -12
- package/dist/commercetools-uikit-label.cjs.prod.js +9 -11
- package/dist/commercetools-uikit-label.esm.js +10 -12
- package/package.json +6 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"commercetools-uikit-label.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}
|
|
@@ -33,12 +33,10 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
33
33
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
34
34
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
});
|
|
41
|
-
};
|
|
36
|
+
const RequiredIndicator = () => jsxRuntime.jsx("em", {
|
|
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
|
+
children: '*'
|
|
39
|
+
});
|
|
42
40
|
|
|
43
41
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
44
42
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
@@ -47,15 +45,15 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
47
45
|
|
|
48
46
|
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
47
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
48
|
+
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
|
|
53
51
|
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
54
52
|
|
|
55
53
|
|
|
56
|
-
|
|
54
|
+
const TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
|
|
57
55
|
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;
|
|
58
|
-
|
|
56
|
+
const hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
59
57
|
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;
|
|
60
58
|
return jsxRuntime.jsx("label", {
|
|
61
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBgaWRgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyLz5cbiAgICogVXNlIHRoaXMgdG8gc2V0IHRoZSByZWxhdGlvbnNoaXBzIGJldHdlZW4gdGhlIGxhYmVsIGFuZCBhIG5vbi1mb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBpZD1cImZvb1wiPlxuICAgKiAgIDxkaXYgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGBmb3JgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBmb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBpZGAgb3IgYGFyaWEtbGFiZWxsZWRieWAuXG4gICAqIDxiciAvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgZm9ybSBlbGVtZW50LlxuICAgKiA8YnIgLz5cbiAgICogRm9yIGV4YW1wbGU6XG4gICAqIGBgYGBcbiAgICogICA8bGFiZWwgZm9yPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGlkPVwiZm9vXCI+XG4gICAqXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGFyaWEtbGFiZWxsZWRieT1cImZvb1wiPlxuICAgKiBgYGBgXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsIHRpdGxlIHNob3VsZCBiZSBpbiBib2xkIHRleHRcbiAgaXNCb2xkPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICBpc1JlcXVpcmVkSW5kaWNhdG9yVmlzaWJsZT86IGJvb2xlYW47XG4gIC8vIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICB0b25lPzogJ3ByaW1hcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIEEgYE1lc3NhZ2VEZXNjcmlwdG9yYCByZW5kZXJlZCBgY2hpbGRyZW5gIHRvIGBMYWJlbGAuXG4gICAqIDxiciAvPlxuICAgKiBXaGVuIGEgdmFsdWUgaXMgcHJvdmlkZWQsIGBpbnRsTWVzc2FnZWAgd2lsbCBiZSByZW5kZXJlZCBpbnN0ZWFkIG9mIGBjaGlsZHJlbmBcbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgY2hpbGRyZW5gIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG4gIC8qKlxuICAgKiBSZW5kZXJlZCBhcyBgY2hpbGRyZW5gIHRvIGBMYWJlbGAuXG4gICAqIDxiciAvPlxuICAgKiBUaGlzIGlzIHJlcXVpcmVkIHdoZW4gYGludGxNZXNzYWdlYCBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBMYWJlbCA9IChwcm9wczogVExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgLy8gVE9ETzogVGhpcyBpcyBhIHRlbXBvcmFyeSBzb2x1dGlvbiBkdWUgdG8gdGhlbWUgbWlncmF0aW9uLiBBZnRlciB0aGUgbmV3XG4gIC8vIHRoZW1lIGlzIHB1Ymxpc2hlZCwgd2UgbXVzdCByZW1vdmUgdGhpcyBhbmQganVzdCB1c2UgdGhlIGBUZXh0LkRldGFpbGAgY29tcG9uZW50XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZSA9PT0gJ2RlZmF1bHQnID8gVGV4dC5Cb2R5IDogVGV4dC5EZXRhaWw7XG5cbiAgd2FybmluZyhcbiAgICAhKEJvb2xlYW4ocHJvcHMuaWQpICYmIEJvb2xlYW4ocHJvcHMuaHRtbEZvcikpLFxuICAgIGB1aS1raXQvTGFiZWw6IHByb3ZpZGUgb25seSB0aGUgXCJpZFwiIG9yIHRoZSBcImh0bWxGb3JcIiBwcm9wZXJ0aWVzLCBub3QgYm90aC5gXG4gICk7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIHByb3BzLmludGxNZXNzYWdlIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICd1aS1raXQvTGFiZWw6JyxcbiAgICAgICdcImludGxNZXNzYWdlXCIgaXMgcmVxdWlyZWQgd2hlbiBcImNoaWxkcmVuXCIgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2EuJyxcbiAgICAgICdQcm92aWRlIFwiaW50bE1lc3NhZ2VcIiBvciBcImNoaWxkcmVuXCInLFxuICAgIF0uam9pbignICcpXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICA+IGRpdiB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6ICR7IXByb3BzLmlzQm9sZCAmJiBkZXNpZ25Ub2tlbnMuZm9udFdlaWdodDUwMH07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBpZD17cHJvcHMuaWR9XG4gICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgID5cbiAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3Byb3BzLnRvbmV9IGlzQm9sZD17cHJvcHMuaXNCb2xkfT5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0Q29tcG9uZW50PlxuICAgIDwvbGFiZWw+XG4gICk7XG59O1xuXG5MYWJlbC5kaXNwbGF5TmFtZSA9ICdMYWJlbCc7XG5cbmV4cG9ydCBkZWZhdWx0IExhYmVsO1xuIl19 */"),
|
|
@@ -84,7 +82,7 @@ Label.displayName = 'Label';
|
|
|
84
82
|
var Label$1 = Label;
|
|
85
83
|
|
|
86
84
|
// NOTE: This string will be replaced on build time with the package version.
|
|
87
|
-
var version = "
|
|
85
|
+
var version = "16.0.0";
|
|
88
86
|
|
|
89
87
|
exports["default"] = Label$1;
|
|
90
88
|
exports.version = version;
|
|
@@ -32,12 +32,10 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
32
32
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
33
33
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
};
|
|
35
|
+
const RequiredIndicator = () => jsxRuntime.jsx("em", {
|
|
36
|
+
css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorWarning, ";font-style:normal;margin-left:2px;" + ("" ), "" ),
|
|
37
|
+
children: '*'
|
|
38
|
+
});
|
|
41
39
|
|
|
42
40
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
43
41
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
@@ -46,13 +44,13 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["def
|
|
|
46
44
|
|
|
47
45
|
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
46
|
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
47
|
+
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
|
|
52
50
|
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
53
51
|
|
|
54
52
|
|
|
55
|
-
|
|
53
|
+
const TextComponent = theme === 'default' ? Text__default["default"].Body : Text__default["default"].Detail;
|
|
56
54
|
props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
57
55
|
return jsxRuntime.jsx("label", {
|
|
58
56
|
css: /*#__PURE__*/react.css(">div{font-weight:", !props.isBold && designSystem.designTokens.fontWeight500, ";}" + ("" ), "" ),
|
|
@@ -71,7 +69,7 @@ Label.displayName = 'Label';
|
|
|
71
69
|
var Label$1 = Label;
|
|
72
70
|
|
|
73
71
|
// NOTE: This string will be replaced on build time with the package version.
|
|
74
|
-
var version = "
|
|
72
|
+
var version = "16.0.0";
|
|
75
73
|
|
|
76
74
|
exports["default"] = Label$1;
|
|
77
75
|
exports.version = version;
|
|
@@ -16,12 +16,10 @@ import { css } from '@emotion/react';
|
|
|
16
16
|
import { designTokens, useTheme } from '@commercetools-uikit/design-system';
|
|
17
17
|
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
});
|
|
24
|
-
};
|
|
19
|
+
const RequiredIndicator = () => jsx("em", {
|
|
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
|
+
children: '*'
|
|
22
|
+
});
|
|
25
23
|
|
|
26
24
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
27
25
|
var RequiredIndicator$1 = RequiredIndicator;
|
|
@@ -30,15 +28,15 @@ function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (
|
|
|
30
28
|
|
|
31
29
|
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
30
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
const Label = props => {
|
|
32
|
+
const _useTheme = useTheme(),
|
|
33
|
+
theme = _useTheme.theme; // TODO: This is a temporary solution due to theme migration. After the new
|
|
36
34
|
// theme is published, we must remove this and just use the `Text.Detail` component
|
|
37
35
|
|
|
38
36
|
|
|
39
|
-
|
|
37
|
+
const TextComponent = theme === 'default' ? Text.Body : Text.Detail;
|
|
40
38
|
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;
|
|
41
|
-
|
|
39
|
+
const hasContent = props.intlMessage || Boolean(Children.count(props.children));
|
|
42
40
|
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;
|
|
43
41
|
return jsx("label", {
|
|
44
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmMiLCJmaWxlIjoibGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgdHlwZSBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBGb3JtYXR0ZWRNZXNzYWdlIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyB3YXJuaW5nIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdXRpbHMnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgUmVxdWlyZWRJbmRpY2F0b3IgZnJvbSAnLi9yZXF1aXJlZC1pbmRpY2F0b3InO1xuaW1wb3J0IHsgdXNlVGhlbWUsIGRlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vLyBUT0RPOiBAcmVkZXNpZ24gY2xlYW51cFxuXG5leHBvcnQgdHlwZSBUTGFiZWxQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBgaWRgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBub24tZm9ybSBlbGVtZW50cyB3aXRoIHRoZSByZWxhdGVkIGF0dHJpYnV0ZSBgYXJpYS1sYWJlbGxlZGJ5YC5cbiAgICogPGJyLz5cbiAgICogVXNlIHRoaXMgdG8gc2V0IHRoZSByZWxhdGlvbnNoaXBzIGJldHdlZW4gdGhlIGxhYmVsIGFuZCBhIG5vbi1mb3JtIGVsZW1lbnQuXG4gICAqIDxiciAvPlxuICAgKiBGb3IgZXhhbXBsZTpcbiAgICogYGBgYFxuICAgKiAgIDxsYWJlbCBpZD1cImZvb1wiPlxuICAgKiAgIDxkaXYgYXJpYS1sYWJlbGxlZGJ5PVwiZm9vXCI+XG4gICAqIGBgYGBcbiAgICovXG4gIGlkPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGBmb3JgIEhUTUwgYXR0cmlidXRlLCB1c2VkIHRvIHJlZmVyZW5jZSBmb3JtIGVsZW1lbnRzIHdpdGggdGhlIHJlbGF0ZWQgYXR0cmlidXRlIGBpZGAgb3IgYGFyaWEtbGFiZWxsZWRieWAuXG4gICAqIDxiciAvPlxuICAgKiBVc2UgdGhpcyB0byBzZXQgdGhlIHJlbGF0aW9uc2hpcHMgYmV0d2VlbiB0aGUgbGFiZWwgYW5kIGEgZm9ybSBlbGVtZW50LlxuICAgKiA8YnIgLz5cbiAgICogRm9yIGV4YW1wbGU6XG4gICAqIGBgYGBcbiAgICogICA8bGFiZWwgZm9yPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGlkPVwiZm9vXCI+XG4gICAqXG4gICAqICAgPGxhYmVsIGlkPVwiZm9vXCI+XG4gICAqICAgPGlucHV0IGFyaWEtbGFiZWxsZWRieT1cImZvb1wiPlxuICAgKiBgYGBgXG4gICAqL1xuICBodG1sRm9yPzogc3RyaW5nO1xuICAvLyBJbmRpY2F0ZXMgaWYgdGhlIGxhYmVsIHRpdGxlIHNob3VsZCBiZSBpbiBib2xkIHRleHRcbiAgaXNCb2xkPzogYm9vbGVhbjtcbiAgLy8gSW5kaWNhdGVzIGlmIHRoZSBsYWJlbGVkIGZpZWxkIGlzIHJlcXVpcmVkIGluIGEgZm9ybVxuICBpc1JlcXVpcmVkSW5kaWNhdG9yVmlzaWJsZT86IGJvb2xlYW47XG4gIC8vIEluZGljYXRlcyB0aGUgdG9uZSB0byBiZSBhcHBsaWVkIHRvIHRoZSBsYWJlbFxuICB0b25lPzogJ3ByaW1hcnknIHwgJ2ludmVydGVkJztcbiAgLyoqXG4gICAqIEEgYE1lc3NhZ2VEZXNjcmlwdG9yYCByZW5kZXJlZCBgY2hpbGRyZW5gIHRvIGBMYWJlbGAuXG4gICAqIDxiciAvPlxuICAgKiBXaGVuIGEgdmFsdWUgaXMgcHJvdmlkZWQsIGBpbnRsTWVzc2FnZWAgd2lsbCBiZSByZW5kZXJlZCBpbnN0ZWFkIG9mIGBjaGlsZHJlbmBcbiAgICogPGJyIC8+XG4gICAqIFRoaXMgaXMgcmVxdWlyZWQgd2hlbiBgY2hpbGRyZW5gIGlzIGB1bmRlZmluZWRgIGFuZCB2aWNlIHZlcnNhXG4gICAqL1xuICBpbnRsTWVzc2FnZT86IE1lc3NhZ2VEZXNjcmlwdG9yICYge1xuICAgIHZhbHVlcz86IFJlY29yZDxzdHJpbmcsIFJlYWN0Tm9kZT47XG4gIH07XG4gIC8qKlxuICAgKiBSZW5kZXJlZCBhcyBgY2hpbGRyZW5gIHRvIGBMYWJlbGAuXG4gICAqIDxiciAvPlxuICAgKiBUaGlzIGlzIHJlcXVpcmVkIHdoZW4gYGludGxNZXNzYWdlYCBpcyBgdW5kZWZpbmVkYCBhbmQgdmljZSB2ZXJzYVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBMYWJlbCA9IChwcm9wczogVExhYmVsUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0aGVtZSB9ID0gdXNlVGhlbWUoKTtcbiAgLy8gVE9ETzogVGhpcyBpcyBhIHRlbXBvcmFyeSBzb2x1dGlvbiBkdWUgdG8gdGhlbWUgbWlncmF0aW9uLiBBZnRlciB0aGUgbmV3XG4gIC8vIHRoZW1lIGlzIHB1Ymxpc2hlZCwgd2UgbXVzdCByZW1vdmUgdGhpcyBhbmQganVzdCB1c2UgdGhlIGBUZXh0LkRldGFpbGAgY29tcG9uZW50XG4gIGNvbnN0IFRleHRDb21wb25lbnQgPSB0aGVtZSA9PT0gJ2RlZmF1bHQnID8gVGV4dC5Cb2R5IDogVGV4dC5EZXRhaWw7XG5cbiAgd2FybmluZyhcbiAgICAhKEJvb2xlYW4ocHJvcHMuaWQpICYmIEJvb2xlYW4ocHJvcHMuaHRtbEZvcikpLFxuICAgIGB1aS1raXQvTGFiZWw6IHByb3ZpZGUgb25seSB0aGUgXCJpZFwiIG9yIHRoZSBcImh0bWxGb3JcIiBwcm9wZXJ0aWVzLCBub3QgYm90aC5gXG4gICk7XG4gIGNvbnN0IGhhc0NvbnRlbnQgPVxuICAgIHByb3BzLmludGxNZXNzYWdlIHx8IEJvb2xlYW4oQ2hpbGRyZW4uY291bnQocHJvcHMuY2hpbGRyZW4pKTtcbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICd1aS1raXQvTGFiZWw6JyxcbiAgICAgICdcImludGxNZXNzYWdlXCIgaXMgcmVxdWlyZWQgd2hlbiBcImNoaWxkcmVuXCIgaXMgYHVuZGVmaW5lZGAgYW5kIHZpY2UgdmVyc2EuJyxcbiAgICAgICdQcm92aWRlIFwiaW50bE1lc3NhZ2VcIiBvciBcImNoaWxkcmVuXCInLFxuICAgIF0uam9pbignICcpXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICA+IGRpdiB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6ICR7IXByb3BzLmlzQm9sZCAmJiBkZXNpZ25Ub2tlbnMuZm9udFdlaWdodDUwMH07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICBpZD17cHJvcHMuaWR9XG4gICAgICBodG1sRm9yPXtwcm9wcy5odG1sRm9yfVxuICAgID5cbiAgICAgIDxUZXh0Q29tcG9uZW50IHRvbmU9e3Byb3BzLnRvbmV9IGlzQm9sZD17cHJvcHMuaXNCb2xkfT5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxGb3JtYXR0ZWRNZXNzYWdlIHsuLi5wcm9wcy5pbnRsTWVzc2FnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBwcm9wcy5jaGlsZHJlblxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuaXNSZXF1aXJlZEluZGljYXRvclZpc2libGUgJiYgPFJlcXVpcmVkSW5kaWNhdG9yIC8+fVxuICAgICAgPC9UZXh0Q29tcG9uZW50PlxuICAgIDwvbGFiZWw+XG4gICk7XG59O1xuXG5MYWJlbC5kaXNwbGF5TmFtZSA9ICdMYWJlbCc7XG5cbmV4cG9ydCBkZWZhdWx0IExhYmVsO1xuIl19 */"),
|
|
@@ -67,6 +65,6 @@ Label.displayName = 'Label';
|
|
|
67
65
|
var Label$1 = Label;
|
|
68
66
|
|
|
69
67
|
// NOTE: This string will be replaced on build time with the package version.
|
|
70
|
-
var version = "
|
|
68
|
+
var version = "16.0.0";
|
|
71
69
|
|
|
72
70
|
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": "
|
|
4
|
+
"version": "16.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,19 +21,19 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "
|
|
25
|
-
"@commercetools-uikit/text": "
|
|
26
|
-
"@commercetools-uikit/utils": "
|
|
24
|
+
"@commercetools-uikit/design-system": "16.0.0",
|
|
25
|
+
"@commercetools-uikit/text": "16.0.0",
|
|
26
|
+
"@commercetools-uikit/utils": "16.0.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"@emotion/styled": "^11.10.5",
|
|
29
29
|
"prop-types": "15.8.1"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"react": "17.0.2",
|
|
33
|
-
"react-intl": "^
|
|
33
|
+
"react-intl": "^6.3.2"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"react": "17.x",
|
|
37
|
-
"react-intl": "
|
|
37
|
+
"react-intl": "6.x"
|
|
38
38
|
}
|
|
39
39
|
}
|