npm - @commercetools-uikit/radio-input - Versions diffs - 20.2.2 → 20.3.0 - Mend

@commercetools-uikit/radio-input 20.2.2 → 20.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/commercetools-uikit-radio-input.cjs.dev.js +13 -11
package/dist/commercetools-uikit-radio-input.cjs.prod.js +10 -8
package/dist/commercetools-uikit-radio-input.esm.js +12 -11
package/package.json +11 -11

package/dist/commercetools-uikit-radio-input.cjs.dev.js CHANGED Viewed

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -29,6 +30,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -168,11 +170,10 @@ const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", proce
 } : {
   target: "e1x57rfz0",
   label: "RadioOptionLabel"
-})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
-      outline: auto 2px ${designSystem.designTokens.borderColorForInputWhenFocused};
-      outline-offset: 2px;
-      width: fit-content;
-    }` : '', " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
+})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
+  var _context;
+  return !props.isReadOnly ? _concatInstanceProperty__default["default"](_context = ":focus-within:has(:focus-visible) ".concat(LabelTextWrapper, " {\n      outline: auto 2px ")).call(_context, designSystem.designTokens.borderColorForInputWhenFocused, ";\n      outline-offset: 2px;\n      width: fit-content;\n    }") : '';
+}, " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
 const _excluded$1 = ["components"];
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -188,9 +189,9 @@ const Option = _ref => {
     process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
   }
   if (components.wrapper) {
-    process.env.NODE_ENV !== "production" ? utils.warning(typeof components.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
-    process.env.NODE_ENV !== "production" ? utils.warning(components.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
-    process.env.NODE_ENV !== "production" ? utils.warning(/*#__PURE__*/react$1.isValidElement(components.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
+    process.env.NODE_ENV !== "production" ? utils.warning(typeof components.wrapper === 'function', "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function") : void 0;
+    process.env.NODE_ENV !== "production" ? utils.warning(components.wrapper.length === 1, "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument") : void 0;
+    process.env.NODE_ENV !== "production" ? utils.warning(/*#__PURE__*/react$1.isValidElement(components.wrapper(jsxRuntime.jsx(jsxRuntime.Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
   }
   const stylesProps = {
     isDisabled: props.isDisabled,
@@ -239,7 +240,7 @@ var Option$1 = Option;
 const _excluded = ["horizontalConstraint", "direction", "directionProps"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Group = _ref => {
   let _ref$horizontalConstr = _ref.horizontalConstraint,
     horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
@@ -260,8 +261,9 @@ const Group = _ref => {
   const optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
     // NOTE: Allowing to intersperse other elements than `Option`.
     if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
+      var _context;
       const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
-        id: props.id && `${props.id}-${index}`,
+        id: props.id && _concatInstanceProperty__default["default"](_context = "".concat(props.id, "-")).call(_context, index),
         name: props.name,
         isChecked: props.value === child.props.value,
         isDisabled: child.props.isDisabled || props.isDisabled,
@@ -310,7 +312,7 @@ Group.displayName = 'RadioGroup';
 var Group$1 = Group;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.2";
+var version = "20.3.0";
 const RadioInput = {
   Group: Group$1,

package/dist/commercetools-uikit-radio-input.cjs.prod.js CHANGED Viewed

@@ -6,6 +6,7 @@ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
@@ -29,6 +30,7 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
 var _mapInstanceProperty__default = /*#__PURE__*/_interopDefault(_mapInstanceProperty);
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
 var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
 var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
 var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
@@ -138,11 +140,10 @@ const getHoverStyles = props => {
 };
 const RadioOptionLabel = /*#__PURE__*/_styled__default["default"]("label", {
   target: "e1x57rfz0"
-} )("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
-      outline: auto 2px ${designSystem.designTokens.borderColorForInputWhenFocused};
-      outline-offset: 2px;
-      width: fit-content;
-    }` : '', " ", props => getHoverStyles(props), ";" + ("" ));
+} )("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
+  var _context;
+  return !props.isReadOnly ? _concatInstanceProperty__default["default"](_context = ":focus-within:has(:focus-visible) ".concat(LabelTextWrapper, " {\n      outline: auto 2px ")).call(_context, designSystem.designTokens.borderColorForInputWhenFocused, ";\n      outline-offset: 2px;\n      width: fit-content;\n    }") : '';
+}, " ", props => getHoverStyles(props), ";" + ("" ));
 const _excluded$1 = ["components"];
 function ownKeys$1(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -203,7 +204,7 @@ var Option$1 = Option;
 const _excluded = ["horizontalConstraint", "direction", "directionProps"];
 function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const Group = _ref => {
   let _ref$horizontalConstr = _ref.horizontalConstraint,
     horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
@@ -223,8 +224,9 @@ const Group = _ref => {
   const optionElements = _mapInstanceProperty__default["default"](react$1.Children).call(react$1.Children, props.children, (child, index) => {
     // NOTE: Allowing to intersperse other elements than `Option`.
     if (child && /*#__PURE__*/react$1.isValidElement(child) && child.type.displayName === Option$1.displayName) {
+      var _context;
       const clonedChild = /*#__PURE__*/react$1.cloneElement(child, {
-        id: props.id && `${props.id}-${index}`,
+        id: props.id && _concatInstanceProperty__default["default"](_context = "".concat(props.id, "-")).call(_context, index),
         name: props.name,
         isChecked: props.value === child.props.value,
         isDisabled: child.props.isDisabled || props.isDisabled,
@@ -273,7 +275,7 @@ Group.displayName = 'RadioGroup';
 var Group$1 = Group;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.2";
+var version = "20.3.0";
 const RadioInput = {
   Group: Group$1,

package/dist/commercetools-uikit-radio-input.esm.js CHANGED Viewed

@@ -2,6 +2,7 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
@@ -147,11 +148,10 @@ const RadioOptionLabel = /*#__PURE__*/_styled("label", process.env.NODE_ENV ===
 } : {
   target: "e1x57rfz0",
   label: "RadioOptionLabel"
-})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => !props.isReadOnly ? `:focus-within:has(:focus-visible) ${LabelTextWrapper} {
-      outline: auto 2px ${designTokens.borderColorForInputWhenFocused};
-      outline-offset: 2px;
-      width: fit-content;
-    }` : '', " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
+})("align-items:center;color:", props => getLabelColor(props), ";cursor:", props => getLabelCursor(props), ";display:flex;", props => {
+  var _context;
+  return !props.isReadOnly ? _concatInstanceProperty(_context = ":focus-within:has(:focus-visible) ".concat(LabelTextWrapper, " {\n      outline: auto 2px ")).call(_context, designTokens.borderColorForInputWhenFocused, ";\n      outline-offset: 2px;\n      width: fit-content;\n    }") : '';
+}, " ", props => getHoverStyles(props), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInJhZGlvLW9wdGlvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUptRCIsImZpbGUiOiJyYWRpby1vcHRpb24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgdHlwZSB7IFRTdHlsZXNQcm9wcyB9IGZyb20gJy4vcmFkaW8tb3B0aW9uJztcblxuY29uc3QgTGFiZWxUZXh0V3JhcHBlciA9IHN0eWxlZC5kaXY8VFN0eWxlc1Byb3BzPmBcbiAgZ3JpZC1hcmVhOiBsYWJlbDtcbiAgbWFyZ2luLWxlZnQ6ICR7ZGVzaWduVG9rZW5zLnNwYWNpbmcxMH07XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC1mYW1pbHk6IGluaGVyaXQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5jb25zdCBBZGRpdGlvbmFsVGV4dFdyYXBwZXIgPSBzdHlsZWQuZGl2PFRTdHlsZXNQcm9wcz5gXG4gIGdyaWQtYXJlYTogY29udGVudDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBmb250LWZhbWlseTogaW5oZXJpdDtcbmA7XG5cbmNvbnN0IFJhZGlvSW5wdXRXcmFwcGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGdyaWQtdGVtcGxhdGUtcm93czogYXV0bztcbiAgZ3JpZC10ZW1wbGF0ZS1hcmVhczpcbiAgICAncmFkaW8gbGFiZWwnXG4gICAgJy4gY29udGVudCc7XG5gO1xuXG5jb25zdCBnZXRCb3JkZXJDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmlzUmVhZE9ubHkpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDYwO1xuICB9XG4gIGlmIChwcm9wcy5oYXNFcnJvcikge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIGlmIChwcm9wcy5pc0hvdmVyZWQgJiYgIXByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9ySW5wdXRXaGVuRm9jdXNlZDtcbiAgICB9XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbiAgfVxuICBpZiAocHJvcHMuaXNDaGVja2VkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvclByaW1hcnk7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw2MDtcbn07XG5cbmNvbnN0IGdldEtub2JDb2xvciA9IChwcm9wczogVFN0eWxlc1Byb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5pc0Rpc2FibGVkKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5jb2xvck5ldXRyYWw7XG4gIH1cbiAgaWYgKHByb3BzLmhhc0Vycm9yKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5FcnJvcjtcbiAgfVxuICBpZiAocHJvcHMuaGFzV2FybmluZykge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXRXaGVuV2FybmluZztcbiAgfVxuICBpZiAocHJvcHMuaXNSZWFkT25seSkge1xuICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsNjA7XG4gIH1cbiAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWQ7XG59O1xuXG5jb25zdCBnZXRMYWJlbENvbG9yID0gKHByb3BzOiBUU3R5bGVzUHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmlzRGlzYWJsZWQpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5SZWFkb25seTtcbiAgfVxuICBpZiAocHJvcHMuaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvcklucHV0V2hlbkVycm9yO1xuICB9XG4gIGlmIChwcm9wcy5oYXNXYXJuaW5nKSB7XG4gICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JJbnB1dFdoZW5XYXJuaW5nO1xuICB9XG4gIHJldHVybiBkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9ySW5wdXQ7XG59O1xuY29uc3QgZ2V0TGFiZWxDdXJzb3IgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBpZiAocHJvcHMuaXNEaXNhYmxlZCkge1xuICAgIHJldHVybiAnbm90LWFsbG93ZWQnO1xuICB9XG4gIGlmIChwcm9wcy5pc1JlYWRPbmx5KSB7XG4gICAgcmV0dXJuICdkZWZhdWx0JztcbiAgfVxuICByZXR1cm4gJ3BvaW50ZXInO1xufTtcblxuY29uc3QgUmFkaW9PcHRpb25Lbm9iID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMTBweDtcbiAgaGVpZ2h0OiAxMHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBnZXRLbm9iQ29sb3IocHJvcHMpfTtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQm9yZGVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICB3aWR0aDogMThweDtcbiAgaGVpZ2h0OiAxOHB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7ZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aDJ9O1xuICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICBib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBnZXRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IFJhZGlvT3B0aW9uQ29udGFpbmVyID0gc3R5bGVkLmRpdjxUU3R5bGVzUHJvcHM+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBncmlkLWFyZWE6IHJhZGlvO1xuICB3aWR0aDogMjZweDtcbiAgaGVpZ2h0OiAyNnB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGJvcmRlcjogNHB4IHNvbGlkIHRyYW5zcGFyZW50O1xuICAke1JhZGlvT3B0aW9uQm9yZGVyfSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+XG4gICAgICBwcm9wcy5pc0Rpc2FibGVkXG4gICAgICAgID8gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0V2hlbkRpc2FibGVkXG4gICAgICAgIDogZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvcklucHV0fTtcbiAgfVxuYDtcblxuY29uc3QgZ2V0SG92ZXJTdHlsZXMgPSAocHJvcHM6IFRTdHlsZXNQcm9wcykgPT4ge1xuICBjb25zdCBob3ZlclN0eWxlcyA9IGNzc2BcbiAgICAke1JhZGlvT3B0aW9uQ29udGFpbmVyfSB7XG4gICAgICBib3JkZXItY29sb3I6ICR7ZGVzaWduVG9rZW5zLmNvbG9yUHJpbWFyeTk1fTtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIFtcbiAgICAhcHJvcHMuaXNEaXNhYmxlZCAmJlxuICAgICAgIXByb3BzLmlzUmVhZE9ubHkgJiZcbiAgICAgIC8qIHByZXR0aWVyLWlnbm9yZSAqL1xuICAgICAgY3NzYFxuICAgICAgICAmOmhvdmVyICR7aG92ZXJTdHlsZXN9O1xuICAgICAgYCxcbiAgICBwcm9wcy5pc0hvdmVyZWQgJiYgaG92ZXJTdHlsZXMsXG4gIF07XG59O1xuXG5jb25zdCBSYWRpb09wdGlvbkxhYmVsID0gc3R5bGVkLmxhYmVsPFRTdHlsZXNQcm9wcz5gXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0TGFiZWxDb2xvcihwcm9wcyl9O1xuICBjdXJzb3I6ICR7KHByb3BzKSA9PiBnZXRMYWJlbEN1cnNvcihwcm9wcyl9O1xuICBkaXNwbGF5OiBmbGV4O1xuXG4gICR7KHByb3BzKSA9PlxuICAgICFwcm9wcy5pc1JlYWRPbmx5XG4gICAgICA/IGA6Zm9jdXMtd2l0aGluOmhhcyg6Zm9jdXMtdmlzaWJsZSkgJHtMYWJlbFRleHRXcmFwcGVyfSB7XG4gICAgICBvdXRsaW5lOiBhdXRvIDJweCAke2Rlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvcklucHV0V2hlbkZvY3VzZWR9O1xuICAgICAgb3V0bGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICB9YFxuICAgICAgOiAnJ31cblxuICAkeyhwcm9wcykgPT4gZ2V0SG92ZXJTdHlsZXMocHJvcHMpfVxuYDtcblxuZXhwb3J0IHtcbiAgTGFiZWxUZXh0V3JhcHBlcixcbiAgUmFkaW9JbnB1dFdyYXBwZXIsXG4gIEFkZGl0aW9uYWxUZXh0V3JhcHBlcixcbiAgUmFkaW9PcHRpb25Lbm9iLFxuICBSYWRpb09wdGlvbkJvcmRlcixcbiAgUmFkaW9PcHRpb25MYWJlbCxcbiAgUmFkaW9PcHRpb25Db250YWluZXIsXG59O1xuIl19 */"));
 const _excluded$1 = ["components"];
 function ownKeys$1(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -167,9 +167,9 @@ const Option = _ref => {
     process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'RadioOption: `onChange` is required when input is not read only.') : void 0;
   }
   if (components.wrapper) {
-    process.env.NODE_ENV !== "production" ? warning(typeof components.wrapper === 'function', `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function`) : void 0;
-    process.env.NODE_ENV !== "production" ? warning(components.wrapper.length === 1, `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument`) : void 0;
-    process.env.NODE_ENV !== "production" ? warning(/*#__PURE__*/isValidElement(components.wrapper(jsx(Fragment, {}))), `Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element`) : void 0;
+    process.env.NODE_ENV !== "production" ? warning(typeof components.wrapper === 'function', "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the prop is not a function") : void 0;
+    process.env.NODE_ENV !== "production" ? warning(components.wrapper.length === 1, "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the supplied function should expect one argument") : void 0;
+    process.env.NODE_ENV !== "production" ? warning(/*#__PURE__*/isValidElement(components.wrapper(jsx(Fragment, {}))), "Invalid prop 'components.wrapper' supplied to 'RadioInput.Option': the function supplied should return a valid react element") : void 0;
   }
   const stylesProps = {
     isDisabled: props.isDisabled,
@@ -218,7 +218,7 @@ var Option$1 = Option;
 const _excluded = ["horizontalConstraint", "direction", "directionProps"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const Group = _ref => {
   let _ref$horizontalConstr = _ref.horizontalConstraint,
     horizontalConstraint = _ref$horizontalConstr === void 0 ? 'scale' : _ref$horizontalConstr,
@@ -239,8 +239,9 @@ const Group = _ref => {
   const optionElements = _mapInstanceProperty(Children).call(Children, props.children, (child, index) => {
     // NOTE: Allowing to intersperse other elements than `Option`.
     if (child && /*#__PURE__*/isValidElement(child) && child.type.displayName === Option$1.displayName) {
+      var _context;
       const clonedChild = /*#__PURE__*/cloneElement(child, {
-        id: props.id && `${props.id}-${index}`,
+        id: props.id && _concatInstanceProperty(_context = "".concat(props.id, "-")).call(_context, index),
         name: props.name,
         isChecked: props.value === child.props.value,
         isDisabled: child.props.isDisabled || props.isDisabled,
@@ -289,7 +290,7 @@ Group.displayName = 'RadioGroup';
 var Group$1 = Group;
 // NOTE: This string will be replaced on build time with the package version.
-var version = "20.2.2";
+var version = "20.3.0";
 const RadioInput = {
   Group: Group$1,

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/radio-input",
   "description": "A RadioInput represents a group of options where only one option can be selected at a time.",
-  "version": "20.2.2",
+  "version": "20.3.0",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,20 +21,20 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "20.2.2",
-    "@commercetools-uikit/design-system": "20.2.2",
-    "@commercetools-uikit/icons": "20.2.2",
-    "@commercetools-uikit/input-utils": "20.2.2",
-    "@commercetools-uikit/spacings-inline": "20.2.2",
-    "@commercetools-uikit/spacings-inset": "20.2.2",
-    "@commercetools-uikit/spacings-stack": "20.2.2",
-    "@commercetools-uikit/utils": "20.2.2",
+    "@commercetools-uikit/constraints": "20.3.0",
+    "@commercetools-uikit/design-system": "20.3.0",
+    "@commercetools-uikit/icons": "20.3.0",
+    "@commercetools-uikit/input-utils": "20.3.0",
+    "@commercetools-uikit/spacings-inline": "20.3.0",
+    "@commercetools-uikit/spacings-inset": "20.3.0",
+    "@commercetools-uikit/spacings-stack": "20.3.0",
+    "@commercetools-uikit/utils": "20.3.0",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "react-is": "19.1.0"
+    "react-is": "19.2.0"
   },
   "devDependencies": {
-    "react": "19.1.0"
+    "react": "19.2.0"
   },
   "peerDependencies": {
     "react": "19.x"