@ultraviolet/plus 0.15.1 → 0.15.3

package/dist/components/SteppedListCard/Step.js

@@ -1,24 +1,25 @@
 import { jsx, Fragment } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Text, StepList } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { Data } from "./helper.js";
-const CustomText = styled(Text)`
-  cursor: pointer;
-  transition: text-decoration-color 250ms ease-out;
-  text-decoration: underline;
-  text-decoration-thickness: 1px;
-  text-underline-offset: 2px;
-  text-decoration-color: transparent;
-
-  &:hover {
-    text-decoration: underline;
-    text-decoration-thickness: 1px;
-  }
-  &:active {
-    text-decoration-thickness: 2px;
-  }
-`;
+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 CustomText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "ehxefxd0"
+} : {
+  target: "ehxefxd0",
+  label: "CustomText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1buwj38",
+  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}"
+} : {
+  name: "1buwj38",
+  styles: "cursor:pointer;transition:text-decoration-color 250ms ease-out;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;&:hover{text-decoration:underline;text-decoration-thickness:1px;}&:active{text-decoration-thickness:2px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUsrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgU3RlcExpc3QsIFRleHQgfSBmcm9tICdAdWx0cmF2aW9sZXQvdWknXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IEN1c3RvbVRleHQgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdHJhbnNpdGlvbjogdGV4dC1kZWNvcmF0aW9uLWNvbG9yIDI1MG1zIGVhc2Utb3V0O1xuICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgdGV4dC1kZWNvcmF0aW9uLXRoaWNrbmVzczogMXB4O1xuICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDtcblxuICAmOmhvdmVyIHtcbiAgICB0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcbiAgICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiAxcHg7XG4gIH1cbiAgJjphY3RpdmUge1xuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IDJweDtcbiAgfVxuYFxudHlwZSBTdGVwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIHRoZSBzdGVwLCBtYXggNSBzdGVwcy5cbiAgICovXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHN0ZXBcbiAgICovXG4gIHN0ZXBUaXRsZTogc3RyaW5nXG4gIC8qKlxuICAgKiBTdGF0ZSBvZiB0aGUgc3RlcFxuICAgKi9cbiAgY29tcGxldGVkOiBib29sZWFuXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0ID0gKHtcbiAgc3RlcE51bWJlcixcbiAgc3RlcFRpdGxlLFxuICBjb21wbGV0ZWQsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwUHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcbiAgY29uc3QgYWN0aXZlID0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA9PT0gc3RlcE51bWJlclxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIHtjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxTdGVwTGlzdC5JdGVtXG4gICAgICAgICAgYnVsbGV0SWNvbj1cImNoZWNrXCJcbiAgICAgICAgICBwcm9taW5lbmNlPXthY3RpdmUgPyAnc3Ryb25nJyA6ICdkZWZhdWx0J31cbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwKHN0ZXBOdW1iZXIpfVxuICAgICAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgICA+XG4gICAgICAgICAgPEN1c3RvbVRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9e2FjdGl2ZSA/ICdib2R5U3Ryb25nJyA6ICdib2R5J30+XG4gICAgICAgICAgICB7c3RlcFRpdGxlfVxuICAgICAgICAgIDwvQ3VzdG9tVGV4dD5cbiAgICAgICAgPC9TdGVwTGlzdC5JdGVtPlxuICAgICAgKSA6IChcbiAgICAgICAgPFN0ZXBMaXN0Lkl0ZW1cbiAgICAgICAgICBidWxsZXRUZXh0PXtTdHJpbmcoc3RlcE51bWJlcil9XG4gICAgICAgICAgcHJvbWluZW5jZT17YWN0aXZlID8gJ3N0cm9uZycgOiB1bmRlZmluZWR9XG4gICAgICAgICAgc2VudGltZW50PXthY3RpdmUgPyAncHJpbWFyeScgOiB1bmRlZmluZWR9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4gY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcChzdGVwTnVtYmVyKX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDdXN0b21UZXh0IGFzPVwiaDNcIiB2YXJpYW50PXthY3RpdmUgPyAnYm9keVN0cm9uZycgOiAnYm9keSd9PlxuICAgICAgICAgICAge3N0ZXBUaXRsZX1cbiAgICAgICAgICA8L0N1c3RvbVRleHQ+XG4gICAgICAgIDwvU3RlcExpc3QuSXRlbT5cbiAgICAgICl9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 const SteppedList = ({
   stepNumber,
   stepTitle,
@@ -27,27 +28,7 @@ const SteppedList = ({
 }) => {
   const containerData = useContext(Data);
   const active = containerData.currentStep === stepNumber;
-  return /* @__PURE__ */ jsx(Fragment, { children: completed ? /* @__PURE__ */ jsx(
-    StepList.Item,
-    {
-      bulletIcon: "check",
-      prominence: active ? "strong" : "default",
-      sentiment: "primary",
-      onClick: () => containerData.setCurrentStep(stepNumber),
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle })
-    }
-  ) : /* @__PURE__ */ jsx(
-    StepList.Item,
-    {
-      bulletText: String(stepNumber),
-      prominence: active ? "strong" : void 0,
-      sentiment: active ? "primary" : void 0,
-      onClick: () => containerData.setCurrentStep(stepNumber),
-      "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle })
-    }
-  ) });
+  return /* @__PURE__ */ jsx(Fragment, { children: completed ? /* @__PURE__ */ jsx(StepList.Item, { bulletIcon: "check", prominence: active ? "strong" : "default", sentiment: "primary", onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) : /* @__PURE__ */ jsx(StepList.Item, { bulletText: String(stepNumber), prominence: active ? "strong" : void 0, sentiment: active ? "primary" : void 0, onClick: () => containerData.setCurrentStep(stepNumber), "data-testid": dataTestId, children: /* @__PURE__ */ jsx(CustomText, { as: "h3", variant: active ? "bodyStrong" : "body", children: stepTitle }) }) });
 };
 export {
   SteppedList

package/dist/components/SteppedListCard/SteppedListContainer.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const ui = require("@ultraviolet/ui");
+const react = require("react");
+const Step = require("./Step.cjs");
+const SteppedListContent = require("./SteppedListContent.cjs");
+const helper = require("./helper.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+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 StyledCard = /* @__PURE__ */ _styled__default.default(ui.Card, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t1"
+} : {
+  target: "ebhkk9t1",
+  label: "StyledCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1hcx8jb",
+  styles: "padding:0"
+} : {
+  name: "1hcx8jb",
+  styles: "padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ContentStack = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t0"
+} : {
+  target: "ebhkk9t0",
+  label: "ContentStack"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";border-right:solid ", ({
+  theme
+}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */"));
+const SteppedListContainer = ({
+  header,
+  hideTooltipText,
+  hideText = "Hide",
+  showText = "Show",
+  showTooltipText,
+  children,
+  steps,
+  onClickHide
+}) => {
+  const numberOfSteps = react.Children.count(children);
+  const [currentStep, setCurrentStep] = react.useState(1);
+  const [hidden, setHidden] = react.useState(false);
+  const [done, setDone] = react.useState(Array(steps.length).fill(false));
+  const values = react.useMemo(() => ({
+    currentStep,
+    setCurrentStep,
+    numberOfSteps,
+    done,
+    setDone,
+    setHidden,
+    onClickHide
+  }), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
+  const onClickHideButton = () => {
+    if (onClickHide)
+      onClickHide();
+    else
+      setHidden(!hidden);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(helper.Data.Provider, { value: values, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { gap: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "9fr 1fr", children: [
+      typeof header === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "heading", children: header }) : header,
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText })
+    ] }),
+    hidden ? null : /* @__PURE__ */ jsxRuntime.jsx(StyledCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Row, { templateColumns: "1fr 3fr", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsxRuntime.jsx(Step.SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
+      children
+    ] }) })
+  ] }) });
+};
+SteppedListContainer.Step = SteppedListContent.SteppedListContent;
+exports.SteppedListContainer = SteppedListContainer;

