@ultraviolet/ui 3.0.0-beta.2 → 3.0.0-beta.21

package/dist/components/Status/index.cjs

@@ -2,70 +2,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const index = require("../Tooltip/index.cjs");
-const animations = require("../../utils/animations.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const HEIGHT = "10px";
-const WIDTH = "10px";
-const sentiments = {
-  danger: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.danger.backgroundStrong};
-    `,
-  info: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.info.backgroundStrong};
-    `,
-  neutral: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.neutral.backgroundStronger};
-    `,
-  success: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.success.backgroundStrong};
-    `,
-  warning: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.warning.backgroundStrong};
-    `
-};
-const StyledCircle = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn2"
-} : {
-  target: "eny0xmn2",
-  label: "StyledCircle"
-})("display:inline-block;width:", WIDTH, ";height:", HEIGHT, ";border-radius:", ({
-  theme
-}) => theme.radii.circle, ";", ({
-  sentiment
-}) => sentiments[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JtRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
-const StyledAnimatedCircle = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn1"
-} : {
-  target: "eny0xmn1",
-  label: "StyledAnimatedCircle"
-})("position:absolute;width:", WIDTH, ";height:", HEIGHT, ";opacity:0.75;border-radius:", ({
-  theme
-}) => theme.radii.circle, ";animation:", animations.ping, " 1.1s cubic-bezier(0, 0, 0.2, 1) infinite;", ({
-  sentiment
-}) => sentiments[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
-const Container = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn0"
-} : {
-  target: "eny0xmn0",
-  label: "Container"
-})("display:flex;width:", WIDTH, ";height:", HEIGHT, ";&[data-notification='true']{position:absolute;top:", ({
-  theme
-}) => theme.space[0.5], ";right:", ({
-  theme
-}) => theme.space[0.5], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const Status = ({
   animated = false,
   className,
@@ -73,8 +11,14 @@ const Status = ({
   sentiment,
   "data-testid": dataTestId,
   notification
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs(Container, { className, "data-notification": notification, "data-testid": dataTestId, children: [
-  animated ? /* @__PURE__ */ jsxRuntime.jsx(StyledAnimatedCircle, { sentiment }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx(StyledCircle, { sentiment })
+}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${className ? `${className} ` : ""}${styles_css.status({
+  notification
+})}`, "data-testid": dataTestId, children: [
+  animated ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.animatedCircleStatus({
+    sentiment
+  }) }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.circleStatus({
+    sentiment
+  }) })
 ] }) });
 exports.Status = Status;

package/dist/components/Status/index.d.ts

