@dfds-ui/react-components 2.2.0-alpha.8f6cde13 → 2.2.0-alpha.95047e19

package/cjs/forms/text-field/TextField.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextField = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _Label = _interopRequireDefault(require("../label/Label"));
+var _Input = _interopRequireDefault(require("../input/Input"));
+var _AssistiveText = _interopRequireDefault(require("../assistive-text/AssistiveText"));
+var _ErrorText = _interopRequireDefault(require("../error-text/ErrorText"));
+var _uuid = require("uuid");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } // TODO: extend on React.JSX.IntrinsicElements['input'] will give us some of the other props
+const 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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJtQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gUmVhY3QuSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IGZpZWxkTmFtZSArICdfYXJpYScgOiB1bmRlZmluZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxBc3Npc3RpdmVUZXh0IGludmVydGVkPXtpbnZlcnRlZH0gaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0fVxuICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICApfVxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxFcnJvclRleHQgaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9IHJvbGU9XCJhbGVydFwiIHNtYWxsPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvRXJyb3JUZXh0PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQoUmVhY3QuZm9yd2FyZFJlZihUZXh0RmllbGQpKSgpXG4iXX0= */",
+  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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gUmVhY3QuSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IGZpZWxkTmFtZSArICdfYXJpYScgOiB1bmRlZmluZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxBc3Npc3RpdmVUZXh0IGludmVydGVkPXtpbnZlcnRlZH0gaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0fVxuICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICApfVxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxFcnJvclRleHQgaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9IHJvbGU9XCJhbGVydFwiIHNtYWxsPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvRXJyb3JUZXh0PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQoUmVhY3QuZm9yd2FyZFJlZihUZXh0RmllbGQpKSgpXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const TextField = (props, ref) => {
+  const {
+    label,
+    name,
+    hintText,
+    disabled,
+    defaultValue,
+    assistiveText,
+    required,
+    errorMessage,
+    className,
+    inverted,
+    size,
+    type,
+    hideAsterisk,
+    ...rest
+  } = props;
+  const fieldName = name || (0, _uuid.v4)();
+  return (0, _jsxRuntime.jsxs)("div", {
+    className: className,
+    css: assistiveText || errorMessage ? _ref3 : _ref2,
+    children: [(0, _jsxRuntime.jsx)(_Label.default, {
+      size: size,
+      inverted: inverted,
+      required: required,
+      hideAsterisk: hideAsterisk,
+      css: /*#__PURE__*/(0, _react2.css)(margins, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TextField;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0VnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvdGV4dC1maWVsZC9UZXh0RmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMYWJlbCBmcm9tICcuLi9sYWJlbC9MYWJlbCdcbmltcG9ydCBJbnB1dCwgeyBTaXplIH0gZnJvbSAnLi4vaW5wdXQvSW5wdXQnXG5pbXBvcnQgQXNzaXN0aXZlVGV4dCBmcm9tICcuLi9hc3Npc3RpdmUtdGV4dC9Bc3Npc3RpdmVUZXh0J1xuaW1wb3J0IEVycm9yVGV4dCBmcm9tICcuLi9lcnJvci10ZXh0L0Vycm9yVGV4dCdcbmltcG9ydCB7IHY0IGFzIHV1aWR2NCB9IGZyb20gJ3V1aWQnXG5cbmV4cG9ydCB0eXBlIEJhc2VJbnB1dFByb3BzID0gT21pdDxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2lucHV0J10sICdzaXplJyB8ICdjc3MnPlxuLy8gVE9ETzogZXh0ZW5kIG9uIFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSB3aWxsIGdpdmUgdXMgc29tZSBvZiB0aGUgb3RoZXIgcHJvcHNcbmV4cG9ydCB0eXBlIFRleHRGaWVsZFByb3BzID0gQmFzZUlucHV0UHJvcHMgJiB7XG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIG5hbWU/OiBzdHJpbmdcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGhpbnRUZXh0Pzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBkZWZhdWx0VmFsdWU/OiBzdHJpbmdcbiAgZXJyb3JNZXNzYWdlPzogc3RyaW5nXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBTaXplXG4gIHZhbHVlPzogc3RyaW5nXG4gIG9uQ2hhbmdlPzogKGV2ZW50OiBSZWFjdC5DaGFuZ2VFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZFxuICBpY29uPzogUmVhY3QuUmVhY3ROb2RlXG4gIGludmVydGVkPzogYm9vbGVhblxuICB0eXBlPzogc3RyaW5nXG4gIGhpZGVBc3Rlcmlzaz86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2lucyA9IGNzc2BcbiAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICBkaXNwbGF5OiBibG9jaztcbmBcblxuLy8gVGV4dEZpZWxkIGlzIGEgY29tcG9zaXRlIGNvbXBvbmVudCB1c2VkIHRvIGVuY2Fwc3VsYXRlIGEgY29tcGxldGUgZmllbGQgd2l0aCBsYWJlbCwgaW5wdXQgYW5kIGVycm9yL2hpbnRcbmV4cG9ydCBjb25zdCBUZXh0RmllbGQ6IFJlYWN0LkZvcndhcmRSZWZSZW5kZXJGdW5jdGlvbjxIVE1MSW5wdXRFbGVtZW50LCBUZXh0RmllbGRQcm9wcz4gPSAocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgbGFiZWwsXG4gICAgbmFtZSxcbiAgICBoaW50VGV4dCxcbiAgICBkaXNhYmxlZCxcbiAgICBkZWZhdWx0VmFsdWUsXG4gICAgYXNzaXN0aXZlVGV4dCxcbiAgICByZXF1aXJlZCxcbiAgICBlcnJvck1lc3NhZ2UsXG4gICAgY2xhc3NOYW1lLFxuICAgIGludmVydGVkLFxuICAgIHNpemUsXG4gICAgdHlwZSxcbiAgICBoaWRlQXN0ZXJpc2ssXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHNcbiAgY29uc3QgZmllbGROYW1lID0gbmFtZSB8fCB1dWlkdjQoKVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtcbiAgICAgICAgYXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2VcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgICAgYFxuICAgICAgfVxuICAgID5cbiAgICAgIDxMYWJlbFxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICBpbnZlcnRlZD17aW52ZXJ0ZWR9XG4gICAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgICAgaGlkZUFzdGVyaXNrPXtoaWRlQXN0ZXJpc2t9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7bWFyZ2luc31cbiAgICAgICAgYH1cbiAgICAgICAgaHRtbEZvcj17ZmllbGROYW1lfVxuICAgICAgPlxuICAgICAgICB7bGFiZWx9XG4gICAgICA8L0xhYmVsPlxuICAgICAgPElucHV0XG4gICAgICAgIGlkPXtmaWVsZE5hbWV9XG4gICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgIG5hbWU9e2ZpZWxkTmFtZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkZWZhdWx0VmFsdWU9e2RlZmF1bHRWYWx1ZX1cbiAgICAgICAgcGxhY2Vob2xkZXI9e2hpbnRUZXh0fVxuICAgICAgICBlcnJvcj17ISFlcnJvck1lc3NhZ2UgfHwgdW5kZWZpbmVkfVxuICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXNzaXN0aXZlVGV4dCB8fCBlcnJvck1lc3NhZ2UgPyBmaWVsZE5hbWUgKyAnX2FyaWEnIDogdW5kZWZpbmVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIHthc3Npc3RpdmVUZXh0ICYmICFlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8QXNzaXN0aXZlVGV4dCBpbnZlcnRlZD17aW52ZXJ0ZWR9IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfT5cbiAgICAgICAgICB7YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgPC9Bc3Npc3RpdmVUZXh0PlxuICAgICAgKX1cbiAgICAgIHtlcnJvck1lc3NhZ2UgJiYgKFxuICAgICAgICA8RXJyb3JUZXh0IGlkPXtmaWVsZE5hbWUgKyAnX2FyaWEnfSByb2xlPVwiYWxlcnRcIiBzbWFsbD5cbiAgICAgICAgICB7ZXJyb3JNZXNzYWdlfVxuICAgICAgICA8L0Vycm9yVGV4dD5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoVGV4dEZpZWxkKSkoKVxuIl19 */"),
+      htmlFor: fieldName,
+      children: label
+    }), (0, _jsxRuntime.jsx)(_Input.default, {
+      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 && (0, _jsxRuntime.jsx)(_AssistiveText.default, {
+      inverted: inverted,
+      id: fieldName + '_aria',
+      children: assistiveText
+    }), errorMessage && (0, _jsxRuntime.jsx)(_ErrorText.default, {
+      id: fieldName + '_aria',
+      role: "alert",
+      small: true,
+      children: errorMessage
+    })]
+  });
+};
+exports.TextField = TextField;
+var _default = exports.default = /*#__PURE__*/(0, _base.default)(/*#__PURE__*/_react.default.forwardRef(TextField), {
+  target: "e15dcc9e0"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkdlIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy90ZXh0LWZpZWxkL1RleHRGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExhYmVsIGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IElucHV0LCB7IFNpemUgfSBmcm9tICcuLi9pbnB1dC9JbnB1dCdcbmltcG9ydCBBc3Npc3RpdmVUZXh0IGZyb20gJy4uL2Fzc2lzdGl2ZS10ZXh0L0Fzc2lzdGl2ZVRleHQnXG5pbXBvcnQgRXJyb3JUZXh0IGZyb20gJy4uL2Vycm9yLXRleHQvRXJyb3JUZXh0J1xuaW1wb3J0IHsgdjQgYXMgdXVpZHY0IH0gZnJvbSAndXVpZCdcblxuZXhwb3J0IHR5cGUgQmFzZUlucHV0UHJvcHMgPSBPbWl0PFJlYWN0LkpTWC5JbnRyaW5zaWNFbGVtZW50c1snaW5wdXQnXSwgJ3NpemUnIHwgJ2Nzcyc+XG4vLyBUT0RPOiBleHRlbmQgb24gUmVhY3QuSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddIHdpbGwgZ2l2ZSB1cyBzb21lIG9mIHRoZSBvdGhlciBwcm9wc1xuZXhwb3J0IHR5cGUgVGV4dEZpZWxkUHJvcHMgPSBCYXNlSW5wdXRQcm9wcyAmIHtcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbmFtZT86IHN0cmluZ1xuICByZXF1aXJlZD86IGJvb2xlYW5cbiAgaGludFRleHQ/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZ1xuICBlcnJvck1lc3NhZ2U/OiBzdHJpbmdcbiAgYXNzaXN0aXZlVGV4dD86IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgc2l6ZT86IFNpemVcbiAgdmFsdWU/OiBzdHJpbmdcbiAgb25DaGFuZ2U/OiAoZXZlbnQ6IFJlYWN0LkNoYW5nZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkXG4gIGljb24/OiBSZWFjdC5SZWFjdE5vZGVcbiAgaW52ZXJ0ZWQ/OiBib29sZWFuXG4gIHR5cGU/OiBzdHJpbmdcbiAgaGlkZUFzdGVyaXNrPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5zID0gY3NzYFxuICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuYFxuXG4vLyBUZXh0RmllbGQgaXMgYSBjb21wb3NpdGUgY29tcG9uZW50IHVzZWQgdG8gZW5jYXBzdWxhdGUgYSBjb21wbGV0ZSBmaWVsZCB3aXRoIGxhYmVsLCBpbnB1dCBhbmQgZXJyb3IvaGludFxuZXhwb3J0IGNvbnN0IFRleHRGaWVsZDogUmVhY3QuRm9yd2FyZFJlZlJlbmRlckZ1bmN0aW9uPEhUTUxJbnB1dEVsZW1lbnQsIFRleHRGaWVsZFByb3BzPiA9IChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBsYWJlbCxcbiAgICBuYW1lLFxuICAgIGhpbnRUZXh0LFxuICAgIGRpc2FibGVkLFxuICAgIGRlZmF1bHRWYWx1ZSxcbiAgICBhc3Npc3RpdmVUZXh0LFxuICAgIHJlcXVpcmVkLFxuICAgIGVycm9yTWVzc2FnZSxcbiAgICBjbGFzc05hbWUsXG4gICAgaW52ZXJ0ZWQsXG4gICAgc2l6ZSxcbiAgICB0eXBlLFxuICAgIGhpZGVBc3RlcmlzayxcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wc1xuICBjb25zdCBmaWVsZE5hbWUgPSBuYW1lIHx8IHV1aWR2NCgpXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e1xuICAgICAgICBhc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZVxuICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgICAgICAgICBgXG4gICAgICAgICAgOiBjc3NgXG4gICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgICAgICAgICBgXG4gICAgICB9XG4gICAgPlxuICAgICAgPExhYmVsXG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGludmVydGVkPXtpbnZlcnRlZH1cbiAgICAgICAgcmVxdWlyZWQ9e3JlcXVpcmVkfVxuICAgICAgICBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza31cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHttYXJnaW5zfVxuICAgICAgICBgfVxuICAgICAgICBodG1sRm9yPXtmaWVsZE5hbWV9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvTGFiZWw+XG4gICAgICA8SW5wdXRcbiAgICAgICAgaWQ9e2ZpZWxkTmFtZX1cbiAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgbmFtZT17ZmllbGROYW1lfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRlZmF1bHRWYWx1ZT17ZGVmYXVsdFZhbHVlfVxuICAgICAgICBwbGFjZWhvbGRlcj17aGludFRleHR9XG4gICAgICAgIGVycm9yPXshIWVycm9yTWVzc2FnZSB8fCB1bmRlZmluZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcmlhLWRlc2NyaWJlZGJ5PXthc3Npc3RpdmVUZXh0IHx8IGVycm9yTWVzc2FnZSA/IGZpZWxkTmFtZSArICdfYXJpYScgOiB1bmRlZmluZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAge2Fzc2lzdGl2ZVRleHQgJiYgIWVycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxBc3Npc3RpdmVUZXh0IGludmVydGVkPXtpbnZlcnRlZH0gaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9PlxuICAgICAgICAgIHthc3Npc3RpdmVUZXh0fVxuICAgICAgICA8L0Fzc2lzdGl2ZVRleHQ+XG4gICAgICApfVxuICAgICAge2Vycm9yTWVzc2FnZSAmJiAoXG4gICAgICAgIDxFcnJvclRleHQgaWQ9e2ZpZWxkTmFtZSArICdfYXJpYSd9IHJvbGU9XCJhbGVydFwiIHNtYWxsPlxuICAgICAgICAgIHtlcnJvck1lc3NhZ2V9XG4gICAgICAgIDwvRXJyb3JUZXh0PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZWQoUmVhY3QuZm9yd2FyZFJlZihUZXh0RmllbGQpKSgpXG4iXX0= */");

package/cjs/global-styles/GlobalStyles.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const GlobalStyles: () => React.JSX.Element;
+export declare const DfdsFontFace: () => React.JSX.Element;

package/cjs/global-styles/GlobalStyles.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GlobalStyles = exports.DfdsFontFace = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _sanitize = require("./sanitize");
+var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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'
+
+const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
+const italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
+const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
+const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
+const 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({
+  fontFamily,
+  woff2,
+  fontWeight = 400,
+  fontStyle = 'normal',
+  fontDisplay = 'fallback'
+}) {
+  return `
+  @font-face {
+    font-family: ${fontFamily};
+    src:url(${woff2}) format('woff2');
+    font-weight: ${fontWeight};
+    font-style: ${fontStyle};
+    font-display: ${fontDisplay};
+  }`;
+}
+const dfdsFontFaceRules = () => {
+  return DFDS_FONTS.reduce((prev, cur) => prev += fontFace(cur), '');
+};
+const GlobalStyles = () => {
+  const fonts = dfdsFontFaceRules();
+  const styles = /*#__PURE__*/(0, _react2.css)(_sanitize.sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", _theme.theme.fontFamilies.display, ";color:", _theme.theme.colors.text.dark.primary, ";background-color:", _theme.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.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
+  return (0, _jsxRuntime.jsx)(_react2.Global, {
+    styles: styles
+  });
+};
+exports.GlobalStyles = GlobalStyles;
+const DfdsFontFace = () => {
+  const styles = /*#__PURE__*/(0, _react2.css)(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
+  return (0, _jsxRuntime.jsx)(_react2.Global, {
+    styles: styles
+  });
+};
+exports.DfdsFontFace = DfdsFontFace;

package/cjs/global-styles/ResetStyles.d.ts

@@ -0,0 +1,9 @@
+import React from '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: () => React.JSX.Element;

package/cjs/global-styles/ResetStyles.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ResetStyles = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
+ * 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.
+ */
+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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL1Jlc2V0U3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2dsb2JhbC1zdHlsZXMvUmVzZXRTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG4vKipcbiAqIE1pbmltYWwvbW9kZXJuIENTUyByZXNldC5cbiAqXG4gKiBUYWtlbiBmcm9tOiBodHRwczovL3d3dy5qb3Nod2NvbWVhdS5jb20vY3NzL2N1c3RvbS1jc3MtcmVzZXQvXG4gKlxuICogVE9ETzogSW5jbHVkZSB0aGlzIGluIHRoZSBHbG9iYWxTdHlsZXMgY29tcG9uZW50IHdoZW4gYWRhcHRlZCBhbmQgdGVzdGVkIGluIHNvbHV0aW9ucy5cbiAqL1xuZXhwb3J0IGNvbnN0IFJlc2V0U3R5bGVzID0gKCkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxHbG9iYWxcbiAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAvKlxuICAgICAgICAgIDEuIFVzZSBhIG1vcmUtaW50dWl0aXZlIGJveC1zaXppbmcgbW9kZWwuXG4gICAgICAgICovXG4gICAgICAgICosXG4gICAgICAgICo6OmJlZm9yZSxcbiAgICAgICAgKjo6YWZ0ZXIge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICAyLiBSZW1vdmUgZGVmYXVsdCBtYXJnaW5cbiAgICAgICAgKi9cbiAgICAgICAgKiB7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgMy4gQWxsb3cgcGVyY2VudGFnZS1iYXNlZCBoZWlnaHRzIGluIHRoZSBhcHBsaWNhdGlvblxuICAgICAgICAqL1xuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICBUeXBvZ3JhcGhpYyB0d2Vha3MhXG4gICAgICAgICAgNC4gQWRkIGFjY2Vzc2libGUgbGluZS1oZWlnaHRcbiAgICAgICAgICA1LiBJbXByb3ZlIHRleHQgcmVuZGVyaW5nXG4gICAgICAgICovXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIC8qIFRPRE86IEV2YWx1YXRlIGltcGxpY2F0aW9ucyBvZiBlbmFibGluZyB0aGlzIGxpbmUtaGVpZ2h0IGNoYW5nZSAqL1xuICAgICAgICAgIC8qIGxpbmUtaGVpZ2h0OiAxLjU7ICovXG4gICAgICAgICAgLXdlYmtpdC1mb250LXNtb290aGluZzogYW50aWFsaWFzZWQ7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA2LiBJbXByb3ZlIG1lZGlhIGRlZmF1bHRzXG4gICAgICAgICovXG4gICAgICAgIGltZyxcbiAgICAgICAgcGljdHVyZSxcbiAgICAgICAgdmlkZW8sXG4gICAgICAgIGNhbnZhcyxcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgICAgIH1cbiAgICAgICAgLypcbiAgICAgICAgICA3LiBSZW1vdmUgYnVpbHQtaW4gZm9ybSB0eXBvZ3JhcGh5IHN0eWxlc1xuICAgICAgICAqL1xuICAgICAgICBpbnB1dCxcbiAgICAgICAgYnV0dG9uLFxuICAgICAgICB0ZXh0YXJlYSxcbiAgICAgICAgc2VsZWN0IHtcbiAgICAgICAgICBmb250OiBpbmhlcml0O1xuICAgICAgICB9XG4gICAgICAgIC8qXG4gICAgICAgICAgOC4gQXZvaWQgdGV4dCBvdmVyZmxvd3NcbiAgICAgICAgKi9cbiAgICAgICAgcCxcbiAgICAgICAgaDEsXG4gICAgICAgIGgyLFxuICAgICAgICBoMyxcbiAgICAgICAgaDQsXG4gICAgICAgIGg1LFxuICAgICAgICBoNiB7XG4gICAgICAgICAgb3ZlcmZsb3ctd3JhcDogYnJlYWstd29yZDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ResetStyles = () => {
+  return (0, _jsxRuntime.jsx)(_react2.Global, {
+    styles: _ref
+  });
+};
+exports.ResetStyles = ResetStyles;

package/cjs/global-styles/sanitize.d.ts

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

package/cjs/global-styles/sanitize.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitize = void 0;
+var _react = require("@emotion/react");
+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)."; }
+const sanitize = exports.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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL3Nhbml0aXplLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9zYW5pdGl6ZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgc2FuaXRpemUgPSBjc3NgXG4gICosXG4gIDo6YmVmb3JlLFxuICA6OmFmdGVyIHtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0OyAvKiAxICovXG4gICAgYm94LXNpemluZzogaW5oZXJpdDsgLyogMiAqL1xuICB9XG5cbiAgOjpiZWZvcmUsXG4gIDo6YWZ0ZXIge1xuICAgIHRleHQtZGVjb3JhdGlvbjogaW5oZXJpdDsgLyogMSAqL1xuICAgIHZlcnRpY2FsLWFsaWduOiBpbmhlcml0OyAvKiAyICovXG4gIH1cblxuICBmaWdjYXB0aW9uLFxuICBmaWd1cmUsXG4gIG1haW4ge1xuICAgIC8qIDEgKi9cbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuXG4gIGhyIHtcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDsgLyogMSAqL1xuICAgIGhlaWdodDogMDsgLyogMSAqL1xuICAgIG92ZXJmbG93OiB2aXNpYmxlOyAvKiAyICovXG4gIH1cblxuICBhIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsgLyogMSAqL1xuICAgIHRleHQtZGVjb3JhdGlvbi1za2lwOiBvYmplY3RzOyAvKiAyICovXG4gIH1cblxuICB1bCB7XG4gICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICBtYXJnaW4tbGVmdDogMDtcbiAgICBtYXJnaW4tcmlnaHQ6IDA7XG4gIH1cblxuICBhYmJyW3RpdGxlXSB7XG4gICAgYm9yZGVyLWJvdHRvbTogbm9uZTsgLyogMSAqL1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lOyAvKiAyICovXG4gICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgZG90dGVkOyAvKiAyICovXG4gIH1cblxuICBiLFxuICBzdHJvbmcge1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkZXI7XG4gIH1cblxuICBzbWFsbCB7XG4gICAgZm9udC1zaXplOiA4MCU7XG4gIH1cblxuICBhdWRpbyxcbiAgY2FudmFzLFxuICBpZnJhbWUsXG4gIGltZyxcbiAgc3ZnLFxuICB2aWRlbyB7XG4gICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgfVxuXG4gIGF1ZGlvLFxuICB2aWRlbyB7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB9XG5cbiAgaW1nIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmU7XG4gIH1cblxuICBzdmcge1xuICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgfVxuXG4gIHN2Zzpub3QoOnJvb3QpIHtcbiAgICBvdmVyZmxvdzogdmlzaWJsZTtcbiAgfVxuXG4gIHRhYmxlIHtcbiAgICBib3JkZXItY29sbGFwc2U6IGNvbGxhcHNlO1xuICB9XG5cbiAgYnV0dG9uLFxuICBpbnB1dCxcbiAgb3B0Z3JvdXAsXG4gIHNlbGVjdCxcbiAgdGV4dGFyZWEge1xuICAgIG1hcmdpbjogMDtcbiAgfVxuXG4gIGJ1dHRvbixcbiAgaW5wdXQsXG4gIHNlbGVjdCxcbiAgdGV4dGFyZWEge1xuICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcbiAgICBsaW5lLWhlaWdodDogaW5oZXJpdDtcbiAgfVxuXG4gIHNlbGVjdCxcbiAgaW5wdXQ6bm90KFt0eXBlPSdyYWRpbyddKTpub3QoW3R5cGU9J2NoZWNrYm94J10pIHtcbiAgICBhcHBlYXJhbmNlOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgYm94LXNoYWRvdzogbm9uZTtcbiAgfVxuXG4gIGJ1dHRvbixcbiAgc2VsZWN0IHtcbiAgICAvKiAxICovXG4gICAgdGV4dC10cmFuc2Zvcm06IG5vbmU7XG4gIH1cblxuICBzZWxlY3Qge1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gIH1cblxuICB0ZXh0YXJlYSB7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gICAgcmVzaXplOiB2ZXJ0aWNhbDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICB9XG5cbiAgYSxcbiAgYXJlYSxcbiAgYnV0dG9uLFxuICBpbnB1dCxcbiAgbGFiZWwsXG4gIHNlbGVjdCxcbiAgc3VtbWFyeSxcbiAgdGV4dGFyZWEsXG4gIFt0YWJpbmRleD0nMCddIHtcbiAgICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjtcbiAgfVxuXG4gIGJ1dHRvbjo6LW1vei1mb2N1cy1pbm5lcixcbiAgW3R5cGU9J2J1dHRvbiddOjotbW96LWZvY3VzLWlubmVyLFxuICBbdHlwZT0ncmVzZXQnXTo6LW1vei1mb2N1cy1pbm5lcixcbiAgW3R5cGU9J3N1Ym1pdCddOjotbW96LWZvY3VzLWlubmVyIHtcbiAgICBib3JkZXItc3R5bGU6IG5vbmU7XG4gICAgcGFkZGluZzogMDtcbiAgfVxuXG4gIFtoaWRkZW5dIHtcbiAgICBkaXNwbGF5OiBub25lO1xuICB9XG5cbiAgW2FyaWEtYnVzeT0ndHJ1ZSddIHtcbiAgICBjdXJzb3I6IHByb2dyZXNzO1xuICB9XG5cbiAgW2FyaWEtY29udHJvbHNdIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gIH1cblxuICBbYXJpYS1oaWRkZW49J2ZhbHNlJ11baGlkZGVuXTpub3QoOmZvY3VzKSB7XG4gICAgY2xpcDogcmVjdCgwLCAwLCAwLCAwKTtcbiAgICBkaXNwbGF5OiBpbmhlcml0O1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgfVxuXG4gIFthcmlhLWRpc2FibGVkXSB7XG4gICAgY3Vyc29yOiBkZWZhdWx0O1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/cjs/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/cjs/grid/Column.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Column = ({
+  children,
+  m,
+  l,
+  xl,
+  xxl,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_material.GridLegacy, {
+    item: true,
+    xs: 12,
+    sm: m || 6,
+    md: l || m || true,
+    lg: xl || l || m || true,
+    xl: xxl || xl || l || m || true,
+    ...rest,
+    children: children
+  });
+};
+var _default = exports.default = Column;

package/cjs/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: ({ children, fluid, surface, ...rest }: ContainerProps) => React.JSX.Element;
+export default Container;

package/cjs/grid/Container.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("@emotion/react");
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react2 = _interopRequireDefault(require("react"));
+var _material = require("@mui/material");
+var _system = require("@mui/system");
+var _styles = require("@mui/material/styles");
+var _theme = require("@dfds-ui/theme");
+var _spacing = require("@dfds-ui/spacing");
+var _surface = require("../surface");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const breakpointsObj = (0, _system.createBreakpoints)({
+  values: {
+    xs: _theme.theme.breakpoints.s,
+    sm: _theme.theme.breakpoints.m,
+    md: _theme.theme.breakpoints.l,
+    lg: _theme.theme.breakpoints.xl,
+    xl: _theme.theme.breakpoints.xxl
+  }
+});
+const theme = (0, _styles.createTheme)({
+  breakpoints: breakpointsObj,
+  spacing: () => _spacing.spacing.s,
+  components: {
+    MuiContainer: {
+      styleOverrides: {
+        root: {
+          marginBottom: `${_spacing.spacing.xs}`,
+          [breakpointsObj.only('xs')]: {
+            paddingLeft: '0px',
+            paddingRight: '0px'
+          },
+          [breakpointsObj.only('sm')]: {
+            paddingLeft: '40px',
+            paddingRight: '40px'
+          },
+          [breakpointsObj.only('md')]: {
+            paddingLeft: '40px',
+            paddingRight: '40px'
+          },
+          [breakpointsObj.up('lg')]: {
+            paddingLeft: '0px',
+            paddingRight: '0px'
+          }
+        }
+      }
+    }
+  }
+});
+const ContainerStyled = /*#__PURE__*/(0, _base.default)(_material.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;.MuiGridLegacy-spacing-xs-1{width:unset;margin:unset;}.MuiGridLegacy-spacing-xs-1>.MuiGridLegacy-item{padding:unset;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0UwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWRMZWdhY3kgYXMgR3JpZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBjcmVhdGVCcmVha3BvaW50cyB9IGZyb20gJ0BtdWkvc3lzdGVtJ1xuaW1wb3J0IHsgY3JlYXRlVGhlbWUsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIGFzIERmZHNUaGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BkZmRzLXVpL3NwYWNpbmcnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgU3VyZmFjZVR5cGUsIGdldEJhY2tncm91bmRDb2xvciwgTWF5YmVTdXJmYWNlUHJvdmlkZXIgfSBmcm9tICcuLi9zdXJmYWNlJ1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmeSB3aGV0aGVyIHRoZSBjb250YWluZXIgc3BhbnMgdGhlIGVudGlyZSB3aWR0aCBvZiBpdHMgcGFyZW50IG9yIGl0IGhhcyBhIG1heC13aWR0aCBzZXQgdG8gMTIwMHB4ICg3NXJlbSlcbiAgICovXG4gIGZsdWlkPzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc3VyZmFjZSB2YXJpYW50IGZvciB0aGUgY29udGFpbmVyXG4gICAqL1xuICBzdXJmYWNlPzogU3VyZmFjZVR5cGVcblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBicmVha3BvaW50c09iaiA9IGNyZWF0ZUJyZWFrcG9pbnRzKHtcbiAgdmFsdWVzOiB7XG4gICAgeHM6IERmZHNUaGVtZS5icmVha3BvaW50cy5zLFxuICAgIHNtOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMubSxcbiAgICBtZDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLmwsXG4gICAgbGc6IERmZHNUaGVtZS5icmVha3BvaW50cy54bCxcbiAgICB4bDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLnh4bCxcbiAgfSxcbn0pXG5cbmNvbnN0IHRoZW1lID0gY3JlYXRlVGhlbWUoe1xuICBicmVha3BvaW50czogYnJlYWtwb2ludHNPYmosXG4gIHNwYWNpbmc6ICgpID0+IHNwYWNpbmcucyxcbiAgY29tcG9uZW50czoge1xuICAgIE11aUNvbnRhaW5lcjoge1xuICAgICAgc3R5bGVPdmVycmlkZXM6IHtcbiAgICAgICAgcm9vdDoge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYCR7c3BhY2luZy54c31gLFxuXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3hzJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3NtJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoub25seSgnbWQnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnNDBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICc0MHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai51cCgnbGcnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pXG5cbmNvbnN0IENvbnRhaW5lclN0eWxlZCA9IHN0eWxlZChDb250YWluZXJfKWBcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHticmVha3BvaW50c09iai52YWx1ZXMubGd9cHgpIHtcbiAgICBtYXgtd2lkdGg6IDEyMDBweDtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtICsgMX1weCkgYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnIC0gMX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtfXB4KSB7XG4gICAgbWF4LXdpZHRoOiBub25lO1xuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xIHtcbiAgICAgIHdpZHRoOiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgfVxuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xID4gLk11aUdyaWRMZWdhY3ktaXRlbSB7XG4gICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH06IENvbnRhaW5lclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICA8Q29udGFpbmVyU3R5bGVkXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIHNwYWNpbmc9ezF9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgPC9Db250YWluZXJTdHlsZWQ+XG4gICAgICAgIDwvV3JhcHBlcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmNvbnN0IFdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfTogQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPD4ge2ZsdWlkID8gPGRpdiBjc3M9e3sgYmFja2dyb3VuZENvbG9yOiBzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKSB9fT57Y2hpbGRyZW59PC9kaXY+IDogY2hpbGRyZW59IDwvPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDb250YWluZXJcbiJdfQ== */"));
+const Container = ({
+  children,
+  fluid,
+  surface,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_styles.ThemeProvider, {
+    theme: theme,
+    children: (0, _jsxRuntime.jsx)(_surface.MaybeSurfaceProvider, {
+      surface: surface,
+      children: (0, _jsxRuntime.jsx)(Wrapper, {
+        fluid: fluid,
+        surface: surface,
+        children: (0, _jsxRuntime.jsx)(ContainerStyled, {
+          css: /*#__PURE__*/(0, _react.css)("background-color:", surface && (0, _surface.getBackgroundColor)(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWRMZWdhY3kgYXMgR3JpZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBjcmVhdGVCcmVha3BvaW50cyB9IGZyb20gJ0BtdWkvc3lzdGVtJ1xuaW1wb3J0IHsgY3JlYXRlVGhlbWUsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIGFzIERmZHNUaGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BkZmRzLXVpL3NwYWNpbmcnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgU3VyZmFjZVR5cGUsIGdldEJhY2tncm91bmRDb2xvciwgTWF5YmVTdXJmYWNlUHJvdmlkZXIgfSBmcm9tICcuLi9zdXJmYWNlJ1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmeSB3aGV0aGVyIHRoZSBjb250YWluZXIgc3BhbnMgdGhlIGVudGlyZSB3aWR0aCBvZiBpdHMgcGFyZW50IG9yIGl0IGhhcyBhIG1heC13aWR0aCBzZXQgdG8gMTIwMHB4ICg3NXJlbSlcbiAgICovXG4gIGZsdWlkPzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc3VyZmFjZSB2YXJpYW50IGZvciB0aGUgY29udGFpbmVyXG4gICAqL1xuICBzdXJmYWNlPzogU3VyZmFjZVR5cGVcblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBicmVha3BvaW50c09iaiA9IGNyZWF0ZUJyZWFrcG9pbnRzKHtcbiAgdmFsdWVzOiB7XG4gICAgeHM6IERmZHNUaGVtZS5icmVha3BvaW50cy5zLFxuICAgIHNtOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMubSxcbiAgICBtZDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLmwsXG4gICAgbGc6IERmZHNUaGVtZS5icmVha3BvaW50cy54bCxcbiAgICB4bDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLnh4bCxcbiAgfSxcbn0pXG5cbmNvbnN0IHRoZW1lID0gY3JlYXRlVGhlbWUoe1xuICBicmVha3BvaW50czogYnJlYWtwb2ludHNPYmosXG4gIHNwYWNpbmc6ICgpID0+IHNwYWNpbmcucyxcbiAgY29tcG9uZW50czoge1xuICAgIE11aUNvbnRhaW5lcjoge1xuICAgICAgc3R5bGVPdmVycmlkZXM6IHtcbiAgICAgICAgcm9vdDoge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYCR7c3BhY2luZy54c31gLFxuXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3hzJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3NtJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoub25seSgnbWQnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnNDBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICc0MHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai51cCgnbGcnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pXG5cbmNvbnN0IENvbnRhaW5lclN0eWxlZCA9IHN0eWxlZChDb250YWluZXJfKWBcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHticmVha3BvaW50c09iai52YWx1ZXMubGd9cHgpIHtcbiAgICBtYXgtd2lkdGg6IDEyMDBweDtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtICsgMX1weCkgYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnIC0gMX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtfXB4KSB7XG4gICAgbWF4LXdpZHRoOiBub25lO1xuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xIHtcbiAgICAgIHdpZHRoOiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgfVxuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xID4gLk11aUdyaWRMZWdhY3ktaXRlbSB7XG4gICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH06IENvbnRhaW5lclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICA8Q29udGFpbmVyU3R5bGVkXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIHNwYWNpbmc9ezF9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgPC9Db250YWluZXJTdHlsZWQ+XG4gICAgICAgIDwvV3JhcHBlcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmNvbnN0IFdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfTogQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPD4ge2ZsdWlkID8gPGRpdiBjc3M9e3sgYmFja2dyb3VuZENvbG9yOiBzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKSB9fT57Y2hpbGRyZW59PC9kaXY+IDogY2hpbGRyZW59IDwvPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDb250YWluZXJcbiJdfQ== */"),
+          ...rest,
+          children: (0, _jsxRuntime.jsx)(_material.GridLegacy, {
+            container: true,
+            spacing: 1,
+            children: children
+          })
+        })
+      })
+    })
+  });
+};
+const Wrapper = ({
+  children,
+  fluid,
+  surface
+}) => (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+  children: [" ", fluid ? (0, _jsxRuntime.jsx)("div", {
+    css: /*#__PURE__*/(0, _react.css)({
+      backgroundColor: surface && (0, _surface.getBackgroundColor)(surface)
+    }, process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9ncmlkL0NvbnRhaW5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkdtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ3JpZC9Db250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIENvbnRhaW5lcl8sIEdyaWRMZWdhY3kgYXMgR3JpZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnXG5pbXBvcnQgeyBjcmVhdGVCcmVha3BvaW50cyB9IGZyb20gJ0BtdWkvc3lzdGVtJ1xuaW1wb3J0IHsgY3JlYXRlVGhlbWUsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAbXVpL21hdGVyaWFsL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIGFzIERmZHNUaGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BkZmRzLXVpL3NwYWNpbmcnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgU3VyZmFjZVR5cGUsIGdldEJhY2tncm91bmRDb2xvciwgTWF5YmVTdXJmYWNlUHJvdmlkZXIgfSBmcm9tICcuLi9zdXJmYWNlJ1xuXG50eXBlIENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogU3BlY2lmeSB3aGV0aGVyIHRoZSBjb250YWluZXIgc3BhbnMgdGhlIGVudGlyZSB3aWR0aCBvZiBpdHMgcGFyZW50IG9yIGl0IGhhcyBhIG1heC13aWR0aCBzZXQgdG8gMTIwMHB4ICg3NXJlbSlcbiAgICovXG4gIGZsdWlkPzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmeSB0aGUgc3VyZmFjZSB2YXJpYW50IGZvciB0aGUgY29udGFpbmVyXG4gICAqL1xuICBzdXJmYWNlPzogU3VyZmFjZVR5cGVcblxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBicmVha3BvaW50c09iaiA9IGNyZWF0ZUJyZWFrcG9pbnRzKHtcbiAgdmFsdWVzOiB7XG4gICAgeHM6IERmZHNUaGVtZS5icmVha3BvaW50cy5zLFxuICAgIHNtOiBEZmRzVGhlbWUuYnJlYWtwb2ludHMubSxcbiAgICBtZDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLmwsXG4gICAgbGc6IERmZHNUaGVtZS5icmVha3BvaW50cy54bCxcbiAgICB4bDogRGZkc1RoZW1lLmJyZWFrcG9pbnRzLnh4bCxcbiAgfSxcbn0pXG5cbmNvbnN0IHRoZW1lID0gY3JlYXRlVGhlbWUoe1xuICBicmVha3BvaW50czogYnJlYWtwb2ludHNPYmosXG4gIHNwYWNpbmc6ICgpID0+IHNwYWNpbmcucyxcbiAgY29tcG9uZW50czoge1xuICAgIE11aUNvbnRhaW5lcjoge1xuICAgICAgc3R5bGVPdmVycmlkZXM6IHtcbiAgICAgICAgcm9vdDoge1xuICAgICAgICAgIG1hcmdpbkJvdHRvbTogYCR7c3BhY2luZy54c31gLFxuXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3hzJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICcwcHgnLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgW2JyZWFrcG9pbnRzT2JqLm9ubHkoJ3NtJyldOiB7XG4gICAgICAgICAgICBwYWRkaW5nTGVmdDogJzQwcHgnLFxuICAgICAgICAgICAgcGFkZGluZ1JpZ2h0OiAnNDBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgICBbYnJlYWtwb2ludHNPYmoub25seSgnbWQnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnNDBweCcsXG4gICAgICAgICAgICBwYWRkaW5nUmlnaHQ6ICc0MHB4JyxcbiAgICAgICAgICB9LFxuICAgICAgICAgIFticmVha3BvaW50c09iai51cCgnbGcnKV06IHtcbiAgICAgICAgICAgIHBhZGRpbmdMZWZ0OiAnMHB4JyxcbiAgICAgICAgICAgIHBhZGRpbmdSaWdodDogJzBweCcsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcbn0pXG5cbmNvbnN0IENvbnRhaW5lclN0eWxlZCA9IHN0eWxlZChDb250YWluZXJfKWBcbiAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogJHticmVha3BvaW50c09iai52YWx1ZXMubGd9cHgpIHtcbiAgICBtYXgtd2lkdGg6IDEyMDBweDtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtICsgMX1weCkgYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLmxnIC0gMX1weCkge1xuICAgIG1heC13aWR0aDogbm9uZTtcbiAgfVxuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHNPYmoudmFsdWVzLnNtfXB4KSB7XG4gICAgbWF4LXdpZHRoOiBub25lO1xuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xIHtcbiAgICAgIHdpZHRoOiB1bnNldDtcbiAgICAgIG1hcmdpbjogdW5zZXQ7XG4gICAgfVxuXG4gICAgLk11aUdyaWRMZWdhY3ktc3BhY2luZy14cy0xID4gLk11aUdyaWRMZWdhY3ktaXRlbSB7XG4gICAgICBwYWRkaW5nOiB1bnNldDtcbiAgICB9XG4gIH1cbmBcblxuY29uc3QgQ29udGFpbmVyID0gKHsgY2hpbGRyZW4sIGZsdWlkLCBzdXJmYWNlLCAuLi5yZXN0IH06IENvbnRhaW5lclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICAgIDxNYXliZVN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgPFdyYXBwZXIgZmx1aWQ9e2ZsdWlkfSBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgICAgICA8Q29udGFpbmVyU3R5bGVkXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEdyaWQgY29udGFpbmVyIHNwYWNpbmc9ezF9PlxuICAgICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgPC9Db250YWluZXJTdHlsZWQ+XG4gICAgICAgIDwvV3JhcHBlcj5cbiAgICAgIDwvTWF5YmVTdXJmYWNlUHJvdmlkZXI+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApXG59XG5cbmNvbnN0IFdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgZmx1aWQsIHN1cmZhY2UgfTogQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPD4ge2ZsdWlkID8gPGRpdiBjc3M9e3sgYmFja2dyb3VuZENvbG9yOiBzdXJmYWNlICYmIGdldEJhY2tncm91bmRDb2xvcihzdXJmYWNlKSB9fT57Y2hpbGRyZW59PC9kaXY+IDogY2hpbGRyZW59IDwvPlxuKVxuXG5leHBvcnQgZGVmYXVsdCBDb250YWluZXJcbiJdfQ== */"),
+    children: children
+  }) : children, " "]
+});
+var _default = exports.default = Container;

package/cjs/grid/index.d.ts

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

package/cjs/grid/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Column", {
+  enumerable: true,
+  get: function () {
+    return _Column.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
+var _Container = _interopRequireDefault(require("./Container"));
+var _Column = _interopRequireDefault(require("./Column"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/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: (props: Props) => React.JSX.Element;
+export default Hero;