@dfds-ui/react-components 2.2.0-alpha.624b924f → 2.2.0-alpha.8b995955

package/forms/text-field/TextField.js

@@ -0,0 +1,105 @@
+import _styled from "@emotion/styled/base";
+var _excluded = ["label", "name", "hintText", "disabled", "defaultValue", "assistiveText", "required", "errorMessage", "className", "inverted", "size", "type", "hideAsterisk"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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';
+import Label from '../label/Label';
+import Input from '../input/Input';
+import AssistiveText from '../assistive-text/AssistiveText';
+import ErrorText from '../error-text/ErrorText';
+import { v4 as uuidv4 } from 'uuid';
+
+// TODO: extend on JSX.IntrinsicElements['input'] will give us some of the other props
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var margins = process.env.NODE_ENV === "production" ? {
+  name: "7yx9dh",
+  styles: "margin-bottom:4px;display:block"
+} : {
+  name: "tpvpsm-margins",
+  styles: "margin-bottom:4px;display:block;label:margins;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxKU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZiBhcyBhbnl9XG4gICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2Fzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8gZmllbGROYW1lICsgJ19hcmlhJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEFzc2lzdGl2ZVRleHQgaW52ZXJ0ZWQ9e2ludmVydGVkfSBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICl9XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEVycm9yVGV4dCBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30gcm9sZT1cImFsZXJ0XCIgc21hbGw+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9FcnJvclRleHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFRleHRGaWVsZCkpKClcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+// TextField is a composite component used to encapsulate a complete field with label, input and error/hint
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "11rcwxl",
+  styles: "margin-bottom:4px"
+} : {
+  name: "oj6uwr-TextField",
+  styles: "margin-bottom:4px;label:TextField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxKU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZiBhcyBhbnl9XG4gICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2Fzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8gZmllbGROYW1lICsgJ19hcmlhJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEFzc2lzdGl2ZVRleHQgaW52ZXJ0ZWQ9e2ludmVydGVkfSBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICl9XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEVycm9yVGV4dCBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30gcm9sZT1cImFsZXJ0XCIgc21hbGw+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9FcnJvclRleHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFRleHRGaWVsZCkpKClcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1azpx8r",
+  styles: "margin-bottom:20px"
+} : {
+  name: "n0w3ti-TextField",
+  styles: "margin-bottom:20px;label:TextField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmIGFzIGFueX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+var _ref3 = process.env.NODE_ENV === "production" ? {
+  name: "vqx3x2",
+  styles: "margin-bottom:5px"
+} : {
+  name: "rmlvku-TextField",
+  styles: "margin-bottom:5px;label:TextField;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmIGFzIGFueX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var TextField = function TextField(props, ref) {
+  var label = props.label,
+    name = props.name,
+    hintText = props.hintText,
+    disabled = props.disabled,
+    defaultValue = props.defaultValue,
+    assistiveText = props.assistiveText,
+    required = props.required,
+    errorMessage = props.errorMessage,
+    className = props.className,
+    inverted = props.inverted,
+    size = props.size,
+    type = props.type,
+    hideAsterisk = props.hideAsterisk,
+    rest = _objectWithoutProperties(props, _excluded);
+  var fieldName = name || uuidv4();
+  return ___EmotionJSX("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxKU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZiBhcyBhbnl9XG4gICAgICAgIGFyaWEtZGVzY3JpYmVkYnk9e2Fzc2lzdGl2ZVRleHQgfHwgZXJyb3JNZXNzYWdlID8gZmllbGROYW1lICsgJ19hcmlhJyA6IHVuZGVmaW5lZH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDRweDtcbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICB7YXNzaXN0aXZlVGV4dCAmJiAhZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEFzc2lzdGl2ZVRleHQgaW52ZXJ0ZWQ9e2ludmVydGVkfSBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30+XG4gICAgICAgICAge2Fzc2lzdGl2ZVRleHR9XG4gICAgICAgIDwvQXNzaXN0aXZlVGV4dD5cbiAgICAgICl9XG4gICAgICB7ZXJyb3JNZXNzYWdlICYmIChcbiAgICAgICAgPEVycm9yVGV4dCBpZD17ZmllbGROYW1lICsgJ19hcmlhJ30gcm9sZT1cImFsZXJ0XCIgc21hbGw+XG4gICAgICAgICAge2Vycm9yTWVzc2FnZX1cbiAgICAgICAgPC9FcnJvclRleHQ+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKFRleHRGaWVsZCkpKClcbiJdfQ== */"),
+    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));
+};
+export default /*#__PURE__*/_styled( /*#__PURE__*/React.forwardRef(TextField), {
+  target: "e15dcc9e0"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkdlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PEpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmIGFzIGFueX1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */");

package/global-styles/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const GlobalStyles: () => JSX.Element;
+export declare const DfdsFontFace: () => JSX.Element;

package/global-styles/GlobalStyles.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Global, css } from '@emotion/react';
+
+// import regular2 from '@dfds-ui/fonts/fonts/DFDS-Regular.woff2'
+// import italic2 from '@dfds-ui/fonts/fonts/DFDS-Italic.woff2'
+// import bold2 from '@dfds-ui/fonts/fonts/DFDS-Bold.woff2'
+// import light2 from '@dfds-ui/fonts/fonts/DFDS-Light.woff2'
+
+var regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
+var italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
+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";
+var DFDS_FONTS = [{
+  fontFamily: 'DFDS',
+  woff2: regular,
+  fontWeight: 400
+}, {
+  fontFamily: 'DFDS',
+  woff2: italic,
+  fontWeight: 400,
+  fontStyle: 'italic'
+}, {
+  fontFamily: 'DFDS',
+  woff2: bold,
+  fontWeight: 700
+}, {
+  fontFamily: 'DFDS',
+  woff2: light,
+  fontWeight: 300
+}];
+function fontFace(_ref) {
+  var fontFamily = _ref.fontFamily,
+    woff2 = _ref.woff2,
+    _ref$fontWeight = _ref.fontWeight,
+    fontWeight = _ref$fontWeight === void 0 ? 400 : _ref$fontWeight,
+    _ref$fontStyle = _ref.fontStyle,
+    fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
+    _ref$fontDisplay = _ref.fontDisplay,
+    fontDisplay = _ref$fontDisplay === void 0 ? 'fallback' : _ref$fontDisplay;
+  return "\n  @font-face {\n    font-family: ".concat(fontFamily, ";\n    src:url(").concat(woff2, ") format('woff2');\n    font-weight: ").concat(fontWeight, ";\n    font-style: ").concat(fontStyle, ";\n    font-display: ").concat(fontDisplay, ";\n  }");
+}
+var dfdsFontFaceRules = function dfdsFontFaceRules() {
+  return DFDS_FONTS.reduce(function (prev, cur) {
+    return prev += fontFace(cur);
+  }, '');
+};
+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, {
+    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, {
+    styles: styles
+  });
+};

