@dfds-ui/forms 2.2.0-alpha.9edc847c → 2.2.0-alpha.a1ae8508

package/cjs/enhanced/EnhancedField.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EnhancedField = void 0;
+var _react = _interopRequireDefault(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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RmtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlRm9yd2FyZGVkUmVmIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IElucHV0Q29tcG9zaXRpb24sIElucHV0SWNvbiwgSW5wdXRDb250cm9sIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mb3Jtcy9pbnB1dC9JbnB1dENvbXBvc2l0aW9uJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbnR5cGUgUmVhY3RJbnB1dFByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgSFRNTElucHV0RWxlbWVudD5cblxuLy8gVE9ETzogUmVmYWN0b3IgdGhlc2UgdHlwZXNcbmV4cG9ydCB0eXBlIEVuaGFuY2VkSW5wdXRQcm9wczxUVmFsdWU+ID0gT21pdDxFbmhhbmNlZEZpZWxkUHJvcHMsICd2YWx1ZSc+ICYge1xuICB2YWx1ZT86IFRWYWx1ZVxufVxuXG5leHBvcnQgdHlwZSBFbmhhbmNlZEZpZWxkUHJvcHMgPSBPbWl0PFJlYWN0SW5wdXRQcm9wcywgJ3NpemUnIHwgJ2Nzcyc+ICYge1xuICBuYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWRcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEZpZWxkID0gKHtcbiAgb25DbGljayxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaWNvbixcbiAgZGlzYWJsZWQsXG4gIG5hbWUsXG4gIHJlZixcbiAgLi4ucmVzdFxufTogRW5oYW5jZWRGaWVsZFByb3BzKSA9PiB7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZiA/PyBudWxsKVxuICBjb25zdCBoYW5kbGVDbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB7XG4gICAgb25DbGljayAmJiBvbkNsaWNrKGUpXG4gICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuZm9jdXMoKVxuICAgIH1cbiAgfVxuICByZXR1cm4gKFxuICAgIDxJbnB1dENvbXBvc2l0aW9uXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2Rpc2FibGVkID8gY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZCA6IGNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4PXsxfVxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjb2xvcjogJHtkaXNhYmxlZCA/IGNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWQgOiBjb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPElucHV0Q29udHJvbFxuICAgICAgICAgIG5hbWU9e25hbWUgfHwgJyd9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0lucHV0Q29tcG9zaXRpb24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRW5oYW5jZWRGaWVsZFxuIl19 */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RWdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlRm9yd2FyZGVkUmVmIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IElucHV0Q29tcG9zaXRpb24sIElucHV0SWNvbiwgSW5wdXRDb250cm9sIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mb3Jtcy9pbnB1dC9JbnB1dENvbXBvc2l0aW9uJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbnR5cGUgUmVhY3RJbnB1dFByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgSFRNTElucHV0RWxlbWVudD5cblxuLy8gVE9ETzogUmVmYWN0b3IgdGhlc2UgdHlwZXNcbmV4cG9ydCB0eXBlIEVuaGFuY2VkSW5wdXRQcm9wczxUVmFsdWU+ID0gT21pdDxFbmhhbmNlZEZpZWxkUHJvcHMsICd2YWx1ZSc+ICYge1xuICB2YWx1ZT86IFRWYWx1ZVxufVxuXG5leHBvcnQgdHlwZSBFbmhhbmNlZEZpZWxkUHJvcHMgPSBPbWl0PFJlYWN0SW5wdXRQcm9wcywgJ3NpemUnIHwgJ2Nzcyc+ICYge1xuICBuYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWRcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEZpZWxkID0gKHtcbiAgb25DbGljayxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaWNvbixcbiAgZGlzYWJsZWQsXG4gIG5hbWUsXG4gIHJlZixcbiAgLi4ucmVzdFxufTogRW5oYW5jZWRGaWVsZFByb3BzKSA9PiB7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZiA/PyBudWxsKVxuICBjb25zdCBoYW5kbGVDbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB7XG4gICAgb25DbGljayAmJiBvbkNsaWNrKGUpXG4gICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuZm9jdXMoKVxuICAgIH1cbiAgfVxuICByZXR1cm4gKFxuICAgIDxJbnB1dENvbXBvc2l0aW9uXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2Rpc2FibGVkID8gY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZCA6IGNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4PXsxfVxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjb2xvcjogJHtkaXNhYmxlZCA/IGNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWQgOiBjb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPElucHV0Q29udHJvbFxuICAgICAgICAgIG5hbWU9e25hbWUgfHwgJyd9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0lucHV0Q29tcG9zaXRpb24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRW5oYW5jZWRGaWVsZFxuIl19 */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2VuaGFuY2VkL0VuaGFuY2VkRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB1c2VGb3J3YXJkZWRSZWYgfSBmcm9tICdAZGZkcy11aS9ob29rcydcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2ZsZXhib3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgSW5wdXRDb21wb3NpdGlvbiwgSW5wdXRJY29uLCBJbnB1dENvbnRyb2wgfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzL2Zvcm1zL2lucHV0L0lucHV0Q29tcG9zaXRpb24nXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcblxudHlwZSBSZWFjdElucHV0UHJvcHMgPSBSZWFjdC5EZXRhaWxlZEhUTUxQcm9wczxSZWFjdC5JbnB1dEhUTUxBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+LCBIVE1MSW5wdXRFbGVtZW50PlxuXG4vLyBUT0RPOiBSZWZhY3RvciB0aGVzZSB0eXBlc1xuZXhwb3J0IHR5cGUgRW5oYW5jZWRJbnB1dFByb3BzPFRWYWx1ZT4gPSBPbWl0PEVuaGFuY2VkRmllbGRQcm9wcywgJ3ZhbHVlJz4gJiB7XG4gIHZhbHVlPzogVFZhbHVlXG59XG5cbmV4cG9ydCB0eXBlIEVuaGFuY2VkRmllbGRQcm9wcyA9IE9taXQ8UmVhY3RJbnB1dFByb3BzLCAnc2l6ZScgfCAnY3NzJz4gJiB7XG4gIG5hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIExhYmVsIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIEljb24gdG8gYmUgZGlzcGxheWVkXG4gICAqL1xuICBpY29uPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuTW91c2VFdmVudDxIVE1MSW5wdXRFbGVtZW50LCBNb3VzZUV2ZW50PikgPT4gdm9pZFxufVxuXG5jb25zdCB7IGNvbG9ycyB9ID0gdGhlbWVcblxuZXhwb3J0IGNvbnN0IEVuaGFuY2VkRmllbGQgPSAoe1xuICBvbkNsaWNrLFxuICBjbGFzc05hbWUsXG4gIGxhYmVsLFxuICBpY29uLFxuICBkaXNhYmxlZCxcbiAgbmFtZSxcbiAgcmVmLFxuICAuLi5yZXN0XG59OiBFbmhhbmNlZEZpZWxkUHJvcHMpID0+IHtcbiAgY29uc3QgaW5wdXRSZWYgPSB1c2VGb3J3YXJkZWRSZWYocmVmID8/IG51bGwpXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soZSlcbiAgICBpZiAoaW5wdXRSZWYgJiYgaW5wdXRSZWYuY3VycmVudCkge1xuICAgICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpXG4gICAgfVxuICB9XG4gIHJldHVybiAoXG4gICAgPElucHV0Q29tcG9zaXRpb25cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBoZWlnaHQ6IDUwcHg7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICBhcmlhLWRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICB7aWNvbiAmJiAoXG4gICAgICAgIDxJbnB1dEljb25cbiAgICAgICAgICBpY29uPXtpY29ufVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZm9udC1zaXplOiAzMnB4O1xuICAgICAgICAgICAgY29sb3I6ICR7ZGlzYWJsZWQgPyBjb2xvcnMudGV4dC5kYXJrLmRpc2FibGVkIDogY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXg9ezF9XG4gICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxMHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8c3BhblxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgJHt0eXBvZ3JhcGh5LmNhcHRpb259O1xuICAgICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICAgIGNvbG9yOiAke2Rpc2FibGVkID8gY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZCA6IGNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8SW5wdXRDb250cm9sXG4gICAgICAgICAgbmFtZT17bmFtZSB8fCAnJ31cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nLWxlZnQ6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAvPlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvSW5wdXRDb21wb3NpdGlvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBFbmhhbmNlZEZpZWxkXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const EnhancedField = ({
+  onClick,
+  className,
+  label,
+  icon,
+  disabled,
+  name,
+  ref,
+  ...rest
+}) => {
+  const inputRef = (0, _hooks.useForwardedRef)(ref ?? null);
+  const handleClick = e => {
+    onClick && onClick(e);
+    if (inputRef && inputRef.current) {
+      inputRef.current.focus();
+    }
+  };
+  return (0, _jsxRuntime.jsxs)(_InputComposition.InputComposition, {
+    css: _ref3,
+    className: className,
+    onClick: handleClick,
+    "aria-disabled": disabled,
+    children: [icon && (0, _jsxRuntime.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlRm9yd2FyZGVkUmVmIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IElucHV0Q29tcG9zaXRpb24sIElucHV0SWNvbiwgSW5wdXRDb250cm9sIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mb3Jtcy9pbnB1dC9JbnB1dENvbXBvc2l0aW9uJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbnR5cGUgUmVhY3RJbnB1dFByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgSFRNTElucHV0RWxlbWVudD5cblxuLy8gVE9ETzogUmVmYWN0b3IgdGhlc2UgdHlwZXNcbmV4cG9ydCB0eXBlIEVuaGFuY2VkSW5wdXRQcm9wczxUVmFsdWU+ID0gT21pdDxFbmhhbmNlZEZpZWxkUHJvcHMsICd2YWx1ZSc+ICYge1xuICB2YWx1ZT86IFRWYWx1ZVxufVxuXG5leHBvcnQgdHlwZSBFbmhhbmNlZEZpZWxkUHJvcHMgPSBPbWl0PFJlYWN0SW5wdXRQcm9wcywgJ3NpemUnIHwgJ2Nzcyc+ICYge1xuICBuYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWRcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEZpZWxkID0gKHtcbiAgb25DbGljayxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaWNvbixcbiAgZGlzYWJsZWQsXG4gIG5hbWUsXG4gIHJlZixcbiAgLi4ucmVzdFxufTogRW5oYW5jZWRGaWVsZFByb3BzKSA9PiB7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZiA/PyBudWxsKVxuICBjb25zdCBoYW5kbGVDbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB7XG4gICAgb25DbGljayAmJiBvbkNsaWNrKGUpXG4gICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuZm9jdXMoKVxuICAgIH1cbiAgfVxuICByZXR1cm4gKFxuICAgIDxJbnB1dENvbXBvc2l0aW9uXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2Rpc2FibGVkID8gY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZCA6IGNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4PXsxfVxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjb2xvcjogJHtkaXNhYmxlZCA/IGNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWQgOiBjb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPElucHV0Q29udHJvbFxuICAgICAgICAgIG5hbWU9e25hbWUgfHwgJyd9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0lucHV0Q29tcG9zaXRpb24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRW5oYW5jZWRGaWVsZFxuIl19 */")
+    }), (0, _jsxRuntime.jsxs)(_flexbox.FlexBox, {
+      flex: 1,
+      directionColumn: true,
+      justifyCenter: true,
+      css: _ref2,
+      children: [(0, _jsxRuntime.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RWtCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9lbmhhbmNlZC9FbmhhbmNlZEZpZWxkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdXNlRm9yd2FyZGVkUmVmIH0gZnJvbSAnQGRmZHMtdWkvaG9va3MnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mbGV4Ym94J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IElucHV0Q29tcG9zaXRpb24sIElucHV0SWNvbiwgSW5wdXRDb250cm9sIH0gZnJvbSAnQGRmZHMtdWkvcmVhY3QtY29tcG9uZW50cy9mb3Jtcy9pbnB1dC9JbnB1dENvbXBvc2l0aW9uJ1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gJ0BkZmRzLXVpL3R5cG9ncmFwaHknXG5cbnR5cGUgUmVhY3RJbnB1dFByb3BzID0gUmVhY3QuRGV0YWlsZWRIVE1MUHJvcHM8UmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiwgSFRNTElucHV0RWxlbWVudD5cblxuLy8gVE9ETzogUmVmYWN0b3IgdGhlc2UgdHlwZXNcbmV4cG9ydCB0eXBlIEVuaGFuY2VkSW5wdXRQcm9wczxUVmFsdWU+ID0gT21pdDxFbmhhbmNlZEZpZWxkUHJvcHMsICd2YWx1ZSc+ICYge1xuICB2YWx1ZT86IFRWYWx1ZVxufVxuXG5leHBvcnQgdHlwZSBFbmhhbmNlZEZpZWxkUHJvcHMgPSBPbWl0PFJlYWN0SW5wdXRQcm9wcywgJ3NpemUnIHwgJ2Nzcyc+ICYge1xuICBuYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBMYWJlbCB0byBiZSBkaXNwbGF5ZWRcbiAgICovXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBJY29uIHRvIGJlIGRpc3BsYXllZFxuICAgKi9cbiAgaWNvbj86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWRcbn1cblxuY29uc3QgeyBjb2xvcnMgfSA9IHRoZW1lXG5cbmV4cG9ydCBjb25zdCBFbmhhbmNlZEZpZWxkID0gKHtcbiAgb25DbGljayxcbiAgY2xhc3NOYW1lLFxuICBsYWJlbCxcbiAgaWNvbixcbiAgZGlzYWJsZWQsXG4gIG5hbWUsXG4gIHJlZixcbiAgLi4ucmVzdFxufTogRW5oYW5jZWRGaWVsZFByb3BzKSA9PiB7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlRm9yd2FyZGVkUmVmKHJlZiA/PyBudWxsKVxuICBjb25zdCBoYW5kbGVDbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQsIE1vdXNlRXZlbnQ+KSA9PiB7XG4gICAgb25DbGljayAmJiBvbkNsaWNrKGUpXG4gICAgaWYgKGlucHV0UmVmICYmIGlucHV0UmVmLmN1cnJlbnQpIHtcbiAgICAgIGlucHV0UmVmLmN1cnJlbnQuZm9jdXMoKVxuICAgIH1cbiAgfVxuICByZXR1cm4gKFxuICAgIDxJbnB1dENvbXBvc2l0aW9uXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgaGVpZ2h0OiA1MHB4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGB9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgYXJpYS1kaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgKFxuICAgICAgICA8SW5wdXRJY29uXG4gICAgICAgICAgaWNvbj17aWNvbn1cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICAgICAgICAgIGNvbG9yOiAke2Rpc2FibGVkID8gY29sb3JzLnRleHQuZGFyay5kaXNhYmxlZCA6IGNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4PXsxfVxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMTBweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICR7dHlwb2dyYXBoeS5jYXB0aW9ufTtcbiAgICAgICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgICAgICAgICBjb2xvcjogJHtkaXNhYmxlZCA/IGNvbG9ycy50ZXh0LmRhcmsuZGlzYWJsZWQgOiBjb2xvcnMudGV4dC5kYXJrLnByaW1hcnl9O1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPElucHV0Q29udHJvbFxuICAgICAgICAgIG5hbWU9e25hbWUgfHwgJyd9XG4gICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgICAgICAgIGB9XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgLz5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L0lucHV0Q29tcG9zaXRpb24+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRW5oYW5jZWRGaWVsZFxuIl19 */"),
+        children: label
+      }), (0, _jsxRuntime.jsx)(_InputComposition.InputControl, {
+        name: name || '',
+        disabled: disabled,
+        css: _ref,
+        ...rest,
+        ref: inputRef
+      })]
+    })]
+  });
+};
+exports.EnhancedField = EnhancedField;
+var _default = exports.default = EnhancedField;

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) => React.JSX.Element;
+export default ErrorText;

