@commercetools-uikit/label 12.2.0 → 12.2.5
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.dev.js +48 -21
- package/dist/commercetools-uikit-label.cjs.prod.js +41 -15
- package/dist/commercetools-uikit-label.esm.js +33 -14
- package/dist/declarations/src/index.d.ts +2 -2
- package/dist/declarations/src/label.d.ts +16 -16
- package/dist/declarations/src/required-indicator.d.ts +5 -6
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +16 -13
|
@@ -2,53 +2,80 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
5
14
|
var _pt = require('prop-types');
|
|
6
|
-
var
|
|
15
|
+
var react$1 = require('react');
|
|
7
16
|
var reactIntl = require('react-intl');
|
|
8
17
|
var utils = require('@commercetools-uikit/utils');
|
|
9
18
|
var Text = require('@commercetools-uikit/text');
|
|
10
19
|
var react = require('@emotion/react');
|
|
11
20
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
21
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
12
22
|
|
|
13
23
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
14
24
|
|
|
25
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
29
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
30
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
15
33
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
16
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
17
34
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
18
35
|
|
|
19
36
|
var RequiredIndicator = function RequiredIndicator() {
|
|
20
|
-
return
|
|
21
|
-
css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"))
|
|
22
|
-
|
|
37
|
+
return jsxRuntime.jsx("em", {
|
|
38
|
+
css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yV2FybmluZ307XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
|
|
39
|
+
children: '*'
|
|
40
|
+
});
|
|
23
41
|
};
|
|
24
42
|
|
|
25
43
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
44
|
+
var RequiredIndicator$1 = RequiredIndicator;
|
|
45
|
+
|
|
46
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
47
|
+
|
|
48
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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; }
|
|
26
49
|
|
|
27
50
|
var Label = function Label(props) {
|
|
28
51
|
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;
|
|
29
|
-
var hasContent = props.intlMessage || Boolean(
|
|
52
|
+
var hasContent = props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
30
53
|
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;
|
|
31
|
-
return
|
|
54
|
+
return jsxRuntime.jsx("label", {
|
|
32
55
|
id: props.id,
|
|
33
|
-
htmlFor: props.htmlFor
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
56
|
+
htmlFor: props.htmlFor,
|
|
57
|
+
children: jsxRuntime.jsxs(Text__default["default"].Body, {
|
|
58
|
+
tone: props.tone,
|
|
59
|
+
isBold: props.isBold,
|
|
60
|
+
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
61
|
+
})
|
|
62
|
+
});
|
|
38
63
|
};
|
|
39
64
|
|
|
40
65
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
41
|
-
id: _pt__default[
|
|
42
|
-
htmlFor: _pt__default[
|
|
43
|
-
isBold: _pt__default[
|
|
44
|
-
isRequiredIndicatorVisible: _pt__default[
|
|
45
|
-
tone: _pt__default[
|
|
46
|
-
|
|
66
|
+
id: _pt__default["default"].string,
|
|
67
|
+
htmlFor: _pt__default["default"].string,
|
|
68
|
+
isBold: _pt__default["default"].bool,
|
|
69
|
+
isRequiredIndicatorVisible: _pt__default["default"].bool,
|
|
70
|
+
tone: _pt__default["default"].oneOf(['primary', 'inverted']),
|
|
71
|
+
intlMessage: _pt__default["default"].any,
|
|
72
|
+
children: _pt__default["default"].node
|
|
47
73
|
} : {};
|
|
48
74
|
Label.displayName = 'Label';
|
|
75
|
+
var Label$1 = Label;
|
|
49
76
|
|
|
50
|
-
// NOTE: This string will be replaced
|
|
51
|
-
var version =
|
|
77
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
78
|
+
var version = "12.2.5";
|
|
52
79
|
|
|
53
|
-
exports
|
|
80
|
+
exports["default"] = Label$1;
|
|
54
81
|
exports.version = version;
|
|
@@ -2,43 +2,69 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
6
|
+
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
9
|
+
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
10
|
+
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
11
|
+
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
12
|
+
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
13
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
5
14
|
require('prop-types');
|
|
6
|
-
var
|
|
15
|
+
var react$1 = require('react');
|
|
7
16
|
var reactIntl = require('react-intl');
|
|
8
17
|
require('@commercetools-uikit/utils');
|
|
9
18
|
var Text = require('@commercetools-uikit/text');
|
|
10
19
|
var react = require('@emotion/react');
|
|
11
20
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
21
|
+
var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
12
22
|
|
|
13
23
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
14
24
|
|
|
15
|
-
var
|
|
25
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
26
|
+
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
27
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
28
|
+
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
29
|
+
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
30
|
+
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
31
|
+
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
32
|
+
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
16
33
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
17
34
|
|
|
18
35
|
var RequiredIndicator = function RequiredIndicator() {
|
|
19
|
-
return
|
|
20
|
-
css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + ("" ))
|
|
21
|
-
|
|
36
|
+
return jsxRuntime.jsx("em", {
|
|
37
|
+
css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorWarning, ";" + ("" ), "" ),
|
|
38
|
+
children: '*'
|
|
39
|
+
});
|
|
22
40
|
};
|
|
23
41
|
|
|
24
42
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
43
|
+
var RequiredIndicator$1 = RequiredIndicator;
|
|
44
|
+
|
|
45
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); if (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; }
|
|
46
|
+
|
|
47
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors__default["default"]) { _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)); } else { var _context2; _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; }
|
|
25
48
|
|
|
26
49
|
var Label = function Label(props) {
|
|
27
|
-
props.intlMessage || Boolean(
|
|
28
|
-
return
|
|
50
|
+
props.intlMessage || Boolean(react$1.Children.count(props.children));
|
|
51
|
+
return jsxRuntime.jsx("label", {
|
|
29
52
|
id: props.id,
|
|
30
|
-
htmlFor: props.htmlFor
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
53
|
+
htmlFor: props.htmlFor,
|
|
54
|
+
children: jsxRuntime.jsxs(Text__default["default"].Body, {
|
|
55
|
+
tone: props.tone,
|
|
56
|
+
isBold: props.isBold,
|
|
57
|
+
children: [props.intlMessage ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsxRuntime.jsx(RequiredIndicator$1, {})]
|
|
58
|
+
})
|
|
59
|
+
});
|
|
35
60
|
};
|
|
36
61
|
|
|
37
62
|
Label.propTypes = {};
|
|
38
63
|
Label.displayName = 'Label';
|
|
64
|
+
var Label$1 = Label;
|
|
39
65
|
|
|
40
|
-
// NOTE: This string will be replaced
|
|
41
|
-
var version =
|
|
66
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
67
|
+
var version = "12.2.5";
|
|
42
68
|
|
|
43
|
-
exports
|
|
69
|
+
exports["default"] = Label$1;
|
|
44
70
|
exports.version = version;
|
|
@@ -1,30 +1,48 @@
|
|
|
1
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
2
|
+
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
3
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
|
+
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
5
|
+
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
6
|
+
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
7
|
+
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
8
|
+
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
9
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
1
10
|
import _pt from 'prop-types';
|
|
2
|
-
import
|
|
11
|
+
import { Children } from 'react';
|
|
3
12
|
import { FormattedMessage } from 'react-intl';
|
|
4
13
|
import { warning } from '@commercetools-uikit/utils';
|
|
5
14
|
import Text from '@commercetools-uikit/text';
|
|
6
|
-
import {
|
|
15
|
+
import { css } from '@emotion/react';
|
|
7
16
|
import { customProperties } from '@commercetools-uikit/design-system';
|
|
17
|
+
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
8
18
|
|
|
9
19
|
var RequiredIndicator = function RequiredIndicator() {
|
|
10
20
|
return jsx("em", {
|
|
11
|
-
css: /*#__PURE__*/css("color:", customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"))
|
|
12
|
-
|
|
21
|
+
css: /*#__PURE__*/css("color:", customProperties.colorWarning, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RequiredIndicator;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJlcXVpcmVkLWluZGljYXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS1kiLCJmaWxlIjoicmVxdWlyZWQtaW5kaWNhdG9yLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgYXMgdmFycyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5jb25zdCBSZXF1aXJlZEluZGljYXRvciA9ICgpID0+IChcbiAgPGVtXG4gICAgY3NzPXtjc3NgXG4gICAgICBjb2xvcjogJHt2YXJzLmNvbG9yV2FybmluZ307XG4gICAgYH1cbiAgPlxuICAgIHsnKid9XG4gIDwvZW0+XG4pO1xuUmVxdWlyZWRJbmRpY2F0b3IuZGlzcGxheU5hbWUgPSAnUmVxdWlyZWRJbmRpY2F0b3InO1xuXG5leHBvcnQgZGVmYXVsdCBSZXF1aXJlZEluZGljYXRvcjtcbiJdfQ== */"),
|
|
22
|
+
children: '*'
|
|
23
|
+
});
|
|
13
24
|
};
|
|
14
25
|
|
|
15
26
|
RequiredIndicator.displayName = 'RequiredIndicator';
|
|
27
|
+
var RequiredIndicator$1 = RequiredIndicator;
|
|
28
|
+
|
|
29
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) { symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
30
|
+
|
|
31
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; _forEachInstanceProperty(_context = ownKeys(Object(source), true)).call(_context, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context2; _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
16
32
|
|
|
17
33
|
var Label = function Label(props) {
|
|
18
34
|
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;
|
|
19
|
-
var hasContent = props.intlMessage || Boolean(
|
|
35
|
+
var hasContent = props.intlMessage || Boolean(Children.count(props.children));
|
|
20
36
|
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;
|
|
21
37
|
return jsx("label", {
|
|
22
38
|
id: props.id,
|
|
23
|
-
htmlFor: props.htmlFor
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
39
|
+
htmlFor: props.htmlFor,
|
|
40
|
+
children: jsxs(Text.Body, {
|
|
41
|
+
tone: props.tone,
|
|
42
|
+
isBold: props.isBold,
|
|
43
|
+
children: [props.intlMessage ? jsx(FormattedMessage, _objectSpread({}, props.intlMessage)) : props.children, props.isRequiredIndicatorVisible && jsx(RequiredIndicator$1, {})]
|
|
44
|
+
})
|
|
45
|
+
});
|
|
28
46
|
};
|
|
29
47
|
|
|
30
48
|
Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
@@ -33,12 +51,13 @@ Label.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
33
51
|
isBold: _pt.bool,
|
|
34
52
|
isRequiredIndicatorVisible: _pt.bool,
|
|
35
53
|
tone: _pt.oneOf(['primary', 'inverted']),
|
|
54
|
+
intlMessage: _pt.any,
|
|
36
55
|
children: _pt.node
|
|
37
56
|
} : {};
|
|
38
57
|
Label.displayName = 'Label';
|
|
58
|
+
var Label$1 = Label;
|
|
39
59
|
|
|
40
|
-
// NOTE: This string will be replaced
|
|
41
|
-
var version =
|
|
60
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
61
|
+
var version = "12.2.5";
|
|
42
62
|
|
|
43
|
-
export default
|
|
44
|
-
export { version };
|
|
63
|
+
export { Label$1 as default, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './label';
|
|
2
|
-
export { default as version } from './version';
|
|
1
|
+
export { default } from './label';
|
|
2
|
+
export { default as version } from './version';
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import type { MessageDescriptor } from 'react-intl';
|
|
2
|
-
import
|
|
3
|
-
declare type TLabelProps = {
|
|
4
|
-
id?: string;
|
|
5
|
-
htmlFor?: string;
|
|
6
|
-
isBold?: boolean;
|
|
7
|
-
isRequiredIndicatorVisible?: boolean;
|
|
8
|
-
tone?: 'primary' | 'inverted';
|
|
9
|
-
intlMessage?: MessageDescriptor;
|
|
10
|
-
children?:
|
|
11
|
-
};
|
|
12
|
-
declare const Label: {
|
|
13
|
-
(props: TLabelProps): JSX.Element;
|
|
14
|
-
displayName: string;
|
|
15
|
-
};
|
|
16
|
-
export default Label;
|
|
1
|
+
import type { MessageDescriptor } from 'react-intl';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
declare type TLabelProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
htmlFor?: string;
|
|
6
|
+
isBold?: boolean;
|
|
7
|
+
isRequiredIndicatorVisible?: boolean;
|
|
8
|
+
tone?: 'primary' | 'inverted';
|
|
9
|
+
intlMessage?: MessageDescriptor;
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
};
|
|
12
|
+
declare const Label: {
|
|
13
|
+
(props: TLabelProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
};
|
|
16
|
+
export default Label;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export default RequiredIndicator;
|
|
1
|
+
declare const RequiredIndicator: {
|
|
2
|
+
(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
|
+
displayName: string;
|
|
4
|
+
};
|
|
5
|
+
export default RequiredIndicator;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
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": "12.2.
|
|
4
|
+
"version": "12.2.5",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -9,32 +9,35 @@
|
|
|
9
9
|
"directory": "packages/components/label"
|
|
10
10
|
},
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
|
-
"keywords": [
|
|
12
|
+
"keywords": [
|
|
13
|
+
"javascript",
|
|
14
|
+
"design system",
|
|
15
|
+
"react",
|
|
16
|
+
"uikit"
|
|
17
|
+
],
|
|
13
18
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
19
|
"publishConfig": {
|
|
16
20
|
"access": "public"
|
|
17
21
|
},
|
|
18
22
|
"sideEffects": false,
|
|
19
23
|
"main": "dist/commercetools-uikit-label.cjs.js",
|
|
20
24
|
"module": "dist/commercetools-uikit-label.esm.js",
|
|
21
|
-
"files": [
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
+
"files": [
|
|
26
|
+
"dist"
|
|
27
|
+
],
|
|
25
28
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/design-system": "12.
|
|
29
|
-
"@commercetools-uikit/text": "12.2.
|
|
30
|
-
"@commercetools-uikit/utils": "12.2.
|
|
29
|
+
"@babel/runtime": "7.16.3",
|
|
30
|
+
"@babel/runtime-corejs3": "7.16.3",
|
|
31
|
+
"@commercetools-uikit/design-system": "12.2.5",
|
|
32
|
+
"@commercetools-uikit/text": "12.2.5",
|
|
33
|
+
"@commercetools-uikit/utils": "12.2.5",
|
|
31
34
|
"@emotion/react": "^11.4.0",
|
|
32
35
|
"@emotion/styled": "^11.3.0",
|
|
33
36
|
"prop-types": "15.7.2"
|
|
34
37
|
},
|
|
35
38
|
"devDependencies": {
|
|
36
39
|
"react": "17.0.2",
|
|
37
|
-
"react-intl": "5.
|
|
40
|
+
"react-intl": "5.21.2"
|
|
38
41
|
},
|
|
39
42
|
"peerDependencies": {
|
|
40
43
|
"react": "17.x",
|