@ultraviolet/ui 3.0.0-beta.12 → 3.0.0-beta.13

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                                                    */
 ;/* empty css                            */
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var alert = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" } }, defaultVariants: { sentiment: "danger" }, compoundVariants: [] });

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

@@ -1,4 +1,3 @@
-/* empty css                                                  */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var alert = createRuntimeFn({ defaultClassName: "uv_1b838gx0", variantClassNames: { sentiment: { danger: "uv_1b838gx1", info: "uv_1b838gx2", success: "uv_1b838gx3", warning: "uv_1b838gx4", neutral: "uv_1b838gx5" } }, defaultVariants: { sentiment: "danger" }, compoundVariants: [] });

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
 ;/* empty css                            */
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var containerAvatar = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });

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

@@ -1,4 +1,3 @@
-/* empty css                             */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var containerAvatar = createRuntimeFn({ defaultClassName: "uv_19x8y1k0", variantClassNames: { shape: { circle: "uv_19x8y1k1", square: "uv_19x8y1k2" }, size: { large: "uv_19x8y1k3", medium: "uv_19x8y1k4", small: "uv_19x8y1k5", xsmall: "uv_19x8y1k6" }, sentiment: { primary: "uv_19x8y1k7", neutral: "uv_19x8y1k8" } }, defaultVariants: {}, compoundVariants: [[{ size: "large", shape: "square" }, "uv_19x8y1k9"], [{ size: "medium", shape: "square" }, "uv_19x8y1ka"], [{ size: "small", shape: "square" }, "uv_19x8y1kb"], [{ size: "xsmall", shape: "square" }, "uv_19x8y1kc"]] });

package/dist/components/Avatar/variables.css.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";

package/dist/components/Avatar/variables.css.js

@@ -1,3 +1,4 @@
+/* empty css                             */
 var finalSizeAvatar = "var(--uv_18799yd0)";
 var finalColorAvatar = "var(--uv_18799yd1)";
 var halvedColorAvatar = "var(--uv_18799yd2)";

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-;/* empty css                               */
 ;/* empty css                            */
 var wrapperBarStack = "uv_1s3oplf0";
 var barStack = "uv_1s3oplf1";

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

@@ -1,4 +1,3 @@
-/* empty css                             */
 /* empty css                          */
 var wrapperBarStack = "uv_1s3oplf0";
 var barStack = "uv_1s3oplf1";

package/dist/components/BarStack/variables.css.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                               */
 var neutralWeak1A = "var(--uv_1hxmh000)";
 var neutralStrong33 = "var(--uv_1hxmh001)";
 var primaryStrongD9 = "var(--uv_1hxmh002)";

package/dist/components/BarStack/variables.css.js

@@ -1,3 +1,4 @@
+/* empty css                             */
 var neutralWeak1A = "var(--uv_1hxmh000)";
 var neutralStrong33 = "var(--uv_1hxmh001)";
 var primaryStrongD9 = "var(--uv_1hxmh002)";

package/dist/components/Bullet/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const SIZES: {
+    readonly medium: "400";
+    readonly small: "300";
+    readonly xsmall: "250";
+    readonly xxsmall: "200";
+};
+export declare const PROMINENCES: {
+    readonly default: "";
+    readonly strong: "Strong";
+};

package/dist/components/Bullet/index.cjs

