@dfds-ui/forms 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e74a6756

package/cjs/enhanced/EnhancedField.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EnhancedField = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@emotion/react");
+var _hooks = require("@dfds-ui/hooks");
+var _flexbox = require("@dfds-ui/react-components/flexbox");
+var _theme = require("@dfds-ui/theme");
+var _InputComposition = require("@dfds-ui/react-components/forms/input/InputComposition");
+var _typography = require("@dfds-ui/typography");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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)."; } // TODO: Refactor these types
+const {
+  colors
+} = _theme.theme;
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1408f10",
+  styles: "padding-left:0"
+} : {
+  name: "hjmfuo-EnhancedField",
+  styles: "padding-left:0;label:EnhancedField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1a2afmv",
+  styles: "margin-left:10px"
+} : {
+  name: "zdaeo0-EnhancedField",
+  styles: "margin-left:10px;label:EnhancedField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "rz33rt",
+  styles: "height:50px;justify-content:center"
+} : {
+  name: "1bntdcs-EnhancedField",
+  styles: "height:50px;justify-content:center;label:EnhancedField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const EnhancedField = /*#__PURE__*/(0, _react.forwardRef)(({
+  onClick,
+  className,
+  label,
+  icon,
+  disabled,
+  name,
+  ...rest
+}, ref) => {
+  const inputRef = (0, _hooks.useForwardedRef)(ref);
+  const handleClick = e => {
+    onClick && onClick(e);
+    if (inputRef && inputRef.current) {
+      inputRef.current.focus();
+    }
+  };
+  return (0, _react2.jsx)(_InputComposition.InputComposition, {
+    css: _ref3,
+    className: className,
+    onClick: handleClick,
+    "aria-disabled": disabled
+  }, icon && (0, _react2.jsx)(_InputComposition.InputIcon, {
+    icon: icon,
+    css: /*#__PURE__*/(0, _react2.css)("font-size:32px;color:", disabled ? colors.text.dark.disabled : colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:EnhancedField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRG9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */")
+  }), (0, _react2.jsx)(_flexbox.FlexBox, {
+    flex: 1,
+    directionColumn: true,
+    justifyCenter: true,
+    css: _ref2
+  }, (0, _react2.jsx)("span", {
+    css: /*#__PURE__*/(0, _react2.css)(_typography.typography.caption, ";white-space:nowrap;color:", disabled ? colors.text.dark.disabled : colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:EnhancedField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHVzZUZvcndhcmRlZFJlZiB9IGZyb20gJ0BkZmRzLXVpL2hvb2tzJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBJbnB1dENvbXBvc2l0aW9uLCBJbnB1dEljb24sIElucHV0Q29udHJvbCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZm9ybXMvaW5wdXQvSW5wdXRDb21wb3NpdGlvbidcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIFJlYWN0SW5wdXRQcm9wcyA9IFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LklucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4sIEhUTUxJbnB1dEVsZW1lbnQ+XG5cbi8vIFRPRE86IFJlZmFjdG9yIHRoZXNlIHR5cGVzXG5leHBvcnQgdHlwZSBFbmhhbmNlZElucHV0UHJvcHM8VFZhbHVlPiA9IE9taXQ8RW5oYW5jZWRGaWVsZFByb3BzLCAndmFsdWUnPiAmIHtcbiAgdmFsdWU/OiBUVmFsdWVcbn1cblxuZXhwb3J0IHR5cGUgRW5oYW5jZWRGaWVsZFByb3BzID0gT21pdDxSZWFjdElucHV0UHJvcHMsICdzaXplJyB8ICdjc3MnPiAmIHtcbiAgbmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogTGFiZWwgdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogSWNvbiB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGljb24/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgb25DbGljaz86IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB2b2lkXG59XG5cbmNvbnN0IHsgY29sb3JzIH0gPSB0aGVtZVxuXG5leHBvcnQgY29uc3QgRW5oYW5jZWRGaWVsZCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgRW5oYW5jZWRGaWVsZFByb3BzPihcbiAgKHsgb25DbGljaywgY2xhc3NOYW1lLCBsYWJlbCwgaWNvbiwgZGlzYWJsZWQsIG5hbWUsIC4uLnJlc3QgfSwgcmVmKSA9PiB7XG4gICAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmKVxuICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICAgIG9uQ2xpY2sgJiYgb25DbGljayhlKVxuICAgICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgICB9XG4gICAgfVxuICAgIHJldHVybiAoXG4gICAgICA8SW5wdXRDb21wb3NpdGlvblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgIGB9XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICA+XG4gICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBmbGV4PXsxfVxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgICBuYW1lPXtuYW1lIHx8ICcnfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAgIHJlZj17aW5wdXRSZWZ9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9JbnB1dENvbXBvc2l0aW9uPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */")
+  }, label), (0, _react2.jsx)(_InputComposition.InputControl, _extends({
+    name: name || '',
+    disabled: disabled,
+    css: _ref
+  }, rest, {
+    ref: inputRef
+  }))));
+});
+exports.EnhancedField = EnhancedField;
+var _default = EnhancedField;
+exports.default = _default;

package/cjs/enhanced/index.d.ts

@@ -0,0 +1 @@
+export * from './EnhancedField';

package/cjs/enhanced/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _EnhancedField = require("./EnhancedField");
+Object.keys(_EnhancedField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EnhancedField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EnhancedField[key];
+    }
+  });
+});

