@dfds-ui/forms 0.9.9-alpha.431021d1 → 0.9.9-alpha.50687692

package/cjs/field-wrap/FieldWrap.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FieldWrap = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _flexbox = require("@dfds-ui/react-components/flexbox");
+
+var _react2 = require("@emotion/react");
+
+var _Label = require("../label/Label");
+
+var _HelpIcon = _interopRequireDefault(require("../help-icon/HelpIcon"));
+
+var _AssistiveText = require("../assistive-text/AssistiveText");
+
+var _ErrorText = require("../error-text/ErrorText");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1a7e1yb",
+  styles: "margin-top:0.25rem"
+} : {
+  name: "1lxu3k1-FieldWrap",
+  styles: "margin-top:0.25rem;label:FieldWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW4tYm90dG9tOiAkeyFhc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgPyAnMS41cmVtJyA6ICcwLjVyZW0nfTtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICA8RmxleEJveCBpdGVtc0NlbnRlcj5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3NpemV9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+fVxuICAgICAgPC9GbGV4Qm94PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgID5cbiAgICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiA8QXNzaXN0aXZlVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9Pnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICB7LyogRXh0cmEgYXNzaXN0aXZlIHRleHQgaXMgYWx3YXlzIHNob3duIG9uIHRoZSByaWdodCAqL31cbiAgICAgICAge2V4dHJhQXNzaXN0aXZlVGV4dCAmJiA8QXNzaXN0aXZlVGV4dD57ZXh0cmFBc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1kk5tov",
+  styles: "flex:1;margin-bottom:0.25rem"
+} : {
+  name: "13r5ak7-FieldWrap",
+  styles: "flex:1;margin-bottom:0.25rem;label:FieldWrap;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBGaWVsZFdyYXAgPSAoe1xuICBuYW1lLFxuICBhc3Npc3RpdmVUZXh0LFxuICBlcnJvck1lc3NhZ2UsXG4gIHNpemUsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGxhYmVsLFxuICBoZWxwLFxuICBleHRyYUFzc2lzdGl2ZVRleHQsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG59OiBGaWVsZFdyYXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94XG4gICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBtYXJnaW4tYm90dG9tOiAkeyFhc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgPyAnMS41cmVtJyA6ICcwLjVyZW0nfTtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICA+XG4gICAgICA8RmxleEJveCBpdGVtc0NlbnRlcj5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3NpemV9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IC8+fVxuICAgICAgPC9GbGV4Qm94PlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLihhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IHsganVzdGlmeVNwYWNlQmV0d2VlbjogdHJ1ZSB9IDogeyBqdXN0aWZ5RmxleEVuZDogdHJ1ZSB9KX1cbiAgICAgID5cbiAgICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiA8QXNzaXN0aXZlVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9Pnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICAgIHtlcnJvck1lc3NhZ2UgJiYgPEVycm9yVGV4dCBpZD17YCR7bmFtZX1fYXJpYWB9PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgICAgICB7LyogRXh0cmEgYXNzaXN0aXZlIHRleHQgaXMgYWx3YXlzIHNob3duIG9uIHRoZSByaWdodCAqL31cbiAgICAgICAge2V4dHJhQXNzaXN0aXZlVGV4dCAmJiA8QXNzaXN0aXZlVGV4dD57ZXh0cmFBc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlVGV4dD59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const FieldWrap = ({
+  name,
+  assistiveText,
+  errorMessage,
+  size,
+  required,
+  hideAsterisk,
+  label,
+  help,
+  extraAssistiveText,
+  className,
+  children
+}) => {
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
+    directionColumn: true,
+    css: /*#__PURE__*/(0, _react2.css)("margin-bottom:", !assistiveText && !errorMessage ? '1.5rem' : '0.5rem', ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FieldWrap;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgQmFzZUZpZWxkUHJvcHMsIFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCBIZWxwSWNvbiBmcm9tICcuLi9oZWxwLWljb24vSGVscEljb24nXG5pbXBvcnQgeyBBc3Npc3RpdmVUZXh0IH0gZnJvbSAnLi4vYXNzaXN0aXZlLXRleHQvQXNzaXN0aXZlVGV4dCdcbmltcG9ydCB7IEVycm9yVGV4dCB9IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuXG5leHBvcnQgdHlwZSBGaWVsZFdyYXBQcm9wcyA9IEJhc2VGaWVsZFByb3BzICYge1xuICBzaXplOiBTaXplXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gIGV4dHJhQXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEZpZWxkV3JhcCA9ICh7XG4gIG5hbWUsXG4gIGFzc2lzdGl2ZVRleHQsXG4gIGVycm9yTWVzc2FnZSxcbiAgc2l6ZSxcbiAgcmVxdWlyZWQsXG4gIGhpZGVBc3RlcmlzayxcbiAgbGFiZWwsXG4gIGhlbHAsXG4gIGV4dHJhQXNzaXN0aXZlVGV4dCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbn06IEZpZWxkV3JhcFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7IWFzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSA/ICcxLjVyZW0nIDogJzAuNXJlbSd9O1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgID5cbiAgICAgIDxGbGV4Qm94IGl0ZW1zQ2VudGVyPlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxMYWJlbFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZsZXg6IDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgdmlzdWFsU2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgICAgIGhpZGVBc3Rlcmlzaz17aGlkZUFzdGVyaXNrfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L0xhYmVsPlxuICAgICAgICApfVxuICAgICAgICB7aGVscCAmJiA8SGVscEljb24gY29udGVudD17aGVscH0gLz59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8RmxleEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwLjI1cmVtO1xuICAgICAgICBgfVxuICAgICAgICB7Li4uKGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8geyBqdXN0aWZ5U3BhY2VCZXR3ZWVuOiB0cnVlIH0gOiB7IGp1c3RpZnlGbGV4RW5kOiB0cnVlIH0pfVxuICAgICAgPlxuICAgICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIDxBc3Npc3RpdmVUZXh0IGlkPXtgJHtuYW1lfV9hcmlhYH0+e2Fzc2lzdGl2ZVRleHR9PC9Bc3Npc3RpdmVUZXh0Pn1cbiAgICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0IGlkPXtgJHtuYW1lfV9hcmlhYH0+e2Vycm9yTWVzc2FnZX08L0Vycm9yVGV4dD59XG4gICAgICAgIHsvKiBFeHRyYSBhc3Npc3RpdmUgdGV4dCBpcyBhbHdheXMgc2hvd24gb24gdGhlIHJpZ2h0ICovfVxuICAgICAgICB7ZXh0cmFBc3Npc3RpdmVUZXh0ICYmIDxBc3Npc3RpdmVUZXh0PntleHRyYUFzc2lzdGl2ZVRleHR9PC9Bc3Npc3RpdmVUZXh0Pn1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0ZsZXhCb3g+XG4gIClcbn1cbiJdfQ== */"),
+    className: className
+  }, (0, _react2.jsx)(_flexbox.FlexBox, {
+    itemsCenter: true
+  }, label && (0, _react2.jsx)(_Label.Label, {
+    css: _ref2,
+    visualSize: size,
+    required: required,
+    hideAsterisk: hideAsterisk
+  }, label), help && (0, _react2.jsx)(_HelpIcon.default, {
+    content: help
+  })), children, (0, _react2.jsx)(_flexbox.FlexBox, _extends({
+    css: _ref
+  }, assistiveText || errorMessage ? {
+    justifySpaceBetween: true
+  } : {
+    justifyFlexEnd: true
+  }), assistiveText && !errorMessage && (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+    id: `${name}_aria`
+  }, assistiveText), errorMessage && (0, _react2.jsx)(_ErrorText.ErrorText, {
+    id: `${name}_aria`
+  }, errorMessage), extraAssistiveText && (0, _react2.jsx)(_AssistiveText.AssistiveText, null, extraAssistiveText)));
+};
+
+exports.FieldWrap = FieldWrap;

