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

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

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

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

@@ -1,4 +1,3 @@
-/* empty css                                                  */
 /* empty css                                                     */
 /* empty css                          */
 var rankActionBar = "var(--uv_1p607tg0)";

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
+};

package/dist/components/GlobalAlert/index.cjs

@@ -2,40 +2,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const Icon = require("@ultraviolet/icons");
 const react = require("react");
 const index$2 = require("../Button/index.cjs");
-const constants = require("../Button/constants.cjs");
 const index = require("../Stack/index.cjs");
 const index$1 = require("../Text/index.cjs");
 const GlobalAlertLink = require("./GlobalAlertLink.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const CloseButton = /* @__PURE__ */ _styled__default.default(index$2.Button, process.env.NODE_ENV === "production" ? {
-  target: "ewvyccp1"
-} : {
-  target: "ewvyccp1",
-  label: "CloseButton"
-})("background:none;position:absolute;right:", ({
-  theme
-}) => theme.sizing[constants.SIZE_HEIGHT.large], ";&:hover,&:focus,&:active{background:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvR2xvYmFsQWxlcnQvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQ2xvc2VJY29uIH0gZnJvbSAnQHVsdHJhdmlvbGV0L2ljb25zJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVJlZHVjZXIgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFNJWkVfSEVJR0hUIH0gZnJvbSAnLi4vQnV0dG9uL2NvbnN0YW50cydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IEdsb2JhbEFsZXJ0TGluayB9IGZyb20gJy4vR2xvYmFsQWxlcnRMaW5rJ1xuXG5jb25zdCBDbG9zZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24pYFxuICBiYWNrZ3JvdW5kOiBub25lO1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1tTSVpFX0hFSUdIVC5sYXJnZV19O1xuXG4gICY6aG92ZXIsXG4gICY6Zm9jdXMsXG4gICY6YWN0aXZlIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICB9XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTdGFjaylgXG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWyc3MDAnXX07XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcblxuICAmW2RhdGEtdmFyaWFudD0naW5mbyddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5pbmZvLmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLXZhcmlhbnQ9J2RhbmdlciddIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5kYW5nZXIuYmFja2dyb3VuZFN0cm9uZ307XG4gIH1cblxuICAmW2RhdGEtdmFyaWFudD0ncHJvbW90aW9uYWwnXSB7XG4gICAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmdyYWRpZW50cy5iYWNrZ3JvdW5kLmxpbmVhci5hcXVhfTtcbiAgfVxuYFxuXG50eXBlIEdsb2JhbEFsZXJ0UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgdmFyaWFudD86ICdpbmZvJyB8ICdkYW5nZXInIHwgJ3Byb21vdGlvbmFsJ1xuICBvbkNsb3NlPzogKCkgPT4gdm9pZFxuICBjbG9zYWJsZT86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgYnV0dG9uVGV4dD86IHN0cmluZ1xuICBvbkNsaWNrQnV0dG9uPzogKCkgPT4gdm9pZFxufVxuXG4vKipcbiAqIEdsb2JhbEFsZXJ0IGlzIGEgY29tcG9uZW50IHRoYXQgaXMgdXNlZCB0byBkaXNwbGF5IGEgZ2xvYmFsIGFsZXJ0IG1lc3NhZ2UuXG4gKiBJdCBoYXMgaXRzIG93biBpbnRlcm5hbCBzdGF0ZSBhbmQgY2FuIGJlIGNsb3NlZCBieSBjbGlja2luZyBvbiB0aGUgY2xvc2UgYnV0dG9uLlxuICovXG5leHBvcnQgY29uc3QgR2xvYmFsQWxlcnQgPSAoe1xuICBjaGlsZHJlbixcbiAgdmFyaWFudCA9ICdpbmZvJyxcbiAgb25DbG9zZSxcbiAgY2xvc2FibGUgPSB0cnVlLFxuICBidXR0b25UZXh0LFxuICBvbkNsaWNrQnV0dG9uLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBHbG9iYWxBbGVydFByb3BzKSA9PiB7XG4gIGNvbnN0IFtvcGVuZWQsIHRvZ2dsZU9wZW5lZF0gPSB1c2VSZWR1Y2VyKHZhbHVlID0+ICF2YWx1ZSwgdHJ1ZSlcblxuICBpZiAoIW9wZW5lZCkge1xuICAgIHJldHVybiBudWxsXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDb250YWluZXJcbiAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICAgIGRpcmVjdGlvbj1cInJvd1wiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgPlxuICAgICAgPFN0YWNrXG4gICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAgICBnYXA9ezJ9XG4gICAgICAgIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCJcbiAgICAgID5cbiAgICAgICAgPFRleHQgYXM9XCJwXCIgc2VudGltZW50PVwid2hpdGVcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1RleHQ+XG4gICAgICAgIHtvbkNsaWNrQnV0dG9uICYmIGJ1dHRvblRleHQgPyAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25DbGlja0J1dHRvbn1cbiAgICAgICAgICAgIHNlbnRpbWVudD1cIndoaXRlXCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge2Nsb3NhYmxlID8gKFxuICAgICAgICA8Q2xvc2VCdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICB0b2dnbGVPcGVuZWQoKVxuICAgICAgICAgICAgb25DbG9zZT8uKClcbiAgICAgICAgICB9fVxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIHNpemU9XCJ4c21hbGxcIlxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICA+XG4gICAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgICA8L0Nsb3NlQnV0dG9uPlxuICAgICAgKSA6IG51bGx9XG4gICAgPC9Db250YWluZXI+XG4gIClcbn1cblxuR2xvYmFsQWxlcnQuTGluayA9IEdsb2JhbEFsZXJ0TGlua1xuIl19 */"));
-const Container = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
-  target: "ewvyccp0"
-} : {
-  target: "ewvyccp0",
-  label: "Container"
-})("width:100%;height:", ({
-  theme
-}) => theme.sizing["700"], ";padding:0 ", ({
-  theme
-}) => theme.space["2"], ";&[data-variant='info']{background-color:", ({
-  theme
-}) => theme.colors.info.backgroundStrong, ";}&[data-variant='danger']{background-color:", ({
-  theme
-}) => theme.colors.danger.backgroundStrong, ";}&[data-variant='promotional']{background:", ({
-  theme
-}) => theme.colors.other.gradients.background.linear.aqua, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QitCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0dsb2JhbEFsZXJ0L2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VSZWR1Y2VyIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBTSVpFX0hFSUdIVCB9IGZyb20gJy4uL0J1dHRvbi9jb25zdGFudHMnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBHbG9iYWxBbGVydExpbmsgfSBmcm9tICcuL0dsb2JhbEFsZXJ0TGluaydcblxuY29uc3QgQ2xvc2VCdXR0b24gPSBzdHlsZWQoQnV0dG9uKWBcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICByaWdodDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbU0laRV9IRUlHSFQubGFyZ2VdfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzLFxuICAmOmFjdGl2ZSB7XG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snNzAwJ119O1xuICBwYWRkaW5nOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5cbiAgJltkYXRhLXZhcmlhbnQ9J2luZm8nXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuaW5mby5iYWNrZ3JvdW5kU3Ryb25nfTtcbiAgfVxuXG4gICZbZGF0YS12YXJpYW50PSdkYW5nZXInXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMuZGFuZ2VyLmJhY2tncm91bmRTdHJvbmd9O1xuICB9XG5cbiAgJltkYXRhLXZhcmlhbnQ9J3Byb21vdGlvbmFsJ10ge1xuICAgIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT5cbiAgICAgIHRoZW1lLmNvbG9ycy5vdGhlci5ncmFkaWVudHMuYmFja2dyb3VuZC5saW5lYXIuYXF1YX07XG4gIH1cbmBcblxudHlwZSBHbG9iYWxBbGVydFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIHZhcmlhbnQ/OiAnaW5mbycgfCAnZGFuZ2VyJyB8ICdwcm9tb3Rpb25hbCdcbiAgb25DbG9zZT86ICgpID0+IHZvaWRcbiAgY2xvc2FibGU/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGJ1dHRvblRleHQ/OiBzdHJpbmdcbiAgb25DbGlja0J1dHRvbj86ICgpID0+IHZvaWRcbn1cblxuLyoqXG4gKiBHbG9iYWxBbGVydCBpcyBhIGNvbXBvbmVudCB0aGF0IGlzIHVzZWQgdG8gZGlzcGxheSBhIGdsb2JhbCBhbGVydCBtZXNzYWdlLlxuICogSXQgaGFzIGl0cyBvd24gaW50ZXJuYWwgc3RhdGUgYW5kIGNhbiBiZSBjbG9zZWQgYnkgY2xpY2tpbmcgb24gdGhlIGNsb3NlIGJ1dHRvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IEdsb2JhbEFsZXJ0ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHZhcmlhbnQgPSAnaW5mbycsXG4gIG9uQ2xvc2UsXG4gIGNsb3NhYmxlID0gdHJ1ZSxcbiAgYnV0dG9uVGV4dCxcbiAgb25DbGlja0J1dHRvbixcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogR2xvYmFsQWxlcnRQcm9wcykgPT4ge1xuICBjb25zdCBbb3BlbmVkLCB0b2dnbGVPcGVuZWRdID0gdXNlUmVkdWNlcih2YWx1ZSA9PiAhdmFsdWUsIHRydWUpXG5cbiAgaWYgKCFvcGVuZWQpIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyXG4gICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkYXRhLXZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICBkaXJlY3Rpb249XCJyb3dcIlxuICAgICAganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIlxuICAgID5cbiAgICAgIDxTdGFja1xuICAgICAgICBhbGlnbkl0ZW1zPVwiY2VudGVyXCJcbiAgICAgICAgZGlyZWN0aW9uPVwicm93XCJcbiAgICAgICAgZ2FwPXsyfVxuICAgICAgICBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiXG4gICAgICA+XG4gICAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cIndoaXRlXCIgdmFyaWFudD1cImJvZHlTbWFsbFwiPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgICB7b25DbGlja0J1dHRvbiAmJiBidXR0b25UZXh0ID8gKFxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tCdXR0b259XG4gICAgICAgICAgICBzZW50aW1lbnQ9XCJ3aGl0ZVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2J1dHRvblRleHR9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjbG9zYWJsZSA/IChcbiAgICAgICAgPENsb3NlQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgdG9nZ2xlT3BlbmVkKClcbiAgICAgICAgICAgIG9uQ2xvc2U/LigpXG4gICAgICAgICAgfX1cbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBzaXplPVwieHNtYWxsXCJcbiAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgPC9DbG9zZUJ1dHRvbj5cbiAgICAgICkgOiBudWxsfVxuICAgIDwvQ29udGFpbmVyPlxuICApXG59XG5cbkdsb2JhbEFsZXJ0LkxpbmsgPSBHbG9iYWxBbGVydExpbmtcbiJdfQ== */"));
+const styles_css = require("./styles.css.cjs");
 const GlobalAlert = ({
   children,
   variant = "info",
@@ -50,12 +23,12 @@ const GlobalAlert = ({
   if (!opened) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(Container, { alignItems: "center", className, "data-testid": dataTestId, "data-variant": variant, direction: "row", justifyContent: "center", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", className: `${className ? `${className} ` : ""}${styles_css.container[variant]}`, "data-testid": dataTestId, "data-variant": variant, direction: "row", justifyContent: "center", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { alignItems: "center", direction: "row", gap: 2, justifyContent: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "p", sentiment: "white", variant: "bodySmall", children }),
       onClickButton && buttonText ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { onClick: onClickButton, sentiment: "white", size: "small", variant: "filled", children: buttonText }) : null
     ] }),
-    closable ? /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { onClick: () => {
+    closable ? /* @__PURE__ */ jsxRuntime.jsx(index$2.Button, { className: styles_css.closeButton, onClick: () => {
       toggleOpened();
       onClose?.();
     }, sentiment: "primary", size: "xsmall", variant: "filled", children: /* @__PURE__ */ jsxRuntime.jsx(Icon.CloseIcon, {}) }) : null