@@ -1,23 +1,5 @@
-import type { Theme } from '@emotion/react';
-declare const sentiments: {
-    readonly danger: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly info: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly neutral: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly success: ({ theme }: {
-        theme: Theme;
-    }) => string;
-    readonly warning: ({ theme }: {
-        theme: Theme;
-    }) => string;
-};
-type StatusSentiment = keyof typeof sentiments;
-export declare const statusSentiments: StatusSentiment[];
+import type { SENTIMENTS } from './constant';
+type StatusSentiment = (typeof SENTIMENTS)[number];
 type StatusProps = {
     animated?: boolean;
     className?: string;

package/dist/components/Status/index.js

@@ -1,67 +1,7 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Tooltip } from "../Tooltip/index.js";
-import { ping } from "../../utils/animations.js";
-const HEIGHT = "10px";
-const WIDTH = "10px";
-const sentiments = {
-  danger: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.danger.backgroundStrong};
-    `,
-  info: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.info.backgroundStrong};
-    `,
-  neutral: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.neutral.backgroundStronger};
-    `,
-  success: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.success.backgroundStrong};
-    `,
-  warning: ({
-    theme
-  }) => `
-      background-color: ${theme.colors.warning.backgroundStrong};
-    `
-};
-const StyledCircle = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn2"
-} : {
-  target: "eny0xmn2",
-  label: "StyledCircle"
-})("display:inline-block;width:", WIDTH, ";height:", HEIGHT, ";border-radius:", ({
-  theme
-}) => theme.radii.circle, ";", ({
-  sentiment
-}) => sentiments[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JtRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
-const StyledAnimatedCircle = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn1"
-} : {
-  target: "eny0xmn1",
-  label: "StyledAnimatedCircle"
-})("position:absolute;width:", WIDTH, ";height:", HEIGHT, ";opacity:0.75;border-radius:", ({
-  theme
-}) => theme.radii.circle, ";animation:", ping, " 1.1s cubic-bezier(0, 0, 0.2, 1) infinite;", ({
-  sentiment
-}) => sentiments[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUMyRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
-const Container = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  target: "eny0xmn0"
-} : {
-  target: "eny0xmn0",
-  label: "Container"
-})("display:flex;width:", WIDTH, ";height:", HEIGHT, ";&[data-notification='true']{position:absolute;top:", ({
-  theme
-}) => theme.space[0.5], ";right:", ({
-  theme
-}) => theme.space[0.5], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0YXR1cy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUQ2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9TdGF0dXMvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgcGluZyB9IGZyb20gJy4uLy4uL3V0aWxzJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IEhFSUdIVCA9ICcxMHB4J1xuY29uc3QgV0lEVEggPSAnMTBweCdcblxuY29uc3Qgc2VudGltZW50cyA9IHtcbiAgZGFuZ2VyOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gICAgYCxcbiAgaW5mbzogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICBuZXV0cmFsOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJhY2tncm91bmRTdHJvbmdlcn07XG4gICAgYCxcbiAgc3VjY2VzczogKHsgdGhlbWUgfTogeyB0aGVtZTogVGhlbWUgfSkgPT4gYFxuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VjY2Vzcy5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICBgLFxuICB3YXJuaW5nOiAoeyB0aGVtZSB9OiB7IHRoZW1lOiBUaGVtZSB9KSA9PiBgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy53YXJuaW5nLmJhY2tncm91bmRTdHJvbmd9O1xuICAgIGAsXG59IGFzIGNvbnN0XG50eXBlIFN0YXR1c1NlbnRpbWVudCA9IGtleW9mIHR5cGVvZiBzZW50aW1lbnRzXG5leHBvcnQgY29uc3Qgc3RhdHVzU2VudGltZW50cyA9IE9iamVjdC5rZXlzKHNlbnRpbWVudHMpIGFzIFN0YXR1c1NlbnRpbWVudFtdXG5cbnR5cGUgU3R5bGVkQ2lyY2xlUHJvcHMgPSBQaWNrPFN0YXR1c1Byb3BzLCAnc2VudGltZW50Jz5cbmNvbnN0IFN0eWxlZENpcmNsZSA9IHN0eWxlZC5zcGFuPFN0eWxlZENpcmNsZVByb3BzPmBcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IFN0eWxlZEFuaW1hdGVkQ2lyY2xlID0gc3R5bGVkLnNwYW48U3R5bGVkQ2lyY2xlUHJvcHM+YFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAke1dJRFRIfTtcbiAgaGVpZ2h0OiAke0hFSUdIVH07XG4gIG9wYWNpdHk6IDAuNzU7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuY2lyY2xlfTtcbiAgYW5pbWF0aW9uOiAke3Bpbmd9IDEuMXMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgaW5maW5pdGU7XG4gICR7KHsgc2VudGltZW50IH0pID0+IHNlbnRpbWVudHNbc2VudGltZW50XX07XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICB3aWR0aDogJHtXSURUSH07XG4gIGhlaWdodDogJHtIRUlHSFR9O1xuICAmW2RhdGEtbm90aWZpY2F0aW9uPSd0cnVlJ10ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gICAgcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMC41XX07XG4gIH1cbmBcblxudHlwZSBTdGF0dXNQcm9wcyA9IHtcbiAgYW5pbWF0ZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBzZW50aW1lbnQ6IFN0YXR1c1NlbnRpbWVudFxuICB0b29sdGlwPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFRoaXMgcHJvcCB3aWxsIHNldCBzdGF0dXMgYXMgYSBub3RpZmljYXRpb24gYW5kIG1ha2UgaXQgYWJzb2x1dGUgdG8gaXRzIHBhcmVudCBkaXNwbGF5ZWQgb24gdG9wIHJpZ2h0LlxuICAgKi9cbiAgbm90aWZpY2F0aW9uPzogYm9vbGVhblxufVxuXG4vKipcbiAqIFN0YXR1cyBjb21wb25lbnQgdXNlZCB0byBkaXNwbGF5IGEgY29sb3JlZCBjaXJjbGUgd2l0aCBhIHRvb2x0aXAgZm9yIGFkZGl0aW9uYWwgaW5mb3JtYXRpb24uXG4gKi9cbmV4cG9ydCBjb25zdCBTdGF0dXMgPSAoe1xuICBhbmltYXRlZCA9IGZhbHNlLFxuICBjbGFzc05hbWUsXG4gIHRvb2x0aXAsXG4gIHNlbnRpbWVudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgbm90aWZpY2F0aW9uLFxufTogU3RhdHVzUHJvcHMpID0+IChcbiAgPFRvb2x0aXAgdGV4dD17dG9vbHRpcH0+XG4gICAgPENvbnRhaW5lclxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLW5vdGlmaWNhdGlvbj17bm90aWZpY2F0aW9ufVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgPlxuICAgICAge2FuaW1hdGVkID8gPFN0eWxlZEFuaW1hdGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPiA6IG51bGx9XG4gICAgICA8U3R5bGVkQ2lyY2xlIHNlbnRpbWVudD17c2VudGltZW50fSAvPlxuICAgIDwvQ29udGFpbmVyPlxuICA8L1Rvb2x0aXA+XG4pXG4iXX0= */"));
+import { status, animatedCircleStatus, circleStatus } from "./styles.css.js";
 const Status = ({
   animated = false,
   className,
@@ -69,9 +9,15 @@ const Status = ({
   sentiment,
   "data-testid": dataTestId,
   notification
-}) => /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs(Container, { className, "data-notification": notification, "data-testid": dataTestId, children: [
-  animated ? /* @__PURE__ */ jsx(StyledAnimatedCircle, { sentiment }) : null,
-  /* @__PURE__ */ jsx(StyledCircle, { sentiment })
+}) => /* @__PURE__ */ jsx(Tooltip, { text: tooltip, children: /* @__PURE__ */ jsxs("span", { className: `${className ? `${className} ` : ""}${status({
+  notification
+})}`, "data-testid": dataTestId, children: [
+  animated ? /* @__PURE__ */ jsx("span", { className: animatedCircleStatus({
+    sentiment
+  }) }) : null,
+  /* @__PURE__ */ jsx("span", { className: circleStatus({
+    sentiment
+  }) })
 ] }) });
 export {
   Status

package/dist/components/Status/styles.css.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                                       */
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var circleStatus = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrj0", variantClassNames: { sentiment: { danger: "uv_bt4zrj1", info: "uv_bt4zrj2", neutral: "uv_bt4zrj3", success: "uv_bt4zrj4", warning: "uv_bt4zrj5" } }, defaultVariants: {}, compoundVariants: [] });
+var animatedCircleStatus = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrj6", variantClassNames: { sentiment: { danger: "uv_bt4zrj7", info: "uv_bt4zrj8", neutral: "uv_bt4zrj9", success: "uv_bt4zrja", warning: "uv_bt4zrjb" } }, defaultVariants: {}, compoundVariants: [] });
+var status = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_bt4zrjc", variantClassNames: { notification: { true: "uv_bt4zrjd" } }, defaultVariants: {}, compoundVariants: [] });
+exports.animatedCircleStatus = animatedCircleStatus;
+exports.circleStatus = circleStatus;
+exports.status = status;

package/dist/components/Status/styles.css.d.ts

@@ -0,0 +1,23 @@
+export declare const circleStatus: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: {
+        [k: string]: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+}>;
+export declare const animatedCircleStatus: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: {
+        [k: string]: {
+            backgroundColor: `var(--${string})`;
+        };
+    };
+}>;
+export declare const status: import("@vanilla-extract/recipes").RuntimeFn<{
+    notification: {
+        true: {
+            position: "absolute";
+            top: `var(--${string})`;
+            right: `var(--${string})`;
+        };
+    };
+}>;

package/dist/components/Status/styles.css.js

@@ -0,0 +1,11 @@
+/* empty css                                                     */
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var circleStatus = createRuntimeFn({ defaultClassName: "uv_bt4zrj0", variantClassNames: { sentiment: { danger: "uv_bt4zrj1", info: "uv_bt4zrj2", neutral: "uv_bt4zrj3", success: "uv_bt4zrj4", warning: "uv_bt4zrj5" } }, defaultVariants: {}, compoundVariants: [] });
+var animatedCircleStatus = createRuntimeFn({ defaultClassName: "uv_bt4zrj6", variantClassNames: { sentiment: { danger: "uv_bt4zrj7", info: "uv_bt4zrj8", neutral: "uv_bt4zrj9", success: "uv_bt4zrja", warning: "uv_bt4zrjb" } }, defaultVariants: {}, compoundVariants: [] });
+var status = createRuntimeFn({ defaultClassName: "uv_bt4zrjc", variantClassNames: { notification: { true: "uv_bt4zrjd" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  animatedCircleStatus,
+  circleStatus,
+  status
+};

package/dist/components/StepList/index.cjs

@@ -2,62 +2,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const index = require("../Bullet/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const Steps = /* @__PURE__ */ _styled__default.default("ul", process.env.NODE_ENV === "production" ? {
-  target: "ewuati22"
-} : {
-  target: "ewuati22",
-  label: "Steps"
-})("list-style:none;padding-left:0;text-align:left;display:flex;flex-direction:column;gap:", ({
-  theme
-}) => theme.space["3"], ";font-size:", ({
-  theme
-}) => theme.typography.body, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU3RlcExpc3QvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5cbmNvbnN0IFN0ZXBzID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keX07XG5gXG5cbmNvbnN0IFN0ZXAgPSBzdHlsZWQoJ2xpJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydkaXNhYmxlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZFxuICAgICAgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nfTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZTogU2l6ZXMgfT5gXG4gIGZsZXg6IDE7XG4gIG1hcmdpbjogYXV0bztcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21lZGl1bScgPyAnMzJweCcgOiAnMjRweCcpfTtcbiAgZm9udC1zaXplOiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzI0cHgnIDogJzE2cHgnKX07XG4gIG1pbi13aWR0aDogMDtcbmBcblxuZXhwb3J0IHR5cGUgU2l6ZXMgPSAnc21hbGwnIHwgJ21lZGl1bSdcblxudHlwZSBJdGVtUHJvcHMgPSB7XG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+WydzZW50aW1lbnQnXVxuICBwcm9taW5lbmNlPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1bGxldD5bJ3Byb21pbmVuY2UnXVxuICBzaXplPzogU2l6ZXNcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGJ1bGxldENvbnRlbnQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgSXRlbSA9ICh7XG4gIGJ1bGxldENvbnRlbnQsXG4gIHNlbnRpbWVudCxcbiAgcHJvbWluZW5jZSxcbiAgY2hpbGRyZW4sXG4gIG9uQ2xpY2ssXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxTdGVwIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgIHtidWxsZXRDb250ZW50ID8gKFxuICAgICAgPEJ1bGxldFxuICAgICAgICBwcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgICBzZW50aW1lbnQ9e2Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHNlbnRpbWVudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAge2J1bGxldENvbnRlbnR9XG4gICAgICA8L0J1bGxldD5cbiAgICApIDogbnVsbH1cbiAgICA8U3R5bGVkRGl2IHNpemU9e3NpemV9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgPC9TdGVwPlxuKVxuXG50eXBlIFN0ZXBMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTdGVwTGlzdCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbGlzdCBvZiBzdGVwcy5cbiAqIEBleHBlcmltZW50YWwgVGhpcyBjb21wb25lbnQgaXMgZXhwZXJpbWVudGFsIGFuZCBtYXkgYmUgc3ViamVjdCB0byBicmVha2luZyBjaGFuZ2VzIGluIHRoZSBmdXR1cmUuXG4gKi9cbmV4cG9ydCBjb25zdCBTdGVwTGlzdCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwTGlzdFByb3BzKSA9PiAoXG4gIDxTdGVwcyBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdGVwcz5cbilcblxuU3RlcExpc3QuSXRlbSA9IEl0ZW1cbiJdfQ== */"));
-const Step = /* @__PURE__ */ _styled__default.default("li", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["disabled"].includes(prop),
-  target: "ewuati21"
-} : {
-  shouldForwardProp: (prop) => !["disabled"].includes(prop),
-  target: "ewuati21",
-  label: "Step"
-})("display:flex;align-items:flex-start;gap:", ({
-  theme
-}) => theme.space["2"], ";justify-content:center;color:", ({
-  theme,
-  disabled
-}) => disabled ? theme.colors.neutral.textDisabled : theme.colors.neutral.textStrong, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnVsbGV0IH0gZnJvbSAnLi4vQnVsbGV0J1xuXG5jb25zdCBTdGVwcyA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHl9O1xuYFxuXG5jb25zdCBTdGVwID0gc3R5bGVkKCdsaScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWRcbiAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNpemU6IFNpemVzIH0+YFxuICBmbGV4OiAxO1xuICBtYXJnaW46IGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzMycHgnIDogJzI0cHgnKX07XG4gIGZvbnQtc2l6ZTogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWVkaXVtJyA/ICcyNHB4JyA6ICcxNnB4Jyl9O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmV4cG9ydCB0eXBlIFNpemVzID0gJ3NtYWxsJyB8ICdtZWRpdW0nXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQnVsbGV0Plsnc2VudGltZW50J11cbiAgcHJvbWluZW5jZT86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+Wydwcm9taW5lbmNlJ11cbiAgc2l6ZT86IFNpemVzXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBidWxsZXRDb250ZW50PzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSAoe1xuICBidWxsZXRDb250ZW50LFxuICBzZW50aW1lbnQsXG4gIHByb21pbmVuY2UsXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8U3RlcCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICB7YnVsbGV0Q29udGVudCA/IChcbiAgICAgIDxCdWxsZXRcbiAgICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICA+XG4gICAgICAgIHtidWxsZXRDb250ZW50fVxuICAgICAgPC9CdWxsZXQ+XG4gICAgKSA6IG51bGx9XG4gICAgPFN0eWxlZERpdiBzaXplPXtzaXplfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gIDwvU3RlcD5cbilcblxudHlwZSBTdGVwTGlzdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU3RlcExpc3QgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGxpc3Qgb2Ygc3RlcHMuXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgU3RlcExpc3QgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcExpc3RQcm9wcykgPT4gKFxuICA8U3RlcHMgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RlcHM+XG4pXG5cblN0ZXBMaXN0Lkl0ZW0gPSBJdGVtXG4iXX0= */"));
-const StyledDiv = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "ewuati20"
-} : {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "ewuati20",
-  label: "StyledDiv"
-})("flex:1;margin:auto;line-height:", ({
-  size
-}) => size === "medium" ? "32px" : "24px", ";font-size:", ({
-  size
-}) => size === "medium" ? "24px" : "16px", ";min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnVsbGV0IH0gZnJvbSAnLi4vQnVsbGV0J1xuXG5jb25zdCBTdGVwcyA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHl9O1xuYFxuXG5jb25zdCBTdGVwID0gc3R5bGVkKCdsaScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWRcbiAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNpemU6IFNpemVzIH0+YFxuICBmbGV4OiAxO1xuICBtYXJnaW46IGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzMycHgnIDogJzI0cHgnKX07XG4gIGZvbnQtc2l6ZTogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWVkaXVtJyA/ICcyNHB4JyA6ICcxNnB4Jyl9O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmV4cG9ydCB0eXBlIFNpemVzID0gJ3NtYWxsJyB8ICdtZWRpdW0nXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQnVsbGV0Plsnc2VudGltZW50J11cbiAgcHJvbWluZW5jZT86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+Wydwcm9taW5lbmNlJ11cbiAgc2l6ZT86IFNpemVzXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBidWxsZXRDb250ZW50PzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSAoe1xuICBidWxsZXRDb250ZW50LFxuICBzZW50aW1lbnQsXG4gIHByb21pbmVuY2UsXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8U3RlcCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICB7YnVsbGV0Q29udGVudCA/IChcbiAgICAgIDxCdWxsZXRcbiAgICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICA+XG4gICAgICAgIHtidWxsZXRDb250ZW50fVxuICAgICAgPC9CdWxsZXQ+XG4gICAgKSA6IG51bGx9XG4gICAgPFN0eWxlZERpdiBzaXplPXtzaXplfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gIDwvU3RlcD5cbilcblxudHlwZSBTdGVwTGlzdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU3RlcExpc3QgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGxpc3Qgb2Ygc3RlcHMuXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgU3RlcExpc3QgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcExpc3RQcm9wcykgPT4gKFxuICA8U3RlcHMgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RlcHM+XG4pXG5cblN0ZXBMaXN0Lkl0ZW0gPSBJdGVtXG4iXX0= */"));
+const styles_css = require("./styles.css.cjs");
 const Item = ({
   bulletContent,
   sentiment,
   prominence,
   children,
   onClick,
+  onKeyDown,
   size = "medium",
   disabled = false,
   className
-}) => /* @__PURE__ */ jsxRuntime.jsxs(Step, { className, disabled, onClick, children: [
-  bulletContent ? /* @__PURE__ */ jsxRuntime.jsx(index.Bullet, { prominence, sentiment: disabled ? "disabled" : sentiment, size, children: bulletContent }) : null,
-  /* @__PURE__ */ jsxRuntime.jsx(StyledDiv, { size, children })
+}) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${className ? `${className} ` : ""}${styles_css.step({
+  disabled
+})}`, onClick, onKeyDown, children: [
+  bulletContent ? /* @__PURE__ */ jsxRuntime.jsx(index.Bullet, { disabled, prominence, sentiment, size, children: bulletContent }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.stepDiv({
+    size
+  }), children })
 ] });
 const StepList = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsx(Steps, { className, "data-testid": dataTestId, children });
+}) => /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${className ? `${className} ` : ""}${styles_css.steps}`, "data-testid": dataTestId, children });
 StepList.Item = Item;
 exports.StepList = StepList;

package/dist/components/StepList/index.d.ts

@@ -8,6 +8,7 @@ type ItemProps = {
     disabled?: boolean;
     children: ReactNode;
     onClick?: () => void;
+    onKeyDown?: () => void;
     className?: string;
     bulletContent?: ReactNode;
 };
@@ -22,6 +23,6 @@ type StepListProps = {
  */
 export declare const StepList: {
     ({ children, className, "data-testid": dataTestId, }: StepListProps): import("@emotion/react/jsx-runtime").JSX.Element;
-    Item: ({ bulletContent, sentiment, prominence, children, onClick, size, disabled, className, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Item: ({ bulletContent, sentiment, prominence, children, onClick, onKeyDown, size, disabled, className, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/components/StepList/index.js

@@ -1,60 +1,30 @@
 "use client";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
 import { Bullet } from "../Bullet/index.js";
-const Steps = /* @__PURE__ */ _styled("ul", process.env.NODE_ENV === "production" ? {
-  target: "ewuati22"
-} : {
-  target: "ewuati22",
-  label: "Steps"
-})("list-style:none;padding-left:0;text-align:left;display:flex;flex-direction:column;gap:", ({
-  theme
-}) => theme.space["3"], ";font-size:", ({
-  theme
-}) => theme.typography.body, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvU3RlcExpc3QvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBDb21wb25lbnRQcm9wcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5cbmNvbnN0IFN0ZXBzID0gc3R5bGVkLnVsYFxuICBsaXN0LXN0eWxlOiBub25lO1xuICBwYWRkaW5nLWxlZnQ6IDA7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMyddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnR5cG9ncmFwaHkuYm9keX07XG5gXG5cbmNvbnN0IFN0ZXAgPSBzdHlsZWQoJ2xpJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydkaXNhYmxlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBkaXNhYmxlZDogYm9vbGVhbiB9PmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHREaXNhYmxlZFxuICAgICAgOiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0U3Ryb25nfTtcbmBcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3NpemUnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZTogU2l6ZXMgfT5gXG4gIGZsZXg6IDE7XG4gIG1hcmdpbjogYXV0bztcbiAgbGluZS1oZWlnaHQ6ICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ21lZGl1bScgPyAnMzJweCcgOiAnMjRweCcpfTtcbiAgZm9udC1zaXplOiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzI0cHgnIDogJzE2cHgnKX07XG4gIG1pbi13aWR0aDogMDtcbmBcblxuZXhwb3J0IHR5cGUgU2l6ZXMgPSAnc21hbGwnIHwgJ21lZGl1bSdcblxudHlwZSBJdGVtUHJvcHMgPSB7XG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+WydzZW50aW1lbnQnXVxuICBwcm9taW5lbmNlPzogQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1bGxldD5bJ3Byb21pbmVuY2UnXVxuICBzaXplPzogU2l6ZXNcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGJ1bGxldENvbnRlbnQ/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgSXRlbSA9ICh7XG4gIGJ1bGxldENvbnRlbnQsXG4gIHNlbnRpbWVudCxcbiAgcHJvbWluZW5jZSxcbiAgY2hpbGRyZW4sXG4gIG9uQ2xpY2ssXG4gIHNpemUgPSAnbWVkaXVtJyxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgY2xhc3NOYW1lLFxufTogSXRlbVByb3BzKSA9PiAoXG4gIDxTdGVwIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IG9uQ2xpY2s9e29uQ2xpY2t9PlxuICAgIHtidWxsZXRDb250ZW50ID8gKFxuICAgICAgPEJ1bGxldFxuICAgICAgICBwcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgICBzZW50aW1lbnQ9e2Rpc2FibGVkID8gJ2Rpc2FibGVkJyA6IHNlbnRpbWVudH1cbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgID5cbiAgICAgICAge2J1bGxldENvbnRlbnR9XG4gICAgICA8L0J1bGxldD5cbiAgICApIDogbnVsbH1cbiAgICA8U3R5bGVkRGl2IHNpemU9e3NpemV9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgPC9TdGVwPlxuKVxuXG50eXBlIFN0ZXBMaXN0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBTdGVwTGlzdCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgbGlzdCBvZiBzdGVwcy5cbiAqIEBleHBlcmltZW50YWwgVGhpcyBjb21wb25lbnQgaXMgZXhwZXJpbWVudGFsIGFuZCBtYXkgYmUgc3ViamVjdCB0byBicmVha2luZyBjaGFuZ2VzIGluIHRoZSBmdXR1cmUuXG4gKi9cbmV4cG9ydCBjb25zdCBTdGVwTGlzdCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBTdGVwTGlzdFByb3BzKSA9PiAoXG4gIDxTdGVwcyBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIHtjaGlsZHJlbn1cbiAgPC9TdGVwcz5cbilcblxuU3RlcExpc3QuSXRlbSA9IEl0ZW1cbiJdfQ== */"));
-const Step = /* @__PURE__ */ _styled("li", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["disabled"].includes(prop),
-  target: "ewuati21"
-} : {
-  shouldForwardProp: (prop) => !["disabled"].includes(prop),
-  target: "ewuati21",
-  label: "Step"
-})("display:flex;align-items:flex-start;gap:", ({
-  theme
-}) => theme.space["2"], ";justify-content:center;color:", ({
-  theme,
-  disabled
-}) => disabled ? theme.colors.neutral.textDisabled : theme.colors.neutral.textStrong, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnlCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnVsbGV0IH0gZnJvbSAnLi4vQnVsbGV0J1xuXG5jb25zdCBTdGVwcyA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHl9O1xuYFxuXG5jb25zdCBTdGVwID0gc3R5bGVkKCdsaScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWRcbiAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNpemU6IFNpemVzIH0+YFxuICBmbGV4OiAxO1xuICBtYXJnaW46IGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzMycHgnIDogJzI0cHgnKX07XG4gIGZvbnQtc2l6ZTogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWVkaXVtJyA/ICcyNHB4JyA6ICcxNnB4Jyl9O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmV4cG9ydCB0eXBlIFNpemVzID0gJ3NtYWxsJyB8ICdtZWRpdW0nXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQnVsbGV0Plsnc2VudGltZW50J11cbiAgcHJvbWluZW5jZT86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+Wydwcm9taW5lbmNlJ11cbiAgc2l6ZT86IFNpemVzXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBidWxsZXRDb250ZW50PzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSAoe1xuICBidWxsZXRDb250ZW50LFxuICBzZW50aW1lbnQsXG4gIHByb21pbmVuY2UsXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8U3RlcCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICB7YnVsbGV0Q29udGVudCA/IChcbiAgICAgIDxCdWxsZXRcbiAgICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICA+XG4gICAgICAgIHtidWxsZXRDb250ZW50fVxuICAgICAgPC9CdWxsZXQ+XG4gICAgKSA6IG51bGx9XG4gICAgPFN0eWxlZERpdiBzaXplPXtzaXplfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gIDwvU3RlcD5cbilcblxudHlwZSBTdGVwTGlzdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU3RlcExpc3QgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGxpc3Qgb2Ygc3RlcHMuXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgU3RlcExpc3QgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcExpc3RQcm9wcykgPT4gKFxuICA8U3RlcHMgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RlcHM+XG4pXG5cblN0ZXBMaXN0Lkl0ZW0gPSBJdGVtXG4iXX0= */"));
-const StyledDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "ewuati20"
-} : {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "ewuati20",
-  label: "StyledDiv"
-})("flex:1;margin:auto;line-height:", ({
-  size
-}) => size === "medium" ? "32px" : "24px", ";font-size:", ({
-  size
-}) => size === "medium" ? "24px" : "16px", ";min-width:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1CIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1N0ZXBMaXN0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgQ29tcG9uZW50UHJvcHMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnVsbGV0IH0gZnJvbSAnLi4vQnVsbGV0J1xuXG5jb25zdCBTdGVwcyA9IHN0eWxlZC51bGBcbiAgbGlzdC1zdHlsZTogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwO1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzMnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS50eXBvZ3JhcGh5LmJvZHl9O1xuYFxuXG5jb25zdCBTdGVwID0gc3R5bGVkKCdsaScsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgZGlzYWJsZWQ6IGJvb2xlYW4gfT5gXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0RGlzYWJsZWRcbiAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFN0cm9uZ307XG5gXG5cbmNvbnN0IFN0eWxlZERpdiA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHNpemU6IFNpemVzIH0+YFxuICBmbGV4OiAxO1xuICBtYXJnaW46IGF1dG87XG4gIGxpbmUtaGVpZ2h0OiAkeyh7IHNpemUgfSkgPT4gKHNpemUgPT09ICdtZWRpdW0nID8gJzMycHgnIDogJzI0cHgnKX07XG4gIGZvbnQtc2l6ZTogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWVkaXVtJyA/ICcyNHB4JyA6ICcxNnB4Jyl9O1xuICBtaW4td2lkdGg6IDA7XG5gXG5cbmV4cG9ydCB0eXBlIFNpemVzID0gJ3NtYWxsJyB8ICdtZWRpdW0nXG5cbnR5cGUgSXRlbVByb3BzID0ge1xuICBzZW50aW1lbnQ/OiBDb21wb25lbnRQcm9wczx0eXBlb2YgQnVsbGV0Plsnc2VudGltZW50J11cbiAgcHJvbWluZW5jZT86IENvbXBvbmVudFByb3BzPHR5cGVvZiBCdWxsZXQ+Wydwcm9taW5lbmNlJ11cbiAgc2l6ZT86IFNpemVzXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIG9uQ2xpY2s/OiAoKSA9PiB2b2lkXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBidWxsZXRDb250ZW50PzogUmVhY3ROb2RlXG59XG5cbmNvbnN0IEl0ZW0gPSAoe1xuICBidWxsZXRDb250ZW50LFxuICBzZW50aW1lbnQsXG4gIHByb21pbmVuY2UsXG4gIGNoaWxkcmVuLFxuICBvbkNsaWNrLFxuICBzaXplID0gJ21lZGl1bScsXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNsYXNzTmFtZSxcbn06IEl0ZW1Qcm9wcykgPT4gKFxuICA8U3RlcCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSBvbkNsaWNrPXtvbkNsaWNrfT5cbiAgICB7YnVsbGV0Q29udGVudCA/IChcbiAgICAgIDxCdWxsZXRcbiAgICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgICAgc2VudGltZW50PXtkaXNhYmxlZCA/ICdkaXNhYmxlZCcgOiBzZW50aW1lbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICA+XG4gICAgICAgIHtidWxsZXRDb250ZW50fVxuICAgICAgPC9CdWxsZXQ+XG4gICAgKSA6IG51bGx9XG4gICAgPFN0eWxlZERpdiBzaXplPXtzaXplfT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gIDwvU3RlcD5cbilcblxudHlwZSBTdGVwTGlzdFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogU3RlcExpc3QgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIGxpc3Qgb2Ygc3RlcHMuXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgU3RlcExpc3QgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogU3RlcExpc3RQcm9wcykgPT4gKFxuICA8U3RlcHMgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3RlcHM+XG4pXG5cblN0ZXBMaXN0Lkl0ZW0gPSBJdGVtXG4iXX0= */"));
+import { steps, step, stepDiv } from "./styles.css.js";
 const Item = ({
   bulletContent,
   sentiment,
   prominence,
   children,
   onClick,
+  onKeyDown,
   size = "medium",
   disabled = false,
   className
-}) => /* @__PURE__ */ jsxs(Step, { className, disabled, onClick, children: [
-  bulletContent ? /* @__PURE__ */ jsx(Bullet, { prominence, sentiment: disabled ? "disabled" : sentiment, size, children: bulletContent }) : null,
-  /* @__PURE__ */ jsx(StyledDiv, { size, children })
+}) => /* @__PURE__ */ jsxs("li", { className: `${className ? `${className} ` : ""}${step({
+  disabled
+})}`, onClick, onKeyDown, children: [
+  bulletContent ? /* @__PURE__ */ jsx(Bullet, { disabled, prominence, sentiment, size, children: bulletContent }) : null,
+  /* @__PURE__ */ jsx("div", { className: stepDiv({
+    size
+  }), children })
 ] });
 const StepList = ({
   children,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsx(Steps, { className, "data-testid": dataTestId, children });
+}) => /* @__PURE__ */ jsx("ul", { className: `${className ? `${className} ` : ""}${steps}`, "data-testid": dataTestId, children });
 StepList.Item = Item;
 export {
   StepList

package/dist/components/StepList/styles.css.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var steps = "uv_1g1au380";
+var step = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g1au381", variantClassNames: { disabled: { true: "uv_1g1au382", false: "uv_1g1au383" } }, defaultVariants: {}, compoundVariants: [] });
+var stepDiv = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1g1au384", variantClassNames: { size: { small: "uv_1g1au385", medium: "uv_1g1au386" } }, defaultVariants: {}, compoundVariants: [] });
+exports.step = step;
+exports.stepDiv = stepDiv;
+exports.steps = steps;

package/dist/components/StepList/styles.css.d.ts

@@ -0,0 +1,23 @@
+export declare const steps: string;
+export declare const step: import("@vanilla-extract/recipes").RuntimeFn<{
+    disabled: {
+        true: {
+            color: `var(--${string})`;
+        };
+        false: {
+            color: `var(--${string})`;
+        };
+    };
+}>;
+export declare const stepDiv: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        small: {
+            lineHeight: "24px";
+            fontSize: "16px";
+        };
+        medium: {
+            lineHeight: "32px";
+            fontSize: "24px";
+        };
+    };
+}>;

package/dist/components/StepList/styles.css.js

@@ -0,0 +1,10 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var steps = "uv_1g1au380";
+var step = createRuntimeFn({ defaultClassName: "uv_1g1au381", variantClassNames: { disabled: { true: "uv_1g1au382", false: "uv_1g1au383" } }, defaultVariants: {}, compoundVariants: [] });
+var stepDiv = createRuntimeFn({ defaultClassName: "uv_1g1au384", variantClassNames: { size: { small: "uv_1g1au385", medium: "uv_1g1au386" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  step,
+  stepDiv,
+  steps
+};