@@ -2,79 +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$1 = require("../../theme/index.cjs");
-const capitalize = require("../../utils/capitalize.cjs");
 const index = require("../Tooltip/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const PROMINENCES = {
-  strong: "strong"
-};
-const SIZES = {
-  medium: "400",
-  small: "300",
-  xsmall: "250",
-  xxsmall: "200"
-};
-const TEXT_VARIANT = {
-  medium: "body",
-  small: "bodySmall",
-  xsmall: "caption",
-  xxsmall: "captionSmallStrong"
-};
-const sentimentStyles = ({
-  theme,
-  prominence
-}) => {
-  const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : "";
-  const text = `text${definedProminence}`;
-  const background = `background${definedProminence}`;
-  return {
-    ...index$1.SENTIMENTS_WITHOUT_NEUTRAL.reduce((reducer, sentiment) => ({
-      ...reducer,
-      [sentiment]: `
-      color: ${theme.colors[sentiment][text]};
-      background: ${theme.colors[sentiment][background]};
-      border: 1px solid ${theme.colors[sentiment][background]};
-    `
-    }), {}),
-    disabled: `
-      color: ${theme.colors.neutral.textWeak};
-      background: ${theme.colors.neutral.backgroundStrong};
-      border: none;
-    `,
-    neutral: `
-      color: ${prominence === PROMINENCES.strong ? theme.colors.neutral[text] : theme.colors.neutral.text};
-      background: ${theme.colors.neutral.background};
-      border: 1px solid ${theme.colors.neutral.border};
-    `
-  };
-};
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e11loam60"
-} : {
-  target: "e11loam60",
-  label: "StyledContainer"
-})("display:flex;border-radius:", ({
-  theme
-}) => theme.radii.circle, ";justify-content:center;align-items:center;width:", ({
-  size,
-  theme
-}) => theme.sizing[SIZES[size]], ";height:", ({
-  size,
-  theme
-}) => theme.sizing[SIZES[size]], ";font-size:", ({
-  size,
-  theme
-}) => theme.typography[TEXT_VARIANT[size]].fontSize, ";", ({
-  theme,
-  prominence,
-  sentiment
-}) => sentimentStyles({
-  prominence,
-  theme
-})[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0J1bGxldC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0YwRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CdWxsZXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNFTlRJTUVOVFMsIFNFTlRJTUVOVFNfV0lUSE9VVF9ORVVUUkFMIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tICcuLi8uLi91dGlscy9jYXBpdGFsaXplJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmV4cG9ydCBjb25zdCBQUk9NSU5FTkNFUyA9IHtcbiAgZGVmYXVsdDogJ2RlZmF1bHQnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxufVxuXG50eXBlIFByb21pbmVuY2VUeXBlID0ga2V5b2YgdHlwZW9mIFBST01JTkVOQ0VTXG5jb25zdCBCVUxMRVRfU0VOVElNRU5UUyA9IFsuLi5TRU5USU1FTlRTLCAnZGlzYWJsZWQnXVxuXG50eXBlIEJ1bGxldFNlbnRpbWVudCA9ICh0eXBlb2YgQlVMTEVUX1NFTlRJTUVOVFMpW251bWJlcl1cblxuLy8gVmFsdWVzIGFyZSB0aGVuIHVzZWQgYXMgdGhlbWUuc2l6aW5nW1hdXG5jb25zdCBTSVpFUyA9IHtcbiAgbWVkaXVtOiAnNDAwJyxcbiAgc21hbGw6ICczMDAnLFxuICB4c21hbGw6ICcyNTAnLFxuICB4eHNtYWxsOiAnMjAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgVEVYVF9WQVJJQU5UID0ge1xuICBtZWRpdW06ICdib2R5JyxcbiAgc21hbGw6ICdib2R5U21hbGwnLFxuICB4c21hbGw6ICdjYXB0aW9uJyxcbiAgeHhzbWFsbDogJ2NhcHRpb25TbWFsbFN0cm9uZycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IHNlbnRpbWVudFN0eWxlcyA9ICh7XG4gIHRoZW1lLFxuICBwcm9taW5lbmNlLFxufToge1xuICB0aGVtZTogVGhlbWVcbiAgcHJvbWluZW5jZTogUHJvbWluZW5jZVR5cGVcbn0pID0+IHtcbiAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgIHByb21pbmVuY2UgPT09IFBST01JTkVOQ0VTLnN0cm9uZyA/IGNhcGl0YWxpemUoUFJPTUlORU5DRVMuc3Ryb25nKSA6ICcnXG5cbiAgY29uc3QgdGV4dCA9IGB0ZXh0JHtkZWZpbmVkUHJvbWluZW5jZX1gXG4gIGNvbnN0IGJhY2tncm91bmQgPSBgYmFja2dyb3VuZCR7ZGVmaW5lZFByb21pbmVuY2V9YFxuXG4gIHJldHVybiB7XG4gICAgLi4uU0VOVElNRU5UU19XSVRIT1VUX05FVVRSQUwucmVkdWNlKFxuICAgICAgKHJlZHVjZXIsIHNlbnRpbWVudCkgPT4gKHtcbiAgICAgICAgLi4ucmVkdWNlcixcbiAgICAgICAgW3NlbnRpbWVudF06IGBcbiAgICAgIGNvbG9yOiAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVt0ZXh0IGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtiYWNrZ3JvdW5kIGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtiYWNrZ3JvdW5kIGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgYCxcbiAgICAgIH0pLFxuICAgICAge30sXG4gICAgKSxcbiAgICBkaXNhYmxlZDogYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICBgLFxuICAgIG5ldXRyYWw6IGBcbiAgICAgIGNvbG9yOiAke1xuICAgICAgICBwcm9taW5lbmNlID09PSBQUk9NSU5FTkNFUy5zdHJvbmdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsW3RleHQgYXMga2V5b2YgdHlwZW9mIHRoZW1lLmNvbG9ycy5uZXV0cmFsXVxuICAgICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFxuICAgICAgfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYCxcbiAgfVxufVxuXG50eXBlIFN0eWxlZENvbnRhaW5lclR5cGUgPSB7XG4gIHNlbnRpbWVudDogQnVsbGV0U2VudGltZW50XG4gIHNpemU6IGtleW9mIHR5cGVvZiBTSVpFU1xuICBwcm9taW5lbmNlOiBQcm9taW5lbmNlVHlwZVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZENvbnRhaW5lclR5cGU+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogJHsoeyBzaXplLCB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUsIHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19O1xuICBmb250LXNpemU6ICR7KHsgc2l6ZSwgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS50eXBvZ3JhcGh5W1RFWFRfVkFSSUFOVFtzaXplXV0uZm9udFNpemV9O1xuICAkeyh7IHRoZW1lLCBwcm9taW5lbmNlLCBzZW50aW1lbnQgfSkgPT5cbiAgICAoc2VudGltZW50U3R5bGVzKHsgcHJvbWluZW5jZSwgdGhlbWUgfSkgYXMgUmVjb3JkPEJ1bGxldFNlbnRpbWVudCwgc3RyaW5nPilbXG4gICAgICBzZW50aW1lbnRcbiAgICBdfTtcbmBcblxudHlwZSBCdWxsZXRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB0b29sdGlwQmFzZUlkPzogc3RyaW5nXG4gIHNlbnRpbWVudD86IEJ1bGxldFNlbnRpbWVudFxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIHByb21pbmVuY2U/OiBQcm9taW5lbmNlVHlwZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG4vKipcbiAqIEJ1bGxldCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgc21hbGwgaWNvbiBvciB0ZXh0IHdpdGggYSBjb2xvcmVkIGJhY2tncm91bmQgaW4gYSBjaXJjbGUuXG4gKi9cbmV4cG9ydCBjb25zdCBCdWxsZXQgPSAoe1xuICBjbGFzc05hbWUsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICB0b29sdGlwLFxuICB0b29sdGlwQmFzZUlkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBwcm9taW5lbmNlID0gJ2RlZmF1bHQnLFxuICBjaGlsZHJlbixcbn06IEJ1bGxldFByb3BzKSA9PiAoXG4gIDxUb29sdGlwIGlkPXt0b29sdGlwQmFzZUlkfSB0ZXh0PXt0b29sdGlwfT5cbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gIDwvVG9vbHRpcD5cbilcbiJdfQ== */"));
+const styles_css = require("./styles.css.cjs");
 const Bullet = ({
   className,
   sentiment = "neutral",
@@ -83,7 +12,12 @@ const Bullet = ({
   tooltipBaseId,
   "data-testid": dataTestId,
   prominence = "default",
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx(StyledContainer, { className, "data-testid": dataTestId, prominence, sentiment, size, children }) });
+  children,
+  disabled
+}) => /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.bullet({
+  disabled,
+  prominence,
+  sentiment,
+  size
+})}`, "data-testid": dataTestId, children }) });
 exports.Bullet = Bullet;
-exports.PROMINENCES = PROMINENCES;

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

@@ -1,29 +1,20 @@
 import type { ReactNode } from 'react';
-export declare const PROMINENCES: {
-    default: string;
-    strong: string;
-};
+import type { SENTIMENTS } from '../../theme';
+import type { PROMINENCES, SIZES } from './constants';
 type ProminenceType = keyof typeof PROMINENCES;
-declare const BULLET_SENTIMENTS: string[];
-type BulletSentiment = (typeof BULLET_SENTIMENTS)[number];
-declare const SIZES: {
-    readonly medium: "400";
-    readonly small: "300";
-    readonly xsmall: "250";
-    readonly xxsmall: "200";
-};
 type BulletProps = {
     className?: string;
     size?: keyof typeof SIZES;
     tooltip?: string;
     tooltipBaseId?: string;
-    sentiment?: BulletSentiment;
+    sentiment?: (typeof SENTIMENTS)[number];
     'data-testid'?: string;
     prominence?: ProminenceType;
     children?: ReactNode;
+    disabled?: boolean;
 };
 /**
  * Bullet component is used to display a small icon or text with a colored background in a circle.
  */
-export declare const Bullet: ({ className, sentiment, size, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, children, }: BulletProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Bullet: ({ className, sentiment, size, tooltip, tooltipBaseId, "data-testid": dataTestId, prominence, children, disabled, }: BulletProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Bullet/index.js

@@ -1,76 +1,7 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { SENTIMENTS_WITHOUT_NEUTRAL } from "../../theme/index.js";
-import capitalize from "../../utils/capitalize.js";
 import { Tooltip } from "../Tooltip/index.js";
-const PROMINENCES = {
-  strong: "strong"
-};
-const SIZES = {
-  medium: "400",
-  small: "300",
-  xsmall: "250",
-  xxsmall: "200"
-};
-const TEXT_VARIANT = {
-  medium: "body",
-  small: "bodySmall",
-  xsmall: "caption",
-  xxsmall: "captionSmallStrong"
-};
-const sentimentStyles = ({
-  theme,
-  prominence
-}) => {
-  const definedProminence = prominence === PROMINENCES.strong ? capitalize(PROMINENCES.strong) : "";
-  const text = `text${definedProminence}`;
-  const background = `background${definedProminence}`;
-  return {
-    ...SENTIMENTS_WITHOUT_NEUTRAL.reduce((reducer, sentiment) => ({
-      ...reducer,
-      [sentiment]: `
-      color: ${theme.colors[sentiment][text]};
-      background: ${theme.colors[sentiment][background]};
-      border: 1px solid ${theme.colors[sentiment][background]};
-    `
-    }), {}),
-    disabled: `
-      color: ${theme.colors.neutral.textWeak};
-      background: ${theme.colors.neutral.backgroundStrong};
-      border: none;
-    `,
-    neutral: `
-      color: ${prominence === PROMINENCES.strong ? theme.colors.neutral[text] : theme.colors.neutral.text};
-      background: ${theme.colors.neutral.background};
-      border: 1px solid ${theme.colors.neutral.border};
-    `
-  };
-};
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e11loam60"
-} : {
-  target: "e11loam60",
-  label: "StyledContainer"
-})("display:flex;border-radius:", ({
-  theme
-}) => theme.radii.circle, ";justify-content:center;align-items:center;width:", ({
-  size,
-  theme
-}) => theme.sizing[SIZES[size]], ";height:", ({
-  size,
-  theme
-}) => theme.sizing[SIZES[size]], ";font-size:", ({
-  size,
-  theme
-}) => theme.typography[TEXT_VARIANT[size]].fontSize, ";", ({
-  theme,
-  prominence,
-  sentiment
-}) => sentimentStyles({
-  prominence,
-  theme
-})[sentiment], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0J1bGxldC9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0YwRCIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CdWxsZXQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFNFTlRJTUVOVFMsIFNFTlRJTUVOVFNfV0lUSE9VVF9ORVVUUkFMIH0gZnJvbSAnLi4vLi4vdGhlbWUnXG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tICcuLi8uLi91dGlscy9jYXBpdGFsaXplJ1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmV4cG9ydCBjb25zdCBQUk9NSU5FTkNFUyA9IHtcbiAgZGVmYXVsdDogJ2RlZmF1bHQnLFxuICBzdHJvbmc6ICdzdHJvbmcnLFxufVxuXG50eXBlIFByb21pbmVuY2VUeXBlID0ga2V5b2YgdHlwZW9mIFBST01JTkVOQ0VTXG5jb25zdCBCVUxMRVRfU0VOVElNRU5UUyA9IFsuLi5TRU5USU1FTlRTLCAnZGlzYWJsZWQnXVxuXG50eXBlIEJ1bGxldFNlbnRpbWVudCA9ICh0eXBlb2YgQlVMTEVUX1NFTlRJTUVOVFMpW251bWJlcl1cblxuLy8gVmFsdWVzIGFyZSB0aGVuIHVzZWQgYXMgdGhlbWUuc2l6aW5nW1hdXG5jb25zdCBTSVpFUyA9IHtcbiAgbWVkaXVtOiAnNDAwJyxcbiAgc21hbGw6ICczMDAnLFxuICB4c21hbGw6ICcyNTAnLFxuICB4eHNtYWxsOiAnMjAwJyxcbn0gYXMgY29uc3RcblxuY29uc3QgVEVYVF9WQVJJQU5UID0ge1xuICBtZWRpdW06ICdib2R5JyxcbiAgc21hbGw6ICdib2R5U21hbGwnLFxuICB4c21hbGw6ICdjYXB0aW9uJyxcbiAgeHhzbWFsbDogJ2NhcHRpb25TbWFsbFN0cm9uZycsXG59IGFzIGNvbnN0XG5cbmNvbnN0IHNlbnRpbWVudFN0eWxlcyA9ICh7XG4gIHRoZW1lLFxuICBwcm9taW5lbmNlLFxufToge1xuICB0aGVtZTogVGhlbWVcbiAgcHJvbWluZW5jZTogUHJvbWluZW5jZVR5cGVcbn0pID0+IHtcbiAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgIHByb21pbmVuY2UgPT09IFBST01JTkVOQ0VTLnN0cm9uZyA/IGNhcGl0YWxpemUoUFJPTUlORU5DRVMuc3Ryb25nKSA6ICcnXG5cbiAgY29uc3QgdGV4dCA9IGB0ZXh0JHtkZWZpbmVkUHJvbWluZW5jZX1gXG4gIGNvbnN0IGJhY2tncm91bmQgPSBgYmFja2dyb3VuZCR7ZGVmaW5lZFByb21pbmVuY2V9YFxuXG4gIHJldHVybiB7XG4gICAgLi4uU0VOVElNRU5UU19XSVRIT1VUX05FVVRSQUwucmVkdWNlKFxuICAgICAgKHJlZHVjZXIsIHNlbnRpbWVudCkgPT4gKHtcbiAgICAgICAgLi4ucmVkdWNlcixcbiAgICAgICAgW3NlbnRpbWVudF06IGBcbiAgICAgIGNvbG9yOiAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVt0ZXh0IGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgICBiYWNrZ3JvdW5kOiAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtiYWNrZ3JvdW5kIGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke1xuICAgICAgICB0aGVtZS5jb2xvcnNbc2VudGltZW50XVtiYWNrZ3JvdW5kIGFzIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMucHJpbWFyeV1cbiAgICAgIH07XG4gICAgYCxcbiAgICAgIH0pLFxuICAgICAge30sXG4gICAgKSxcbiAgICBkaXNhYmxlZDogYFxuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFdlYWt9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICBgLFxuICAgIG5ldXRyYWw6IGBcbiAgICAgIGNvbG9yOiAke1xuICAgICAgICBwcm9taW5lbmNlID09PSBQUk9NSU5FTkNFUy5zdHJvbmdcbiAgICAgICAgICA/IHRoZW1lLmNvbG9ycy5uZXV0cmFsW3RleHQgYXMga2V5b2YgdHlwZW9mIHRoZW1lLmNvbG9ycy5uZXV0cmFsXVxuICAgICAgICAgIDogdGhlbWUuY29sb3JzLm5ldXRyYWwudGV4dFxuICAgICAgfTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZH07XG4gICAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYCxcbiAgfVxufVxuXG50eXBlIFN0eWxlZENvbnRhaW5lclR5cGUgPSB7XG4gIHNlbnRpbWVudDogQnVsbGV0U2VudGltZW50XG4gIHNpemU6IGtleW9mIHR5cGVvZiBTSVpFU1xuICBwcm9taW5lbmNlOiBQcm9taW5lbmNlVHlwZVxufVxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoJ2RpdicpPFN0eWxlZENvbnRhaW5lclR5cGU+YFxuICBkaXNwbGF5OiBmbGV4O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnJhZGlpLmNpcmNsZX07XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB3aWR0aDogJHsoeyBzaXplLCB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgaGVpZ2h0OiAkeyh7IHNpemUsIHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19O1xuICBmb250LXNpemU6ICR7KHsgc2l6ZSwgdGhlbWUgfSkgPT5cbiAgICB0aGVtZS50eXBvZ3JhcGh5W1RFWFRfVkFSSUFOVFtzaXplXV0uZm9udFNpemV9O1xuICAkeyh7IHRoZW1lLCBwcm9taW5lbmNlLCBzZW50aW1lbnQgfSkgPT5cbiAgICAoc2VudGltZW50U3R5bGVzKHsgcHJvbWluZW5jZSwgdGhlbWUgfSkgYXMgUmVjb3JkPEJ1bGxldFNlbnRpbWVudCwgc3RyaW5nPilbXG4gICAgICBzZW50aW1lbnRcbiAgICBdfTtcbmBcblxudHlwZSBCdWxsZXRQcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNcbiAgdG9vbHRpcD86IHN0cmluZ1xuICB0b29sdGlwQmFzZUlkPzogc3RyaW5nXG4gIHNlbnRpbWVudD86IEJ1bGxldFNlbnRpbWVudFxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIHByb21pbmVuY2U/OiBQcm9taW5lbmNlVHlwZVxuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxufVxuXG4vKipcbiAqIEJ1bGxldCBjb21wb25lbnQgaXMgdXNlZCB0byBkaXNwbGF5IGEgc21hbGwgaWNvbiBvciB0ZXh0IHdpdGggYSBjb2xvcmVkIGJhY2tncm91bmQgaW4gYSBjaXJjbGUuXG4gKi9cbmV4cG9ydCBjb25zdCBCdWxsZXQgPSAoe1xuICBjbGFzc05hbWUsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgc2l6ZSA9ICdtZWRpdW0nLFxuICB0b29sdGlwLFxuICB0b29sdGlwQmFzZUlkLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBwcm9taW5lbmNlID0gJ2RlZmF1bHQnLFxuICBjaGlsZHJlbixcbn06IEJ1bGxldFByb3BzKSA9PiAoXG4gIDxUb29sdGlwIGlkPXt0b29sdGlwQmFzZUlkfSB0ZXh0PXt0b29sdGlwfT5cbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgcHJvbWluZW5jZT17cHJvbWluZW5jZX1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gIDwvVG9vbHRpcD5cbilcbiJdfQ== */"));
+import { bullet } from "./styles.css.js";
 const Bullet = ({
   className,
   sentiment = "neutral",
@@ -79,9 +10,14 @@ const Bullet = ({
   tooltipBaseId,
   "data-testid": dataTestId,
   prominence = "default",
-  children
-}) => /* @__PURE__ */ jsx(Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsx(StyledContainer, { className, "data-testid": dataTestId, prominence, sentiment, size, children }) });
+  children,
+  disabled
+}) => /* @__PURE__ */ jsx(Tooltip, { id: tooltipBaseId, text: tooltip, children: /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${bullet({
+  disabled,
+  prominence,
+  sentiment,
+  size
+})}`, "data-testid": dataTestId, children }) });
 export {
-  Bullet,
-  PROMINENCES
+  Bullet
 };

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
+var bullet = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_1jy42m00", variantClassNames: { size: { medium: "uv_1jy42m01", small: "uv_1jy42m02", xsmall: "uv_1jy42m03", xxsmall: "uv_1jy42m04" }, sentiment: { "0": "uv_1jy42m05", "1": "uv_1jy42m06", "2": "uv_1jy42m07", "3": "uv_1jy42m08", "4": "uv_1jy42m09", "5": "uv_1jy42m0a", "6": "uv_1jy42m0b" }, prominence: { "default": "uv_1jy42m0c", strong: "uv_1jy42m0d" }, disabled: { true: "uv_1jy42m0e" } }, defaultVariants: { disabled: false, sentiment: "neutral", size: "medium", prominence: "default" }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_1jy42m0f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_1jy42m0g"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_1jy42m0h"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_1jy42m0i"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_1jy42m0j"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_1jy42m0k"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_1jy42m0l"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_1jy42m0m"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_1jy42m0n"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_1jy42m0o"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_1jy42m0p"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_1jy42m0q"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_1jy42m0r"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_1jy42m0s"]] });
+exports.bullet = bullet;

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