package/cjs/error-text/ErrorText.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export type ErrorTextProps = {
+    id?: string;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare const ErrorText: ({ id, className, children }: ErrorTextProps) => JSX.Element;
+export default ErrorText;

package/cjs/error-text/ErrorText.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ErrorText = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _typography = require("@dfds-ui/typography");
+var _theme = require("@dfds-ui/theme");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ErrorText = ({
+  id,
+  className,
+  children
+}) => {
+  return (0, _react2.jsx)("span", {
+    id: id,
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)(_typography.typography.caption, ";color:", _theme.theme.colors.status.alert, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ErrorText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuZXhwb3J0IHR5cGUgRXJyb3JUZXh0UHJvcHMgPSB7XG4gIGlkPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBFcnJvclRleHQgPSAoeyBpZCwgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBFcnJvclRleHRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICBpZD17aWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuY2FwdGlvbn07XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9O1xuICAgICAgYH1cbiAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvc3Bhbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBFcnJvclRleHRcbiJdfQ== */"),
+    role: "alert"
+  }, children);
+};
+exports.ErrorText = ErrorText;
+var _default = ErrorText;
+exports.default = _default;

package/cjs/field-wrap/FieldWrap.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { BaseFieldProps, Size } from '../types';
+export type FieldWrapProps = BaseFieldProps & {
+    size: Size;
+    extraAssistiveText?: string;
+    disabled?: boolean;
+    className?: string;
+    children?: ReactNode;
+};
+export declare const FieldWrap: ({ name, assistiveText, errorMessage, size, required, hideAsterisk, label, help, extraAssistiveText, disabled, className, children, }: FieldWrapProps) => JSX.Element;

package/cjs/field-wrap/FieldWrap.js

@@ -0,0 +1,81 @@
+"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 ? Object.assign.bind() : 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgRmllbGRXcmFwID0gKHtcbiAgbmFtZSxcbiAgYXNzaXN0aXZlVGV4dCxcbiAgZXJyb3JNZXNzYWdlLFxuICBzaXplLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBsYWJlbCxcbiAgaGVscCxcbiAgZXh0cmFBc3Npc3RpdmVUZXh0LFxuICBkaXNhYmxlZCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbn06IEZpZWxkV3JhcFByb3BzKSA9PiB7XG4gIGlmIChhc3Npc3RpdmVUZXh0ID09PSAnICcpIHtcbiAgICBhc3Npc3RpdmVUZXh0ID0gJ1xcdTAwQTAnXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IGRpcmVjdGlvbkNvbHVtbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8RmxleEJveCBpdGVtc0ZsZXhTdGFydD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3NpemV9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IGRpc2FibGVkPXtkaXNhYmxlZH0gLz59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7KGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlIHx8IGV4dHJhQXNzaXN0aXZlVGV4dCkgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi4oYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyB7IGp1c3RpZnlTcGFjZUJldHdlZW46IHRydWUgfSA6IHsganVzdGlmeUZsZXhFbmQ6IHRydWUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0gaWQ9e2Ake25hbWV9X2FyaWFgfT5cbiAgICAgICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICAgICAgICB7LyogRXh0cmEgYXNzaXN0aXZlIHRleHQgaXMgYWx3YXlzIHNob3duIG9uIHRoZSByaWdodCAqL31cbiAgICAgICAgICB7ZXh0cmFBc3Npc3RpdmVUZXh0ICYmIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9maWVsZC13cmFwL0ZpZWxkV3JhcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0NvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZmllbGQtd3JhcC9GaWVsZFdyYXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGFiZWwgfSBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzLCBTaXplIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgSGVscEljb24gZnJvbSAnLi4vaGVscC1pY29uL0hlbHBJY29uJ1xuaW1wb3J0IHsgQXNzaXN0aXZlVGV4dCB9IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgeyBFcnJvclRleHQgfSBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcblxuZXhwb3J0IHR5cGUgRmllbGRXcmFwUHJvcHMgPSBCYXNlRmllbGRQcm9wcyAmIHtcbiAgc2l6ZTogU2l6ZVxuICBleHRyYUFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG5leHBvcnQgY29uc3QgRmllbGRXcmFwID0gKHtcbiAgbmFtZSxcbiAgYXNzaXN0aXZlVGV4dCxcbiAgZXJyb3JNZXNzYWdlLFxuICBzaXplLFxuICByZXF1aXJlZCxcbiAgaGlkZUFzdGVyaXNrLFxuICBsYWJlbCxcbiAgaGVscCxcbiAgZXh0cmFBc3Npc3RpdmVUZXh0LFxuICBkaXNhYmxlZCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbn06IEZpZWxkV3JhcFByb3BzKSA9PiB7XG4gIGlmIChhc3Npc3RpdmVUZXh0ID09PSAnICcpIHtcbiAgICBhc3Npc3RpdmVUZXh0ID0gJ1xcdTAwQTAnXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxGbGV4Qm94IGRpcmVjdGlvbkNvbHVtbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0+XG4gICAgICA8RmxleEJveCBpdGVtc0ZsZXhTdGFydD5cbiAgICAgICAge2xhYmVsICYmIChcbiAgICAgICAgICA8TGFiZWxcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBmbGV4OiAxO1xuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAwLjI1cmVtO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIHZpc3VhbFNpemU9e3NpemV9XG4gICAgICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgPC9MYWJlbD5cbiAgICAgICAgKX1cbiAgICAgICAge2hlbHAgJiYgPEhlbHBJY29uIGNvbnRlbnQ9e2hlbHB9IGRpc2FibGVkPXtkaXNhYmxlZH0gLz59XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7KGFzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlIHx8IGV4dHJhQXNzaXN0aXZlVGV4dCkgJiYgKFxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgbWFyZ2luLXRvcDogMC4yNXJlbTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi4oYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyB7IGp1c3RpZnlTcGFjZUJldHdlZW46IHRydWUgfSA6IHsganVzdGlmeUZsZXhFbmQ6IHRydWUgfSl9XG4gICAgICAgID5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgICAgIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0gaWQ9e2Ake25hbWV9X2FyaWFgfT5cbiAgICAgICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlICYmIDxFcnJvclRleHQgaWQ9e2Ake25hbWV9X2FyaWFgfT57ZXJyb3JNZXNzYWdlfTwvRXJyb3JUZXh0Pn1cbiAgICAgICAgICB7LyogRXh0cmEgYXNzaXN0aXZlIHRleHQgaXMgYWx3YXlzIHNob3duIG9uIHRoZSByaWdodCAqL31cbiAgICAgICAgICB7ZXh0cmFBc3Npc3RpdmVUZXh0ICYmIDxBc3Npc3RpdmVUZXh0IGRpc2FibGVkPXtkaXNhYmxlZH0+e2V4dHJhQXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZVRleHQ+fVxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICApfVxuICAgIDwvRmxleEJveD5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const FieldWrap = ({
+  name,
+  assistiveText,
+  errorMessage,
+  size,
+  required,
+  hideAsterisk,
+  label,
+  help,
+  extraAssistiveText,
+  disabled,
+  className,
+  children
+}) => {
+  if (assistiveText === ' ') {
+    assistiveText = '\u00A0';
+  }
+  return (0, _react2.jsx)(_flexbox.FlexBox, {
+    directionColumn: true,
+    className: className
+  }, (0, _react2.jsx)(_flexbox.FlexBox, {
+    itemsFlexStart: true
+  }, label && (0, _react2.jsx)(_Label.Label, {
+    css: _ref2,
+    visualSize: size,
+    required: required,
+    hideAsterisk: hideAsterisk,
+    disabled: disabled
+  }, label), help && (0, _react2.jsx)(_HelpIcon.default, {
+    content: help,
+    disabled: disabled
+  })), children, (assistiveText || errorMessage || extraAssistiveText) && (0, _react2.jsx)(_flexbox.FlexBox, _extends({
+    css: _ref
+  }, assistiveText || errorMessage ? {
+    justifySpaceBetween: true
+  } : {
+    justifyFlexEnd: true
+  }), assistiveText && !errorMessage && (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+    disabled: disabled,
+    id: `${name}_aria`
+  }, assistiveText), errorMessage && (0, _react2.jsx)(_ErrorText.ErrorText, {
+    id: `${name}_aria`
+  }, errorMessage), extraAssistiveText && (0, _react2.jsx)(_AssistiveText.AssistiveText, {
+    disabled: disabled
+  }, extraAssistiveText)));
+};
+exports.FieldWrap = FieldWrap;