package/cjs/error-text/ErrorText.js

@@ -0,0 +1,27 @@
+"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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ErrorText = ({
+  id,
+  className,
+  children
+}) => {
+  return (0, _jsxRuntime.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: children
+  });
+};
+exports.ErrorText = ErrorText;
+var _default = exports.default = ErrorText;

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

@@ -0,0 +1,10 @@
+import React, { 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) => React.JSX.Element;

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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# 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;/*# 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, _jsxRuntime.jsxs)(_flexbox.FlexBox, {
+    directionColumn: true,
+    className: className,
+    children: [(0, _jsxRuntime.jsxs)(_flexbox.FlexBox, {
+      itemsFlexStart: true,
+      children: [label && (0, _jsxRuntime.jsx)(_Label.Label, {
+        css: _ref2,
+        visualSize: size,
+        required: required,
+        hideAsterisk: hideAsterisk,
+        disabled: disabled,
+        children: label
+      }), help && (0, _jsxRuntime.jsx)(_HelpIcon.default, {
+        content: help,
+        disabled: disabled
+      })]
+    }), children, (assistiveText || errorMessage || extraAssistiveText) && (0, _jsxRuntime.jsxs)(_flexbox.FlexBox, {
+      css: _ref,
+      ...(assistiveText || errorMessage ? {
+        justifySpaceBetween: true
+      } : {
+        justifyFlexEnd: true
+      }),
+      children: [assistiveText && !errorMessage && (0, _jsxRuntime.jsx)(_AssistiveText.AssistiveText, {
+        disabled: disabled,
+        id: `${name}_aria`,
+        children: assistiveText
+      }), errorMessage && (0, _jsxRuntime.jsx)(_ErrorText.ErrorText, {
+        id: `${name}_aria`,
+        children: errorMessage
+      }), extraAssistiveText && (0, _jsxRuntime.jsx)(_AssistiveText.AssistiveText, {
+        disabled: disabled,
+        children: 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 @@
+import React from 'react';
+export type HelpIconProps = {
+    content: string;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const HelpIcon: ({ content, className, disabled }: HelpIconProps) => React.JSX.Element;
+export default HelpIcon;

package/cjs/help-icon/HelpIcon.js

@@ -0,0 +1,28 @@
+"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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const HelpIcon = ({
+  content,
+  className,
+  disabled
+}) => {
+  return (0, _jsxRuntime.jsx)(_tooltip.UnstableWithTooltip, {
+    content: content,
+    children: (0, _jsxRuntime.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 = exports.default = HelpIcon;

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) => React.JSX.Element;

package/cjs/label/Label.js

@@ -0,0 +1,30 @@
+"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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Label = ({
+  visualSize = 'medium',
+  required = false,
+  hideAsterisk = false,
+  disabled = false,
+  className,
+  children,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsxs)("label", {
+    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: [children, required && !hideAsterisk && (0, _jsxRuntime.jsx)(_Asterisk.Asterisk, {})]
+  });
+};
+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: (props: PasswordFieldProps) => React.JSX.Element;