@@ -0,0 +1,23 @@
+export declare const bullet: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        [k: string]: {
+            width: `var(--${string})`;
+            height: `var(--${string})`;
+            fontSize: `var(--${string})`;
+        };
+    };
+    sentiment: {
+        [k: string]: {};
+    };
+    prominence: {
+        default: {};
+        strong: {};
+    };
+    disabled: {
+        true: {
+            color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
+            border: "none";
+        };
+    };
+}>;

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

@@ -0,0 +1,6 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var bullet = createRuntimeFn({ defaultClassName: "uv_1jy42m00", variantClassNames: { size: { medium: "uv_1jy42m01", small: "uv_1jy42m02", xsmall: "uv_1jy42m03", xxsmall: "uv_1jy42m04" }, sentiment: { "0": "uv_1jy42m05", "1": "uv_1jy42m06", "2": "uv_1jy42m07", "3": "uv_1jy42m08", "4": "uv_1jy42m09", "5": "uv_1jy42m0a", "6": "uv_1jy42m0b" }, prominence: { "default": "uv_1jy42m0c", strong: "uv_1jy42m0d" }, disabled: { true: "uv_1jy42m0e" } }, defaultVariants: { disabled: false, sentiment: "neutral", size: "medium", prominence: "default" }, compoundVariants: [[{ sentiment: "primary", prominence: "default", disabled: false }, "uv_1jy42m0f"], [{ sentiment: "secondary", prominence: "default", disabled: false }, "uv_1jy42m0g"], [{ sentiment: "neutral", prominence: "default", disabled: false }, "uv_1jy42m0h"], [{ sentiment: "success", prominence: "default", disabled: false }, "uv_1jy42m0i"], [{ sentiment: "danger", prominence: "default", disabled: false }, "uv_1jy42m0j"], [{ sentiment: "warning", prominence: "default", disabled: false }, "uv_1jy42m0k"], [{ sentiment: "info", prominence: "default", disabled: false }, "uv_1jy42m0l"], [{ sentiment: "primary", prominence: "strong", disabled: false }, "uv_1jy42m0m"], [{ sentiment: "secondary", prominence: "strong", disabled: false }, "uv_1jy42m0n"], [{ sentiment: "neutral", prominence: "strong", disabled: false }, "uv_1jy42m0o"], [{ sentiment: "success", prominence: "strong", disabled: false }, "uv_1jy42m0p"], [{ sentiment: "danger", prominence: "strong", disabled: false }, "uv_1jy42m0q"], [{ sentiment: "warning", prominence: "strong", disabled: false }, "uv_1jy42m0r"], [{ sentiment: "info", prominence: "strong", disabled: false }, "uv_1jy42m0s"]] });
+export {
+  bullet
+};