package/dist/components/SteppedListCard/SteppedListContainer.js

@@ -1,17 +1,37 @@
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Card, Stack, Row, Text, Button, StepList } from "@ultraviolet/ui";
 import { Children, useState, useMemo } from "react";
 import { SteppedList } from "./Step.js";
 import { SteppedListContent } from "./SteppedListContent.js";
 import { Data } from "./helper.js";
-const StyledCard = styled(Card)`
-  padding: 0;
-`;
-const ContentStack = styled(Stack)`
-  padding: ${({ theme }) => theme.space["3"]};
-  border-right: solid ${({ theme }) => theme.colors.neutral.border} 1px;
-`;
+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 StyledCard = /* @__PURE__ */ _styled(Card, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t1"
+} : {
+  target: "ebhkk9t1",
+  label: "StyledCard"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1hcx8jb",
+  styles: "padding:0"
+} : {
+  name: "1hcx8jb",
+  styles: "padding:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ContentStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ebhkk9t0"
+} : {
+  target: "ebhkk9t0",
+  label: "ContentStack"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";border-right:solid ", ({
+  theme
+}) => theme.colors.neutral.border, " 1px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvcGx1cy9zcmMvY29tcG9uZW50cy9TdGVwcGVkTGlzdENhcmQvU3RlcHBlZExpc3RDb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBCdXR0b24sIENhcmQsIFJvdywgU3RhY2ssIFN0ZXBMaXN0LCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHsgQ2hpbGRyZW4sIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RlcHBlZExpc3QgfSBmcm9tICcuL1N0ZXAnXG5pbXBvcnQgeyBTdGVwcGVkTGlzdENvbnRlbnQgfSBmcm9tICcuL1N0ZXBwZWRMaXN0Q29udGVudCdcbmltcG9ydCB7IERhdGEgfSBmcm9tICcuL2hlbHBlcidcblxuY29uc3QgU3R5bGVkQ2FyZCA9IHN0eWxlZChDYXJkKWBcbiAgcGFkZGluZzogMDtcbmBcbmNvbnN0IENvbnRlbnRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGJvcmRlci1yaWdodDogc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9IDFweDtcbmBcblxudHlwZSBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGl0bGUgb2YgdGhlIHNlY3Rpb24sIGludHJvZHVjZXMgdGhlIGZlYXR1cmUuXG4gICAqL1xuICBoZWFkZXI6IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBvZiB0aGUgdG9vbHRpcCBvbiB0aGUgaGlkZSBidXR0b25cbiAgICovXG4gIGhpZGVUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJoaWRlXCIgYnV0dG9uXG4gICAqL1xuICBoaWRlVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0aGUgXCJzaG93XCIgYnV0dG9uXG4gICAqL1xuICBzaG93VGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogVGV4dCBvZiB0b29sdGlwIG9uIHRoZSBcInNob3dcIiBidXR0b25cbiAgICovXG4gIHNob3dUb29sdGlwVGV4dD86IHN0cmluZ1xuICAvKipcbiAgICogTGlzdCBvZiBzdGVwc1xuICAgKi9cbiAgc3RlcHM6IHN0cmluZ1tdXG4gIC8qKlxuICAgKiBEZWZpbmUgaGVyZSB0aGUgY29udGVudCBvZiBlYWNoIHN0ZXBcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIEZ1bmN0aW9uIGNhbGxlZCB3aGVuIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLiBUaGlzIGZ1bmN0aW9uIHdpbGwgb3ZlcmxvYWQgdGhlIGRlZmF1bHQgYmVoYXZpb3IuXG4gICAqL1xuICBvbkNsaWNrSGlkZT86ICgpID0+IHZvaWRcbn1cbi8qKlxuICogU3RlcHBlZExpc3RDb250YWluZXIgaXMgYSBjb21wb25lbnQgY3JlYXRlZCBmb3IgZ3VpZGluZyB1c2VycyB0aHJvdWdoIHN0ZXBzIGluIGEgc3RydWN0dXJlZCBhbmQgbGluZWFyIG1hbm5lci5cbiAqIEl0IGNhbiBwYXNzIHByb3AgXCJuZXh0U3RlcFwiIHRvIGl0cyBjaGlsZHJlbi5cbiAqL1xuY29uc3QgU3RlcHBlZExpc3RDb250YWluZXIgPSAoe1xuICBoZWFkZXIsXG4gIGhpZGVUb29sdGlwVGV4dCxcbiAgaGlkZVRleHQgPSAnSGlkZScsXG4gIHNob3dUZXh0ID0gJ1Nob3cnLFxuICBzaG93VG9vbHRpcFRleHQsXG4gIGNoaWxkcmVuLFxuICBzdGVwcyxcbiAgb25DbGlja0hpZGUsXG59OiBTdGVwcGVkTGlzdENvbnRhaW5lclByb3BzKSA9PiB7XG4gIGNvbnN0IG51bWJlck9mU3RlcHMgPSBDaGlsZHJlbi5jb3VudChjaGlsZHJlbilcbiAgY29uc3QgW2N1cnJlbnRTdGVwLCBzZXRDdXJyZW50U3RlcF0gPSB1c2VTdGF0ZSgxKVxuICBjb25zdCBbaGlkZGVuLCBzZXRIaWRkZW5dID0gdXNlU3RhdGUoZmFsc2UpXG4gIGNvbnN0IFtkb25lLCBzZXREb25lXSA9IHVzZVN0YXRlKEFycmF5PGJvb2xlYW4+KHN0ZXBzLmxlbmd0aCkuZmlsbChmYWxzZSkpXG5cbiAgY29uc3QgdmFsdWVzID0gdXNlTWVtbyhcbiAgICAoKSA9PiAoe1xuICAgICAgY3VycmVudFN0ZXAsXG4gICAgICBzZXRDdXJyZW50U3RlcCxcbiAgICAgIG51bWJlck9mU3RlcHMsXG4gICAgICBkb25lLFxuICAgICAgc2V0RG9uZSxcbiAgICAgIHNldEhpZGRlbixcbiAgICAgIG9uQ2xpY2tIaWRlLFxuICAgIH0pLFxuICAgIFtcbiAgICAgIGN1cnJlbnRTdGVwLFxuICAgICAgc2V0Q3VycmVudFN0ZXAsXG4gICAgICBudW1iZXJPZlN0ZXBzLFxuICAgICAgZG9uZSxcbiAgICAgIHNldERvbmUsXG4gICAgICBzZXRIaWRkZW4sXG4gICAgICBvbkNsaWNrSGlkZSxcbiAgICBdLFxuICApXG5cbiAgY29uc3Qgb25DbGlja0hpZGVCdXR0b24gPSAoKSA9PiB7XG4gICAgaWYgKG9uQ2xpY2tIaWRlKSBvbkNsaWNrSGlkZSgpXG4gICAgZWxzZSBzZXRIaWRkZW4oIWhpZGRlbilcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPERhdGEuUHJvdmlkZXIgdmFsdWU9e3ZhbHVlc30+XG4gICAgICA8U3RhY2sgZ2FwPXszfT5cbiAgICAgICAgPFJvdyB0ZW1wbGF0ZUNvbHVtbnM9XCI5ZnIgMWZyXCI+XG4gICAgICAgICAge3R5cGVvZiBoZWFkZXIgPT09ICdzdHJpbmcnID8gKFxuICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nXCI+XG4gICAgICAgICAgICAgIHtoZWFkZXJ9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIGhlYWRlclxuICAgICAgICAgICl9XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0hpZGVCdXR0b259XG4gICAgICAgICAgICB2YXJpYW50PVwiZ2hvc3RcIlxuICAgICAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdG9vbHRpcD17aGlkZGVuID8gc2hvd1Rvb2x0aXBUZXh0IDogaGlkZVRvb2x0aXBUZXh0fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtoaWRkZW4gPyBzaG93VGV4dCA6IGhpZGVUZXh0fVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L1Jvdz5cbiAgICAgICAge2hpZGRlbiA/IG51bGwgOiAoXG4gICAgICAgICAgPFN0eWxlZENhcmQ+XG4gICAgICAgICAgICA8Um93IHRlbXBsYXRlQ29sdW1ucz1cIjFmciAzZnJcIj5cbiAgICAgICAgICAgICAgPENvbnRlbnRTdGFjayBkaXJlY3Rpb249XCJjb2x1bW5cIiBnYXA9ezR9PlxuICAgICAgICAgICAgICAgIDxTdGVwTGlzdD5cbiAgICAgICAgICAgICAgICAgIHtzdGVwcy5tYXAoKHN0ZXAsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxTdGVwcGVkTGlzdFxuICAgICAgICAgICAgICAgICAgICAgIGtleT17c3RlcH1cbiAgICAgICAgICAgICAgICAgICAgICBzdGVwTnVtYmVyPXtpbmRleCArIDF9XG4gICAgICAgICAgICAgICAgICAgICAgc3RlcFRpdGxlPXtzdGVwfVxuICAgICAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZD17ZG9uZVtpbmRleF19XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApKX1cbiAgICAgICAgICAgICAgICA8L1N0ZXBMaXN0PlxuICAgICAgICAgICAgICA8L0NvbnRlbnRTdGFjaz5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9Sb3c+XG4gICAgICAgICAgPC9TdHlsZWRDYXJkPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L0RhdGEuUHJvdmlkZXI+XG4gIClcbn1cblxuU3RlcHBlZExpc3RDb250YWluZXIuU3RlcCA9IFN0ZXBwZWRMaXN0Q29udGVudFxuXG5leHBvcnQgeyBTdGVwcGVkTGlzdENvbnRhaW5lciB9XG4iXX0= */"));
 const SteppedListContainer = ({
   header,
   hideTooltipText,
@@ -26,26 +46,15 @@ const SteppedListContainer = ({
   const [currentStep, setCurrentStep] = useState(1);
   const [hidden, setHidden] = useState(false);
   const [done, setDone] = useState(Array(steps.length).fill(false));
-  const values = useMemo(
-    () => ({
-      currentStep,
-      setCurrentStep,
-      numberOfSteps,
-      done,
-      setDone,
-      setHidden,
-      onClickHide
-    }),
-    [
-      currentStep,
-      setCurrentStep,
-      numberOfSteps,
-      done,
-      setDone,
-      setHidden,
-      onClickHide
-    ]
-  );
+  const values = useMemo(() => ({
+    currentStep,
+    setCurrentStep,
+    numberOfSteps,
+    done,
+    setDone,
+    setHidden,
+    onClickHide
+  }), [currentStep, setCurrentStep, numberOfSteps, done, setDone, setHidden, onClickHide]);
   const onClickHideButton = () => {
     if (onClickHide)
       onClickHide();
@@ -55,28 +64,10 @@ const SteppedListContainer = ({
   return /* @__PURE__ */ jsx(Data.Provider, { value: values, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
     /* @__PURE__ */ jsxs(Row, { templateColumns: "9fr 1fr", children: [
       typeof header === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "heading", children: header }) : header,
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: onClickHideButton,
-          variant: "ghost",
-          sentiment: "neutral",
-          size: "small",
-          tooltip: hidden ? showTooltipText : hideTooltipText,
-          children: hidden ? showText : hideText
-        }
-      )
+      /* @__PURE__ */ jsx(Button, { onClick: onClickHideButton, variant: "ghost", sentiment: "neutral", size: "small", tooltip: hidden ? showTooltipText : hideTooltipText, children: hidden ? showText : hideText })
     ] }),
     hidden ? null : /* @__PURE__ */ jsx(StyledCard, { children: /* @__PURE__ */ jsxs(Row, { templateColumns: "1fr 3fr", children: [
-      /* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(
-        SteppedList,
-        {
-          stepNumber: index + 1,
-          stepTitle: step,
-          completed: done[index]
-        },
-        step
-      )) }) }),
+      /* @__PURE__ */ jsx(ContentStack, { direction: "column", gap: 4, children: /* @__PURE__ */ jsx(StepList, { children: steps.map((step, index) => /* @__PURE__ */ jsx(SteppedList, { stepNumber: index + 1, stepTitle: step, completed: done[index] }, step)) }) }),
       children
     ] }) })
   ] }) });

