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

package/cjs/radio/RadioGroup.d.ts

@@ -7,5 +7,6 @@ export declare type RadioGroupProps = Pick<BaseFieldProps, 'label' | 'required'
      * Class name to be assigned to the component
      */
     className?: string;
+    column?: boolean;
 };
-export declare const RadioGroup: ({ visualSize, label, children, errorMessage, required, hideAsterisk, className, }: RadioGroupProps) => JSX.Element;
+export declare const RadioGroup: ({ visualSize, label, children, column, errorMessage, required, hideAsterisk, className, }: RadioGroupProps) => JSX.Element;

package/cjs/radio/RadioGroup.js

@@ -10,19 +10,31 @@ var _Label = require("../label/Label");
 var _flexbox = require("@dfds-ui/react-components/flexbox");
 var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
 var _RadioContext = require("./RadioContext");
+var _theme = require("@dfds-ui/theme");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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)."; }
 const RadioGroupContainer = ({
   children,
   errorMessage
 }) => {
   return (0, _react2.jsx)("fieldset", {
-    css: /*#__PURE__*/(0, _react2.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuXG5leHBvcnQgdHlwZSBSYWRpb0dyb3VwUHJvcHMgPSBQaWNrPFxuICBCYXNlRmllbGRQcm9wcyxcbiAgJ2xhYmVsJyB8ICdyZXF1aXJlZCcgfCAnaGlkZUFzdGVyaXNrJyB8ICdkaXNhYmxlZCcgfCAnZXJyb3JNZXNzYWdlJ1xuPiAmXG4gIFBpY2s8UmFkaW9Qcm9wcywgJ3Zpc3VhbFNpemUnPiAmIHtcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gICAgLyoqXG4gICAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAgICovXG4gICAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7IWVycm9yTWVzc2FnZSA/ICcxLjVyZW0nIDogJzAuNXJlbSd9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9maWVsZHNldD5cbiAgKVxufVxuXG5leHBvcnQgY29uc3QgUmFkaW9Hcm91cCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgbGFiZWwsXG4gIGNoaWxkcmVuLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxufTogUmFkaW9Hcm91cFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJhZGlvR3JvdXBDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGVycm9yTWVzc2FnZT17ZXJyb3JNZXNzYWdlfT5cbiAgICAgIDxSYWRpb0NvbnRleHRQcm92aWRlciB2YWx1ZT17eyB2aXN1YWxTaXplLCBlcnJvcjogISFlcnJvck1lc3NhZ2UgfX0+XG4gICAgICAgIDxMYWJlbCB2aXN1YWxTaXplPXt2aXN1YWxTaXplfSByZXF1aXJlZD17cmVxdWlyZWR9IGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfT5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94IGRpcmVjdGlvbkNvbHVtbj57Y2hpbGRyZW59PC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICA8L1JhZGlvR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */")
+    css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;border:none;padding:0;margin:0;padding-bottom:", !errorMessage ? _theme.theme.spacing.m : _theme.theme.spacing.xxs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroupContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3JhZGlvL1JhZGlvR3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5pbXBvcnQgeyBCYXNlRmllbGRQcm9wcyB9IGZyb20gJy4uL3R5cGVzJ1xuaW1wb3J0IHsgUmFkaW9Db250ZXh0UHJvdmlkZXIgfSBmcm9tICcuL1JhZGlvQ29udGV4dCdcbmltcG9ydCB7IFJhZGlvUHJvcHMgfSBmcm9tICcuL1JhZGlvJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgUmFkaW9Hcm91cFByb3BzID0gUGljazxcbiAgQmFzZUZpZWxkUHJvcHMsXG4gICdsYWJlbCcgfCAncmVxdWlyZWQnIHwgJ2hpZGVBc3RlcmlzaycgfCAnZGlzYWJsZWQnIHwgJ2Vycm9yTWVzc2FnZSdcbj4gJlxuICBQaWNrPFJhZGlvUHJvcHMsICd2aXN1YWxTaXplJz4gJiB7XG4gICAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAgIC8qKlxuICAgICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgICAqL1xuICAgIGNsYXNzTmFtZT86IHN0cmluZ1xuICAgIGNvbHVtbj86IGJvb2xlYW5cbiAgfVxuXG5jb25zdCBSYWRpb0dyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGVycm9yTWVzc2FnZSB9OiBQYXJ0aWFsPFJhZGlvR3JvdXBQcm9wcz4pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZmllbGRzZXRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgcGFkZGluZy1ib3R0b206ICR7IWVycm9yTWVzc2FnZSA/IHRoZW1lLnNwYWNpbmcubSA6IHRoZW1lLnNwYWNpbmcueHhzfTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZmllbGRzZXQ+XG4gIClcbn1cblxuZXhwb3J0IGNvbnN0IFJhZGlvR3JvdXAgPSAoe1xuICB2aXN1YWxTaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBjaGlsZHJlbixcbiAgY29sdW1uID0gdHJ1ZSxcbiAgZXJyb3JNZXNzYWdlLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IFJhZGlvR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSYWRpb0dyb3VwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBlcnJvck1lc3NhZ2U9e2Vycm9yTWVzc2FnZX0+XG4gICAgICA8UmFkaW9Db250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgdmlzdWFsU2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWxcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aXN1YWxTaXplPXt2aXN1YWxTaXplfVxuICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW49e2NvbHVtbn1cbiAgICAgICAgICBnYXA9e1xuICAgICAgICAgICAgdmlzdWFsU2l6ZSA9PT0gJ21lZGl1bSdcbiAgICAgICAgICAgICAgPyBgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5tfWBcbiAgICAgICAgICAgICAgOiBgY2FsYygke3RoZW1lLnNwYWNpbmcuc30gLSAke3RoZW1lLnNwYWNpbmcueHhzfSkgJHt0aGVtZS5zcGFjaW5nLnN9YFxuICAgICAgICAgIH1cbiAgICAgICAgICB3cmFwV3JhcD17Y29sdW1uID8gZmFsc2UgOiB0cnVlfVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICA8L1JhZGlvQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+XG4gICAgICAgIDwvRmxleEJveD5cbiAgICAgICl9XG4gICAgPC9SYWRpb0dyb3VwQ29udGFpbmVyPlxuICApXG59XG4iXX0= */")
   }, children);
 };
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RWtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFJhZGlvR3JvdXBQcm9wcyA9IFBpY2s8XG4gIEJhc2VGaWVsZFByb3BzLFxuICAnbGFiZWwnIHwgJ3JlcXVpcmVkJyB8ICdoaWRlQXN0ZXJpc2snIHwgJ2Rpc2FibGVkJyB8ICdlcnJvck1lc3NhZ2UnXG4+ICZcbiAgUGljazxSYWRpb1Byb3BzLCAndmlzdWFsU2l6ZSc+ICYge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBjb21wb25lbnRcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBjb2x1bW4/OiBib29sZWFuXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAkeyFlcnJvck1lc3NhZ2UgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLnh4c307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 const RadioGroup = ({
   visualSize = 'medium',
   label,
   children,
+  column = true,
   errorMessage,
   required,
   hideAsterisk = false,
@@ -37,11 +49,16 @@ const RadioGroup = ({
       error: !!errorMessage
     }
   }, (0, _react2.jsx)(_Label.Label, {
+    css: /*#__PURE__*/(0, _react2.css)("margin-bottom:", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:RadioGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9yYWRpby9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IFJhZGlvQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9SYWRpb0NvbnRleHQnXG5pbXBvcnQgeyBSYWRpb1Byb3BzIH0gZnJvbSAnLi9SYWRpbydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFJhZGlvR3JvdXBQcm9wcyA9IFBpY2s8XG4gIEJhc2VGaWVsZFByb3BzLFxuICAnbGFiZWwnIHwgJ3JlcXVpcmVkJyB8ICdoaWRlQXN0ZXJpc2snIHwgJ2Rpc2FibGVkJyB8ICdlcnJvck1lc3NhZ2UnXG4+ICZcbiAgUGljazxSYWRpb1Byb3BzLCAndmlzdWFsU2l6ZSc+ICYge1xuICAgIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgICAvKipcbiAgICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIHRoZSBjb21wb25lbnRcbiAgICAgKi9cbiAgICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgICBjb2x1bW4/OiBib29sZWFuXG4gIH1cblxuY29uc3QgUmFkaW9Hcm91cENvbnRhaW5lciA9ICh7IGNoaWxkcmVuLCBlcnJvck1lc3NhZ2UgfTogUGFydGlhbDxSYWRpb0dyb3VwUHJvcHM+KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGZpZWxkc2V0XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIHBhZGRpbmctYm90dG9tOiAkeyFlcnJvck1lc3NhZ2UgPyB0aGVtZS5zcGFjaW5nLm0gOiB0aGVtZS5zcGFjaW5nLnh4c307XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2ZpZWxkc2V0PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBSYWRpb0dyb3VwID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICBsYWJlbCxcbiAgY2hpbGRyZW4sXG4gIGNvbHVtbiA9IHRydWUsXG4gIGVycm9yTWVzc2FnZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8UmFkaW9Hcm91cENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZXJyb3JNZXNzYWdlPXtlcnJvck1lc3NhZ2V9PlxuICAgICAgPFJhZGlvQ29udGV4dFByb3ZpZGVyIHZhbHVlPXt7IHZpc3VhbFNpemUsIGVycm9yOiAhIWVycm9yTWVzc2FnZSB9fT5cbiAgICAgICAgPExhYmVsXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgdmlzdWFsU2l6ZT17dmlzdWFsU2l6ZX1cbiAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvTGFiZWw+XG4gICAgICAgIDxGbGV4Qm94XG4gICAgICAgICAgZGlyZWN0aW9uQ29sdW1uPXtjb2x1bW59XG4gICAgICAgICAgZ2FwPXtcbiAgICAgICAgICAgIHZpc3VhbFNpemUgPT09ICdtZWRpdW0nXG4gICAgICAgICAgICAgID8gYCR7dGhlbWUuc3BhY2luZy5zfSAke3RoZW1lLnNwYWNpbmcubX1gXG4gICAgICAgICAgICAgIDogYGNhbGMoJHt0aGVtZS5zcGFjaW5nLnN9IC0gJHt0aGVtZS5zcGFjaW5nLnh4c30pICR7dGhlbWUuc3BhY2luZy5zfWBcbiAgICAgICAgICB9XG4gICAgICAgICAgd3JhcFdyYXA9e2NvbHVtbiA/IGZhbHNlIDogdHJ1ZX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9SYWRpb0NvbnRleHRQcm92aWRlcj5cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEVycm9yVGV4dD57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0PlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvUmFkaW9Hcm91cENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */"),
     visualSize: visualSize,
     required: required,
     hideAsterisk: hideAsterisk
   }, label), (0, _react2.jsx)(_flexbox.FlexBox, {
-    directionColumn: true
-  }, children)), errorMessage && (0, _react2.jsx)(_ErrorText.default, null, errorMessage));
+    directionColumn: column,
+    gap: visualSize === 'medium' ? `${_theme.theme.spacing.s} ${_theme.theme.spacing.m}` : `calc(${_theme.theme.spacing.s} - ${_theme.theme.spacing.xxs}) ${_theme.theme.spacing.s}`,
+    wrapWrap: column ? false : true
+  }, children)), errorMessage && (0, _react2.jsx)(_flexbox.FlexBox, {
+    css: _ref
+  }, (0, _react2.jsx)(_ErrorText.default, null, errorMessage)));
 };
 exports.RadioGroup = RadioGroup;

package/cjs/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;