@dfds-ui/react-components 2.2.0-alpha.b8d61c36 → 2.2.0-alpha.c13c278e

package/step/StepContent.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-declare type StepContentProps = {
+type StepContentProps = {
     children: ReactNode;
 };
 declare const StepContent: ({ children }: StepContentProps) => React.JSX.Element;

package/step/StepContent.js

@@ -3,14 +3,13 @@ import React from 'react';
 import { css } from '@emotion/react';
 import { Accordion } from '../accordion';
 import StepContext from '../step/StepContext';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1go1kzf",
   styles: "& .accordion__content{padding:0;background-color:inherit;}"
 } : {
   name: "ayumll-StepContent",
-  styles: "& .accordion__content{padding:0;background-color:inherit;};label:StepContent;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQWNjb3JkaW9uIH0gZnJvbSAnLi4vYWNjb3JkaW9uJ1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4uL3N0ZXAvU3RlcENvbnRleHQnXG5cbnR5cGUgU3RlcENvbnRlbnRQcm9wcyA9IHtcbiAgLypcbiAgICogXHRUaGUgY29udGVudCBvZiB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0ZXBDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogU3RlcENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtY29udGVudFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZy10b3A6IDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEFjY29yZGlvblxuICAgICAgICBpc09wZW49e2FjdGl2ZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJiAuYWNjb3JkaW9uX19jb250ZW50IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgaGVhZGVyPXs8ZGl2PjwvZGl2Pn1cbiAgICAgICAgdHlwZT1cInNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9BY2NvcmRpb24+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcENvbnRlbnRcbiJdfQ== */",
+  styles: "& .accordion__content{padding:0;background-color:inherit;};label:StepContent;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgQWNjb3JkaW9uIH0gZnJvbSAnLi4vYWNjb3JkaW9uJ1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4uL3N0ZXAvU3RlcENvbnRleHQnXG5cbnR5cGUgU3RlcENvbnRlbnRQcm9wcyA9IHtcbiAgLypcbiAgICogXHRUaGUgY29udGVudCBvZiB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59XG5cbmNvbnN0IFN0ZXBDb250ZW50ID0gKHsgY2hpbGRyZW4gfTogU3RlcENvbnRlbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtY29udGVudFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcGFkZGluZy10b3A6IDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEFjY29yZGlvblxuICAgICAgICBpc09wZW49e2FjdGl2ZX1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJiAuYWNjb3JkaW9uX19jb250ZW50IHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBpbmhlcml0O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgaGVhZGVyPXs8ZGl2PjwvZGl2Pn1cbiAgICAgICAgdHlwZT1cInNtYWxsXCJcbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9BY2NvcmRpb24+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcENvbnRlbnRcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -18,22 +17,23 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "padding-top:8px"
 } : {
   name: "p2uvj7-StepContent",
-  styles: "padding-top:8px;label:StepContent;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuLi9hY2NvcmRpb24nXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi4vc3RlcC9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQ29udGVudFByb3BzID0ge1xuICAvKlxuICAgKiBcdFRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcENvbnRlbnQgPSAoeyBjaGlsZHJlbiB9OiBTdGVwQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjb3JkaW9uXG4gICAgICAgIGlzT3Blbj17YWN0aXZlfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAmIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICBoZWFkZXI9ezxkaXY+PC9kaXY+fVxuICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FjY29yZGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQ29udGVudFxuIl19 */",
+  styles: "padding-top:8px;label:StepContent;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBDb250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQmMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXAvU3RlcENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBBY2NvcmRpb24gfSBmcm9tICcuLi9hY2NvcmRpb24nXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi4vc3RlcC9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQ29udGVudFByb3BzID0ge1xuICAvKlxuICAgKiBcdFRoZSBjb250ZW50IG9mIHRoZSBjb21wb25lbnRcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcENvbnRlbnQgPSAoeyBjaGlsZHJlbiB9OiBTdGVwQ29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgYWN0aXZlIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwYWRkaW5nLXRvcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8QWNjb3JkaW9uXG4gICAgICAgIGlzT3Blbj17YWN0aXZlfVxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAmIC5hY2NvcmRpb25fX2NvbnRlbnQge1xuICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICBoZWFkZXI9ezxkaXY+PC9kaXY+fVxuICAgICAgICB0eXBlPVwic21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FjY29yZGlvbj5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQ29udGVudFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepContent = function StepContent(_ref3) {
   var children = _ref3.children;
   var _React$useContext = React.useContext(StepContext),
     active = _React$useContext.active;
-  return ___EmotionJSX("div", {
+  return _jsx("div", {
     "data-testid": "step-content",
-    css: _ref2
-  }, ___EmotionJSX(Accordion, {
-    isOpen: active,
-    css: _ref,
-    header: ___EmotionJSX("div", null),
-    type: "small"
-  }, children));
+    css: _ref2,
+    children: _jsx(Accordion, {
+      isOpen: active,
+      css: _ref,
+      header: _jsx("div", {}),
+      type: "small",
+      children: children
+    })
+  });
 };
 export default StepContent;