package/dist/components/Button/constants.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const SIZE_HEIGHT = {
-  large: "600",
   xsmall: "300"
 };
 exports.SIZE_HEIGHT = SIZE_HEIGHT;

package/dist/components/Button/constants.js

@@ -1,5 +1,4 @@
 const SIZE_HEIGHT = {
-  large: "600",
   xsmall: "300"
 };
 export {

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                                    */
 ;/* empty css                            */
 var buttonContainer = "uv_1u4n71t0";
 var container = "uv_1u4n71t1";

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

@@ -1,3 +1,4 @@
+/* empty css                                                  */
 /* empty css                          */
 var buttonContainer = "uv_1u4n71t0";
 var container = "uv_1u4n71t1";

package/dist/components/Expandable/index.cjs

@@ -2,23 +2,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 const react = require("react");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
+const styles_css = require("./styles.css.cjs");
 const ANIMATION_DURATION = 300;
-const StyledExpandable = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["animationDuration"].includes(prop),
-  target: "e5hc7t70"
-} : {
-  shouldForwardProp: (prop) => !["animationDuration"].includes(prop),
-  target: "e5hc7t70",
-  label: "StyledExpandable"
-})('&[data-is-animated="true"]{transition:max-height ', ({
-  animationDuration
-}) => animationDuration, "ms ease-out,opacity ", ({
-  animationDuration
-}) => animationDuration, "ms ease-out;}height:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0V4cGFuZGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRXhwYW5kYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEFOSU1BVElPTl9EVVJBVElPTiA9IDMwMCAvLyBpbiBtc1xuXG50eXBlIEV4cGFuZGFibGVQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IHRvIGRpc3BsYXlcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFRvIGRpc3BsYXkgb3Igbm90IHRoZSBjb250ZW50XG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGUgbWluaW11bSBoZWlnaHQgb2YgdGhlIGNvbnRlbnRcbiAgICovXG4gIG1pbkhlaWdodD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAvKipcbiAgICogVGhlIGR1cmF0aW9uIG9mIHRoZSBhbmltYXRpb24gaW4gbXMuIElmIHNldCB0byAwLCB0aGUgYW5pbWF0aW9uIHdpbGwgYmUgZGlzYWJsZWQuXG4gICAqL1xuICBhbmltYXRpb25EdXJhdGlvbj86IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZSA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhbmltYXRpb25EdXJhdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhbmltYXRpb25EdXJhdGlvbjogbnVtYmVyIH0+YFxuICAmW2RhdGEtaXMtYW5pbWF0ZWQ9XCJ0cnVlXCJdIHtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgbWF4LWhlaWdodCAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0LFxuICAgICAgb3BhY2l0eSAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0O1xuICAgIH1cbiAgaGVpZ2h0OiBhdXRvO1xuYFxuXG5jb25zdCBOb0FuaW1hdGlvbkV4cGFuZGFibGUgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbmVkLFxuICBtaW5IZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEV4cGFuZGFibGVQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgc3R5bGU9e3sgZGlzcGxheTogIW9wZW5lZCA/ICdub25lJyA6IHVuZGVmaW5lZCwgbWluSGVpZ2h0IH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKVxuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRFeHBhbmRhYmxlID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW5lZCxcbiAgbWluSGVpZ2h0ID0gMCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBhbmltYXRpb25EdXJhdGlvbiA9IEFOSU1BVElPTl9EVVJBVElPTixcbn06IEV4cGFuZGFibGVQcm9wcykgPT4ge1xuICBjb25zdCBbaGVpZ2h0LCBzZXRIZWlnaHRdID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4obnVsbClcbiAgY29uc3QgdHJhbnNpdGlvblRpbWVyID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgdW5kZWZpbmVkPihcbiAgICBudWxsLFxuICApXG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3Qgc2hvdWxkQmVBbmltYXRlZCA9IGFuaW1hdGlvbkR1cmF0aW9uID4gMFxuXG4gIC8vIFRvIGF2b2lkIGV4cGFuZGVkIGFuaW1hdGlvbiBvbiBmaXJzdCByZW5kZXJcbiAgY29uc3QgaXNGaXJzdFJlbmRlciA9IHVzZVJlZih0cnVlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAoaXNGaXJzdFJlbmRlci5jdXJyZW50KSB7XG4gICAgICAgIGlzRmlyc3RSZW5kZXIuY3VycmVudCA9IGZhbHNlXG4gICAgICB9XG4gICAgfSwgMClcbiAgfSwgW10pXG4gIC8qKlxuICAgKiBBdCBtb3VudCwgd2Ugc2V0IHRoZSBoZWlnaHQgdmFyaWFibGUgdG8gdGhlIGhlaWdodCBvZiB0aGUgY29udGVudCBvbmx5IGlmIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLlxuICAgKiBUaGlzIGlzIHRvIGVuc3VyZSB3ZSBkb24ndCBoYXZlIGFuaW1hdGlvbiB3aGVuIHRoZSBjb21wb25lbnQgaXMgb3BlbmVkIGF0IG1vdW50LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEhlaWdodChyZWYuY3VycmVudC5zY3JvbGxIZWlnaHQgPz8gMClcbiAgICB9XG4gIH0sIFtyZWYuY3VycmVudD8uc2Nyb2xsSGVpZ2h0XSlcblxuICAvKipcbiAgICogSGVyZSB3ZSBzZXQgbWF4SGVpZ2h0IHRvIHRoZSBoZWlnaHQgb2YgdGhlIGNvbnRlbnQgd2hlbiB0aGUgY29tcG9uZW50IGlzIG9wZW5lZFxuICAgKiBhbmQgYWZ0ZXIgMzAwbXMgd2Ugc2V0IG1heEhlaWdodCB0byBpbml0aWFsIHRvIGxldCB0aGUgY29udGVudCBncm93IHdpdGggYW5pbWF0aW9uLlxuICAgKiBTZXR0aW5nIGl0IHRvIGluaXRpYWwgaXMgcmVxdWlyZWQgdG8gYmUgYWJsZSB0byBoYXZlIG5lc3RlZCBleHBhbmRhYmxlIG9yIHRoZSBoZWlnaHQgd29uJ3QgZm9sbG93LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNGaXJzdFJlbmRlci5jdXJyZW50ICYmICFvcGVuZWQgJiYgcmVmLmN1cnJlbnQpIHtcbiAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke21pbkhlaWdodCA/PyAwfXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJ1xuICAgIH0gZWxzZSBpZiAob3BlbmVkICYmIHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUubWF4SGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUudmlzaWJpbGl0eSA9ICcnXG4gICAgICB0cmFuc2l0aW9uVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSAnaW5pdGlhbCdcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICd2aXNpYmxlJ1xuICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnJ1xuICAgICAgICB9XG4gICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0cmFuc2l0aW9uVGltZXI/LmN1cnJlbnQpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRyYW5zaXRpb25UaW1lci5jdXJyZW50KVxuICAgICAgfVxuXG4gICAgICBpZiAocmVmLmN1cnJlbnQgJiYgaGVpZ2h0KSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke2hlaWdodH1weGBcbiAgICAgICAgdHJhbnNpdGlvblRpbWVyLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke21pbkhlaWdodH1weGBcbiAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICBpZiAocmVmLmN1cnJlbnQgJiYgIW1pbkhlaWdodCkge1xuICAgICAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJ1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgICAgICAgfVxuICAgICAgICB9LCAwKVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodHJhbnNpdGlvblRpbWVyPy5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dCh0cmFuc2l0aW9uVGltZXIuY3VycmVudClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFthbmltYXRpb25EdXJhdGlvbiwgaGVpZ2h0LCBtaW5IZWlnaHQsIG9wZW5lZCwgc2hvdWxkQmVBbmltYXRlZF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRXhwYW5kYWJsZVxuICAgICAgYW5pbWF0aW9uRHVyYXRpb249e2FuaW1hdGlvbkR1cmF0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLWlzLWFuaW1hdGVkPXtzaG91bGRCZUFuaW1hdGVkICYmICFpc0ZpcnN0UmVuZGVyLmN1cnJlbnR9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEV4cGFuZGFibGU+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRXhwYW5kYWJsZSBjb21wb25lbnQgaXMgYSBkeW5hbWljIFJlYWN0IGNvbXBvbmVudCB0aGF0IGFsbG93cyBmb3IgdGhlIGV4cGFuc2lvbiBvZiBpdHMgY2hpbGRyZW4gY29udGVudFxuICogYmFzZWQgb24gaXRzIGhlaWdodC4gVGhlIGNvbXBvbmVudCBjb21lcyB3aXRoIGEgc2xlZWsgYW5kIHNtb290aCBhbmltYXRpb24sIHByb3ZpZGluZyBhIHZpc3VhbGx5IHBsZWFzaW5nXG4gKiB1c2VyIGV4cGVyaWVuY2UuXG4gKi9cbmV4cG9ydCBjb25zdCBFeHBhbmRhYmxlID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW5lZCxcbiAgbWluSGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGFuaW1hdGlvbkR1cmF0aW9uID0gQU5JTUFUSU9OX0RVUkFUSU9OLFxufTogRXhwYW5kYWJsZVByb3BzKSA9PiB7XG4gIGlmIChhbmltYXRpb25EdXJhdGlvbiA+IDApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEFuaW1hdGVkRXhwYW5kYWJsZVxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17YW5pbWF0aW9uRHVyYXRpb259XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FuaW1hdGVkRXhwYW5kYWJsZT5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxOb0FuaW1hdGlvbkV4cGFuZGFibGVcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBtaW5IZWlnaHQ9e21pbkhlaWdodH1cbiAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05vQW5pbWF0aW9uRXhwYW5kYWJsZT5cbiAgKVxufVxuIl19 */"));
 const NoAnimationExpandable = ({
   children,
   opened,
@@ -93,7 +80,9 @@ const AnimatedExpandable = ({
       }
     };
   }, [animationDuration, height, minHeight, opened, shouldBeAnimated]);