package/global-styles/ResetStyles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Minimal/modern CSS reset.
+ *
+ * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
+ *
+ * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
+ */
+export declare const ResetStyles: () => JSX.Element;

package/global-styles/ResetStyles.js

@@ -0,0 +1,26 @@
+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 { Global, css } from '@emotion/react';
+
+/**
+ * Minimal/modern CSS reset.
+ *
+ * Taken from: https://www.joshwcomeau.com/css/custom-css-reset/
+ *
+ * TODO: Include this in the GlobalStyles component when adapted and tested in solutions.
+ */
+import { jsx as ___EmotionJSX } from "@emotion/react";
+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;}"
+} : {
+  name: "1dzedxz-ResetStyles",
+  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;};label:ResetStyles;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL1Jlc2V0U3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUIiLCJmaWxlIjoiLi4vLi4vc3JjL2dsb2JhbC1zdHlsZXMvUmVzZXRTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG4vKipcbiAqIE1pbmltYWwvbW9kZXJuIENTUyByZXNldC5cbiAqXG4gKiBUYWtlbiBmcm9tOiBodHRwczovL3d3dy5qb3Nod2NvbWVhdS5jb20vY3NzL2N1c3RvbS1jc3MtcmVzZXQvXG4gKlxuICogVE9ETzogSW5jbHVkZSB0aGlzIGluIHRoZSBHbG9iYWxTdHlsZXMgY29tcG9uZW50IHdoZW4gYWRhcHRlZCBhbmQgdGVzdGVkIGluIHNvbHV0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFJlc2V0U3R5bGVzID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHbG9iYWxcbiAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAvKlxuICAgICAgICAgIDEuIFVzZSBhIG1vcmUtaW50dWl0aXZlIGJveC1zaXppbmcgbW9kZWwuXG4gICAgICAgICovXG4gICAgICAgICosXG4gICAgICAgICo6OmJlZm9yZSxcbiAgICAgICAgKjo6YWZ0ZXIge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICAyLiBSZW1vdmUgZGVmYXVsdCBtYXJnaW5cbiAgICAgICAgKi9cbiAgICAgICAgKiB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgMy4gQWxsb3cgcGVyY2VudGFnZS1iYXNlZCBoZWlnaHRzIGluIHRoZSBhcHBsaWNhdGlvblxuICAgICAgICAqL1xuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICBUeXBvZ3JhcGhpYyB0d2Vha3MhXG4gICAgICAgICAgNC4gQWRkIGFjY2Vzc2libGUgbGluZS1oZWlnaHRcbiAgICAgICAgICA1LiBJbXByb3ZlIHRleHQgcmVuZGVyaW5nXG4gICAgICAgICovXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIC8qIFRPRE86IEV2YWx1YXRlIGltcGxpY2F0aW9ucyBvZiBlbmFibGluZyB0aGlzIGxpbmUtaGVpZ2h0IGNoYW5nZSAqL1xuICAgICAgICAgIC8qIGxpbmUtaGVpZ2h0OiAxLjU7ICovXG4gICAgICAgICAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA2LiBJbXByb3ZlIG1lZGlhIGRlZmF1bHRzXG4gICAgICAgICovXG4gICAgICAgIGltZyxcbiAgICAgICAgcGljdHVyZSxcbiAgICAgICAgdmlkZW8sXG4gICAgICAgIGNhbnZhcyxcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA3LiBSZW1vdmUgYnVpbHQtaW4gZm9ybSB0eXBvZ3JhcGh5IHN0eWxlc1xuICAgICAgICAqL1xuICAgICAgICBpbnB1dCxcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICB0ZXh0YXJlYSxcbiAgICAgICAgc2VsZWN0IHtcbiAgICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgOC4gQXZvaWQgdGV4dCBvdmVyZmxvd3NcbiAgICAgICAgKi9cbiAgICAgICAgcCxcbiAgICAgICAgaDEsXG4gICAgICAgIGgyLFxuICAgICAgICBoMyxcbiAgICAgICAgaDQsXG4gICAgICAgIGg1LFxuICAgICAgICBoNiB7XG4gICAgICAgICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+export var ResetStyles = function ResetStyles() {
+  return ___EmotionJSX(Global, {
+    styles: _ref
+  });
+};

