@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a78c2264

package/forms/select/Select.js

@@ -1,15 +1,20 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["name", "error", "wrapperClassName", "icon", "size", "htmlSize", "disabled"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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)."; }
 /* eslint-disable @typescript-eslint/no-deprecated */
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
 import { Down } from '@dfds-ui/icons';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "em3vnrq2"
 } : {
@@ -85,24 +90,27 @@ var Select = function Select(props, ref) {
     htmlSize = props.htmlSize,
     disabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
-  return ___EmotionJSX(Wrapper, {
-    className: wrapperClassName
-  }, ___EmotionJSX(StyledSelect, _extends({
-    name: name,
-    as: 'select',
-    "aria-invalid": error,
-    visualSize: size,
-    size: htmlSize,
-    ref: ref,
-    disabled: disabled
-  }, rest)), icon ? ___EmotionJSX(Icon, {
-    size: size,
-    disabled: disabled
-  }, icon) : ___EmotionJSX(Icon, {
-    size: size,
-    disabled: disabled
-  }, ___EmotionJSX(Down, null)), ___EmotionJSX("div", {
-    className: "focus-visible-border"
-  }));
+  return _jsxs(Wrapper, {
+    className: wrapperClassName,
+    children: [_jsx(StyledSelect, _objectSpread({
+      name: name,
+      as: 'select',
+      "aria-invalid": error,
+      visualSize: size,
+      size: htmlSize,
+      ref: ref,
+      disabled: disabled
+    }, rest)), icon ? _jsx(Icon, {
+      size: size,
+      disabled: disabled,
+      children: icon
+    }) : _jsx(Icon, {
+      size: size,
+      disabled: disabled,
+      children: _jsx(Down, {})
+    }), _jsx("div", {
+      className: "focus-visible-border"
+    })]
+  });
 };
 export default /*#__PURE__*/React.forwardRef(Select);

package/forms/select-field/SelectField.js

@@ -1,8 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["label", "assistiveText", "selected", "required", "errorMessage", "className", "inverted", "size", "name", "value"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import { css } from '@emotion/react';
@@ -11,7 +16,7 @@ import Select from '../select/Select';
 import AssistiveText from '../assistive-text/AssistiveText';
 import ErrorText from '../error-text/ErrorText';
 import { v4 as uuidv4 } from 'uuid';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",
   styles: "margin-bottom:4px;display:block"
@@ -59,32 +64,36 @@ var SelectField = function SelectField(props, ref) {
     value = props.value,
     rest = _objectWithoutProperties(props, _excluded);
   var fieldName = name || uuidv4();
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     className: className,
-    css: assistiveText || errorMessage ? _ref3 : _ref2
-  }, ___EmotionJSX(Label, {
-    required: required,
-    css: /*#__PURE__*/css(margins, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9zZWxlY3QtZmllbGQvU2VsZWN0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Zvcm1zL3NlbGVjdC1maWVsZC9TZWxlY3RGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IFNlbGVjdCwgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uL3NlbGVjdC9TZWxlY3QnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbnR5cGUgU2VsZWN0RmllbGRQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgc2VsZWN0ZWQ/OiBzdHJpbmdcbiAgZGVmYXVsdFZhbHVlPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIGludmVydGVkPzogYm9vbGVhblxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IG1hcmdpbnMgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgZGlzcGxheTogYmxvY2s7XG5gXG5cbi8vIFNlbGVjdEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgc2VsZWN0IGFuZCBlcnJvclxuY29uc3QgU2VsZWN0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBTZWxlY3RGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIGFzc2lzdGl2ZVRleHQsIHNlbGVjdGVkLCByZXF1aXJlZCwgZXJyb3JNZXNzYWdlLCBjbGFzc05hbWUsIGludmVydGVkLCBzaXplLCBuYW1lLCB2YWx1ZSwgLi4ucmVzdCB9ID1cbiAgICBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIGh0bWxGb3I9e2ZpZWxkTmFtZX1cbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIDxTZWxlY3RcbiAgICAgICAgcmVmPXtyZWYgYXMgYW55fVxuICAgICAgICBuYW1lPXtmaWVsZE5hbWV9XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZSB8fCBzZWxlY3RlZH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgZXJyb3I9eyEhZXJyb3JNZXNzYWdlIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEFzc2lzdGl2ZVRleHQgaW52ZXJ0ZWQ9e2ludmVydGVkfSBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICl9XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEVycm9yVGV4dFxuICAgICAgICAgIGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfVxuICAgICAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICAgICAgc21hbGxcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTVweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9FcnJvclRleHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFNlbGVjdEZpZWxkKSkoKVxuIl19 */"),
-    size: size,
-    inverted: inverted,
-    htmlFor: fieldName
-  }, label), ___EmotionJSX(Select, _extends({
-    ref: ref,
-    name: fieldName,
-    id: fieldName,
-    value: value || selected,
-    size: size,
-    error: !!errorMessage || undefined,
-    "aria-describedby": assistiveText || errorMessage ? fieldName + '_aria' : undefined
-  }, rest)), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, {
-    inverted: inverted,
-    id: fieldName + '_aria'
-  }, assistiveText), errorMessage && ___EmotionJSX(ErrorText, {
-    id: fieldName + '_aria',
-    role: "alert",
-    small: true,
-    css: _ref
-  }, errorMessage));
+    css: assistiveText || errorMessage ? _ref3 : _ref2,
+    children: [_jsx(Label, {
+      required: required,
+      css: /*#__PURE__*/css(margins, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:SelectField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9zZWxlY3QtZmllbGQvU2VsZWN0RmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2Zvcm1zL3NlbGVjdC1maWVsZC9TZWxlY3RGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IFNlbGVjdCwgeyBTZWxlY3RQcm9wcyB9IGZyb20gJy4uL3NlbGVjdC9TZWxlY3QnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbnR5cGUgU2VsZWN0RmllbGRQcm9wcyA9IFNlbGVjdFByb3BzICYge1xuICBsYWJlbD86IFJlYWN0LlJlYWN0Tm9kZVxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgc2VsZWN0ZWQ/OiBzdHJpbmdcbiAgZGVmYXVsdFZhbHVlPzogc3RyaW5nXG4gIHZhbHVlPzogc3RyaW5nXG4gIGludmVydGVkPzogYm9vbGVhblxuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG59XG5cbmNvbnN0IG1hcmdpbnMgPSBjc3NgXG4gIG1hcmdpbi1ib3R0b206IDRweDtcbiAgZGlzcGxheTogYmxvY2s7XG5gXG5cbi8vIFNlbGVjdEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgc2VsZWN0IGFuZCBlcnJvclxuY29uc3QgU2VsZWN0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBTZWxlY3RGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgbGFiZWwsIGFzc2lzdGl2ZVRleHQsIHNlbGVjdGVkLCByZXF1aXJlZCwgZXJyb3JNZXNzYWdlLCBjbGFzc05hbWUsIGludmVydGVkLCBzaXplLCBuYW1lLCB2YWx1ZSwgLi4ucmVzdCB9ID1cbiAgICBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIGh0bWxGb3I9e2ZpZWxkTmFtZX1cbiAgICAgID5cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9MYWJlbD5cbiAgICAgIDxTZWxlY3RcbiAgICAgICAgcmVmPXtyZWYgYXMgYW55fVxuICAgICAgICBuYW1lPXtmaWVsZE5hbWV9XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHZhbHVlPXt2YWx1ZSB8fCBzZWxlY3RlZH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgZXJyb3I9eyEhZXJyb3JNZXNzYWdlIHx8IHVuZGVmaW5lZH1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEFzc2lzdGl2ZVRleHQgaW52ZXJ0ZWQ9e2ludmVydGVkfSBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICl9XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEVycm9yVGV4dFxuICAgICAgICAgIGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfVxuICAgICAgICAgIHJvbGU9XCJhbGVydFwiXG4gICAgICAgICAgc21hbGxcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTVweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9FcnJvclRleHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFNlbGVjdEZpZWxkKSkoKVxuIl19 */"),
+      size: size,
+      inverted: inverted,
+      htmlFor: fieldName,
+      children: label
+    }), _jsx(Select, _objectSpread({
+      ref: ref,
+      name: fieldName,
+      id: fieldName,
+      value: value || selected,
+      size: size,
+      error: !!errorMessage || undefined,
+      "aria-describedby": assistiveText || errorMessage ? fieldName + '_aria' : undefined
+    }, rest)), assistiveText && !errorMessage && _jsx(AssistiveText, {
+      inverted: inverted,
+      id: fieldName + '_aria',
+      children: assistiveText
+    }), errorMessage && _jsx(ErrorText, {
+      id: fieldName + '_aria',
+      role: "alert",
+      small: true,
+      css: _ref,
+      children: errorMessage
+    })]
+  });
 };
 export default /*#__PURE__*/_styled(/*#__PURE__*/React.forwardRef(SelectField), {
   target: "e1jkh8ge0"

package/forms/switch/Switch.js

@@ -1,8 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["name", "checked", "onChange", "disabled", "children", "right", "error", "size"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import { css } from '@emotion/react';
@@ -11,7 +16,7 @@ import elevation from '../../elevation';
 import { visuallyHidden } from '../../styles';
 import { theme } from '@dfds-ui/theme';
 import { typography } from '@dfds-ui/typography';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var ToggleKnot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1moguuh6"
 } : {
@@ -117,25 +122,32 @@ var Switch = function Switch(_ref4) {
     _ref4$size = _ref4.size,
     size = _ref4$size === void 0 ? 'medium' : _ref4$size,
     rest = _objectWithoutProperties(_ref4, _excluded);
-  return ___EmotionJSX(Label, _extends({
+  return _jsxs(Label, _objectSpread(_objectSpread({
     right: right
-  }, rest), children && right && ___EmotionJSX(Content, {
-    right: right,
-    disabled: disabled
-  }, children), ___EmotionJSX(HiddenInput, {
-    type: "checkbox",
-    name: name,
-    disabled: disabled,
-    checked: checked,
-    onChange: onChange,
-    readOnly: !onChange,
-    switchSize: size,
-    error: error
-  }), ___EmotionJSX(Toggle, {
-    switchSize: size
-  }, ___EmotionJSX(ToggleKnot, null, ___EmotionJSX(Checkmark, null)), ___EmotionJSX(ToggleOuterRing, null)), children && !right && ___EmotionJSX(Content, {
-    size: size,
-    disabled: disabled
-  }, children));
+  }, rest), {}, {
+    children: [children && right && _jsx(Content, {
+      right: right,
+      disabled: disabled,
+      children: children
+    }), _jsx(HiddenInput, {
+      type: "checkbox",
+      name: name,
+      disabled: disabled,
+      checked: checked,
+      onChange: onChange,
+      readOnly: !onChange,
+      switchSize: size,
+      error: error
+    }), _jsxs(Toggle, {
+      switchSize: size,
+      children: [_jsx(ToggleKnot, {
+        children: _jsx(Checkmark, {})
+      }), _jsx(ToggleOuterRing, {})]
+    }), children && !right && _jsx(Content, {
+      size: size,
+      disabled: disabled,
+      children: children
+    })]
+  }));
 };
 export default Switch;

package/forms/tel-field/TelField.js

@@ -1,12 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import React from 'react';
 import TextField from '../text-field/TextField';
 
 // TelField is a composite component used to encapsulate a complete field with label, input and error/hint
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var TelField = function TelField(props, ref) {
-  return ___EmotionJSX(TextField, _extends({}, props, {
+  return _jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     type: "tel"
   }));

package/forms/text-field/TextField.js

@@ -1,8 +1,13 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["label", "name", "hintText", "disabled", "defaultValue", "assistiveText", "required", "errorMessage", "className", "inverted", "size", "type", "hideAsterisk"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React from 'react';
 import { css } from '@emotion/react';
@@ -13,7 +18,7 @@ import ErrorText from '../error-text/ErrorText';
 import { v4 as uuidv4 } from 'uuid';
 
 // TODO: extend on React.JSX.IntrinsicElements['input'] will give us some of the other props
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var margins = process.env.NODE_ENV === "production" ? {
   name: "7yx9dh",
   styles: "margin-bottom:4px;display:block"
@@ -64,37 +69,41 @@ export var TextField = function TextField(props, ref) {
     hideAsterisk = props.hideAsterisk,
     rest = _objectWithoutProperties(props, _excluded);
   var fieldName = name || uuidv4();
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     className: className,
-    css: assistiveText || errorMessage ? _ref3 : _ref2
-  }, ___EmotionJSX(Label, {
-    size: size,
-    inverted: inverted,
-    required: required,
-    hideAsterisk: hideAsterisk,
-    css: /*#__PURE__*/css(margins, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TextField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */"),
-    htmlFor: fieldName
-  }, label), ___EmotionJSX(Input, _extends({
-    id: fieldName,
-    type: type,
-    name: fieldName,
-    disabled: disabled,
-    defaultValue: defaultValue,
-    placeholder: hintText,
-    error: !!errorMessage || undefined,
-    size: size,
-    ref: ref,
-    "aria-describedby": assistiveText || errorMessage ? fieldName + '_aria' : undefined
-  }, rest, {
-    css: _ref
-  })), assistiveText && !errorMessage && ___EmotionJSX(AssistiveText, {
-    inverted: inverted,
-    id: fieldName + '_aria'
-  }, assistiveText), errorMessage && ___EmotionJSX(ErrorText, {
-    id: fieldName + '_aria',
-    role: "alert",
-    small: true
-  }, errorMessage));
+    css: assistiveText || errorMessage ? _ref3 : _ref2,
+    children: [_jsx(Label, {
+      size: size,
+      inverted: inverted,
+      required: required,
+      hideAsterisk: hideAsterisk,
+      css: /*#__PURE__*/css(margins, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TextField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */"),
+      htmlFor: fieldName,
+      children: label
+    }), _jsx(Input, _objectSpread(_objectSpread({
+      id: fieldName,
+      type: type,
+      name: fieldName,
+      disabled: disabled,
+      defaultValue: defaultValue,
+      placeholder: hintText,
+      error: !!errorMessage || undefined,
+      size: size,
+      ref: ref,
+      "aria-describedby": assistiveText || errorMessage ? fieldName + '_aria' : undefined
+    }, rest), {}, {
+      css: _ref
+    })), assistiveText && !errorMessage && _jsx(AssistiveText, {
+      inverted: inverted,
+      id: fieldName + '_aria',
+      children: assistiveText
+    }), errorMessage && _jsx(ErrorText, {
+      id: fieldName + '_aria',
+      role: "alert",
+      small: true,
+      children: errorMessage
+    })]
+  });
 };
 export default /*#__PURE__*/_styled(/*#__PURE__*/React.forwardRef(TextField), {
   target: "e15dcc9e0"

package/global-styles/GlobalStyles.js

@@ -12,7 +12,7 @@ var bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
 var light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
 import { sanitize } from './sanitize';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var DFDS_FONTS = [{
   fontFamily: 'DFDS',
   woff2: regular,
@@ -50,13 +50,13 @@ var dfdsFontFaceRules = function dfdsFontFaceRules() {
 export var GlobalStyles = function GlobalStyles() {
   var fonts = dfdsFontFaceRules();
   var styles = /*#__PURE__*/css(sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", theme.fontFamilies.display, ";color:", theme.colors.text.dark.primary, ";background-color:", theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
-  return ___EmotionJSX(Global, {
+  return _jsx(Global, {
     styles: styles
   });
 };
 export var DfdsFontFace = function DfdsFontFace() {
   var styles = /*#__PURE__*/css(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZvQiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
-  return ___EmotionJSX(Global, {
+  return _jsx(Global, {
     styles: styles
   });
 };

package/global-styles/ResetStyles.js

@@ -9,7 +9,7 @@ import { Global, css } from '@emotion/react';
  *
  * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
  */
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "6jhwm5",
   styles: "*,*::before,*::after{box-sizing:border-box;}*{margin:0;}html,body{height:100%;}body{-webkit-font-smoothing:antialiased;}img,picture,video,canvas,svg{display:block;max-width:100%;}input,button,textarea,select{font:inherit;}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;}"
@@ -19,7 +19,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var ResetStyles = function ResetStyles() {
-  return ___EmotionJSX(Global, {
+  return _jsx(Global, {
     styles: _ref
   });
 };

package/grid/Column.js

@@ -1,10 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "m", "l", "xl", "xxl"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-import { Grid } from '@mui/material';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { GridLegacy as Grid } from '@mui/material';
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var Column = function Column(_ref) {
   var children = _ref.children,
     m = _ref.m,
@@ -12,13 +17,15 @@ var Column = function Column(_ref) {
     xl = _ref.xl,
     xxl = _ref.xxl,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX(Grid, _extends({
+  return _jsx(Grid, _objectSpread(_objectSpread({
     item: true,
     xs: 12,
     sm: m || 6,
     md: l || m || true,
     lg: xl || l || m || true,
     xl: xxl || xl || l || m || true
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export default Column;