package/dist/components/SteppedListCard/SteppedListContent.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const ui = require("@ultraviolet/ui");
+const react = require("react");
+const helper = require("./helper.cjs");
+const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+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 StyledContent = /* @__PURE__ */ _styled__default.default(ui.Stack, process.env.NODE_ENV === "production" ? {
+  target: "erw7ck2"
+} : {
+  target: "erw7ck2",
+  label: "StyledContent"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";padding-top:", ({
+  theme
+}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */"));
+const StyledImage = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck1"
+} : {
+  target: "erw7ck1",
+  label: "StyledImage"
+})(process.env.NODE_ENV === "production" ? {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right"
+} : {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSubHeader = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck0"
+} : {
+  target: "erw7ck0",
+  label: "StyledSubHeader"
+})("margin-bottom:", ({
+  theme
+}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhLCBuZXh0U3RlcCB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgcGFkZGluZy10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG5gXG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiByaWdodDtcbmBcblxuY29uc3QgU3R5bGVkU3ViSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbmBcbnR5cGUgU3RlcHBlZExpc3RDb250ZW50UHJvcHMgPSB7XG4gIHN1YkhlYWRlcj86IFJlYWN0Tm9kZVxuICBjaGlsZHJlbjogKChuZXh0U3RlcDogKGNvbXBsZXRlZDogYm9vbGVhbikgPT4gdm9pZCkgPT4gUmVhY3ROb2RlKSB8IFJlYWN0Tm9kZVxuICBpbWFnZT86IFJlYWN0Tm9kZVxuICBzdGVwTnVtYmVyOiBudW1iZXJcbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbn06IFN0ZXBwZWRMaXN0Q29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3N0ZXBOdW1iZXIgPT09IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPyAoXG4gICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gY2hpbGRyZW4oKGNvbXBsZXRlZDogYm9vbGVhbikgPT5cbiAgICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgICBjb21wbGV0ZWQsXG4gICAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IGNvbnRhaW5lckRhdGEuc2V0RG9uZSxcbiAgICAgICAgICAgICAgICAgIGRvbmU6IGNvbnRhaW5lckRhdGEuZG9uZSxcbiAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXIsXG4gICAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcDogY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHM6IGNvbnRhaW5lckRhdGEubnVtYmVyT2ZTdGVwcyxcbiAgICAgICAgICAgICAgICAgIHNldEhpZGRlbjogY29udGFpbmVyRGF0YS5zZXRIaWRkZW4sXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrSGlkZTogY29udGFpbmVyRGF0YS5vbkNsaWNrSGlkZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDwvU3R5bGVkQ29udGVudD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
+const SteppedListContent = ({
+  subHeader,
+  children,
+  image,
+  stepNumber
+}) => {
+  const containerData = react.useContext(helper.Data);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: stepNumber === containerData.currentStep ? /* @__PURE__ */ jsxRuntime.jsxs(StyledContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
+    typeof children === "function" ? children((completed) => helper.nextStep({
+      completed,
+      setCompleted: containerData.setDone,
+      done: containerData.done,
+      stepNumber,
+      setCurrentStep: containerData.setCurrentStep,
+      numberOfSteps: containerData.numberOfSteps,
+      setHidden: containerData.setHidden,
+      onClickHide: containerData.onClickHide
+    })) : children,
+    /* @__PURE__ */ jsxRuntime.jsx(StyledImage, { children: image })
+  ] }) : null });
+};
+exports.SteppedListContent = SteppedListContent;