package/global-styles/sanitize.d.ts

@@ -0,0 +1 @@
+export declare const sanitize: import("@emotion/utils").SerializedStyles;

package/global-styles/sanitize.js

@@ -0,0 +1,11 @@
+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 { css } from '@emotion/react';
+export var sanitize = process.env.NODE_ENV === "production" ? {
+  name: "1ka2kts",
+  styles: "*,::before,::after{background-repeat:no-repeat;box-sizing:inherit;}::before,::after{text-decoration:inherit;vertical-align:inherit;}figcaption,figure,main{display:block;}hr{box-sizing:content-box;height:0;overflow:visible;}a{background-color:transparent;text-decoration-skip:objects;}ul{list-style:none;margin-left:0;margin-right:0;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}small{font-size:80%;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}audio,video{display:inline-block;}img{border-style:none;}svg{fill:currentColor;}svg:not(:root){overflow:visible;}table{border-collapse:collapse;}button,input,optgroup,select,textarea{margin:0;}button,input,select,textarea{font-family:inherit;background-color:transparent;color:inherit;font-size:inherit;line-height:inherit;}select,input:not([type='radio']):not([type='checkbox']){appearance:none;border-radius:0;box-shadow:none;}button,select{text-transform:none;}select{box-sizing:border-box;}textarea{overflow:auto;resize:vertical;border-radius:0;}a,area,button,input,label,select,summary,textarea,[tabindex='0']{touch-action:manipulation;}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}[hidden]{display:none;}[aria-busy='true']{cursor:progress;}[aria-controls]{cursor:pointer;}[aria-hidden='false'][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute;}[aria-disabled]{cursor:default;}"
+} : {
+  name: "7qrx20-sanitize",
+  styles: "*,::before,::after{background-repeat:no-repeat;box-sizing:inherit;}::before,::after{text-decoration:inherit;vertical-align:inherit;}figcaption,figure,main{display:block;}hr{box-sizing:content-box;height:0;overflow:visible;}a{background-color:transparent;text-decoration-skip:objects;}ul{list-style:none;margin-left:0;margin-right:0;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}small{font-size:80%;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}audio,video{display:inline-block;}img{border-style:none;}svg{fill:currentColor;}svg:not(:root){overflow:visible;}table{border-collapse:collapse;}button,input,optgroup,select,textarea{margin:0;}button,input,select,textarea{font-family:inherit;background-color:transparent;color:inherit;font-size:inherit;line-height:inherit;}select,input:not([type='radio']):not([type='checkbox']){appearance:none;border-radius:0;box-shadow:none;}button,select{text-transform:none;}select{box-sizing:border-box;}textarea{overflow:auto;resize:vertical;border-radius:0;}a,area,button,input,label,select,summary,textarea,[tabindex='0']{touch-action:manipulation;}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}[hidden]{display:none;}[aria-busy='true']{cursor:progress;}[aria-controls]{cursor:pointer;}[aria-hidden='false'][hidden]:not(:focus){clip:rect(0, 0, 0, 0);display:inherit;position:absolute;}[aria-disabled]{cursor:default;};label:sanitize;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL3Nhbml0aXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9zYW5pdGl6ZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc2FuaXRpemUgPSBjc3NgXG4gICosXG4gIDo6YmVmb3JlLFxuICA6OmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OyAvKiAxICovXG4gICAgYm94LXNpemluZzogaW5oZXJpdDsgLyogMiAqL1xuICB9XG5cbiAgOjpiZWZvcmUsXG4gIDo6YWZ0ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbjogaW5oZXJpdDsgLyogMSAqL1xuICAgIHZlcnRpY2FsLWFsaWduOiBpbmhlcml0OyAvKiAyICovXG4gIH1cblxuICBmaWdjYXB0aW9uLFxuICBmaWd1cmUsXG4gIG1haW4ge1xuICAgIC8qIDEgKi9cbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuXG4gIGhyIHtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogMSAqL1xuICAgIGhlaWdodDogMDsgLyogMSAqL1xuICAgIG92ZXJmbG93OiB2aXNpYmxlOyAvKiAyICovXG4gIH1cblxuICBhIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsgLyogMSAqL1xuICAgIHRleHQtZGVjb3JhdGlvbi1za2lwOiBvYmplY3RzOyAvKiAyICovXG4gIH1cblxuICB1bCB7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICBhYmJyW3RpdGxlXSB7XG4gICAgYm9yZGVyLWJvdHRvbTogbm9uZTsgLyogMSAqL1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOyAvKiAyICovXG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkOyAvKiAyICovXG4gIH1cblxuICBiLFxuICBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkZXI7XG4gIH1cblxuICBzbWFsbCB7XG4gICAgZm9udC1zaXplOiA4MCU7XG4gIH1cblxuICBhdWRpbyxcbiAgY2FudmFzLFxuICBpZnJhbWUsXG4gIGltZyxcbiAgc3ZnLFxuICB2aWRlbyB7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuXG4gIGF1ZGlvLFxuICB2aWRlbyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB9XG5cbiAgaW1nIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmU7XG4gIH1cblxuICBzdmcge1xuICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgfVxuXG4gIHN2Zzpub3QoOnJvb3QpIHtcbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgfVxuXG4gIHRhYmxlIHtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB9XG5cbiAgYnV0dG9uLFxuICBpbnB1dCxcbiAgb3B0Z3JvdXAsXG4gIHNlbGVjdCxcbiAgdGV4dGFyZWEge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIGJ1dHRvbixcbiAgaW5wdXQsXG4gIHNlbGVjdCxcbiAgdGV4dGFyZWEge1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgfVxuXG4gIHNlbGVjdCxcbiAgaW5wdXQ6bm90KFt0eXBlPSdyYWRpbyddKTpub3QoW3R5cGU9J2NoZWNrYm94J10pIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gIGJ1dHRvbixcbiAgc2VsZWN0IHtcbiAgICAvKiAxICovXG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIH1cblxuICBzZWxlY3Qge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIH1cblxuICB0ZXh0YXJlYSB7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICB9XG5cbiAgYSxcbiAgYXJlYSxcbiAgYnV0dG9uLFxuICBpbnB1dCxcbiAgbGFiZWwsXG4gIHNlbGVjdCxcbiAgc3VtbWFyeSxcbiAgdGV4dGFyZWEsXG4gIFt0YWJpbmRleD0nMCddIHtcbiAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbiAgfVxuXG4gIGJ1dHRvbjo6LW1vei1mb2N1cy1pbm5lcixcbiAgW3R5cGU9J2J1dHRvbiddOjotbW96LWZvY3VzLWlubmVyLFxuICBbdHlwZT0ncmVzZXQnXTo6LW1vei1mb2N1cy1pbm5lcixcbiAgW3R5cGU9J3N1Ym1pdCddOjotbW96LWZvY3VzLWlubmVyIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuXG4gIFtoaWRkZW5dIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgW2FyaWEtYnVzeT0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IHByb2dyZXNzO1xuICB9XG5cbiAgW2FyaWEtY29udHJvbHNdIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICBbYXJpYS1oaWRkZW49J2ZhbHNlJ11baGlkZGVuXTpub3QoOmZvY3VzKSB7XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICBkaXNwbGF5OiBpbmhlcml0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuXG4gIFthcmlhLWRpc2FibGVkXSB7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/grid/Column.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ColumnProps = {
+    m?: 6 | 12;
+    l?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    xxl?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    children?: React.ReactNode;
+};
+declare const Column: React.FunctionComponent<ColumnProps>;
+export default Column;