package/cjs/help-icon/HelpIcon.d.ts

@@ -0,0 +1,6 @@
+export declare type HelpIconProps = {
+    content: string;
+    className?: string;
+};
+export declare const HelpIcon: ({ content, className }: HelpIconProps) => JSX.Element;
+export default HelpIcon;

package/cjs/help-icon/HelpIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.HelpIcon = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _system = require("@dfds-ui/icons/system");
+
+var _theme = require("@dfds-ui/theme");
+
+var _tooltip = require("@dfds-ui/react-components/tooltip");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const HelpIcon = ({
+  content,
+  className
+}) => {
+  return (0, _react2.jsx)(_tooltip.UnstableWithTooltip, {
+    content: content
+  }, (0, _react2.jsx)(_system.Help, {
+    css: /*#__PURE__*/(0, _react2.css)("font-size:1.25rem;color:", _theme.theme.colors.text.dark.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:HelpIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwLWljb24vSGVscEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvaGVscC1pY29uL0hlbHBJY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSGVscCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBVbnN0YWJsZVdpdGhUb29sdGlwIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy90b29sdGlwJ1xuXG5leHBvcnQgdHlwZSBIZWxwSWNvblByb3BzID0ge1xuICBjb250ZW50OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBIZWxwSWNvbiA9ICh7IGNvbnRlbnQsIGNsYXNzTmFtZSB9OiBIZWxwSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFVuc3RhYmxlV2l0aFRvb2x0aXAgY29udGVudD17Y29udGVudH0+XG4gICAgICA8SGVscFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgICAgICBgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8+XG4gICAgPC9VbnN0YWJsZVdpdGhUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlbHBJY29uXG4iXX0= */"),
+    className: className
+  }));
+};
+
+exports.HelpIcon = HelpIcon;
+var _default = HelpIcon;
+exports.default = _default;

package/cjs/index.d.ts

@@ -0,0 +1,12 @@
+export * from './text-field/TextField';
+export * from './tel-field/TelField';
+export * from './radio';
+export * from './rating';
+export * from './checkbox';
+export * from './select-field/NativeSelectField';
+export * from './select-field/SelectField';
+export * from './switch/index';
+export * from './label/Label';
+export * from './enhanced';
+export * from './textarea-field/TextareaField';
+export * from './error-text/ErrorText';

package/cjs/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _TextField = require("./text-field/TextField");
+
+Object.keys(_TextField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextField[key];
+    }
+  });
+});
+
+var _TelField = require("./tel-field/TelField");
+
+Object.keys(_TelField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TelField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TelField[key];
+    }
+  });
+});
+
+var _radio = require("./radio");
+
+Object.keys(_radio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _radio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _radio[key];
+    }
+  });
+});
+
+var _rating = require("./rating");
+
+Object.keys(_rating).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rating[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _rating[key];
+    }
+  });
+});
+
+var _checkbox = require("./checkbox");
+
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkbox[key];
+    }
+  });
+});
+
+var _NativeSelectField = require("./select-field/NativeSelectField");
+
+Object.keys(_NativeSelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NativeSelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NativeSelectField[key];
+    }
+  });
+});
+
+var _SelectField = require("./select-field/SelectField");
+
+Object.keys(_SelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SelectField[key];
+    }
+  });
+});
+
+var _index = require("./switch/index");
+
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index[key];
+    }
+  });
+});
+
+var _Label = require("./label/Label");
+
+Object.keys(_Label).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Label[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Label[key];
+    }
+  });
+});
+
+var _enhanced = require("./enhanced");
+
+Object.keys(_enhanced).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _enhanced[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _enhanced[key];
+    }
+  });
+});
+
+var _TextareaField = require("./textarea-field/TextareaField");
+
+Object.keys(_TextareaField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextareaField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TextareaField[key];
+    }
+  });
+});
+
+var _ErrorText = require("./error-text/ErrorText");
+
+Object.keys(_ErrorText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ErrorText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ErrorText[key];
+    }
+  });
+});