-  return /* @__PURE__ */ jsxRuntime.jsx(StyledExpandable, { animationDuration, className, "data-is-animated": shouldBeAnimated && !isFirstRender.current, "data-testid": dataTestId, ref, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.expandable}`, "data-is-animated": shouldBeAnimated && !isFirstRender.current, "data-testid": dataTestId, ref, style: dynamic.assignInlineVars({
+    [styles_css.animationDurationVar]: `${animationDuration}ms`
+  }), children });
 };
 const Expandable = ({
   children,
@@ -110,4 +99,3 @@ const Expandable = ({
 };
 exports.AnimatedExpandable = AnimatedExpandable;
 exports.Expandable = Expandable;
-exports.StyledExpandable = StyledExpandable;

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

@@ -19,12 +19,6 @@ type ExpandableProps = {
      */
     animationDuration?: number;
 };
-export declare const StyledExpandable: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    animationDuration: number;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const AnimatedExpandable: ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration, }: ExpandableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * The Expandable component is a dynamic React component that allows for the expansion of its children content

package/dist/components/Expandable/index.js

@@ -1,20 +1,9 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useState, useRef, useEffect } from "react";
+import { expandable, animationDurationVar } from "./styles.css.js";
 const ANIMATION_DURATION = 300;
-const StyledExpandable = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["animationDuration"].includes(prop),
-  target: "e5hc7t70"
-} : {
-  shouldForwardProp: (prop) => !["animationDuration"].includes(prop),
-  target: "e5hc7t70",
-  label: "StyledExpandable"
-})('&[data-is-animated="true"]{transition:max-height ', ({
-  animationDuration
-}) => animationDuration, "ms ease-out,opacity ", ({
-  animationDuration
-}) => animationDuration, "ms ease-out;}height:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0V4cGFuZGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRXhwYW5kYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlRWZmZWN0LCB1c2VSZWYsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5cbmNvbnN0IEFOSU1BVElPTl9EVVJBVElPTiA9IDMwMCAvLyBpbiBtc1xuXG50eXBlIEV4cGFuZGFibGVQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IHRvIGRpc3BsYXlcbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgLyoqXG4gICAqIFRvIGRpc3BsYXkgb3Igbm90IHRoZSBjb250ZW50XG4gICAqL1xuICBvcGVuZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBUaGUgbWluaW11bSBoZWlnaHQgb2YgdGhlIGNvbnRlbnRcbiAgICovXG4gIG1pbkhlaWdodD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAvKipcbiAgICogVGhlIGR1cmF0aW9uIG9mIHRoZSBhbmltYXRpb24gaW4gbXMuIElmIHNldCB0byAwLCB0aGUgYW5pbWF0aW9uIHdpbGwgYmUgZGlzYWJsZWQuXG4gICAqL1xuICBhbmltYXRpb25EdXJhdGlvbj86IG51bWJlclxufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZSA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydhbmltYXRpb25EdXJhdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBhbmltYXRpb25EdXJhdGlvbjogbnVtYmVyIH0+YFxuICAmW2RhdGEtaXMtYW5pbWF0ZWQ9XCJ0cnVlXCJdIHtcbiAgICB0cmFuc2l0aW9uOlxuICAgICAgbWF4LWhlaWdodCAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0LFxuICAgICAgb3BhY2l0eSAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0O1xuICAgIH1cbiAgaGVpZ2h0OiBhdXRvO1xuYFxuXG5jb25zdCBOb0FuaW1hdGlvbkV4cGFuZGFibGUgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbmVkLFxuICBtaW5IZWlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEV4cGFuZGFibGVQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgc3R5bGU9e3sgZGlzcGxheTogIW9wZW5lZCA/ICdub25lJyA6IHVuZGVmaW5lZCwgbWluSGVpZ2h0IH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvZGl2PlxuKVxuXG5leHBvcnQgY29uc3QgQW5pbWF0ZWRFeHBhbmRhYmxlID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW5lZCxcbiAgbWluSGVpZ2h0ID0gMCxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBhbmltYXRpb25EdXJhdGlvbiA9IEFOSU1BVElPTl9EVVJBVElPTixcbn06IEV4cGFuZGFibGVQcm9wcykgPT4ge1xuICBjb25zdCBbaGVpZ2h0LCBzZXRIZWlnaHRdID0gdXNlU3RhdGU8bnVtYmVyIHwgbnVsbD4obnVsbClcbiAgY29uc3QgdHJhbnNpdGlvblRpbWVyID0gdXNlUmVmPFJldHVyblR5cGU8dHlwZW9mIHNldFRpbWVvdXQ+IHwgdW5kZWZpbmVkPihcbiAgICBudWxsLFxuICApXG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbClcbiAgY29uc3Qgc2hvdWxkQmVBbmltYXRlZCA9IGFuaW1hdGlvbkR1cmF0aW9uID4gMFxuXG4gIC8vIFRvIGF2b2lkIGV4cGFuZGVkIGFuaW1hdGlvbiBvbiBmaXJzdCByZW5kZXJcbiAgY29uc3QgaXNGaXJzdFJlbmRlciA9IHVzZVJlZih0cnVlKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICBpZiAoaXNGaXJzdFJlbmRlci5jdXJyZW50KSB7XG4gICAgICAgIGlzRmlyc3RSZW5kZXIuY3VycmVudCA9IGZhbHNlXG4gICAgICB9XG4gICAgfSwgMClcbiAgfSwgW10pXG4gIC8qKlxuICAgKiBBdCBtb3VudCwgd2Ugc2V0IHRoZSBoZWlnaHQgdmFyaWFibGUgdG8gdGhlIGhlaWdodCBvZiB0aGUgY29udGVudCBvbmx5IGlmIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLlxuICAgKiBUaGlzIGlzIHRvIGVuc3VyZSB3ZSBkb24ndCBoYXZlIGFuaW1hdGlvbiB3aGVuIHRoZSBjb21wb25lbnQgaXMgb3BlbmVkIGF0IG1vdW50LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEhlaWdodChyZWYuY3VycmVudC5zY3JvbGxIZWlnaHQgPz8gMClcbiAgICB9XG4gIH0sIFtyZWYuY3VycmVudD8uc2Nyb2xsSGVpZ2h0XSlcblxuICAvKipcbiAgICogSGVyZSB3ZSBzZXQgbWF4SGVpZ2h0IHRvIHRoZSBoZWlnaHQgb2YgdGhlIGNvbnRlbnQgd2hlbiB0aGUgY29tcG9uZW50IGlzIG9wZW5lZFxuICAgKiBhbmQgYWZ0ZXIgMzAwbXMgd2Ugc2V0IG1heEhlaWdodCB0byBpbml0aWFsIHRvIGxldCB0aGUgY29udGVudCBncm93IHdpdGggYW5pbWF0aW9uLlxuICAgKiBTZXR0aW5nIGl0IHRvIGluaXRpYWwgaXMgcmVxdWlyZWQgdG8gYmUgYWJsZSB0byBoYXZlIG5lc3RlZCBleHBhbmRhYmxlIG9yIHRoZSBoZWlnaHQgd29uJ3QgZm9sbG93LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNGaXJzdFJlbmRlci5jdXJyZW50ICYmICFvcGVuZWQgJiYgcmVmLmN1cnJlbnQpIHtcbiAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke21pbkhlaWdodCA/PyAwfXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJ1xuICAgIH0gZWxzZSBpZiAob3BlbmVkICYmIHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUubWF4SGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUudmlzaWJpbGl0eSA9ICcnXG4gICAgICB0cmFuc2l0aW9uVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSAnaW5pdGlhbCdcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICd2aXNpYmxlJ1xuICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnJ1xuICAgICAgICB9XG4gICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgfSBlbHNlIHtcbiAgICAgIGlmICh0cmFuc2l0aW9uVGltZXI/LmN1cnJlbnQpIHtcbiAgICAgICAgY2xlYXJUaW1lb3V0KHRyYW5zaXRpb25UaW1lci5jdXJyZW50KVxuICAgICAgfVxuXG4gICAgICBpZiAocmVmLmN1cnJlbnQgJiYgaGVpZ2h0KSB7XG4gICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke2hlaWdodH1weGBcbiAgICAgICAgdHJhbnNpdGlvblRpbWVyLmN1cnJlbnQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm1heEhlaWdodCA9IGAke21pbkhlaWdodH1weGBcbiAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLm92ZXJmbG93ID0gJ2hpZGRlbidcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICBpZiAocmVmLmN1cnJlbnQgJiYgIW1pbkhlaWdodCkge1xuICAgICAgICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnaGlkZGVuJ1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgICAgICAgfVxuICAgICAgICB9LCAwKVxuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoKSA9PiB7XG4gICAgICBpZiAodHJhbnNpdGlvblRpbWVyPy5jdXJyZW50KSB7XG4gICAgICAgIGNsZWFyVGltZW91dCh0cmFuc2l0aW9uVGltZXIuY3VycmVudClcbiAgICAgIH1cbiAgICB9XG4gIH0sIFthbmltYXRpb25EdXJhdGlvbiwgaGVpZ2h0LCBtaW5IZWlnaHQsIG9wZW5lZCwgc2hvdWxkQmVBbmltYXRlZF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRXhwYW5kYWJsZVxuICAgICAgYW5pbWF0aW9uRHVyYXRpb249e2FuaW1hdGlvbkR1cmF0aW9ufVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLWlzLWFuaW1hdGVkPXtzaG91bGRCZUFuaW1hdGVkICYmICFpc0ZpcnN0UmVuZGVyLmN1cnJlbnR9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIHJlZj17cmVmfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZEV4cGFuZGFibGU+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRXhwYW5kYWJsZSBjb21wb25lbnQgaXMgYSBkeW5hbWljIFJlYWN0IGNvbXBvbmVudCB0aGF0IGFsbG93cyBmb3IgdGhlIGV4cGFuc2lvbiBvZiBpdHMgY2hpbGRyZW4gY29udGVudFxuICogYmFzZWQgb24gaXRzIGhlaWdodC4gVGhlIGNvbXBvbmVudCBjb21lcyB3aXRoIGEgc2xlZWsgYW5kIHNtb290aCBhbmltYXRpb24sIHByb3ZpZGluZyBhIHZpc3VhbGx5IHBsZWFzaW5nXG4gKiB1c2VyIGV4cGVyaWVuY2UuXG4gKi9cbmV4cG9ydCBjb25zdCBFeHBhbmRhYmxlID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9wZW5lZCxcbiAgbWluSGVpZ2h0LFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGFuaW1hdGlvbkR1cmF0aW9uID0gQU5JTUFUSU9OX0RVUkFUSU9OLFxufTogRXhwYW5kYWJsZVByb3BzKSA9PiB7XG4gIGlmIChhbmltYXRpb25EdXJhdGlvbiA+IDApIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEFuaW1hdGVkRXhwYW5kYWJsZVxuICAgICAgICBhbmltYXRpb25EdXJhdGlvbj17YW5pbWF0aW9uRHVyYXRpb259XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0FuaW1hdGVkRXhwYW5kYWJsZT5cbiAgICApXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxOb0FuaW1hdGlvbkV4cGFuZGFibGVcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBtaW5IZWlnaHQ9e21pbkhlaWdodH1cbiAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05vQW5pbWF0aW9uRXhwYW5kYWJsZT5cbiAgKVxufVxuIl19 */"));
 const NoAnimationExpandable = ({
   children,
   opened,
@@ -89,7 +78,9 @@ const AnimatedExpandable = ({
       }
     };
   }, [animationDuration, height, minHeight, opened, shouldBeAnimated]);
-  return /* @__PURE__ */ jsx(StyledExpandable, { animationDuration, className, "data-is-animated": shouldBeAnimated && !isFirstRender.current, "data-testid": dataTestId, ref, children });
+  return /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${expandable}`, "data-is-animated": shouldBeAnimated && !isFirstRender.current, "data-testid": dataTestId, ref, style: assignInlineVars({
+    [animationDurationVar]: `${animationDuration}ms`
+  }), children });
 };
 const Expandable = ({
   children,
@@ -106,6 +97,5 @@ const Expandable = ({
 };
 export {
   AnimatedExpandable,
-  Expandable,
-  StyledExpandable
+  Expandable
 };

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var animationDurationVar = "var(--uv_mlltm90)";
+var expandable = "uv_mlltm91";
+exports.animationDurationVar = animationDurationVar;
+exports.expandable = expandable;

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

@@ -0,0 +1,2 @@
+export declare const animationDurationVar: `var(--${string})`;
+export declare const expandable: string;

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

@@ -0,0 +1,7 @@
+/* empty css                          */
+var animationDurationVar = "var(--uv_mlltm90)";
+var expandable = "uv_mlltm91";
+export {
+  animationDurationVar,
+  expandable
+};