package/grid/Column.js

@@ -0,0 +1,24 @@
+var _excluded = ["children", "m", "l", "xl", "xxl"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import { Grid } from '@mui/material';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var Column = function Column(_ref) {
+  var children = _ref.children,
+    m = _ref.m,
+    l = _ref.l,
+    xl = _ref.xl,
+    xxl = _ref.xxl,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX(Grid, _extends({
+    item: true,
+    xs: 12,
+    sm: m || 6,
+    md: l || m || true,
+    lg: xl || l || m || true,
+    xl: xxl || xl || l || m || true
+  }, rest), children);
+};
+export default Column;

package/grid/Container.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SurfaceType } from '../surface';
+type ContainerProps = {
+    /**
+     * Specify whether the container spans the entire width of its parent or it has a max-width set to 1200px (75rem)
+     */
+    fluid?: boolean;
+    /**
+     * Specify the surface variant for the container
+     */
+    surface?: SurfaceType;
+    children?: React.ReactNode;
+};
+declare const Container: React.FC<ContainerProps>;
+export default Container;

package/grid/Container.js

@@ -0,0 +1,95 @@
+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 { css as _css } from "@emotion/react";
+import _styled from "@emotion/styled/base";
+var _excluded = ["children", "fluid", "surface"];
+var _root;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { Container as Container_, Grid } from '@mui/material';
+import { StylesProvider } from '@mui/styles';
+import createBreakpoints from '@mui/system/createTheme/createBreakpoints';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
+import { theme as DfdsTheme } from '@dfds-ui/theme';
+import { spacing as _spacing } from '@dfds-ui/spacing';
+import { css } from '@emotion/react';
+import { getBackgroundColor, MaybeSurfaceProvider } from '../surface';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var breakpointsObj = createBreakpoints({
+  values: {
+    xs: DfdsTheme.breakpoints.s,
+    sm: DfdsTheme.breakpoints.m,
+    md: DfdsTheme.breakpoints.l,
+    lg: DfdsTheme.breakpoints.xl,
+    xl: DfdsTheme.breakpoints.xxl
+  }
+});
+var theme = createTheme({
+  breakpoints: breakpointsObj,
+  spacing: function spacing() {
+    return _spacing.s;
+  },
+  components: {
+    MuiContainer: {
+      styleOverrides: {
+        root: (_root = {
+          marginBottom: "".concat(_spacing.xs)
+        }, _defineProperty(_root, breakpointsObj.only('xs'), {
+          paddingLeft: '0px',
+          paddingRight: '0px'
+        }), _defineProperty(_root, breakpointsObj.only('sm'), {
+          paddingLeft: '40px',
+          paddingRight: '40px'
+        }), _defineProperty(_root, breakpointsObj.only('md'), {
+          paddingLeft: '40px',
+          paddingRight: '40px'
+        }), _defineProperty(_root, breakpointsObj.up('lg'), {
+          paddingLeft: '0px',
+          paddingRight: '0px'
+        }), _root)
+      }
+    }
+  }
+});
+var ContainerStyled = /*#__PURE__*/_styled(Container_, process.env.NODE_ENV === "production" ? {
+  target: "eiog5ix0"
+} : {
+  target: "eiog5ix0",
+  label: "ContainerStyled"
+})("@media screen and (min-width: ", breakpointsObj.values.lg, "px){max-width:1200px;}@media screen and (min-width: ", breakpointsObj.values.sm + 1, "px) and (max-width: ", breakpointsObj.values.lg - 1, "px){max-width:none;}@media screen and (max-width: ", breakpointsObj.values.sm, "px){max-width:none;.MuiGrid-spacing-xs-1{width:unset;margin:unset;}.MuiGrid-spacing-xs-1>.MuiGrid-item{padding:unset;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWQgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgU3R5bGVzUHJvdmlkZXIgfSBmcm9tICdAbXVpL3N0eWxlcydcbmltcG9ydCBjcmVhdGVCcmVha3BvaW50cyBmcm9tICdAbXVpL3N5c3RlbS9jcmVhdGVUaGVtZS9jcmVhdGVCcmVha3BvaW50cydcbmltcG9ydCB7IGNyZWF0ZVRoZW1lLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSBhcyBEZmRzVGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAZGZkcy11aS9zcGFjaW5nJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN1cmZhY2VUeXBlLCBnZXRCYWNrZ3JvdW5kQ29sb3IsIE1heWJlU3VyZmFjZVByb3ZpZGVyIH0gZnJvbSAnLi4vc3VyZmFjZSdcblxudHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNwZWNpZnkgd2hldGhlciB0aGUgY29udGFpbmVyIHNwYW5zIHRoZSBlbnRpcmUgd2lkdGggb2YgaXRzIHBhcmVudCBvciBpdCBoYXMgYSBtYXgtd2lkdGggc2V0IHRvIDEyMDBweCAoNzVyZW0pXG4gICAqL1xuICBmbHVpZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHN1cmZhY2UgdmFyaWFudCBmb3IgdGhlIGNvbnRhaW5lclxuICAgKi9cbiAgc3VyZmFjZT86IFN1cmZhY2VUeXBlXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgYnJlYWtwb2ludHNPYmogPSBjcmVhdGVCcmVha3BvaW50cyh7XG4gIHZhbHVlczoge1xuICAgIHhzOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMucyxcbiAgICBzbTogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLm0sXG4gICAgbWQ6IERmZHNUaGVtZS5icmVha3BvaW50cy5sLFxuICAgIGxnOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMueGwsXG4gICAgeGw6IERmZHNUaGVtZS5icmVha3BvaW50cy54eGwsXG4gIH0sXG59KVxuXG5jb25zdCB0aGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgYnJlYWtwb2ludHM6IGJyZWFrcG9pbnRzT2JqLFxuICBzcGFjaW5nOiAoKSA9PiBzcGFjaW5nLnMsXG4gIGNvbXBvbmVudHM6IHtcbiAgICBNdWlDb250YWluZXI6IHtcbiAgICAgIHN0eWxlT3ZlcnJpZGVzOiB7XG4gICAgICAgIHJvb3Q6IHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGAke3NwYWNpbmcueHN9YCxcblxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCd4cycpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICcwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnMHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCdzbScpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICc0MHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzQwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ21kJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoudXAoJ2xnJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KVxuXG5jb25zdCBDb250YWluZXJTdHlsZWQgPSBzdHlsZWQoQ29udGFpbmVyXylgXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnfXB4KSB7XG4gICAgbWF4LXdpZHRoOiAxMjAwcHg7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbSArIDF9cHgpIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5sZyAtIDF9cHgpIHtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSB7XG4gICAgICB3aWR0aDogdW5zZXQ7XG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIH1cblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSA+IC5NdWlHcmlkLWl0ZW0ge1xuICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lcjogUmVhY3QuRkM8Q29udGFpbmVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPFN0eWxlc1Byb3ZpZGVyIGluamVjdEZpcnN0PlxuICAgICAgICA8TWF5YmVTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICAgIDxDb250YWluZXJTdHlsZWRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICA8L0NvbnRhaW5lclN0eWxlZD5cbiAgICAgICAgICA8L1dyYXBwZXI+XG4gICAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgICA8L1N0eWxlc1Byb3ZpZGVyPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxDb250YWluZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfSkgPT4gKFxuICA8PiB7Zmx1aWQgPyA8ZGl2IGNzcz17eyBiYWNrZ3JvdW5kQ29sb3I6IHN1cmZhY2UgJiYgZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpIH19PntjaGlsZHJlbn08L2Rpdj4gOiBjaGlsZHJlbn0gPC8+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuIl19 */"));
+var Container = function Container(_ref) {
+  var children = _ref.children,
+    fluid = _ref.fluid,
+    surface = _ref.surface,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return ___EmotionJSX(ThemeProvider, {
+    theme: theme
+  }, ___EmotionJSX(StylesProvider, {
+    injectFirst: true
+  }, ___EmotionJSX(MaybeSurfaceProvider, {
+    surface: surface
+  }, ___EmotionJSX(Wrapper, {
+    fluid: fluid,
+    surface: surface
+  }, ___EmotionJSX(ContainerStyled, _extends({
+    css: /*#__PURE__*/css("background-color:", surface && getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZzQiIsImZpbGUiOiIuLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWQgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgU3R5bGVzUHJvdmlkZXIgfSBmcm9tICdAbXVpL3N0eWxlcydcbmltcG9ydCBjcmVhdGVCcmVha3BvaW50cyBmcm9tICdAbXVpL3N5c3RlbS9jcmVhdGVUaGVtZS9jcmVhdGVCcmVha3BvaW50cydcbmltcG9ydCB7IGNyZWF0ZVRoZW1lLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSBhcyBEZmRzVGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAZGZkcy11aS9zcGFjaW5nJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN1cmZhY2VUeXBlLCBnZXRCYWNrZ3JvdW5kQ29sb3IsIE1heWJlU3VyZmFjZVByb3ZpZGVyIH0gZnJvbSAnLi4vc3VyZmFjZSdcblxudHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNwZWNpZnkgd2hldGhlciB0aGUgY29udGFpbmVyIHNwYW5zIHRoZSBlbnRpcmUgd2lkdGggb2YgaXRzIHBhcmVudCBvciBpdCBoYXMgYSBtYXgtd2lkdGggc2V0IHRvIDEyMDBweCAoNzVyZW0pXG4gICAqL1xuICBmbHVpZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHN1cmZhY2UgdmFyaWFudCBmb3IgdGhlIGNvbnRhaW5lclxuICAgKi9cbiAgc3VyZmFjZT86IFN1cmZhY2VUeXBlXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgYnJlYWtwb2ludHNPYmogPSBjcmVhdGVCcmVha3BvaW50cyh7XG4gIHZhbHVlczoge1xuICAgIHhzOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMucyxcbiAgICBzbTogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLm0sXG4gICAgbWQ6IERmZHNUaGVtZS5icmVha3BvaW50cy5sLFxuICAgIGxnOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMueGwsXG4gICAgeGw6IERmZHNUaGVtZS5icmVha3BvaW50cy54eGwsXG4gIH0sXG59KVxuXG5jb25zdCB0aGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgYnJlYWtwb2ludHM6IGJyZWFrcG9pbnRzT2JqLFxuICBzcGFjaW5nOiAoKSA9PiBzcGFjaW5nLnMsXG4gIGNvbXBvbmVudHM6IHtcbiAgICBNdWlDb250YWluZXI6IHtcbiAgICAgIHN0eWxlT3ZlcnJpZGVzOiB7XG4gICAgICAgIHJvb3Q6IHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGAke3NwYWNpbmcueHN9YCxcblxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCd4cycpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICcwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnMHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCdzbScpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICc0MHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzQwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ21kJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoudXAoJ2xnJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KVxuXG5jb25zdCBDb250YWluZXJTdHlsZWQgPSBzdHlsZWQoQ29udGFpbmVyXylgXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnfXB4KSB7XG4gICAgbWF4LXdpZHRoOiAxMjAwcHg7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbSArIDF9cHgpIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5sZyAtIDF9cHgpIHtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSB7XG4gICAgICB3aWR0aDogdW5zZXQ7XG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIH1cblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSA+IC5NdWlHcmlkLWl0ZW0ge1xuICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lcjogUmVhY3QuRkM8Q29udGFpbmVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPFN0eWxlc1Byb3ZpZGVyIGluamVjdEZpcnN0PlxuICAgICAgICA8TWF5YmVTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICAgIDxDb250YWluZXJTdHlsZWRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICA8L0NvbnRhaW5lclN0eWxlZD5cbiAgICAgICAgICA8L1dyYXBwZXI+XG4gICAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgICA8L1N0eWxlc1Byb3ZpZGVyPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxDb250YWluZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfSkgPT4gKFxuICA8PiB7Zmx1aWQgPyA8ZGl2IGNzcz17eyBiYWNrZ3JvdW5kQ29sb3I6IHN1cmZhY2UgJiYgZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpIH19PntjaGlsZHJlbn08L2Rpdj4gOiBjaGlsZHJlbn0gPC8+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuIl19 */")
+  }, rest), ___EmotionJSX(Grid, {
+    container: true,
+    spacing: 1
+  }, children))))));
+};
+var Wrapper = function Wrapper(_ref2) {
+  var children = _ref2.children,
+    fluid = _ref2.fluid,
+    surface = _ref2.surface;
+  return ___EmotionJSX(React.Fragment, null, " ", fluid ? ___EmotionJSX("div", {
+    css: /*#__PURE__*/_css({
+      backgroundColor: surface && getBackgroundColor(surface)
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0htQiIsImZpbGUiOiIuLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWQgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgU3R5bGVzUHJvdmlkZXIgfSBmcm9tICdAbXVpL3N0eWxlcydcbmltcG9ydCBjcmVhdGVCcmVha3BvaW50cyBmcm9tICdAbXVpL3N5c3RlbS9jcmVhdGVUaGVtZS9jcmVhdGVCcmVha3BvaW50cydcbmltcG9ydCB7IGNyZWF0ZVRoZW1lLCBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnQG11aS9tYXRlcmlhbC9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSBhcyBEZmRzVGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHNwYWNpbmcgfSBmcm9tICdAZGZkcy11aS9zcGFjaW5nJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN1cmZhY2VUeXBlLCBnZXRCYWNrZ3JvdW5kQ29sb3IsIE1heWJlU3VyZmFjZVByb3ZpZGVyIH0gZnJvbSAnLi4vc3VyZmFjZSdcblxudHlwZSBDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNwZWNpZnkgd2hldGhlciB0aGUgY29udGFpbmVyIHNwYW5zIHRoZSBlbnRpcmUgd2lkdGggb2YgaXRzIHBhcmVudCBvciBpdCBoYXMgYSBtYXgtd2lkdGggc2V0IHRvIDEyMDBweCAoNzVyZW0pXG4gICAqL1xuICBmbHVpZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIHN1cmZhY2UgdmFyaWFudCBmb3IgdGhlIGNvbnRhaW5lclxuICAgKi9cbiAgc3VyZmFjZT86IFN1cmZhY2VUeXBlXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgYnJlYWtwb2ludHNPYmogPSBjcmVhdGVCcmVha3BvaW50cyh7XG4gIHZhbHVlczoge1xuICAgIHhzOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMucyxcbiAgICBzbTogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLm0sXG4gICAgbWQ6IERmZHNUaGVtZS5icmVha3BvaW50cy5sLFxuICAgIGxnOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMueGwsXG4gICAgeGw6IERmZHNUaGVtZS5icmVha3BvaW50cy54eGwsXG4gIH0sXG59KVxuXG5jb25zdCB0aGVtZSA9IGNyZWF0ZVRoZW1lKHtcbiAgYnJlYWtwb2ludHM6IGJyZWFrcG9pbnRzT2JqLFxuICBzcGFjaW5nOiAoKSA9PiBzcGFjaW5nLnMsXG4gIGNvbXBvbmVudHM6IHtcbiAgICBNdWlDb250YWluZXI6IHtcbiAgICAgIHN0eWxlT3ZlcnJpZGVzOiB7XG4gICAgICAgIHJvb3Q6IHtcbiAgICAgICAgICBtYXJnaW5Cb3R0b206IGAke3NwYWNpbmcueHN9YCxcblxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCd4cycpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICcwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnMHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai5vbmx5KCdzbScpXToge1xuICAgICAgICAgICAgcGFkZGluZ0xlZnQ6ICc0MHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzQwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ21kJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoudXAoJ2xnJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0sXG59KVxuXG5jb25zdCBDb250YWluZXJTdHlsZWQgPSBzdHlsZWQoQ29udGFpbmVyXylgXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnfXB4KSB7XG4gICAgbWF4LXdpZHRoOiAxMjAwcHg7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbSArIDF9cHgpIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5sZyAtIDF9cHgpIHtcbiAgICBtYXgtd2lkdGg6IG5vbmU7XG4gIH1cblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzT2JqLnZhbHVlcy5zbX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSB7XG4gICAgICB3aWR0aDogdW5zZXQ7XG4gICAgICBtYXJnaW46IHVuc2V0O1xuICAgIH1cblxuICAgIC5NdWlHcmlkLXNwYWNpbmcteHMtMSA+IC5NdWlHcmlkLWl0ZW0ge1xuICAgICAgcGFkZGluZzogdW5zZXQ7XG4gICAgfVxuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lcjogUmVhY3QuRkM8Q29udGFpbmVyUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgICAgPFN0eWxlc1Byb3ZpZGVyIGluamVjdEZpcnN0PlxuICAgICAgICA8TWF5YmVTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICAgIDxDb250YWluZXJTdHlsZWRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIgc3BhY2luZz17MX0+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICA8L0NvbnRhaW5lclN0eWxlZD5cbiAgICAgICAgICA8L1dyYXBwZXI+XG4gICAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgICA8L1N0eWxlc1Byb3ZpZGVyPlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKVxufVxuXG5jb25zdCBXcmFwcGVyOiBSZWFjdC5GQzxDb250YWluZXJQcm9wcz4gPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfSkgPT4gKFxuICA8PiB7Zmx1aWQgPyA8ZGl2IGNzcz17eyBiYWNrZ3JvdW5kQ29sb3I6IHN1cmZhY2UgJiYgZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpIH19PntjaGlsZHJlbn08L2Rpdj4gOiBjaGlsZHJlbn0gPC8+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IENvbnRhaW5lclxuIl19 */")
+  }, children) : children, " ");
+};
+export default Container;

package/grid/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Container } from './Container';
+export { default as Column } from './Column';

package/grid/index.js

@@ -0,0 +1,2 @@
+export { default as Container } from './Container';
+export { default as Column } from './Column';

package/hero/Hero.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type Props = {
+    title: string;
+    headline: string;
+    headlineAs?: React.ElementType;
+    imageSrc: string;
+    color?: string;
+};
+declare const Hero: React.FC<Props>;
+export default Hero;