@commercetools-uikit/radio-input 12.2.9 → 13.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-radio-input.cjs.d.ts +2 -0
- package/dist/commercetools-uikit-radio-input.cjs.dev.js +80 -96
- package/dist/commercetools-uikit-radio-input.cjs.prod.js +38 -33
- package/dist/commercetools-uikit-radio-input.esm.js +77 -93
- package/dist/declarations/src/icons/generated/RadioOptionCheckedReact.d.ts +14 -0
- package/dist/declarations/src/icons/generated/RadioOptionUncheckedReact.d.ts +14 -0
- package/dist/declarations/src/icons/generated/index.d.ts +2 -0
- package/dist/declarations/src/icons/index.d.ts +1 -0
- package/dist/declarations/src/index.d.ts +16 -0
- package/dist/declarations/src/radio-group.d.ts +35 -0
- package/dist/declarations/src/radio-option.d.ts +28 -0
- package/dist/declarations/src/radio-option.styles.d.ts +10 -0
- package/dist/declarations/src/version.d.ts +2 -0
- package/package.json +11 -11
|
@@ -2,25 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
5
11
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
6
12
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
7
13
|
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
8
14
|
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
9
15
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
16
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
11
|
-
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
-
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
13
|
-
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
14
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
17
|
var react$1 = require('react');
|
|
17
|
-
var PropTypes = require('prop-types');
|
|
18
18
|
var utils = require('@commercetools-uikit/utils');
|
|
19
19
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
20
20
|
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
21
21
|
var Inline = require('@commercetools-uikit/spacings-inline');
|
|
22
22
|
var _styled = require('@emotion/styled/base');
|
|
23
|
-
var reactIs = require('react-is');
|
|
24
23
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
25
24
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
26
25
|
var react = require('@emotion/react');
|
|
@@ -28,25 +27,25 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
28
27
|
|
|
29
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
30
29
|
|
|
30
|
+
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
31
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
32
|
+
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
33
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
34
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
31
35
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
32
36
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
33
37
|
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
34
38
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
35
39
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
36
40
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
|
-
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
38
|
-
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
39
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
40
|
-
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
41
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
42
41
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
43
42
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
44
43
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
45
44
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
46
45
|
|
|
47
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
46
|
+
function ownKeys$3(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; }
|
|
48
47
|
|
|
49
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
48
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
50
49
|
var iconSizes$1 = {
|
|
51
50
|
small: 12,
|
|
52
51
|
medium: 16,
|
|
@@ -194,9 +193,9 @@ var RadioOptionCheckedIcon = function RadioOptionCheckedIcon(props) {
|
|
|
194
193
|
RadioOptionCheckedIcon.displayName = 'RadioOptionCheckedIcon';
|
|
195
194
|
var RadioOptionCheckedIcon$1 = RadioOptionCheckedIcon;
|
|
196
195
|
|
|
197
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
196
|
+
function ownKeys$2(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; }
|
|
198
197
|
|
|
199
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
198
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
200
199
|
var iconSizes = {
|
|
201
200
|
small: 12,
|
|
202
201
|
medium: 16,
|
|
@@ -337,13 +336,13 @@ RadioOptionUncheckedIcon.displayName = 'RadioOptionUncheckedIcon';
|
|
|
337
336
|
var RadioOptionUncheckedIcon$1 = RadioOptionUncheckedIcon;
|
|
338
337
|
|
|
339
338
|
var LabelTextWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
340
|
-
target: "
|
|
339
|
+
target: "e1x57rfz0"
|
|
341
340
|
} : {
|
|
342
|
-
target: "
|
|
341
|
+
target: "e1x57rfz0",
|
|
343
342
|
label: "LabelTextWrapper"
|
|
344
343
|
})("margin-left:", designSystem.customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", function (props) {
|
|
345
344
|
return props.isDisabled ? designSystem.customProperties.fontColorForInputWhenDisabled : designSystem.customProperties.fontColorForInput;
|
|
346
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
345
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlEIiwiZmlsZSI6InJhZGlvLW9wdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBUT3B0aW9uUHJvcHMgfSBmcm9tICcuL3JhZGlvLW9wdGlvbic7XG5cbnR5cGUgVFN0eWxlc1Byb3BzID0gUGljazxcbiAgVE9wdGlvblByb3BzLFxuICAnaXNEaXNhYmxlZCcgfCAnaGFzRXJyb3InIHwgJ2hhc1dhcm5pbmcnIHwgJ2lzSG92ZXJlZCcgfCAnaXNSZWFkT25seSdcbj47XG5cbmNvbnN0IExhYmVsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIG1hcmdpbi1sZWZ0OiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBjb2xvcjogJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXR9O1xuYDtcblxuY29uc3QgZ2V0U3ZnQ29udGFpbmVyQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzSG92ZXJlZCAmJiAhcHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAocHJvcHM6IFRPcHRpb25Qcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICA/IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICAgIDogY3VzdG9tUHJvcGVydGllcy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gIH1cblxuICBzdmcgKltkYXRhLXN0eWxlPSdyYWRpby1vcHRpb25fX2JvcmRlciddIHtcbiAgICBzdHJva2U6ICR7Z2V0U3ZnQ29udGFpbmVyQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19jb250ZW50J10ge1xuICAgIGZpbGw6ICR7Z2V0U3ZnQ29udGFpbmVyQ29udGVudEZpbGwocHJvcHMpfTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0U3ZnTGFiZWxCb3JkZXJTdHJva2UgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0TGFiZWxDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRMYWJlbENvbG9yKHByb3BzKX07XG4gIGN1cnNvcjogJHtnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgOmZvY3VzLXdpdGhpbiAke0xhYmVsVGV4dFdyYXBwZXJ9IHtcbiAgICBvdXRsaW5lOiBhdXRvIDJweCAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICBvdXRsaW5lLW9mZnNldDogM3B4O1xuICB9XG5gO1xuXG5leHBvcnQgeyBnZXRDb250YWluZXJTdHlsZXMsIGdldExhYmVsU3R5bGVzLCBMYWJlbFRleHRXcmFwcGVyIH07XG4iXX0= */"));
|
|
347
346
|
|
|
348
347
|
var getSvgContainerBorderStroke = function getSvgContainerBorderStroke(props) {
|
|
349
348
|
if (props.isDisabled) {
|
|
@@ -390,7 +389,7 @@ var getSvgContainerContentFill = function getSvgContainerContentFill(props) {
|
|
|
390
389
|
};
|
|
391
390
|
|
|
392
391
|
var getContainerStyles = function getContainerStyles(props) {
|
|
393
|
-
return /*#__PURE__*/react.css("display:flex;align-items:center;svg{fill:", props.isDisabled ? designSystem.customProperties.backgroundColorForInputWhenDisabled : designSystem.customProperties.backgroundColorForInput, ";}svg *[data-style='radio-option__border']{stroke:", getSvgContainerBorderStroke(props), ";}svg *[data-style='radio-option__content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
392
|
+
return /*#__PURE__*/react.css("display:flex;align-items:center;svg{fill:", props.isDisabled ? designSystem.customProperties.backgroundColorForInputWhenDisabled : designSystem.customProperties.backgroundColorForInput, ";}svg *[data-style='radio-option__border']{stroke:", getSvgContainerBorderStroke(props), ";}svg *[data-style='radio-option__content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUR1RCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgVE9wdGlvblByb3BzIH0gZnJvbSAnLi9yYWRpby1vcHRpb24nO1xuXG50eXBlIFRTdHlsZXNQcm9wcyA9IFBpY2s8XG4gIFRPcHRpb25Qcm9wcyxcbiAgJ2lzRGlzYWJsZWQnIHwgJ2hhc0Vycm9yJyB8ICdoYXNXYXJuaW5nJyB8ICdpc0hvdmVyZWQnIHwgJ2lzUmVhZE9ubHknXG4+O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZFxuICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0fTtcbmA7XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZSA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5cbmNvbnN0IGdldExhYmVsQ29sb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbiAgcmV0dXJuICdwb2ludGVyJztcbn07XG5cbmNvbnN0IGdldExhYmVsU3R5bGVzID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
|
|
394
393
|
};
|
|
395
394
|
|
|
396
395
|
var getSvgLabelBorderStroke = function getSvgLabelBorderStroke(props) {
|
|
@@ -446,24 +445,35 @@ var getLabelCursor = function getLabelCursor(props) {
|
|
|
446
445
|
};
|
|
447
446
|
|
|
448
447
|
var getLabelStyles = function getLabelStyles(props) {
|
|
449
|
-
return /*#__PURE__*/react.css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
448
|
+
return /*#__PURE__*/react.css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0htRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgVE9wdGlvblByb3BzIH0gZnJvbSAnLi9yYWRpby1vcHRpb24nO1xuXG50eXBlIFRTdHlsZXNQcm9wcyA9IFBpY2s8XG4gIFRPcHRpb25Qcm9wcyxcbiAgJ2lzRGlzYWJsZWQnIHwgJ2hhc0Vycm9yJyB8ICdoYXNXYXJuaW5nJyB8ICdpc0hvdmVyZWQnIHwgJ2lzUmVhZE9ubHknXG4+O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZFxuICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0fTtcbmA7XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZSA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5cbmNvbnN0IGdldExhYmVsQ29sb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbiAgcmV0dXJuICdwb2ludGVyJztcbn07XG5cbmNvbnN0IGdldExhYmVsU3R5bGVzID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
|
|
450
449
|
};
|
|
451
450
|
|
|
452
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
451
|
+
function ownKeys$1(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; }
|
|
453
452
|
|
|
454
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
453
|
+
function _objectSpread$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
455
454
|
|
|
456
455
|
var Input = _styled__default["default"]("input", process.env.NODE_ENV === "production" ? {
|
|
457
|
-
target: "
|
|
456
|
+
target: "ejtzo910"
|
|
458
457
|
} : {
|
|
459
|
-
target: "
|
|
458
|
+
target: "ejtzo910",
|
|
460
459
|
label: "Input"
|
|
461
|
-
})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
460
|
+
})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwQiIsImZpbGUiOiJyYWRpby1vcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBpc1ZhbGlkRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG4gIHdhcm5pbmcsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGFjY2Vzc2libGVIaWRkZW5JbnB1dFN0eWxlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcbmltcG9ydCB7IFJhZGlvT3B0aW9uQ2hlY2tlZEljb24sIFJhZGlvT3B0aW9uVW5jaGVja2VkSWNvbiB9IGZyb20gJy4vaWNvbnMnO1xuaW1wb3J0IHtcbiAgZ2V0TGFiZWxTdHlsZXMsXG4gIGdldENvbnRhaW5lclN0eWxlcyxcbiAgTGFiZWxUZXh0V3JhcHBlcixcbn0gZnJvbSAnLi9yYWRpby1vcHRpb24uc3R5bGVzJztcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICY6Zm9jdXMgKyBkaXYgPiBzdmcgKltkYXRhLXN0eWxlPSdyYWRpby1vcHRpb25fX2JvcmRlciddIHtcbiAgICBzdHJva2U6ICR7dmFycy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICB9XG5gO1xuXG50eXBlIFRDb21wb25lbnRzID0ge1xuICB3cmFwcGVyPzogKGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQpID0+IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRPcHRpb25Qcm9wcyA9IHtcbiAgLy8gRGlyZWN0IHByb3BzXG4gIHZhbHVlOiBzdHJpbmcgfCBib29sZWFuO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3RFbGVtZW50IHwgKCgpID0+IFJlYWN0RWxlbWVudCk7XG4gIGNvbXBvbmVudHM/OiBUQ29tcG9uZW50cztcbiAgLy8gSW5qZWN0ZWQgcHJvcHMgZnJvbSB0aGUgcGFyZW50IEdyb3VwIGNvbXBvbmVudFxuICBpZD86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgaXNDaGVja2VkPzogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIGhhc1dhcm5pbmc/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjtcbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyO1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjtcblxuICAvLyBUaGlzIHByb3AgZm9yY2VzIFJhZGlvLk9wdGlvbiB0byBiZSByZW5kZXJlZCBpbiBhIGhvdmVyZWQgc3RhdGUgKHRob3VnaCBpc0Rpc2FibGVkIHRha2VzXG4gIC8vIHByZWNlZGVuY2Ugb3ZlciB0aGF0KS4gV2UgbmVlZCB0aGF0IHRvIGFkZHJlc3MgYSB1c2UtY2FzZSB3aGVuIGhvdmVyaW5nIGlzIGNvbW1pbmdcbiAgLy8gZnJvbSBzb21ld2hlcmUgdXAgdGhlIGhpZXJhcmNoeS4gVGhlcmUgaXMgbm8gbmVlZCB0byB0b3VjaCB0aGlzIHByb3AgaW4gY2FzZVxuICAvLyBhbGwgeW91IG5lZWQgaXMgYSBnZW5lcmFsIGhpZ2hsaWdodGluZyBvbiBob3ZlciBvZiBSYWRpby5PcHRpb24gYm9keSwgd2hpY2ggaXMgc29sdmVkXG4gIC8vIGJ5IGEgY29ycmVzcG9uZGluZyA6aG92ZXIgc2VsZWN0b3IgaW4gdGhlIHN5bGVzIG9mIHRoaXMgY29tcG9uZW50LlxuICBpc0hvdmVyZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgT3B0aW9uID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGFiZWxQcm9wcyA9IHByb3BzLmlkID8geyBodG1sRm9yOiBwcm9wcy5pZCB9IDoge307XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgdHlwZW9mIHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIgPT09ICdmdW5jdGlvbicsXG4gICAgICBgSW52YWxpZCBwcm9wICdjb21wb25lbnRzLndyYXBwZXInIHN1cHBsaWVkIHRvICdSYWRpb0lucHV0Lk9wdGlvbic6IHRoZSBwcm9wIGlzIG5vdCBhIGZ1bmN0aW9uYFxuICAgICk7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIubGVuZ3RoID09PSAxLFxuICAgICAgYEludmFsaWQgcHJvcCAnY29tcG9uZW50cy53cmFwcGVyJyBzdXBwbGllZCB0byAnUmFkaW9JbnB1dC5PcHRpb24nOiB0aGUgc3VwcGxpZWQgZnVuY3Rpb24gc2hvdWxkIGV4cGVjdCBvbmUgYXJndW1lbnRgXG4gICAgKTtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnQocHJvcHMuY29tcG9uZW50cz8ud3JhcHBlcig8PjwvPikpLFxuICAgICAgYEludmFsaWQgcHJvcCAnY29tcG9uZW50cy53cmFwcGVyJyBzdXBwbGllZCB0byAnUmFkaW9JbnB1dC5PcHRpb24nOiB0aGUgZnVuY3Rpb24gc3VwcGxpZWQgc2hvdWxkIHJldHVybiBhIHZhbGlkIHJlYWN0IGVsZW1lbnRgXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjc3M9e2dldExhYmVsU3R5bGVzKHByb3BzKX1cbiAgICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgICBhcmlhLWNoZWNrZWQ9e3Byb3BzLmlzQ2hlY2tlZH1cbiAgICAgIG9uRm9jdXM9e3Byb3BzLm9uRm9jdXN9XG4gICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgIHsuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhsYWJlbFByb3BzKX1cbiAgICA+XG4gICAgICA8SW5wdXRcbiAgICAgICAgY3NzPXthY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXN9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgdmFsdWU9e1xuICAgICAgICAgIHR5cGVvZiBwcm9wcy52YWx1ZSA9PT0gJ2Jvb2xlYW4nXG4gICAgICAgICAgICA/IHByb3BzLnZhbHVlLnRvU3RyaW5nKClcbiAgICAgICAgICAgIDogcHJvcHMudmFsdWVcbiAgICAgICAgfVxuICAgICAgICBvbkNoYW5nZT17cHJvcHMuaXNSZWFkT25seSA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2hhbmdlfVxuICAgICAgICBkaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgY2hlY2tlZD17cHJvcHMuaXNDaGVja2VkfVxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICByZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgYXJpYS1yZWFkb25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIC8+XG4gICAgICA8ZGl2IGNzcz17Z2V0Q29udGFpbmVyU3R5bGVzKHByb3BzKX0+XG4gICAgICAgIHtwcm9wcy5pc0NoZWNrZWQgPyAoXG4gICAgICAgICAgPFJhZGlvT3B0aW9uQ2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFJhZGlvT3B0aW9uVW5jaGVja2VkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsVGV4dFdyYXBwZXIgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH0+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvTGFiZWxUZXh0V3JhcHBlcj5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcbk9wdGlvbi5kaXNwbGF5TmFtZSA9ICdSYWRpb09wdGlvbic7XG5cbk9wdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbXBvbmVudHM6IHt9LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
|
|
462
461
|
|
|
463
462
|
var Option = function Option(props) {
|
|
463
|
+
var _props$components;
|
|
464
|
+
|
|
464
465
|
var labelProps = props.id ? {
|
|
465
466
|
htmlFor: props.id
|
|
466
467
|
} : {};
|
|
468
|
+
|
|
469
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.wrapper) {
|
|
470
|
+
var _props$components2, _props$components3, _props$components4;
|
|
471
|
+
|
|
472
|
+
process.env.NODE_ENV !== "production" ? utils.warning(typeof ((_props$components2 = props.components) === null || _props$components2 === void 0 ? void 0 : _props$components2.wrapper) === 'function', "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function") : void 0;
|
|
473
|
+
process.env.NODE_ENV !== "production" ? utils.warning(((_props$components3 = props.components) === null || _props$components3 === void 0 ? void 0 : _props$components3.wrapper.length) === 1, "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument") : void 0;
|
|
474
|
+
process.env.NODE_ENV !== "production" ? utils.warning( /*#__PURE__*/react$1.isValidElement((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
|
|
475
|
+
}
|
|
476
|
+
|
|
467
477
|
return jsxRuntime.jsxs("label", _objectSpread$1(_objectSpread$1({
|
|
468
478
|
css: getLabelStyles(props),
|
|
469
479
|
role: "radio",
|
|
@@ -475,7 +485,7 @@ var Option = function Option(props) {
|
|
|
475
485
|
css: inputUtils.accessibleHiddenInputStyles,
|
|
476
486
|
id: props.id,
|
|
477
487
|
name: props.name,
|
|
478
|
-
value: props.value,
|
|
488
|
+
value: typeof props.value === 'boolean' ? props.value.toString() : props.value,
|
|
479
489
|
onChange: props.isReadOnly ? undefined : props.onChange,
|
|
480
490
|
disabled: props.isDisabled,
|
|
481
491
|
checked: props.isChecked,
|
|
@@ -496,60 +506,40 @@ var Option = function Option(props) {
|
|
|
496
506
|
}));
|
|
497
507
|
};
|
|
498
508
|
|
|
499
|
-
Option.displayName = 'RadioOption';
|
|
500
509
|
Option.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
wrapper: function wrapper(props, propName) {
|
|
506
|
-
if (props[propName]) {
|
|
507
|
-
if (typeof props[propName] !== 'function') {
|
|
508
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function");
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
if (props[propName].length !== 1) {
|
|
512
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument");
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
if (reactIs.isValidElementType(props[propName](react$1.Fragment))) {
|
|
516
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element");
|
|
517
|
-
}
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
return null;
|
|
521
|
-
}
|
|
510
|
+
value: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].bool]).isRequired,
|
|
511
|
+
children: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element, _pt__default["default"].func]).isRequired,
|
|
512
|
+
components: _pt__default["default"].shape({
|
|
513
|
+
wrapper: _pt__default["default"].func
|
|
522
514
|
}),
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
// This prop forces Radio.Option to be rendered in a hovered state (though isDisabled takes
|
|
535
|
-
// precedence over that). We need that to address a use-case when hovering is comming
|
|
536
|
-
// from somewhere up the hierarchy. There is no need to touch this prop in case
|
|
537
|
-
// all you need is a general highlighting on hover of Radio.Option body, which is solved
|
|
538
|
-
// by a corresponding :hover selector in the syles of this component.
|
|
539
|
-
isHovered: PropTypes__default["default"].bool
|
|
515
|
+
id: _pt__default["default"].string,
|
|
516
|
+
name: _pt__default["default"].string,
|
|
517
|
+
isChecked: _pt__default["default"].bool,
|
|
518
|
+
isDisabled: _pt__default["default"].bool,
|
|
519
|
+
isReadOnly: _pt__default["default"].bool,
|
|
520
|
+
hasError: _pt__default["default"].bool,
|
|
521
|
+
hasWarning: _pt__default["default"].bool,
|
|
522
|
+
onChange: _pt__default["default"].func,
|
|
523
|
+
onFocus: _pt__default["default"].func,
|
|
524
|
+
onBlur: _pt__default["default"].func,
|
|
525
|
+
isHovered: _pt__default["default"].bool
|
|
540
526
|
} : {};
|
|
527
|
+
Option.displayName = 'RadioOption';
|
|
541
528
|
Option.defaultProps = {
|
|
542
529
|
components: {}
|
|
543
530
|
};
|
|
544
531
|
var Option$1 = Option;
|
|
545
532
|
|
|
546
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
533
|
+
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; }
|
|
547
534
|
|
|
548
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
549
|
-
var
|
|
550
|
-
|
|
551
|
-
|
|
552
|
-
|
|
535
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
536
|
+
var defaultProps = {
|
|
537
|
+
horizontalConstraint: 'scale',
|
|
538
|
+
direction: 'stack',
|
|
539
|
+
directionProps: {
|
|
540
|
+
scale: 'm'
|
|
541
|
+
}
|
|
542
|
+
};
|
|
553
543
|
|
|
554
544
|
var Group = function Group(props) {
|
|
555
545
|
react$1.useEffect(function () {
|
|
@@ -566,7 +556,7 @@ var Group = function Group(props) {
|
|
|
566
556
|
|
|
567
557
|
var optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (child, index) {
|
|
568
558
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
569
|
-
if (child && child.type.displayName === Option$1.displayName) {
|
|
559
|
+
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
570
560
|
var _context;
|
|
571
561
|
|
|
572
562
|
var clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
@@ -608,34 +598,28 @@ var Group = function Group(props) {
|
|
|
608
598
|
});
|
|
609
599
|
};
|
|
610
600
|
|
|
611
|
-
Group.displayName = 'RadioGroup';
|
|
612
601
|
Group.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
613
|
-
id:
|
|
614
|
-
name:
|
|
615
|
-
value:
|
|
616
|
-
onChange:
|
|
617
|
-
onBlur:
|
|
618
|
-
onFocus:
|
|
619
|
-
isDisabled:
|
|
620
|
-
isReadOnly:
|
|
621
|
-
hasError:
|
|
622
|
-
hasWarning:
|
|
623
|
-
horizontalConstraint:
|
|
624
|
-
direction:
|
|
625
|
-
directionProps:
|
|
626
|
-
children:
|
|
602
|
+
id: _pt__default["default"].string,
|
|
603
|
+
name: _pt__default["default"].string,
|
|
604
|
+
value: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].bool]).isRequired,
|
|
605
|
+
onChange: _pt__default["default"].func,
|
|
606
|
+
onBlur: _pt__default["default"].func,
|
|
607
|
+
onFocus: _pt__default["default"].func,
|
|
608
|
+
isDisabled: _pt__default["default"].bool,
|
|
609
|
+
isReadOnly: _pt__default["default"].bool,
|
|
610
|
+
hasError: _pt__default["default"].bool,
|
|
611
|
+
hasWarning: _pt__default["default"].bool,
|
|
612
|
+
horizontalConstraint: _pt__default["default"].oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
613
|
+
direction: _pt__default["default"].any,
|
|
614
|
+
directionProps: _pt__default["default"].object,
|
|
615
|
+
children: _pt__default["default"].node.isRequired
|
|
627
616
|
} : {};
|
|
628
|
-
Group.
|
|
629
|
-
|
|
630
|
-
direction: 'stack',
|
|
631
|
-
directionProps: {
|
|
632
|
-
scale: 'm'
|
|
633
|
-
}
|
|
634
|
-
};
|
|
617
|
+
Group.displayName = 'RadioGroup';
|
|
618
|
+
Group.defaultProps = defaultProps;
|
|
635
619
|
var Group$1 = Group;
|
|
636
620
|
|
|
637
621
|
// NOTE: This string will be replaced on build time with the package version.
|
|
638
|
-
var version = "
|
|
622
|
+
var version = "13.0.0";
|
|
639
623
|
|
|
640
624
|
var RadioInput = {
|
|
641
625
|
Group: Group$1,
|
|
@@ -2,25 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
6
|
+
require('prop-types');
|
|
7
|
+
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
8
|
+
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
9
|
+
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
10
|
+
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
5
11
|
var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
|
|
6
12
|
var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
|
|
7
13
|
var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
|
|
8
14
|
var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
|
|
9
15
|
var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
|
|
10
16
|
var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
|
|
11
|
-
var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
|
|
12
|
-
var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
|
|
13
|
-
var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
|
|
14
|
-
var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
|
|
15
|
-
var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
|
|
16
17
|
var react$1 = require('react');
|
|
17
|
-
require('prop-types');
|
|
18
18
|
var utils = require('@commercetools-uikit/utils');
|
|
19
19
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
20
20
|
var Stack = require('@commercetools-uikit/spacings-stack');
|
|
21
21
|
var Inline = require('@commercetools-uikit/spacings-inline');
|
|
22
22
|
var _styled = require('@emotion/styled/base');
|
|
23
|
-
require('react-is');
|
|
24
23
|
var designSystem = require('@commercetools-uikit/design-system');
|
|
25
24
|
var inputUtils = require('@commercetools-uikit/input-utils');
|
|
26
25
|
var react = require('@emotion/react');
|
|
@@ -28,24 +27,24 @@ var jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
|
28
27
|
|
|
29
28
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
30
29
|
|
|
30
|
+
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
31
|
+
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
32
|
+
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
33
|
+
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
31
34
|
var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
|
|
32
35
|
var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
|
|
33
36
|
var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
|
|
34
37
|
var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
|
|
35
38
|
var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
|
|
36
39
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
37
|
-
var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
|
|
38
|
-
var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
|
|
39
|
-
var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
|
|
40
|
-
var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
|
|
41
40
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
42
41
|
var Stack__default = /*#__PURE__*/_interopDefault(Stack);
|
|
43
42
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
44
43
|
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
45
44
|
|
|
46
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
45
|
+
function ownKeys$3(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; }
|
|
47
46
|
|
|
48
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
47
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$3(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
49
48
|
var iconSizes$1 = {
|
|
50
49
|
small: 12,
|
|
51
50
|
medium: 16,
|
|
@@ -192,9 +191,9 @@ var RadioOptionCheckedIcon = function RadioOptionCheckedIcon(props) {
|
|
|
192
191
|
RadioOptionCheckedIcon.displayName = 'RadioOptionCheckedIcon';
|
|
193
192
|
var RadioOptionCheckedIcon$1 = RadioOptionCheckedIcon;
|
|
194
193
|
|
|
195
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
194
|
+
function ownKeys$2(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; }
|
|
196
195
|
|
|
197
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
196
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
198
197
|
var iconSizes = {
|
|
199
198
|
small: 12,
|
|
200
199
|
medium: 16,
|
|
@@ -334,7 +333,7 @@ RadioOptionUncheckedIcon.displayName = 'RadioOptionUncheckedIcon';
|
|
|
334
333
|
var RadioOptionUncheckedIcon$1 = RadioOptionUncheckedIcon;
|
|
335
334
|
|
|
336
335
|
var LabelTextWrapper = _styled__default["default"]("div", {
|
|
337
|
-
target: "
|
|
336
|
+
target: "e1x57rfz0"
|
|
338
337
|
} )("margin-left:", designSystem.customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", function (props) {
|
|
339
338
|
return props.isDisabled ? designSystem.customProperties.fontColorForInputWhenDisabled : designSystem.customProperties.fontColorForInput;
|
|
340
339
|
}, ";" + ("" ));
|
|
@@ -443,18 +442,23 @@ var getLabelStyles = function getLabelStyles(props) {
|
|
|
443
442
|
return /*#__PURE__*/react.css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", designSystem.customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + ("" ), "" );
|
|
444
443
|
};
|
|
445
444
|
|
|
446
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
445
|
+
function ownKeys$1(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; }
|
|
447
446
|
|
|
448
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
447
|
+
function _objectSpread$1(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$1(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$1(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
449
448
|
|
|
450
449
|
var Input = _styled__default["default"]("input", {
|
|
451
|
-
target: "
|
|
450
|
+
target: "ejtzo910"
|
|
452
451
|
} )("&:focus+div>svg *[data-style='radio-option__border']{stroke:", designSystem.customProperties.borderColorForInputWhenFocused, ";}" + ("" ));
|
|
453
452
|
|
|
454
453
|
var Option = function Option(props) {
|
|
454
|
+
var _props$components;
|
|
455
|
+
|
|
455
456
|
var labelProps = props.id ? {
|
|
456
457
|
htmlFor: props.id
|
|
457
458
|
} : {};
|
|
459
|
+
|
|
460
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.wrapper) ;
|
|
461
|
+
|
|
458
462
|
return jsxRuntime.jsxs("label", _objectSpread$1(_objectSpread$1({
|
|
459
463
|
css: getLabelStyles(props),
|
|
460
464
|
role: "radio",
|
|
@@ -466,7 +470,7 @@ var Option = function Option(props) {
|
|
|
466
470
|
css: inputUtils.accessibleHiddenInputStyles,
|
|
467
471
|
id: props.id,
|
|
468
472
|
name: props.name,
|
|
469
|
-
value: props.value,
|
|
473
|
+
value: typeof props.value === 'boolean' ? props.value.toString() : props.value,
|
|
470
474
|
onChange: props.isReadOnly ? undefined : props.onChange,
|
|
471
475
|
disabled: props.isDisabled,
|
|
472
476
|
checked: props.isChecked,
|
|
@@ -487,16 +491,23 @@ var Option = function Option(props) {
|
|
|
487
491
|
}));
|
|
488
492
|
};
|
|
489
493
|
|
|
490
|
-
Option.displayName = 'RadioOption';
|
|
491
494
|
Option.propTypes = {};
|
|
495
|
+
Option.displayName = 'RadioOption';
|
|
492
496
|
Option.defaultProps = {
|
|
493
497
|
components: {}
|
|
494
498
|
};
|
|
495
499
|
var Option$1 = Option;
|
|
496
500
|
|
|
497
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object);
|
|
501
|
+
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; }
|
|
498
502
|
|
|
499
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
503
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
504
|
+
var defaultProps = {
|
|
505
|
+
horizontalConstraint: 'scale',
|
|
506
|
+
direction: 'stack',
|
|
507
|
+
directionProps: {
|
|
508
|
+
scale: 'm'
|
|
509
|
+
}
|
|
510
|
+
};
|
|
500
511
|
|
|
501
512
|
var Group = function Group(props) {
|
|
502
513
|
react$1.useEffect(function () {
|
|
@@ -511,7 +522,7 @@ var Group = function Group(props) {
|
|
|
511
522
|
|
|
512
523
|
var optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, function (child, index) {
|
|
513
524
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
514
|
-
if (child && child.type.displayName === Option$1.displayName) {
|
|
525
|
+
if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
515
526
|
var _context;
|
|
516
527
|
|
|
517
528
|
var clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
|
|
@@ -553,19 +564,13 @@ var Group = function Group(props) {
|
|
|
553
564
|
});
|
|
554
565
|
};
|
|
555
566
|
|
|
556
|
-
Group.displayName = 'RadioGroup';
|
|
557
567
|
Group.propTypes = {};
|
|
558
|
-
Group.
|
|
559
|
-
|
|
560
|
-
direction: 'stack',
|
|
561
|
-
directionProps: {
|
|
562
|
-
scale: 'm'
|
|
563
|
-
}
|
|
564
|
-
};
|
|
568
|
+
Group.displayName = 'RadioGroup';
|
|
569
|
+
Group.defaultProps = defaultProps;
|
|
565
570
|
var Group$1 = Group;
|
|
566
571
|
|
|
567
572
|
// NOTE: This string will be replaced on build time with the package version.
|
|
568
|
-
var version = "
|
|
573
|
+
var version = "13.0.0";
|
|
569
574
|
|
|
570
575
|
var RadioInput = {
|
|
571
576
|
Group: Group$1,
|
|
@@ -1,30 +1,29 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
2
|
+
import _pt from 'prop-types';
|
|
3
|
+
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
4
|
+
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
5
|
+
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
6
|
+
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
1
7
|
import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
|
|
2
8
|
import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
|
|
3
9
|
import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
|
|
4
10
|
import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
|
|
5
11
|
import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
|
|
6
12
|
import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
|
|
7
|
-
import
|
|
8
|
-
import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
|
|
9
|
-
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
10
|
-
import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
|
|
11
|
-
import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
|
|
12
|
-
import { Fragment, useEffect, Children, cloneElement } from 'react';
|
|
13
|
-
import PropTypes from 'prop-types';
|
|
13
|
+
import { isValidElement, useEffect, Children, cloneElement } from 'react';
|
|
14
14
|
import { warning, filterDataAttributes, filterInvalidAttributes } from '@commercetools-uikit/utils';
|
|
15
15
|
import Constraints from '@commercetools-uikit/constraints';
|
|
16
16
|
import Stack from '@commercetools-uikit/spacings-stack';
|
|
17
17
|
import Inline from '@commercetools-uikit/spacings-inline';
|
|
18
18
|
import _styled from '@emotion/styled/base';
|
|
19
|
-
import { isValidElementType } from 'react-is';
|
|
20
19
|
import { customProperties } from '@commercetools-uikit/design-system';
|
|
21
20
|
import { accessibleHiddenInputStyles } from '@commercetools-uikit/input-utils';
|
|
22
21
|
import { useTheme, ClassNames, css } from '@emotion/react';
|
|
23
|
-
import { jsx, jsxs } from '@emotion/react/jsx-runtime';
|
|
22
|
+
import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
24
23
|
|
|
25
|
-
function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
24
|
+
function ownKeys$3(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; }
|
|
26
25
|
|
|
27
|
-
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
26
|
+
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$3(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$3(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
27
|
var iconSizes$1 = {
|
|
29
28
|
small: 12,
|
|
30
29
|
medium: 16,
|
|
@@ -172,9 +171,9 @@ var RadioOptionCheckedIcon = function RadioOptionCheckedIcon(props) {
|
|
|
172
171
|
RadioOptionCheckedIcon.displayName = 'RadioOptionCheckedIcon';
|
|
173
172
|
var RadioOptionCheckedIcon$1 = RadioOptionCheckedIcon;
|
|
174
173
|
|
|
175
|
-
function ownKeys$2(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
174
|
+
function ownKeys$2(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; }
|
|
176
175
|
|
|
177
|
-
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
176
|
+
function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var _context3, _context4; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context3 = ownKeys$2(Object(source), !0)).call(_context3, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context4 = ownKeys$2(Object(source))).call(_context4, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
178
177
|
var iconSizes = {
|
|
179
178
|
small: 12,
|
|
180
179
|
medium: 16,
|
|
@@ -315,13 +314,13 @@ RadioOptionUncheckedIcon.displayName = 'RadioOptionUncheckedIcon';
|
|
|
315
314
|
var RadioOptionUncheckedIcon$1 = RadioOptionUncheckedIcon;
|
|
316
315
|
|
|
317
316
|
var LabelTextWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
318
|
-
target: "
|
|
317
|
+
target: "e1x57rfz0"
|
|
319
318
|
} : {
|
|
320
|
-
target: "
|
|
319
|
+
target: "e1x57rfz0",
|
|
321
320
|
label: "LabelTextWrapper"
|
|
322
321
|
})("margin-left:", customProperties.spacingS, ";font-size:1rem;font-family:inherit;color:", function (props) {
|
|
323
322
|
return props.isDisabled ? customProperties.fontColorForInputWhenDisabled : customProperties.fontColorForInput;
|
|
324
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
323
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVWlEIiwiZmlsZSI6InJhZGlvLW9wdGlvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBUT3B0aW9uUHJvcHMgfSBmcm9tICcuL3JhZGlvLW9wdGlvbic7XG5cbnR5cGUgVFN0eWxlc1Byb3BzID0gUGljazxcbiAgVE9wdGlvblByb3BzLFxuICAnaXNEaXNhYmxlZCcgfCAnaGFzRXJyb3InIHwgJ2hhc1dhcm5pbmcnIHwgJ2lzSG92ZXJlZCcgfCAnaXNSZWFkT25seSdcbj47XG5cbmNvbnN0IExhYmVsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIG1hcmdpbi1sZWZ0OiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuICBmb250LXNpemU6IDFyZW07XG4gIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICBjb2xvcjogJHsocHJvcHMpID0+XG4gICAgcHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXR9O1xuYDtcblxuY29uc3QgZ2V0U3ZnQ29udGFpbmVyQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzSG92ZXJlZCAmJiAhcHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dDtcbn07XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAocHJvcHM6IFRPcHRpb25Qcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gIHN2ZyB7XG4gICAgZmlsbDogJHtwcm9wcy5pc0Rpc2FibGVkXG4gICAgICA/IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWRcbiAgICAgIDogY3VzdG9tUHJvcGVydGllcy5iYWNrZ3JvdW5kQ29sb3JGb3JJbnB1dH07XG4gIH1cblxuICBzdmcgKltkYXRhLXN0eWxlPSdyYWRpby1vcHRpb25fX2JvcmRlciddIHtcbiAgICBzdHJva2U6ICR7Z2V0U3ZnQ29udGFpbmVyQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19jb250ZW50J10ge1xuICAgIGZpbGw6ICR7Z2V0U3ZnQ29udGFpbmVyQ29udGVudEZpbGwocHJvcHMpfTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0U3ZnTGFiZWxCb3JkZXJTdHJva2UgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0TGFiZWxDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgZ2V0TGFiZWxTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4gY3NzYFxuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjb2xvcjogJHtnZXRMYWJlbENvbG9yKHByb3BzKX07XG4gIGN1cnNvcjogJHtnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICY6aG92ZXIgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlKHByb3BzKX07XG4gIH1cbiAgOmZvY3VzLXdpdGhpbiAke0xhYmVsVGV4dFdyYXBwZXJ9IHtcbiAgICBvdXRsaW5lOiBhdXRvIDJweCAke2N1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkfTtcbiAgICBvdXRsaW5lLW9mZnNldDogM3B4O1xuICB9XG5gO1xuXG5leHBvcnQgeyBnZXRDb250YWluZXJTdHlsZXMsIGdldExhYmVsU3R5bGVzLCBMYWJlbFRleHRXcmFwcGVyIH07XG4iXX0= */"));
|
|
325
324
|
|
|
326
325
|
var getSvgContainerBorderStroke = function getSvgContainerBorderStroke(props) {
|
|
327
326
|
if (props.isDisabled) {
|
|
@@ -368,7 +367,7 @@ var getSvgContainerContentFill = function getSvgContainerContentFill(props) {
|
|
|
368
367
|
};
|
|
369
368
|
|
|
370
369
|
var getContainerStyles = function getContainerStyles(props) {
|
|
371
|
-
return /*#__PURE__*/css("display:flex;align-items:center;svg{fill:", props.isDisabled ? customProperties.backgroundColorForInputWhenDisabled : customProperties.backgroundColorForInput, ";}svg *[data-style='radio-option__border']{stroke:", getSvgContainerBorderStroke(props), ";}svg *[data-style='radio-option__content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
370
|
+
return /*#__PURE__*/css("display:flex;align-items:center;svg{fill:", props.isDisabled ? customProperties.backgroundColorForInputWhenDisabled : customProperties.backgroundColorForInput, ";}svg *[data-style='radio-option__border']{stroke:", getSvgContainerBorderStroke(props), ";}svg *[data-style='radio-option__content']{fill:", getSvgContainerContentFill(props), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUR1RCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgVE9wdGlvblByb3BzIH0gZnJvbSAnLi9yYWRpby1vcHRpb24nO1xuXG50eXBlIFRTdHlsZXNQcm9wcyA9IFBpY2s8XG4gIFRPcHRpb25Qcm9wcyxcbiAgJ2lzRGlzYWJsZWQnIHwgJ2hhc0Vycm9yJyB8ICdoYXNXYXJuaW5nJyB8ICdpc0hvdmVyZWQnIHwgJ2lzUmVhZE9ubHknXG4+O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZFxuICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0fTtcbmA7XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZSA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5cbmNvbnN0IGdldExhYmVsQ29sb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbiAgcmV0dXJuICdwb2ludGVyJztcbn07XG5cbmNvbnN0IGdldExhYmVsU3R5bGVzID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
|
|
372
371
|
};
|
|
373
372
|
|
|
374
373
|
var getSvgLabelBorderStroke = function getSvgLabelBorderStroke(props) {
|
|
@@ -424,24 +423,35 @@ var getLabelCursor = function getLabelCursor(props) {
|
|
|
424
423
|
};
|
|
425
424
|
|
|
426
425
|
var getLabelStyles = function getLabelStyles(props) {
|
|
427
|
-
return /*#__PURE__*/css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
426
|
+
return /*#__PURE__*/css("align-items:center;color:", getLabelColor(props), ";cursor:", getLabelCursor(props), ";display:flex;position:relative;&:hover svg *[data-style='radio-option__border']{stroke:", getSvgLabelBorderStroke(props), ";}:focus-within ", LabelTextWrapper, "{outline:auto 2px ", customProperties.borderColorForInputWhenFocused, ";outline-offset:3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:getLabelStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0htRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgVE9wdGlvblByb3BzIH0gZnJvbSAnLi9yYWRpby1vcHRpb24nO1xuXG50eXBlIFRTdHlsZXNQcm9wcyA9IFBpY2s8XG4gIFRPcHRpb25Qcm9wcyxcbiAgJ2lzRGlzYWJsZWQnIHwgJ2hhc0Vycm9yJyB8ICdoYXNXYXJuaW5nJyB8ICdpc0hvdmVyZWQnIHwgJ2lzUmVhZE9ubHknXG4+O1xuXG5jb25zdCBMYWJlbFRleHRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbiAgY29sb3I6ICR7KHByb3BzKSA9PlxuICAgIHByb3BzLmlzRGlzYWJsZWRcbiAgICAgID8gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZFxuICAgICAgOiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0fTtcbmA7XG5cbmNvbnN0IGdldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZSA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5EaXNhYmxlZDtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXQ7XG59O1xuXG5jb25zdCBnZXRTdmdDb250YWluZXJDb250ZW50RmlsbCA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRGlzYWJsZWQ7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuUmVhZG9ubHk7XG4gIH1cbiAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5Gb2N1c2VkO1xufTtcblxuY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIGZpbGw6ICR7cHJvcHMuaXNEaXNhYmxlZFxuICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICA6IGN1c3RvbVByb3BlcnRpZXMuYmFja2dyb3VuZENvbG9yRm9ySW5wdXR9O1xuICB9XG5cbiAgc3ZnICpbZGF0YS1zdHlsZT0ncmFkaW8tb3B0aW9uX19ib3JkZXInXSB7XG4gICAgc3Ryb2tlOiAke2dldFN2Z0NvbnRhaW5lckJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fY29udGVudCddIHtcbiAgICBmaWxsOiAke2dldFN2Z0NvbnRhaW5lckNvbnRlbnRGaWxsKHByb3BzKX07XG4gIH1cbmA7XG5cbmNvbnN0IGdldFN2Z0xhYmVsQm9yZGVyU3Ryb2tlID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRXJyb3I7XG4gIH1cbiAgaWYgKHByb3BzLmhhc1dhcm5pbmcpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlbldhcm5pbmc7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5ib3JkZXJDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbn07XG5cbmNvbnN0IGdldExhYmVsQ29sb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0V2hlblJlYWRvbmx5O1xuICB9XG4gIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmZvbnRDb2xvckZvcklucHV0O1xufTtcbmNvbnN0IGdldExhYmVsQ3Vyc29yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gJ25vdC1hbGxvd2VkJztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiAnZGVmYXVsdCc7XG4gIH1cbiAgcmV0dXJuICdwb2ludGVyJztcbn07XG5cbmNvbnN0IGdldExhYmVsU3R5bGVzID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IGNzc2BcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICR7Z2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7Z2V0TGFiZWxDdXJzb3IocHJvcHMpfTtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAmOmhvdmVyIHN2ZyAqW2RhdGEtc3R5bGU9J3JhZGlvLW9wdGlvbl9fYm9yZGVyJ10ge1xuICAgIHN0cm9rZTogJHtnZXRTdmdMYWJlbEJvcmRlclN0cm9rZShwcm9wcyl9O1xuICB9XG4gIDpmb2N1cy13aXRoaW4gJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgb3V0bGluZTogYXV0byAycHggJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZH07XG4gICAgb3V0bGluZS1vZmZzZXQ6IDNweDtcbiAgfVxuYDtcblxuZXhwb3J0IHsgZ2V0Q29udGFpbmVyU3R5bGVzLCBnZXRMYWJlbFN0eWxlcywgTGFiZWxUZXh0V3JhcHBlciB9O1xuIl19 */");
|
|
428
427
|
};
|
|
429
428
|
|
|
430
|
-
function ownKeys$1(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
429
|
+
function ownKeys$1(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; }
|
|
431
430
|
|
|
432
|
-
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
431
|
+
function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$1(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$1(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
433
432
|
|
|
434
433
|
var Input = _styled("input", process.env.NODE_ENV === "production" ? {
|
|
435
|
-
target: "
|
|
434
|
+
target: "ejtzo910"
|
|
436
435
|
} : {
|
|
437
|
-
target: "
|
|
436
|
+
target: "ejtzo910",
|
|
438
437
|
label: "Input"
|
|
439
|
-
})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
438
|
+
})("&:focus+div>svg *[data-style='radio-option__border']{stroke:", customProperties.borderColorForInputWhenFocused, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIwQiIsImZpbGUiOiJyYWRpby1vcHRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDaGFuZ2VFdmVudEhhbmRsZXIsXG4gIHR5cGUgRm9jdXNFdmVudEhhbmRsZXIsXG4gIHR5cGUgUmVhY3RFbGVtZW50LFxuICBpc1ZhbGlkRWxlbWVudCxcbn0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyBhcyB2YXJzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQge1xuICBmaWx0ZXJEYXRhQXR0cmlidXRlcyxcbiAgZmlsdGVySW52YWxpZEF0dHJpYnV0ZXMsXG4gIHdhcm5pbmcsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3V0aWxzJztcbmltcG9ydCB7IGFjY2Vzc2libGVIaWRkZW5JbnB1dFN0eWxlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2lucHV0LXV0aWxzJztcbmltcG9ydCB7IFJhZGlvT3B0aW9uQ2hlY2tlZEljb24sIFJhZGlvT3B0aW9uVW5jaGVja2VkSWNvbiB9IGZyb20gJy4vaWNvbnMnO1xuaW1wb3J0IHtcbiAgZ2V0TGFiZWxTdHlsZXMsXG4gIGdldENvbnRhaW5lclN0eWxlcyxcbiAgTGFiZWxUZXh0V3JhcHBlcixcbn0gZnJvbSAnLi9yYWRpby1vcHRpb24uc3R5bGVzJztcblxuY29uc3QgSW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gICY6Zm9jdXMgKyBkaXYgPiBzdmcgKltkYXRhLXN0eWxlPSdyYWRpby1vcHRpb25fX2JvcmRlciddIHtcbiAgICBzdHJva2U6ICR7dmFycy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICB9XG5gO1xuXG50eXBlIFRDb21wb25lbnRzID0ge1xuICB3cmFwcGVyPzogKGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQpID0+IFJlYWN0RWxlbWVudDtcbn07XG5cbmV4cG9ydCB0eXBlIFRPcHRpb25Qcm9wcyA9IHtcbiAgLy8gRGlyZWN0IHByb3BzXG4gIHZhbHVlOiBzdHJpbmcgfCBib29sZWFuO1xuICBjaGlsZHJlbjogc3RyaW5nIHwgUmVhY3RFbGVtZW50IHwgKCgpID0+IFJlYWN0RWxlbWVudCk7XG4gIGNvbXBvbmVudHM/OiBUQ29tcG9uZW50cztcbiAgLy8gSW5qZWN0ZWQgcHJvcHMgZnJvbSB0aGUgcGFyZW50IEdyb3VwIGNvbXBvbmVudFxuICBpZD86IHN0cmluZztcbiAgbmFtZT86IHN0cmluZztcbiAgaXNDaGVja2VkPzogYm9vbGVhbjtcbiAgaXNEaXNhYmxlZD86IGJvb2xlYW47XG4gIGlzUmVhZE9ubHk/OiBib29sZWFuO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIGhhc1dhcm5pbmc/OiBib29sZWFuO1xuICBvbkNoYW5nZT86IENoYW5nZUV2ZW50SGFuZGxlcjtcbiAgb25Gb2N1cz86IEZvY3VzRXZlbnRIYW5kbGVyO1xuICBvbkJsdXI/OiBGb2N1c0V2ZW50SGFuZGxlcjtcblxuICAvLyBUaGlzIHByb3AgZm9yY2VzIFJhZGlvLk9wdGlvbiB0byBiZSByZW5kZXJlZCBpbiBhIGhvdmVyZWQgc3RhdGUgKHRob3VnaCBpc0Rpc2FibGVkIHRha2VzXG4gIC8vIHByZWNlZGVuY2Ugb3ZlciB0aGF0KS4gV2UgbmVlZCB0aGF0IHRvIGFkZHJlc3MgYSB1c2UtY2FzZSB3aGVuIGhvdmVyaW5nIGlzIGNvbW1pbmdcbiAgLy8gZnJvbSBzb21ld2hlcmUgdXAgdGhlIGhpZXJhcmNoeS4gVGhlcmUgaXMgbm8gbmVlZCB0byB0b3VjaCB0aGlzIHByb3AgaW4gY2FzZVxuICAvLyBhbGwgeW91IG5lZWQgaXMgYSBnZW5lcmFsIGhpZ2hsaWdodGluZyBvbiBob3ZlciBvZiBSYWRpby5PcHRpb24gYm9keSwgd2hpY2ggaXMgc29sdmVkXG4gIC8vIGJ5IGEgY29ycmVzcG9uZGluZyA6aG92ZXIgc2VsZWN0b3IgaW4gdGhlIHN5bGVzIG9mIHRoaXMgY29tcG9uZW50LlxuICBpc0hvdmVyZWQ/OiBib29sZWFuO1xufTtcblxuY29uc3QgT3B0aW9uID0gKHByb3BzOiBUT3B0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgbGFiZWxQcm9wcyA9IHByb3BzLmlkID8geyBodG1sRm9yOiBwcm9wcy5pZCB9IDoge307XG5cbiAgaWYgKHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIpIHtcbiAgICB3YXJuaW5nKFxuICAgICAgdHlwZW9mIHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIgPT09ICdmdW5jdGlvbicsXG4gICAgICBgSW52YWxpZCBwcm9wICdjb21wb25lbnRzLndyYXBwZXInIHN1cHBsaWVkIHRvICdSYWRpb0lucHV0Lk9wdGlvbic6IHRoZSBwcm9wIGlzIG5vdCBhIGZ1bmN0aW9uYFxuICAgICk7XG4gICAgd2FybmluZyhcbiAgICAgIHByb3BzLmNvbXBvbmVudHM/LndyYXBwZXIubGVuZ3RoID09PSAxLFxuICAgICAgYEludmFsaWQgcHJvcCAnY29tcG9uZW50cy53cmFwcGVyJyBzdXBwbGllZCB0byAnUmFkaW9JbnB1dC5PcHRpb24nOiB0aGUgc3VwcGxpZWQgZnVuY3Rpb24gc2hvdWxkIGV4cGVjdCBvbmUgYXJndW1lbnRgXG4gICAgKTtcbiAgICB3YXJuaW5nKFxuICAgICAgaXNWYWxpZEVsZW1lbnQocHJvcHMuY29tcG9uZW50cz8ud3JhcHBlcig8PjwvPikpLFxuICAgICAgYEludmFsaWQgcHJvcCAnY29tcG9uZW50cy53cmFwcGVyJyBzdXBwbGllZCB0byAnUmFkaW9JbnB1dC5PcHRpb24nOiB0aGUgZnVuY3Rpb24gc3VwcGxpZWQgc2hvdWxkIHJldHVybiBhIHZhbGlkIHJlYWN0IGVsZW1lbnRgXG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjc3M9e2dldExhYmVsU3R5bGVzKHByb3BzKX1cbiAgICAgIHJvbGU9XCJyYWRpb1wiXG4gICAgICBhcmlhLWNoZWNrZWQ9e3Byb3BzLmlzQ2hlY2tlZH1cbiAgICAgIG9uRm9jdXM9e3Byb3BzLm9uRm9jdXN9XG4gICAgICBvbkJsdXI9e3Byb3BzLm9uQmx1cn1cbiAgICAgIHsuLi5maWx0ZXJJbnZhbGlkQXR0cmlidXRlcyhsYWJlbFByb3BzKX1cbiAgICA+XG4gICAgICA8SW5wdXRcbiAgICAgICAgY3NzPXthY2Nlc3NpYmxlSGlkZGVuSW5wdXRTdHlsZXN9XG4gICAgICAgIGlkPXtwcm9wcy5pZH1cbiAgICAgICAgbmFtZT17cHJvcHMubmFtZX1cbiAgICAgICAgdmFsdWU9e1xuICAgICAgICAgIHR5cGVvZiBwcm9wcy52YWx1ZSA9PT0gJ2Jvb2xlYW4nXG4gICAgICAgICAgICA/IHByb3BzLnZhbHVlLnRvU3RyaW5nKClcbiAgICAgICAgICAgIDogcHJvcHMudmFsdWVcbiAgICAgICAgfVxuICAgICAgICBvbkNoYW5nZT17cHJvcHMuaXNSZWFkT25seSA/IHVuZGVmaW5lZCA6IHByb3BzLm9uQ2hhbmdlfVxuICAgICAgICBkaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH1cbiAgICAgICAgY2hlY2tlZD17cHJvcHMuaXNDaGVja2VkfVxuICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICByZWFkT25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgYXJpYS1yZWFkb25seT17cHJvcHMuaXNSZWFkT25seX1cbiAgICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIC8+XG4gICAgICA8ZGl2IGNzcz17Z2V0Q29udGFpbmVyU3R5bGVzKHByb3BzKX0+XG4gICAgICAgIHtwcm9wcy5pc0NoZWNrZWQgPyAoXG4gICAgICAgICAgPFJhZGlvT3B0aW9uQ2hlY2tlZEljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPFJhZGlvT3B0aW9uVW5jaGVja2VkSWNvbiBzaXplPVwibWVkaXVtXCIgLz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAgPExhYmVsVGV4dFdyYXBwZXIgaXNEaXNhYmxlZD17cHJvcHMuaXNEaXNhYmxlZH0+XG4gICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgIDwvTGFiZWxUZXh0V3JhcHBlcj5cbiAgICA8L2xhYmVsPlxuICApO1xufTtcbk9wdGlvbi5kaXNwbGF5TmFtZSA9ICdSYWRpb09wdGlvbic7XG5cbk9wdGlvbi5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbXBvbmVudHM6IHt9LFxufTtcblxuZXhwb3J0IGRlZmF1bHQgT3B0aW9uO1xuIl19 */"));
|
|
440
439
|
|
|
441
440
|
var Option = function Option(props) {
|
|
441
|
+
var _props$components;
|
|
442
|
+
|
|
442
443
|
var labelProps = props.id ? {
|
|
443
444
|
htmlFor: props.id
|
|
444
445
|
} : {};
|
|
446
|
+
|
|
447
|
+
if ((_props$components = props.components) !== null && _props$components !== void 0 && _props$components.wrapper) {
|
|
448
|
+
var _props$components2, _props$components3, _props$components4;
|
|
449
|
+
|
|
450
|
+
process.env.NODE_ENV !== "production" ? warning(typeof ((_props$components2 = props.components) === null || _props$components2 === void 0 ? void 0 : _props$components2.wrapper) === 'function', "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function") : void 0;
|
|
451
|
+
process.env.NODE_ENV !== "production" ? warning(((_props$components3 = props.components) === null || _props$components3 === void 0 ? void 0 : _props$components3.wrapper.length) === 1, "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument") : void 0;
|
|
452
|
+
process.env.NODE_ENV !== "production" ? warning( /*#__PURE__*/isValidElement((_props$components4 = props.components) === null || _props$components4 === void 0 ? void 0 : _props$components4.wrapper(jsx(Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
|
|
453
|
+
}
|
|
454
|
+
|
|
445
455
|
return jsxs("label", _objectSpread$1(_objectSpread$1({
|
|
446
456
|
css: getLabelStyles(props),
|
|
447
457
|
role: "radio",
|
|
@@ -453,7 +463,7 @@ var Option = function Option(props) {
|
|
|
453
463
|
css: accessibleHiddenInputStyles,
|
|
454
464
|
id: props.id,
|
|
455
465
|
name: props.name,
|
|
456
|
-
value: props.value,
|
|
466
|
+
value: typeof props.value === 'boolean' ? props.value.toString() : props.value,
|
|
457
467
|
onChange: props.isReadOnly ? undefined : props.onChange,
|
|
458
468
|
disabled: props.isDisabled,
|
|
459
469
|
checked: props.isChecked,
|
|
@@ -474,60 +484,40 @@ var Option = function Option(props) {
|
|
|
474
484
|
}));
|
|
475
485
|
};
|
|
476
486
|
|
|
477
|
-
Option.displayName = 'RadioOption';
|
|
478
487
|
Option.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
wrapper: function wrapper(props, propName) {
|
|
484
|
-
if (props[propName]) {
|
|
485
|
-
if (typeof props[propName] !== 'function') {
|
|
486
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function");
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
if (props[propName].length !== 1) {
|
|
490
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument");
|
|
491
|
-
}
|
|
492
|
-
|
|
493
|
-
if (isValidElementType(props[propName](Fragment))) {
|
|
494
|
-
return new Error("Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element");
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
|
|
498
|
-
return null;
|
|
499
|
-
}
|
|
488
|
+
value: _pt.oneOfType([_pt.string, _pt.bool]).isRequired,
|
|
489
|
+
children: _pt.oneOfType([_pt.string, _pt.element, _pt.func]).isRequired,
|
|
490
|
+
components: _pt.shape({
|
|
491
|
+
wrapper: _pt.func
|
|
500
492
|
}),
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
// This prop forces Radio.Option to be rendered in a hovered state (though isDisabled takes
|
|
513
|
-
// precedence over that). We need that to address a use-case when hovering is comming
|
|
514
|
-
// from somewhere up the hierarchy. There is no need to touch this prop in case
|
|
515
|
-
// all you need is a general highlighting on hover of Radio.Option body, which is solved
|
|
516
|
-
// by a corresponding :hover selector in the syles of this component.
|
|
517
|
-
isHovered: PropTypes.bool
|
|
493
|
+
id: _pt.string,
|
|
494
|
+
name: _pt.string,
|
|
495
|
+
isChecked: _pt.bool,
|
|
496
|
+
isDisabled: _pt.bool,
|
|
497
|
+
isReadOnly: _pt.bool,
|
|
498
|
+
hasError: _pt.bool,
|
|
499
|
+
hasWarning: _pt.bool,
|
|
500
|
+
onChange: _pt.func,
|
|
501
|
+
onFocus: _pt.func,
|
|
502
|
+
onBlur: _pt.func,
|
|
503
|
+
isHovered: _pt.bool
|
|
518
504
|
} : {};
|
|
505
|
+
Option.displayName = 'RadioOption';
|
|
519
506
|
Option.defaultProps = {
|
|
520
507
|
components: {}
|
|
521
508
|
};
|
|
522
509
|
var Option$1 = Option;
|
|
523
510
|
|
|
524
|
-
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object);
|
|
511
|
+
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; }
|
|
525
512
|
|
|
526
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
527
|
-
var
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
513
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
514
|
+
var defaultProps = {
|
|
515
|
+
horizontalConstraint: 'scale',
|
|
516
|
+
direction: 'stack',
|
|
517
|
+
directionProps: {
|
|
518
|
+
scale: 'm'
|
|
519
|
+
}
|
|
520
|
+
};
|
|
531
521
|
|
|
532
522
|
var Group = function Group(props) {
|
|
533
523
|
useEffect(function () {
|
|
@@ -544,7 +534,7 @@ var Group = function Group(props) {
|
|
|
544
534
|
|
|
545
535
|
var optionElements = _mapInstanceProperty(Children).call(Children, props.children, function (child, index) {
|
|
546
536
|
// NOTE: Allowing to intersperse other elements than `Option`.
|
|
547
|
-
if (child && child.type.displayName === Option$1.displayName) {
|
|
537
|
+
if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Option$1.displayName) {
|
|
548
538
|
var _context;
|
|
549
539
|
|
|
550
540
|
var clonedChild = /*#__PURE__*/cloneElement(child, {
|
|
@@ -586,34 +576,28 @@ var Group = function Group(props) {
|
|
|
586
576
|
});
|
|
587
577
|
};
|
|
588
578
|
|
|
589
|
-
Group.displayName = 'RadioGroup';
|
|
590
579
|
Group.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
591
|
-
id:
|
|
592
|
-
name:
|
|
593
|
-
value:
|
|
594
|
-
onChange:
|
|
595
|
-
onBlur:
|
|
596
|
-
onFocus:
|
|
597
|
-
isDisabled:
|
|
598
|
-
isReadOnly:
|
|
599
|
-
hasError:
|
|
600
|
-
hasWarning:
|
|
601
|
-
horizontalConstraint:
|
|
602
|
-
direction:
|
|
603
|
-
directionProps:
|
|
604
|
-
children:
|
|
580
|
+
id: _pt.string,
|
|
581
|
+
name: _pt.string,
|
|
582
|
+
value: _pt.oneOfType([_pt.string, _pt.bool]).isRequired,
|
|
583
|
+
onChange: _pt.func,
|
|
584
|
+
onBlur: _pt.func,
|
|
585
|
+
onFocus: _pt.func,
|
|
586
|
+
isDisabled: _pt.bool,
|
|
587
|
+
isReadOnly: _pt.bool,
|
|
588
|
+
hasError: _pt.bool,
|
|
589
|
+
hasWarning: _pt.bool,
|
|
590
|
+
horizontalConstraint: _pt.oneOf([7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
|
|
591
|
+
direction: _pt.any,
|
|
592
|
+
directionProps: _pt.object,
|
|
593
|
+
children: _pt.node.isRequired
|
|
605
594
|
} : {};
|
|
606
|
-
Group.
|
|
607
|
-
|
|
608
|
-
direction: 'stack',
|
|
609
|
-
directionProps: {
|
|
610
|
-
scale: 'm'
|
|
611
|
-
}
|
|
612
|
-
};
|
|
595
|
+
Group.displayName = 'RadioGroup';
|
|
596
|
+
Group.defaultProps = defaultProps;
|
|
613
597
|
var Group$1 = Group;
|
|
614
598
|
|
|
615
599
|
// NOTE: This string will be replaced on build time with the package version.
|
|
616
|
-
var version = "
|
|
600
|
+
var version = "13.0.0";
|
|
617
601
|
|
|
618
602
|
var RadioInput = {
|
|
619
603
|
Group: Group$1,
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
|
|
4
|
+
size?: 'small' | 'medium' | 'big' | 'scale';
|
|
5
|
+
};
|
|
6
|
+
export declare type SVGProps = Props & {
|
|
7
|
+
className: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const getIconStyles: (props: Props, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
declare const RadioOptionCheckedIcon: {
|
|
11
|
+
(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default RadioOptionCheckedIcon;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Theme } from '@emotion/react';
|
|
2
|
+
export declare type Props = {
|
|
3
|
+
color?: 'solid' | 'neutral60' | 'surface' | 'info' | 'primary' | 'primary40' | 'warning' | 'error';
|
|
4
|
+
size?: 'small' | 'medium' | 'big' | 'scale';
|
|
5
|
+
};
|
|
6
|
+
export declare type SVGProps = Props & {
|
|
7
|
+
className: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const getIconStyles: (props: Props, theme: Theme) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
declare const RadioOptionUncheckedIcon: {
|
|
11
|
+
(props: Props): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
export default RadioOptionUncheckedIcon;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./generated";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
declare const RadioInput: {
|
|
2
|
+
Group: {
|
|
3
|
+
(props: import("./radio-group").TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
defaultProps: Pick<import("./radio-group").TGroupProps, "direction" | "horizontalConstraint" | "directionProps">;
|
|
6
|
+
};
|
|
7
|
+
Option: {
|
|
8
|
+
(props: import("./radio-option").TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
defaultProps: {
|
|
11
|
+
components: {};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default RadioInput;
|
|
16
|
+
export { default as version } from './version';
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { type ChangeEventHandler, type FocusEventHandler, type ReactNode } from 'react';
|
|
2
|
+
declare const directionWrapper: {
|
|
3
|
+
stack: {
|
|
4
|
+
(props: import("@commercetools-uikit/spacings-stack/src/stack").TProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
defaultProps: Pick<import("@commercetools-uikit/spacings-stack/src/stack").TProps, "scale" | "alignItems">;
|
|
7
|
+
};
|
|
8
|
+
inline: {
|
|
9
|
+
(props: import("@commercetools-uikit/spacings-inline/src/inline").TProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
|
+
defaultProps: Pick<import("@commercetools-uikit/spacings-inline/src/inline").TProps, "scale" | "alignItems" | "justifyContent">;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
export declare type TGroupProps = {
|
|
15
|
+
id?: string;
|
|
16
|
+
name?: string;
|
|
17
|
+
value: string | boolean;
|
|
18
|
+
onChange?: ChangeEventHandler;
|
|
19
|
+
onBlur?: FocusEventHandler;
|
|
20
|
+
onFocus?: FocusEventHandler;
|
|
21
|
+
isDisabled?: boolean;
|
|
22
|
+
isReadOnly?: boolean;
|
|
23
|
+
hasError?: boolean;
|
|
24
|
+
hasWarning?: boolean;
|
|
25
|
+
horizontalConstraint?: 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 'scale' | 'auto';
|
|
26
|
+
direction?: keyof typeof directionWrapper;
|
|
27
|
+
directionProps?: object;
|
|
28
|
+
children: ReactNode;
|
|
29
|
+
};
|
|
30
|
+
declare const Group: {
|
|
31
|
+
(props: TGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
defaultProps: Pick<TGroupProps, "direction" | "horizontalConstraint" | "directionProps">;
|
|
34
|
+
};
|
|
35
|
+
export default Group;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { type ChangeEventHandler, type FocusEventHandler, type ReactElement } from 'react';
|
|
2
|
+
declare type TComponents = {
|
|
3
|
+
wrapper?: (children: ReactElement) => ReactElement;
|
|
4
|
+
};
|
|
5
|
+
export declare type TOptionProps = {
|
|
6
|
+
value: string | boolean;
|
|
7
|
+
children: string | ReactElement | (() => ReactElement);
|
|
8
|
+
components?: TComponents;
|
|
9
|
+
id?: string;
|
|
10
|
+
name?: string;
|
|
11
|
+
isChecked?: boolean;
|
|
12
|
+
isDisabled?: boolean;
|
|
13
|
+
isReadOnly?: boolean;
|
|
14
|
+
hasError?: boolean;
|
|
15
|
+
hasWarning?: boolean;
|
|
16
|
+
onChange?: ChangeEventHandler;
|
|
17
|
+
onFocus?: FocusEventHandler;
|
|
18
|
+
onBlur?: FocusEventHandler;
|
|
19
|
+
isHovered?: boolean;
|
|
20
|
+
};
|
|
21
|
+
declare const Option: {
|
|
22
|
+
(props: TOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
23
|
+
displayName: string;
|
|
24
|
+
defaultProps: {
|
|
25
|
+
components: {};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export default Option;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TOptionProps } from './radio-option';
|
|
3
|
+
declare type TStylesProps = Pick<TOptionProps, 'isDisabled' | 'hasError' | 'hasWarning' | 'isHovered' | 'isReadOnly'>;
|
|
4
|
+
declare const LabelTextWrapper: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
} & TStylesProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
declare const getContainerStyles: (props: TOptionProps) => import("@emotion/utils").SerializedStyles;
|
|
9
|
+
declare const getLabelStyles: (props: TStylesProps) => import("@emotion/utils").SerializedStyles;
|
|
10
|
+
export { getContainerStyles, getLabelStyles, LabelTextWrapper };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/radio-input",
|
|
3
3
|
"description": "A RadioInput represents a group of options where only one option can be selected at a time.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -19,21 +19,21 @@
|
|
|
19
19
|
"module": "dist/commercetools-uikit-radio-input.esm.js",
|
|
20
20
|
"files": ["dist"],
|
|
21
21
|
"scripts": {
|
|
22
|
-
"generate-icons": "svgr -d src/icons/generated --typescript src/icons/svg"
|
|
22
|
+
"generate-icons": "svgr -d src/icons/generated --typescript -- src/icons/svg"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@babel/runtime": "7.
|
|
26
|
-
"@babel/runtime-corejs3": "7.
|
|
27
|
-
"@commercetools-uikit/constraints": "
|
|
28
|
-
"@commercetools-uikit/design-system": "
|
|
29
|
-
"@commercetools-uikit/icons": "
|
|
30
|
-
"@commercetools-uikit/input-utils": "
|
|
31
|
-
"@commercetools-uikit/spacings-inline": "
|
|
32
|
-
"@commercetools-uikit/spacings-stack": "
|
|
25
|
+
"@babel/runtime": "7.17.2",
|
|
26
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
27
|
+
"@commercetools-uikit/constraints": "13.0.0",
|
|
28
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
29
|
+
"@commercetools-uikit/icons": "13.0.0",
|
|
30
|
+
"@commercetools-uikit/input-utils": "13.0.0",
|
|
31
|
+
"@commercetools-uikit/spacings-inline": "13.0.0",
|
|
32
|
+
"@commercetools-uikit/spacings-stack": "13.0.0",
|
|
33
33
|
"@commercetools-uikit/utils": "12.2.9",
|
|
34
34
|
"@emotion/react": "^11.4.0",
|
|
35
35
|
"@emotion/styled": "^11.3.0",
|
|
36
|
-
"prop-types": "15.
|
|
36
|
+
"prop-types": "15.8.1",
|
|
37
37
|
"react-is": "17.0.2",
|
|
38
38
|
"react-required-if": "1.0.3"
|
|
39
39
|
},
|