package/cjs/field-wrap/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldWrap';

package/cjs/field-wrap/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _FieldWrap = require("./FieldWrap");
+Object.keys(_FieldWrap).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FieldWrap[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldWrap[key];
+    }
+  });
+});

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export type HelpIconProps = {
+    content: string;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const HelpIcon: ({ content, className, disabled }: HelpIconProps) => JSX.Element;
+export default HelpIcon;

package/cjs/help-icon/HelpIcon.js

@@ -0,0 +1,27 @@
+"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,
+  disabled
+}) => {
+  return (0, _react2.jsx)(_tooltip.UnstableWithTooltip, {
+    content: content
+  }, (0, _react2.jsx)(_system.Help, {
+    css: /*#__PURE__*/(0, _react2.css)("font-size:1.25rem;color:", disabled ? _theme.theme.colors.text.primary.disabled : _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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwLWljb24vSGVscEljb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2hlbHAtaWNvbi9IZWxwSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEhlbHAgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgVW5zdGFibGVXaXRoVG9vbHRpcCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvdG9vbHRpcCdcblxuZXhwb3J0IHR5cGUgSGVscEljb25Qcm9wcyA9IHtcbiAgY29udGVudDogc3RyaW5nXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IEhlbHBJY29uID0gKHsgY29udGVudCwgY2xhc3NOYW1lLCBkaXNhYmxlZCB9OiBIZWxwSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFVuc3RhYmxlV2l0aFRvb2x0aXAgY29udGVudD17Y29udGVudH0+XG4gICAgICA8SGVscFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEuMjVyZW07XG4gICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkIDogdGhlbWUuY29sb3JzLnRleHQuZGFyay5zZWNvbmRhcnl9O1xuICAgICAgICBgfVxuICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIC8+XG4gICAgPC9VbnN0YWJsZVdpdGhUb29sdGlwPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEhlbHBJY29uXG4iXX0= */"),
+    className: className
+  }));
+};
+exports.HelpIcon = HelpIcon;
+var _default = HelpIcon;
+exports.default = _default;

package/cjs/index.d.ts

@@ -0,0 +1,19 @@
+export * from './assistive-text/AssistiveText';
+export * from './checkbox';
+export * from './counter/Counter';
+export * from './enhanced';
+export * from './error-text/ErrorText';
+export * from './field-wrap';
+export * from './help-icon/HelpIcon';
+export * from './label/Label';
+export * from './password-field/PasswordField';
+export * from './radio';
+export * from './rating';
+export * from './select-field/AsyncSelectField';
+export * from './select-field/CreatableSelectField';
+export * from './select-field/NativeSelectField';
+export * from './select-field/SelectField';
+export * from './switch/index';
+export * from './tel-field/TelField';
+export * from './text-field/TextField';
+export * from './textarea-field/TextareaField';

package/cjs/index.js

@@ -0,0 +1,214 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _AssistiveText = require("./assistive-text/AssistiveText");
+Object.keys(_AssistiveText).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AssistiveText[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AssistiveText[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 () {
+      return _checkbox[key];
+    }
+  });
+});
+var _Counter = require("./counter/Counter");
+Object.keys(_Counter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Counter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Counter[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 () {
+      return _enhanced[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 () {
+      return _ErrorText[key];
+    }
+  });
+});
+var _fieldWrap = require("./field-wrap");
+Object.keys(_fieldWrap).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _fieldWrap[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _fieldWrap[key];
+    }
+  });
+});
+var _HelpIcon = require("./help-icon/HelpIcon");
+Object.keys(_HelpIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _HelpIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _HelpIcon[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 () {
+      return _Label[key];
+    }
+  });
+});
+var _PasswordField = require("./password-field/PasswordField");
+Object.keys(_PasswordField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PasswordField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PasswordField[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 () {
+      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 () {
+      return _rating[key];
+    }
+  });
+});
+var _AsyncSelectField = require("./select-field/AsyncSelectField");
+Object.keys(_AsyncSelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AsyncSelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AsyncSelectField[key];
+    }
+  });
+});
+var _CreatableSelectField = require("./select-field/CreatableSelectField");
+Object.keys(_CreatableSelectField).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CreatableSelectField[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CreatableSelectField[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 () {
+      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 () {
+      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 () {
+      return _index[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 () {
+      return _TelField[key];
+    }
+  });
+});
+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 () {
+      return _TextField[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 () {
+      return _TextareaField[key];
+    }
+  });
+});