package/step/StepContext.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepContextType = {
+export type StepContextType = {
     index: number;
     active: boolean;
     hasError?: boolean;

package/step/StepLabel.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type StepLableTypes = {
+type StepLableTypes = {
     children: ReactNode;
     optionalStepText?: ReactNode;
 };

package/step/StepLabel.js

@@ -3,14 +3,13 @@ import React from 'react';
 import { css } from '@emotion/react';
 import StepContext from './StepContext';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "rnnx2x",
   styles: "font-size:12px"
 } : {
   name: "1ewsp7s-StepLabel",
-  styles: "font-size:12px;label:StepLabel;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4vU3RlcENvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBMYWJsZVR5cGVzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9wdGlvbmFsU3RlcFRleHQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiwgb3B0aW9uYWxTdGVwVGV4dCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtbGFiZWxcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgY29sb3I6ICR7Y29tcGxldGVkIHx8IGFjdGl2ZSA/IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7b3B0aW9uYWxTdGVwVGV4dCA/IG9wdGlvbmFsU3RlcFRleHQgOiBudWxsfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBMYWJlbFxuIl19 */",
+  styles: "font-size:12px;label:StepLabel;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnQiIsImZpbGUiOiIuLi8uLi9zcmMvc3RlcC9TdGVwTGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFN0ZXBDb250ZXh0IGZyb20gJy4vU3RlcENvbnRleHQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFN0ZXBMYWJsZVR5cGVzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9wdGlvbmFsU3RlcFRleHQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiwgb3B0aW9uYWxTdGVwVGV4dCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtbGFiZWxcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgY29sb3I6ICR7Y29tcGxldGVkIHx8IGFjdGl2ZSA/IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuc2Vjb25kYXJ5fTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHNwYW5cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7b3B0aW9uYWxTdGVwVGV4dCA/IG9wdGlvbmFsU3RlcFRleHQgOiBudWxsfVxuICAgICAgPC9zcGFuPlxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFN0ZXBMYWJlbFxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepLabel = function StepLabel(_ref2) {
@@ -19,11 +18,13 @@ var StepLabel = function StepLabel(_ref2) {
   var _React$useContext = React.useContext(StepContext),
     completed = _React$useContext.completed,
     active = _React$useContext.active;
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     "data-testid": "step-label",
-    css: /*#__PURE__*/css("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */")
-  }, children, ___EmotionJSX("span", {
-    css: _ref
-  }, optionalStepText ? optionalStepText : null));
+    css: /*#__PURE__*/css("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */"),
+    children: [children, _jsx("span", {
+      css: _ref,
+      children: optionalStepText ? optionalStepText : null
+    })]
+  });
 };
 export default StepLabel;

package/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepperProps = {
+export type StepperProps = {
     /**
      * Stepper layout orientation `'horizontal' | 'vertical'`
      */

package/stepper/Stepper.js

@@ -1,26 +1,24 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import React, { memo } from 'react';
 import { css } from '@emotion/react';
 import StepperContext from './StepperContext';
 import { StepperFeedbackMessage } from '../stepper-feedback-message';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
   name: "1eoy87d",
   styles: "display:flex;justify-content:space-between"
 } : {
   name: "1i6tvq8-stepperWrapperHorizontalStyles",
-  styles: "display:flex;justify-content:space-between;label:stepperWrapperHorizontalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  styles: "display:flex;justify-content:space-between;label:stepperWrapperHorizontalStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCMEMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepperWrapperVerticalStyles = process.env.NODE_ENV === "production" ? {
@@ -28,8 +26,7 @@ var StepperWrapperVerticalStyles = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;flex-direction:column"
 } : {
   name: "1wyixsr-StepperWrapperVerticalStyles",
-  styles: "display:flex;flex-direction:column;label:StepperWrapperVerticalStyles;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
+  styles: "display:flex;flex-direction:column;label:StepperWrapperVerticalStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepperProvider = function StepperProvider(_ref) {
@@ -57,12 +54,15 @@ var StepperProvider = function StepperProvider(_ref) {
     };
   }, [activeStep, sequential, orientation, stepFeedbackMessage]);
   var displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
-  return ___EmotionJSX(StepperContext.Provider, {
-    value: contextValue
-  }, ___EmotionJSX("div", _extends({
-    css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
-  }, other), displayFeedbackCondition ? ___EmotionJSX(StepperFeedbackMessage, {
-    message: stepFeedbackMessage
-  }) : steps));
+  return _jsx(StepperContext.Provider, {
+    value: contextValue,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
+    }, other), {}, {
+      children: displayFeedbackCondition ? _jsx(StepperFeedbackMessage, {
+        message: stepFeedbackMessage
+      }) : steps
+    }))
+  });
 };
 export default /*#__PURE__*/memo(StepperProvider);