package/cjs/label/Label.d.ts

@@ -0,0 +1,10 @@
+import React, { ReactNode } from 'react';
+import { Size } from '../types';
+export declare type LabelProps = {
+    children: ReactNode;
+    className?: string;
+    hideAsterisk?: boolean;
+    required?: boolean;
+    visualSize?: Size;
+} & React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
+export declare const Label: ({ visualSize, required, hideAsterisk, className, children, ...rest }: LabelProps) => JSX.Element;

package/cjs/label/Label.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _typography = require("@dfds-ui/typography");
+
+var _theme = require("@dfds-ui/theme");
+
+var _Asterisk = require("../asterisk/Asterisk");
+
+const _excluded = ["visualSize", "required", "hideAsterisk", "className", "children"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+const Label = _ref => {
+  let _ref$visualSize = _ref.visualSize,
+      visualSize = _ref$visualSize === void 0 ? 'medium' : _ref$visualSize,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$hideAsterisk = _ref.hideAsterisk,
+      hideAsterisk = _ref$hideAsterisk === void 0 ? false : _ref$hideAsterisk,
+      className = _ref.className,
+      children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)("label", _extends({
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)(visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";color:", _theme.theme.colors.text.primary.primary, ";text-align:left;" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG59ICYgUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuTGFiZWxIVE1MQXR0cmlidXRlczxIVE1MTGFiZWxFbGVtZW50PiwgSFRNTExhYmVsRWxlbWVudD5cblxuZXhwb3J0IGNvbnN0IExhYmVsID0gKHtcbiAgdmlzdWFsU2l6ZSA9ICdtZWRpdW0nLFxuICByZXF1aXJlZCA9IGZhbHNlLFxuICBoaWRlQXN0ZXJpc2sgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgLi4ucmVzdFxufTogTGFiZWxQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxsYWJlbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgJHt2aXN1YWxTaXplID09PSAnc21hbGwnID8gdHlwb2dyYXBoeS5sYWJlbFNtYWxsIDogdHlwb2dyYXBoeS5sYWJlbH07XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
+  }, rest), children, required && !hideAsterisk && (0, _react2.jsx)(_Asterisk.Asterisk, null));
+};
+
+exports.Label = Label;

package/cjs/radio/Radio.d.ts

@@ -0,0 +1,51 @@
+import React, { ReactNode } from 'react';
+declare type RadioSize = 'medium' | 'small';
+export declare type RadioStyleState = 'checked';
+export declare type RadioProps = {
+    /**
+     * Field name.
+     */
+    name: string;
+    /**
+     * Indicate that the radio button is checked
+     */
+    checked?: boolean;
+    /**
+     *
+     */
+    defaultChecked?: boolean;
+    /**
+     * Field label.
+     */
+    label?: ReactNode;
+    /**
+     * Class name to be assigned to the component
+     */
+    className?: string;
+    /**
+     * Field label.
+     */
+    value?: string;
+    /**
+     * Indicates that the radio button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates an error in the field.
+     */
+    error?: boolean;
+    /**
+     * Size variant.
+     */
+    visualSize?: RadioSize;
+    /**
+     * Callback when the radio button is checked or unchecked
+     */
+    onChange?: JSX.IntrinsicElements['input']['onChange'];
+    Icon?: React.ComponentType;
+    styledAs?: RadioStyleState;
+};
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+/** @deprecated Use Radio */
+export declare const RadioField: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+export {};