@dfds-ui/forms 2.0.0 → 2.0.1-alpha.14115ffb

package/radio/RadioGroup.js

@@ -1,27 +1,40 @@
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import { css } from '@emotion/react';
 import { Label } from '../label/Label';
 import { FlexBox } from '@dfds-ui/react-components/flexbox';
 import ErrorText from '../error-text/ErrorText';
 import { RadioContextProvider } from './RadioContext';
+import { theme } from '@dfds-ui/theme';
 import { jsx as ___EmotionJSX } from "@emotion/react";
-var RadioGroupContainer = function RadioGroupContainer(_ref) {
-  var children = _ref.children,
-    errorMessage = _ref.errorMessage;
+var RadioGroupContainer = function RadioGroupContainer(_ref2) {
+  var children = _ref2.children,
+    errorMessage = _ref2.errorMessage;
   return ___EmotionJSX("fieldset", {
-    css: /*#__PURE__*/css("display:flex;flex-direction:column;border:none;padding:0;margin:0;margin-bottom:", !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmMiLCJmaWxlIjoiLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuXG5leHBvcnQgdHlwZSBSYWRpb0dyb3VwUHJvcHMgPSBQaWNrPFxuICBCYXNlRmllbGRQcm9wcyxcbiAgJ2xhYmVsJyB8ICdyZXF1aXJlZCcgfCAnaGlkZUFzdGVyaXNrJyB8ICdkaXNhYmxlZCcgfCAnZXJyb3JNZXNzYWdlJ1xuPiAmXG4gIFBpY2s8UmFkaW9Qcm9wcywgJ3Zpc3VhbFNpemUnPiAmIHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7IWVycm9yTWVzc2FnZSA/ICcxLjVyZW0nIDogJzAuNXJlbSd9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9maWVsZHNldD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgbGFiZWwsXG4gIGNoaWxkcmVuLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxufTogUmFkaW9Hcm91cFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJhZGlvR3JvdXBDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGVycm9yTWVzc2FnZT17ZXJyb3JNZXNzYWdlfT5cbiAgICAgIDxSYWRpb0NvbnRleHRQcm92aWRlciB2YWx1ZT17eyB2aXN1YWxTaXplLCBlcnJvcjogISFlcnJvck1lc3NhZ2UgfX0+XG4gICAgICAgIDxMYWJlbCB2aXN1YWxTaXplPXt2aXN1YWxTaXplfSByZXF1aXJlZD17cmVxdWlyZWR9IGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfT5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94IGRpcmVjdGlvbkNvbHVtbj57Y2hpbGRyZW59PC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICA8L1JhZGlvR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */")
+    css: /*#__PURE__*/css("display:flex;flex-direction:column;border:none;padding:0;margin:0;padding-bottom:", !errorMessage ? theme.spacing.m : theme.spacing.xxs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgUmFkaW9Hcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZSdcbj4gJlxuICBQaWNrPFJhZGlvUHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICAgIGNvbHVtbj86IGJvb2xlYW5cbiAgfVxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7IWVycm9yTWVzc2FnZSA/IHRoZW1lLnNwYWNpbmcubSA6IHRoZW1lLnNwYWNpbmcueHhzfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZmllbGRzZXQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFJhZGlvR3JvdXAgPSAoe1xuICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBjaGlsZHJlbixcbiAgY29sdW1uID0gdHJ1ZSxcbiAgZXJyb3JNZXNzYWdlLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IFJhZGlvR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSYWRpb0dyb3VwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBlcnJvck1lc3NhZ2U9e2Vycm9yTWVzc2FnZX0+XG4gICAgICA8UmFkaW9Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgdmlzdWFsU2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWxcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aXN1YWxTaXplPXt2aXN1YWxTaXplfVxuICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW49e2NvbHVtbn1cbiAgICAgICAgICBnYXA9e1xuICAgICAgICAgICAgdmlzdWFsU2l6ZSA9PT0gJ21lZGl1bSdcbiAgICAgICAgICAgICAgPyBgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5tfWBcbiAgICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLnNwYWNpbmcuc30gLSAke3RoZW1lLnNwYWNpbmcueHhzfSkgJHt0aGVtZS5zcGFjaW5nLnN9YFxuICAgICAgICAgIH1cbiAgICAgICAgICB3cmFwV3JhcD17Y29sdW1uID8gZmFsc2UgOiB0cnVlfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1JhZGlvQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9SYWRpb0dyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
   }, children);
 };
-export var RadioGroup = function RadioGroup(_ref2) {
-  var _ref2$visualSize = _ref2.visualSize,
-    visualSize = _ref2$visualSize === void 0 ? 'medium' : _ref2$visualSize,
-    label = _ref2.label,
-    children = _ref2.children,
-    errorMessage = _ref2.errorMessage,
-    required = _ref2.required,
-    _ref2$hideAsterisk = _ref2.hideAsterisk,
-    hideAsterisk = _ref2$hideAsterisk === void 0 ? false : _ref2$hideAsterisk,
-    className = _ref2.className;
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1a7e1yb",
+  styles: "margin-top:0.25rem"
+} : {
+  name: "fu8y09-RadioGroup",
+  styles: "margin-top:0.25rem;label:RadioGroup;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFJhZGlvR3JvdXBQcm9wcyA9IFBpY2s8XG4gIEJhc2VGaWVsZFByb3BzLFxuICAnbGFiZWwnIHwgJ3JlcXVpcmVkJyB8ICdoaWRlQXN0ZXJpc2snIHwgJ2Rpc2FibGVkJyB8ICdlcnJvck1lc3NhZ2UnXG4+ICZcbiAgUGljazxSYWRpb1Byb3BzLCAndmlzdWFsU2l6ZSc+ICYge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBjb21wb25lbnRcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBjb2x1bW4/OiBib29sZWFuXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAkeyFlcnJvck1lc3NhZ2UgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLnh4c307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var RadioGroup = function RadioGroup(_ref3) {
+  var _ref3$visualSize = _ref3.visualSize,
+    visualSize = _ref3$visualSize === void 0 ? 'medium' : _ref3$visualSize,
+    label = _ref3.label,
+    children = _ref3.children,
+    _ref3$column = _ref3.column,
+    column = _ref3$column === void 0 ? true : _ref3$column,
+    errorMessage = _ref3.errorMessage,
+    required = _ref3.required,
+    _ref3$hideAsterisk = _ref3.hideAsterisk,
+    hideAsterisk = _ref3$hideAsterisk === void 0 ? false : _ref3$hideAsterisk,
+    className = _ref3.className;
   return ___EmotionJSX(RadioGroupContainer, {
     className: className,
     errorMessage: errorMessage
@@ -31,10 +44,15 @@ export var RadioGroup = function RadioGroup(_ref2) {
       error: !!errorMessage
     }
   }, ___EmotionJSX(Label, {
+    css: /*#__PURE__*/css("margin-bottom:", theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGtCIiwiZmlsZSI6Ii4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFJhZGlvR3JvdXBQcm9wcyA9IFBpY2s8XG4gIEJhc2VGaWVsZFByb3BzLFxuICAnbGFiZWwnIHwgJ3JlcXVpcmVkJyB8ICdoaWRlQXN0ZXJpc2snIHwgJ2Rpc2FibGVkJyB8ICdlcnJvck1lc3NhZ2UnXG4+ICZcbiAgUGljazxSYWRpb1Byb3BzLCAndmlzdWFsU2l6ZSc+ICYge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBjb21wb25lbnRcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBjb2x1bW4/OiBib29sZWFuXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAkeyFlcnJvck1lc3NhZ2UgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLnh4c307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"),
     visualSize: visualSize,
     required: required,
     hideAsterisk: hideAsterisk
   }, label), ___EmotionJSX(FlexBox, {
-    directionColumn: true
-  }, children)), errorMessage && ___EmotionJSX(ErrorText, null, errorMessage));
+    directionColumn: column,
+    gap: visualSize === 'medium' ? "".concat(theme.spacing.s, " ").concat(theme.spacing.m) : "calc(".concat(theme.spacing.s, " - ").concat(theme.spacing.xxs, ") ").concat(theme.spacing.s),
+    wrapWrap: column ? false : true
+  }, children)), errorMessage && ___EmotionJSX(FlexBox, {
+    css: _ref
+  }, ___EmotionJSX(ErrorText, null, errorMessage)));
 };

package/select-field/SelectField.d.ts

@@ -45,7 +45,7 @@ export declare type SelectFieldProps<T = string> = BaseFieldProps & {
      */
     filterConfig?: Parameters<typeof createFilter>[0];
 };
-declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
+declare function SelectFieldInner<T>({ components, name, label, defaultValue, value, placeholder, onSelect, onChange, isSearchable, onBlur, assistiveText, options, errorMessage, isClearable, disabled, visualSize, required, hideAsterisk, filterConfig, ...rest }: SelectFieldProps<T>, ref: React.ForwardedRef<any>): JSX.Element;
 export declare const SelectField: <T>(props: BaseFieldProps & {
     defaultValue?: SingleValue<T> | undefined;
     className?: string | undefined;