package/stepper/StepperContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type StepperContextType = {
+type StepperContextType = {
     activeStep: number;
     orientation: 'horizontal' | 'vertical';
     sequential: boolean;

package/stepper-feedback-message/StepperFeedbackMessage.js

@@ -2,23 +2,25 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { css } from '@emotion/react';
 import React from 'react';
 import Spinner from '../spinner/Spinner';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1yydxi7",
   styles: "display:flex;align-items:center;gap:8px"
 } : {
   name: "zioacq-StepperFeedbackMessage",
-  styles: "display:flex;align-items:center;gap:8px;label:StepperFeedbackMessage;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2UvU3RlcHBlckZlZWRiYWNrTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZS9TdGVwcGVyRmVlZGJhY2tNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFNwaW5uZXIgZnJvbSAnLi4vc3Bpbm5lci9TcGlubmVyJ1xuXG5jb25zdCBTdGVwcGVyRmVlZGJhY2tNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiB7IG1lc3NhZ2U6IHN0cmluZyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2VcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3Bpbm5lciBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICA8c3Bhbj57bWVzc2FnZX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcHBlckZlZWRiYWNrTWVzc2FnZVxuIl19 */",
+  styles: "display:flex;align-items:center;gap:8px;label:StepperFeedbackMessage;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2UvU3RlcHBlckZlZWRiYWNrTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUWMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZS9TdGVwcGVyRmVlZGJhY2tNZXNzYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IFNwaW5uZXIgZnJvbSAnLi4vc3Bpbm5lci9TcGlubmVyJ1xuXG5jb25zdCBTdGVwcGVyRmVlZGJhY2tNZXNzYWdlID0gKHsgbWVzc2FnZSB9OiB7IG1lc3NhZ2U6IHN0cmluZyB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwcGVyLWZlZWRiYWNrLW1lc3NhZ2VcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGdhcDogOHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8U3Bpbm5lciBjb2xvcj1cInNlY29uZGFyeVwiIC8+XG4gICAgICA8c3Bhbj57bWVzc2FnZX08L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcHBlckZlZWRiYWNrTWVzc2FnZVxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var StepperFeedbackMessage = function StepperFeedbackMessage(_ref2) {
   var message = _ref2.message;
-  return ___EmotionJSX("div", {
+  return _jsxs("div", {
     "data-testid": "stepper-feedback-message",
-    css: _ref
-  }, ___EmotionJSX(Spinner, {
-    color: "secondary"
-  }), ___EmotionJSX("span", null, message));
+    css: _ref,
+    children: [_jsx(Spinner, {
+      color: "secondary"
+    }), _jsx("span", {
+      children: message
+    })]
+  });
 };
 export default StepperFeedbackMessage;

package/styles/media.d.ts

@@ -5,7 +5,7 @@ declare const defaultBreakPoints: {
     sm: number;
     xs: number;
 };
-declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+type BreakPoint = keyof typeof defaultBreakPoints | number;
 export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
     lt: (breakPoint: BreakPoint) => string;
     gt: (breakPoint: BreakPoint) => string;

package/styles/style-helpers.js

@@ -7,8 +7,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap"
 } : {
   name: "1nihf9n-visuallyHidden",
-  styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;label:visuallyHidden;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvc3R5bGUtaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9zdHlsZS1oZWxwZXJzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIGh0dHBzOi8vemVsbHdrLmNvbS9ibG9nL2hpZGUtY29udGVudC1hY2Nlc3NpYmx5L1xuZXhwb3J0IGNvbnN0IHZpc3VhbGx5SGlkZGVuID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IDA7XG4gIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gXG4iXX0= */",
+  styles: "border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;label:visuallyHidden;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvc3R5bGUtaGVscGVycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiLi4vLi4vc3JjL3N0eWxlcy9zdHlsZS1oZWxwZXJzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIGh0dHBzOi8vemVsbHdrLmNvbS9ibG9nL2hpZGUtY29udGVudC1hY2Nlc3NpYmx5L1xuZXhwb3J0IGNvbnN0IHZpc3VhbGx5SGlkZGVuID0gKCkgPT4gY3NzYFxuICBib3JkZXI6IDA7XG4gIGNsaXA6IHJlY3QoMCAwIDAgMCk7XG4gIGhlaWdodDogYXV0bztcbiAgbWFyZ2luOiAwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICBwYWRkaW5nOiAwO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAxcHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var visuallyHidden = function visuallyHidden() {

package/styles/theme.d.ts

@@ -35,5 +35,5 @@ export declare const theme: {
     };
     uiRoundness: string;
 };