package/dist/components/SteppedListCard/SteppedListContent.js

@@ -1,19 +1,43 @@
 import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
-import styled from "@emotion/styled";
+import _styled from "@emotion/styled/base";
 import { Stack, Text } from "@ultraviolet/ui";
 import { useContext } from "react";
 import { Data, nextStep } from "./helper.js";
-const StyledContent = styled(Stack)`
-  padding: ${({ theme }) => theme.space["3"]};
-  padding-top: ${({ theme }) => theme.space["4"]};
-`;
-const StyledImage = styled.div`
-  display: flex;
-  justify-content: right;
-`;
-const StyledSubHeader = styled.div`
-  margin-bottom: ${({ theme }) => theme.space["3"]};
-`;
+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 StyledContent = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "erw7ck2"
+} : {
+  target: "erw7ck2",
+  label: "StyledContent"
+})("padding:", ({
+  theme
+}) => theme.space["3"], ";padding-top:", ({
+  theme
+}) => theme.space["4"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */"));
+const StyledImage = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck1"
+} : {
+  target: "erw7ck1",
+  label: "StyledImage"
+})(process.env.NODE_ENV === "production" ? {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right"
+} : {
+  name: "r4f2yk",
+  styles: "display:flex;justify-content:right",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFN0YWNrLCBUZXh0IH0gZnJvbSAnQHVsdHJhdmlvbGV0L3VpJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUNvbnRleHQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERhdGEsIG5leHRTdGVwIH0gZnJvbSAnLi9oZWxwZXInXG5cbmNvbnN0IFN0eWxlZENvbnRlbnQgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuICBwYWRkaW5nLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnNCddfTtcbmBcblxuY29uc3QgU3R5bGVkSW1hZ2UgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHJpZ2h0O1xuYFxuXG5jb25zdCBTdHlsZWRTdWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyczJ119O1xuYFxudHlwZSBTdGVwcGVkTGlzdENvbnRlbnRQcm9wcyA9IHtcbiAgc3ViSGVhZGVyPzogUmVhY3ROb2RlXG4gIGNoaWxkcmVuOiAoKG5leHRTdGVwOiAoY29tcGxldGVkOiBib29sZWFuKSA9PiB2b2lkKSA9PiBSZWFjdE5vZGUpIHwgUmVhY3ROb2RlXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHN0ZXBOdW1iZXI6IG51bWJlclxufVxuZXhwb3J0IGNvbnN0IFN0ZXBwZWRMaXN0Q29udGVudCA9ICh7XG4gIHN1YkhlYWRlcixcbiAgY2hpbGRyZW4sXG4gIGltYWdlLFxuICBzdGVwTnVtYmVyLFxufTogU3RlcHBlZExpc3RDb250ZW50UHJvcHMpID0+IHtcbiAgY29uc3QgY29udGFpbmVyRGF0YSA9IHVzZUNvbnRleHQoRGF0YSlcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7c3RlcE51bWJlciA9PT0gY29udGFpbmVyRGF0YS5jdXJyZW50U3RlcCA/IChcbiAgICAgICAgPFN0eWxlZENvbnRlbnQ+XG4gICAgICAgICAgPFN0eWxlZFN1YkhlYWRlcj5cbiAgICAgICAgICAgIHt0eXBlb2Ygc3ViSGVhZGVyID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICAgICAgPFRleHQgYXM9XCJoM1wiIHZhcmlhbnQ9XCJoZWFkaW5nU21hbGxTdHJvbmdcIj5cbiAgICAgICAgICAgICAgICB7c3ViSGVhZGVyfVxuICAgICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICBzdWJIZWFkZXJcbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJ1xuICAgICAgICAgICAgPyBjaGlsZHJlbigoY29tcGxldGVkOiBib29sZWFuKSA9PlxuICAgICAgICAgICAgICAgIG5leHRTdGVwKHtcbiAgICAgICAgICAgICAgICAgIGNvbXBsZXRlZCxcbiAgICAgICAgICAgICAgICAgIHNldENvbXBsZXRlZDogY29udGFpbmVyRGF0YS5zZXREb25lLFxuICAgICAgICAgICAgICAgICAgZG9uZTogY29udGFpbmVyRGF0YS5kb25lLFxuICAgICAgICAgICAgICAgICAgc3RlcE51bWJlcixcbiAgICAgICAgICAgICAgICAgIHNldEN1cnJlbnRTdGVwOiBjb250YWluZXJEYXRhLnNldEN1cnJlbnRTdGVwLFxuICAgICAgICAgICAgICAgICAgbnVtYmVyT2ZTdGVwczogY29udGFpbmVyRGF0YS5udW1iZXJPZlN0ZXBzLFxuICAgICAgICAgICAgICAgICAgc2V0SGlkZGVuOiBjb250YWluZXJEYXRhLnNldEhpZGRlbixcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2tIaWRlOiBjb250YWluZXJEYXRhLm9uQ2xpY2tIaWRlLFxuICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IGNoaWxkcmVufVxuICAgICAgICAgIDxTdHlsZWRJbWFnZT57aW1hZ2V9PC9TdHlsZWRJbWFnZT5cbiAgICAgICAgPC9TdHlsZWRDb250ZW50PlxuICAgICAgKSA6IG51bGx9XG4gICAgPC8+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSubHeader = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "erw7ck0"
+} : {
+  target: "erw7ck0",
+  label: "StyledSubHeader"
+})("margin-bottom:", ({
+  theme
+}) => theme.space["3"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3BsdXMvc3JjL2NvbXBvbmVudHMvU3RlcHBlZExpc3RDYXJkL1N0ZXBwZWRMaXN0Q29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9wbHVzL3NyYy9jb21wb25lbnRzL1N0ZXBwZWRMaXN0Q2FyZC9TdGVwcGVkTGlzdENvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBTdGFjaywgVGV4dCB9IGZyb20gJ0B1bHRyYXZpb2xldC91aSdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEYXRhLCBuZXh0U3RlcCB9IGZyb20gJy4vaGVscGVyJ1xuXG5jb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkKFN0YWNrKWBcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgcGFkZGluZy10b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzQnXX07XG5gXG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiByaWdodDtcbmBcblxuY29uc3QgU3R5bGVkU3ViSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbmBcbnR5cGUgU3RlcHBlZExpc3RDb250ZW50UHJvcHMgPSB7XG4gIHN1YkhlYWRlcj86IFJlYWN0Tm9kZVxuICBjaGlsZHJlbjogKChuZXh0U3RlcDogKGNvbXBsZXRlZDogYm9vbGVhbikgPT4gdm9pZCkgPT4gUmVhY3ROb2RlKSB8IFJlYWN0Tm9kZVxuICBpbWFnZT86IFJlYWN0Tm9kZVxuICBzdGVwTnVtYmVyOiBudW1iZXJcbn1cbmV4cG9ydCBjb25zdCBTdGVwcGVkTGlzdENvbnRlbnQgPSAoe1xuICBzdWJIZWFkZXIsXG4gIGNoaWxkcmVuLFxuICBpbWFnZSxcbiAgc3RlcE51bWJlcixcbn06IFN0ZXBwZWRMaXN0Q29udGVudFByb3BzKSA9PiB7XG4gIGNvbnN0IGNvbnRhaW5lckRhdGEgPSB1c2VDb250ZXh0KERhdGEpXG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAge3N0ZXBOdW1iZXIgPT09IGNvbnRhaW5lckRhdGEuY3VycmVudFN0ZXAgPyAoXG4gICAgICAgIDxTdHlsZWRDb250ZW50PlxuICAgICAgICAgIDxTdHlsZWRTdWJIZWFkZXI+XG4gICAgICAgICAgICB7dHlwZW9mIHN1YkhlYWRlciA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgICAgIDxUZXh0IGFzPVwiaDNcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nXCI+XG4gICAgICAgICAgICAgICAge3N1YkhlYWRlcn1cbiAgICAgICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgc3ViSGVhZGVyXG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkU3ViSGVhZGVyPlxuICAgICAgICAgIHt0eXBlb2YgY2hpbGRyZW4gPT09ICdmdW5jdGlvbidcbiAgICAgICAgICAgID8gY2hpbGRyZW4oKGNvbXBsZXRlZDogYm9vbGVhbikgPT5cbiAgICAgICAgICAgICAgICBuZXh0U3RlcCh7XG4gICAgICAgICAgICAgICAgICBjb21wbGV0ZWQsXG4gICAgICAgICAgICAgICAgICBzZXRDb21wbGV0ZWQ6IGNvbnRhaW5lckRhdGEuc2V0RG9uZSxcbiAgICAgICAgICAgICAgICAgIGRvbmU6IGNvbnRhaW5lckRhdGEuZG9uZSxcbiAgICAgICAgICAgICAgICAgIHN0ZXBOdW1iZXIsXG4gICAgICAgICAgICAgICAgICBzZXRDdXJyZW50U3RlcDogY29udGFpbmVyRGF0YS5zZXRDdXJyZW50U3RlcCxcbiAgICAgICAgICAgICAgICAgIG51bWJlck9mU3RlcHM6IGNvbnRhaW5lckRhdGEubnVtYmVyT2ZTdGVwcyxcbiAgICAgICAgICAgICAgICAgIHNldEhpZGRlbjogY29udGFpbmVyRGF0YS5zZXRIaWRkZW4sXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrSGlkZTogY29udGFpbmVyRGF0YS5vbkNsaWNrSGlkZSxcbiAgICAgICAgICAgICAgICB9KSxcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgOiBjaGlsZHJlbn1cbiAgICAgICAgICA8U3R5bGVkSW1hZ2U+e2ltYWdlfTwvU3R5bGVkSW1hZ2U+XG4gICAgICAgIDwvU3R5bGVkQ29udGVudD5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvPlxuICApXG59XG4iXX0= */"));
 const SteppedListContent = ({
   subHeader,
   children,
@@ -23,18 +47,16 @@ const SteppedListContent = ({
   const containerData = useContext(Data);
   return /* @__PURE__ */ jsx(Fragment, { children: stepNumber === containerData.currentStep ? /* @__PURE__ */ jsxs(StyledContent, { children: [
     /* @__PURE__ */ jsx(StyledSubHeader, { children: typeof subHeader === "string" ? /* @__PURE__ */ jsx(Text, { as: "h3", variant: "headingSmallStrong", children: subHeader }) : subHeader }),
-    typeof children === "function" ? children(
-      (completed) => nextStep({
-        completed,
-        setCompleted: containerData.setDone,
-        done: containerData.done,
-        stepNumber,
-        setCurrentStep: containerData.setCurrentStep,
-        numberOfSteps: containerData.numberOfSteps,
-        setHidden: containerData.setHidden,
-        onClickHide: containerData.onClickHide
-      })
-    ) : children,
+    typeof children === "function" ? children((completed) => nextStep({
+      completed,
+      setCompleted: containerData.setDone,
+      done: containerData.done,
+      stepNumber,
+      setCurrentStep: containerData.setCurrentStep,
+      numberOfSteps: containerData.numberOfSteps,
+      setHidden: containerData.setHidden,
+      onClickHide: containerData.onClickHide
+    })) : children,
     /* @__PURE__ */ jsx(StyledImage, { children: image })
   ] }) : null });
 };

package/dist/components/SteppedListCard/helper.cjs

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const Data = react.createContext({
+  currentStep: 1,
+  setCurrentStep: () => {
+  },
+  numberOfSteps: 1,
+  done: [false, false, false, false, false],
+  setDone: () => {
+  },
+  setHidden: () => {
+  },
+  onClickHide: () => {
+  }
+});
+const nextStep = ({
+  completed,
+  setCompleted,
+  stepNumber,
+  setCurrentStep,
+  numberOfSteps,
+  setHidden,
+  done,
+  onClickHide
+}) => {
+  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
+  setCompleted(tempDone);
+  if (numberOfSteps > stepNumber)
+    setCurrentStep(stepNumber + 1);
+  else if (onClickHide)
+    onClickHide();
+  else
+    setHidden(true);
+};
+exports.Data = Data;
+exports.nextStep = nextStep;

package/dist/components/SteppedListCard/helper.js

@@ -22,9 +22,7 @@ const nextStep = ({
   done,
   onClickHide
 }) => {
-  const tempDone = done.map(
-    (item, index) => index === stepNumber - 1 ? completed : item
-  );
+  const tempDone = done.map((item, index) => index === stepNumber - 1 ? completed : item);
   setCompleted(tempDone);
   if (numberOfSteps > stepNumber)
     setCurrentStep(stepNumber + 1);

package/dist/components/index.d.ts

@@ -4,6 +4,7 @@ export { CodeEditor } from './CodeEditor';
 export { EstimateCost, estimateCostDefaultLocales } from './EstimateCost';
 export { CustomerSatisfaction } from './CustomerSatisfaction';
 export { Conversation } from './Conversation';
+export type { PinUnPinType } from './Navigation';
 export { Navigation, NavigationProvider, useNavigation } from './Navigation';
 export { FAQ } from './FAQ';
 export { SteppedListContainer } from './SteppedListCard';

package/dist/index.cjs

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./components/ContentCard/index.cjs");
+const index$1 = require("./components/ContentCardGroup/index.cjs");
+const CodeEditor = require("./components/CodeEditor/CodeEditor.cjs");
+const EstimateCost = require("./components/EstimateCost/EstimateCost.cjs");
+const en = require("./components/EstimateCost/locales/en.cjs");
+const index$2 = require("./components/CustomerSatisfaction/index.cjs");
+const index$3 = require("./components/Conversation/index.cjs");
+const Navigation = require("./components/Navigation/Navigation.cjs");
+const NavigationProvider = require("./components/Navigation/NavigationProvider.cjs");
+const index$4 = require("./components/FAQ/index.cjs");
+const SteppedListContainer = require("./components/SteppedListCard/SteppedListContainer.cjs");
+exports.ContentCard = index.ContentCard;
+exports.ContentCardGroup = index$1.ContentCardGroup;
+exports.CodeEditor = CodeEditor.CodeEditor;
+exports.EstimateCost = EstimateCost.EstimateCost;
+exports.estimateCostDefaultLocales = en;
+exports.CustomerSatisfaction = index$2.CustomerSatisfaction;
+exports.Conversation = index$3.Conversation;
+exports.Navigation = Navigation.Navigation;
+exports.NavigationProvider = NavigationProvider.NavigationProvider;
+exports.useNavigation = NavigationProvider.useNavigation;
+exports.FAQ = index$4.FAQ;
+exports.SteppedListContainer = SteppedListContainer.SteppedListContainer;