package/cjs/label/Label.d.ts

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

package/cjs/label/Label.js

@@ -0,0 +1,28 @@
+"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");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
+const Label = ({
+  visualSize = 'medium',
+  required = false,
+  hideAsterisk = false,
+  disabled = false,
+  className,
+  children,
+  ...rest
+}) => {
+  return (0, _react2.jsx)("label", _extends({
+    className: className,
+    css: /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.primary, ";text-align:left;", visualSize === 'small' ? _typography.typography.labelSmall : _typography.typography.label, ";", disabled && /*#__PURE__*/(0, _react2.css)("color:", _theme.theme.colors.text.primary.disabled, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Label;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYWJlbC9MYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFNpemUgfSBmcm9tICcuLi90eXBlcydcbmltcG9ydCB7IEFzdGVyaXNrIH0gZnJvbSAnLi4vYXN0ZXJpc2svQXN0ZXJpc2snXG5cbmV4cG9ydCB0eXBlIExhYmVsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIHZpc3VhbFNpemU/OiBTaXplXG4gIGRpc2FibGVkPzogYm9vbGVhblxufSAmIFJlYWN0LkRldGFpbGVkSFRNTFByb3BzPFJlYWN0LkxhYmVsSFRNTEF0dHJpYnV0ZXM8SFRNTExhYmVsRWxlbWVudD4sIEhUTUxMYWJlbEVsZW1lbnQ+XG5cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIHZpc3VhbFNpemUgPSAnbWVkaXVtJyxcbiAgcmVxdWlyZWQgPSBmYWxzZSxcbiAgaGlkZUFzdGVyaXNrID0gZmFsc2UsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbiAgY2hpbGRyZW4sXG4gIC4uLnJlc3Rcbn06IExhYmVsUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgICR7dmlzdWFsU2l6ZSA9PT0gJ3NtYWxsJyA/IHR5cG9ncmFwaHkubGFiZWxTbWFsbCA6IHR5cG9ncmFwaHkubGFiZWx9O1xuICAgICAgICAke2Rpc2FibGVkICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgICAgYH07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3JlcXVpcmVkICYmICFoaWRlQXN0ZXJpc2sgJiYgPEFzdGVyaXNrIC8+fVxuICAgIDwvbGFiZWw+XG4gIClcbn1cbiJdfQ== */")
+  }, rest), children, required && !hideAsterisk && (0, _react2.jsx)(_Asterisk.Asterisk, null));
+};
+exports.Label = Label;

package/cjs/password-field/PasswordField.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextFieldProps } from '../text-field/TextField';
+export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
+export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;