-export declare type ThemeInterface = typeof theme;
+export type ThemeInterface = typeof theme;
 export default theme;

package/surface/Surface.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare type SurfaceContextType = {
+export type SurfaceType = keyof typeof theme.colors.surface;
+export type SurfaceContextType = {
     surface: SurfaceType;
     backgroundColor: string;
     textColors: {
@@ -17,16 +17,16 @@ export declare function getTextColors(surface: SurfaceType): {
 };
 export declare function getBackgroundColor(surface: SurfaceType): string;
 export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
-export declare const SurfaceProvider: React.FC<{
+export declare const SurfaceProvider: ({ children, surface }: {
     surface: SurfaceType;
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element;
 export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
     surface?: SurfaceType;
 }>): React.JSX.Element;
 export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
-export declare const Surface: React.FC<{
+export declare const Surface: ({ surface, children, ...rest }: {
     surface: SurfaceType;
     className?: string;
     children?: React.ReactNode;
-}>;
+}) => React.JSX.Element;

package/surface/Surface.js

@@ -6,13 +6,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { Fragment } from 'react';
 import { theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 function createSurfaceContextValue(surface) {
   return {
     surface: surface,
@@ -33,20 +32,21 @@ export var SurfaceContext = /*#__PURE__*/React.createContext(undefined);
 export var SurfaceProvider = function SurfaceProvider(_ref) {
   var children = _ref.children,
     surface = _ref.surface;
-  return ___EmotionJSX(SurfaceContext.Provider, {
+  return _jsx(SurfaceContext.Provider, {
     value: {
       surface: surface,
       backgroundColor: getBackgroundColor(surface),
       textColors: getTextColors(surface)
-    }
-  }, children);
+    },
+    children: children
+  });
 };
 export function MaybeSurfaceProvider(_ref2) {
   var surface = _ref2.surface,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  return surface ? ___EmotionJSX(SurfaceProvider, _extends({
+  return surface ? _jsx(SurfaceProvider, _objectSpread({
     surface: surface
-  }, rest)) : ___EmotionJSX(Fragment, rest);
+  }, rest)) : _jsx(Fragment, _objectSpread({}, rest));
 }
 export var useSurfaceContext = function useSurfaceContext(surface) {
   var context = React.useContext(SurfaceContext);
@@ -65,9 +65,12 @@ export var Surface = function Surface(_ref3) {
   var surface = _ref3.surface,
     children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded2);
-  return ___EmotionJSX(SurfaceProvider, {
-    surface: surface
-  }, ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/css("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXI6IFJlYWN0LkZDPHsgc3VyZmFjZTogU3VyZmFjZVR5cGU7IGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHN1cmZhY2UsXG59KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZTogUmVhY3QuRkM8eyBzdXJmYWNlOiBTdXJmYWNlVHlwZTsgY2xhc3NOYW1lPzogc3RyaW5nOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9PiA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN1cmZhY2VQcm92aWRlciBzdXJmYWNlPXtzdXJmYWNlfT5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSl9O1xuICAgICAgICBgfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9kaXY+XG4gICAgPC9TdXJmYWNlUHJvdmlkZXI+XG4gIClcbn1cbiJdfQ== */")
-  }, rest), children));
+  return _jsx(SurfaceProvider, {
+    surface: surface,
+    children: _jsx("div", _objectSpread(_objectSpread({
+      css: /*#__PURE__*/css("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
+    }, rest), {}, {
+      children: children
+    }))
+  });
 };

package/tab/Tab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
+export type Index = number | string;
+export type TabProps = {
     active?: boolean;
     disabled?: boolean;
     transparent?: boolean;
@@ -8,5 +8,5 @@ export declare type TabProps = {
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     children?: React.ReactNode;
 };
-declare const Tab: React.FC<TabProps>;
+declare const Tab: ({ children, index, onClick, ...rest }: TabProps) => React.JSX.Element;
 export default Tab;