@ultraviolet/ui 3.0.0-beta.15 → 3.0.0-beta.16

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                                                    */
 ;/* empty css                            */
 const createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
 var banner = createRuntimeFn.createRuntimeFn({ defaultClassName: "uv_17sbfy0", variantClassNames: { size: { small: "uv_17sbfy1", medium: "uv_17sbfy2" }, variant: { intro: "uv_17sbfy3", promotional: "uv_17sbfy4" } }, defaultVariants: { variant: "intro", size: "medium" }, compoundVariants: [[{ variant: "intro", size: "small" }, "uv_17sbfy5"], [{ variant: "intro", size: "medium" }, "uv_17sbfy6"], [{ variant: "promotional", size: "small" }, "uv_17sbfy7"], [{ variant: "promotional", size: "medium" }, "uv_17sbfy8"]] });

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

@@ -1,3 +1,4 @@
+/* empty css                                                  */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var banner = createRuntimeFn({ defaultClassName: "uv_17sbfy0", variantClassNames: { size: { small: "uv_17sbfy1", medium: "uv_17sbfy2" }, variant: { intro: "uv_17sbfy3", promotional: "uv_17sbfy4" } }, defaultVariants: { variant: "intro", size: "medium" }, compoundVariants: [[{ variant: "intro", size: "small" }, "uv_17sbfy5"], [{ variant: "intro", size: "medium" }, "uv_17sbfy6"], [{ variant: "promotional", size: "small" }, "uv_17sbfy7"], [{ variant: "promotional", size: "medium" }, "uv_17sbfy8"]] });

package/dist/components/BarChart/Tooltip.cjs

@@ -1,50 +1,19 @@
 "use client";
 "use strict";
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
+const dynamic = require("@vanilla-extract/dynamic");
 const index = require("../Text/index.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const BarToolTipContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ilr3nn1"
-} : {
-  target: "e1ilr3nn1",
-  label: "BarToolTipContainer"
-})("display:flex;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
-  theme
-}) => theme.radii.small, ";box-shadow:", ({
-  theme
-}) => theme.shadows.tooltip, ";padding:", ({
-  theme
-}) => theme.space["1"], " ", ({
-  theme
-}) => theme.space["2"], ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CYXJDaGFydC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBCYXJUb29sVGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0VsZXZhdGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5zbWFsbH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy50b29sdGlwfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBCYXJDb2xvclNxdWFyZSA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgY29sb3I6IHN0cmluZyB9PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWycxNTAnXX07XG4gIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEuNSddfTtcbmBcblxudHlwZSBCYXJDaGFydFRvb2xUaXBQcm9wcyA9IHtcbiAgY29sb3I6IHN0cmluZ1xuICBpbmRleFZhbHVlOiBzdHJpbmdcbiAgZm9ybWF0dGVkVmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBCYXJDaGFydFRvb2xUaXAgPSAoe1xuICBmb3JtYXR0ZWRWYWx1ZSxcbiAgaW5kZXhWYWx1ZSxcbiAgY29sb3IsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEJhckNoYXJ0VG9vbFRpcFByb3BzKSA9PiAoXG4gIDxCYXJUb29sVGlwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgPGRpdj5cbiAgICAgIDxCYXJDb2xvclNxdWFyZSBjb2xvcj17Y29sb3J9IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cInByaW1hcnlcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCI+XG4gICAgICAgIHtmb3JtYXR0ZWRWYWx1ZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAge2luZGV4VmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgPC9kaXY+XG4gIDwvQmFyVG9vbFRpcENvbnRhaW5lcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQmFyQ2hhcnRUb29sVGlwXG4iXX0= */"));
-const BarColorSquare = /* @__PURE__ */ _styled__default.default("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0",
-  label: "BarColorSquare"
-})("display:block;width:", ({
-  theme
-}) => theme.sizing["150"], ";height:", ({
-  theme
-}) => theme.sizing["150"], ";background:", ({
-  color
-}) => color, ";margin-right:", ({
-  theme
-}) => theme.space["1.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQmFyQ2hhcnQvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQmFyVG9vbFRpcENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuc21hbGx9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MudG9vbHRpcH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgQmFyQ29sb3JTcXVhcmUgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzE1MCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxLjUnXX07XG5gXG5cbnR5cGUgQmFyQ2hhcnRUb29sVGlwUHJvcHMgPSB7XG4gIGNvbG9yOiBzdHJpbmdcbiAgaW5kZXhWYWx1ZTogc3RyaW5nXG4gIGZvcm1hdHRlZFZhbHVlOiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgQmFyQ2hhcnRUb29sVGlwID0gKHtcbiAgZm9ybWF0dGVkVmFsdWUsXG4gIGluZGV4VmFsdWUsXG4gIGNvbG9yLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJDaGFydFRvb2xUaXBQcm9wcykgPT4gKFxuICA8QmFyVG9vbFRpcENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIDxkaXY+XG4gICAgICA8QmFyQ29sb3JTcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8VGV4dCBhcz1cInBcIiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgdmFyaWFudD1cImJvZHlTdHJvbmdlclwiPlxuICAgICAgICB7Zm9ybWF0dGVkVmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgIHtpbmRleFZhbHVlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvZGl2PlxuICA8L0JhclRvb2xUaXBDb250YWluZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEJhckNoYXJ0VG9vbFRpcFxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const BarChartToolTip = ({
   formattedValue,
   indexValue,
   color,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxRuntime.jsxs(BarToolTipContainer, { className, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(BarColorSquare, { color }) }),
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${className ? `${className} ` : ""}${styles_css.barTooltipContainer}`, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_css.barColorSquare, style: dynamic.assignInlineVars({
+    [styles_css.colorBar]: color
+  }) }) }),
   /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: formattedValue }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "bodySmall", children: indexValue })

package/dist/components/BarChart/Tooltip.js

@@ -1,47 +1,18 @@
 "use client";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { Text } from "../Text/index.js";
-const BarToolTipContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ilr3nn1"
-} : {
-  target: "e1ilr3nn1",
-  label: "BarToolTipContainer"
-})("display:flex;background:", ({
-  theme
-}) => theme.colors.neutral.backgroundWeakElevated, ";border-radius:", ({
-  theme
-}) => theme.radii.small, ";box-shadow:", ({
-  theme
-}) => theme.shadows.tooltip, ";padding:", ({
-  theme
-}) => theme.space["1"], " ", ({
-  theme
-}) => theme.space["2"], ";align-items:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9CYXJDaGFydC9Ub29sdGlwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIid1c2UgY2xpZW50J1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBCYXJUb29sVGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC5iYWNrZ3JvdW5kV2Vha0VsZXZhdGVkfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaS5zbWFsbH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93cy50b29sdGlwfTtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfSAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuXG5jb25zdCBCYXJDb2xvclNxdWFyZSA9IHN0eWxlZCgnc3BhbicsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnY29sb3InXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgY29sb3I6IHN0cmluZyB9PmBcbiAgZGlzcGxheTogYmxvY2s7XG4gIHdpZHRoOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2l6aW5nWycxNTAnXX07XG4gIGJhY2tncm91bmQ6ICR7KHsgY29sb3IgfSkgPT4gY29sb3J9O1xuICBtYXJnaW4tcmlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEuNSddfTtcbmBcblxudHlwZSBCYXJDaGFydFRvb2xUaXBQcm9wcyA9IHtcbiAgY29sb3I6IHN0cmluZ1xuICBpbmRleFZhbHVlOiBzdHJpbmdcbiAgZm9ybWF0dGVkVmFsdWU6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG5jb25zdCBCYXJDaGFydFRvb2xUaXAgPSAoe1xuICBmb3JtYXR0ZWRWYWx1ZSxcbiAgaW5kZXhWYWx1ZSxcbiAgY29sb3IsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEJhckNoYXJ0VG9vbFRpcFByb3BzKSA9PiAoXG4gIDxCYXJUb29sVGlwQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgPGRpdj5cbiAgICAgIDxCYXJDb2xvclNxdWFyZSBjb2xvcj17Y29sb3J9IC8+XG4gICAgPC9kaXY+XG4gICAgPGRpdj5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHNlbnRpbWVudD1cInByaW1hcnlcIiB2YXJpYW50PVwiYm9keVN0cm9uZ2VyXCI+XG4gICAgICAgIHtmb3JtYXR0ZWRWYWx1ZX1cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAge2luZGV4VmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgPC9kaXY+XG4gIDwvQmFyVG9vbFRpcENvbnRhaW5lcj5cbilcblxuZXhwb3J0IGRlZmF1bHQgQmFyQ2hhcnRUb29sVGlwXG4iXX0= */"));
-const BarColorSquare = /* @__PURE__ */ _styled("span", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0"
-} : {
-  shouldForwardProp: (prop) => !["color"].includes(prop),
-  target: "e1ilr3nn0",
-  label: "BarColorSquare"
-})("display:block;width:", ({
-  theme
-}) => theme.sizing["150"], ";height:", ({
-  theme
-}) => theme.sizing["150"], ";background:", ({
-  color
-}) => color, ";margin-right:", ({
-  theme
-}) => theme.space["1.5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0JhckNoYXJ0L1Rvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCcUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvQmFyQ2hhcnQvVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQmFyVG9vbFRpcENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLm5ldXRyYWwuYmFja2dyb3VuZFdlYWtFbGV2YXRlZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWkuc21hbGx9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNoYWRvd3MudG9vbHRpcH07XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX0gJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmBcblxuY29uc3QgQmFyQ29sb3JTcXVhcmUgPSBzdHlsZWQoJ3NwYW4nLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2NvbG9yJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IGNvbG9yOiBzdHJpbmcgfT5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICB3aWR0aDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaXppbmdbJzE1MCddfTtcbiAgaGVpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNpemluZ1snMTUwJ119O1xuICBiYWNrZ3JvdW5kOiAkeyh7IGNvbG9yIH0pID0+IGNvbG9yfTtcbiAgbWFyZ2luLXJpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxLjUnXX07XG5gXG5cbnR5cGUgQmFyQ2hhcnRUb29sVGlwUHJvcHMgPSB7XG4gIGNvbG9yOiBzdHJpbmdcbiAgaW5kZXhWYWx1ZTogc3RyaW5nXG4gIGZvcm1hdHRlZFZhbHVlOiBzdHJpbmdcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuY29uc3QgQmFyQ2hhcnRUb29sVGlwID0gKHtcbiAgZm9ybWF0dGVkVmFsdWUsXG4gIGluZGV4VmFsdWUsXG4gIGNvbG9yLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBCYXJDaGFydFRvb2xUaXBQcm9wcykgPT4gKFxuICA8QmFyVG9vbFRpcENvbnRhaW5lciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9PlxuICAgIDxkaXY+XG4gICAgICA8QmFyQ29sb3JTcXVhcmUgY29sb3I9e2NvbG9yfSAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+XG4gICAgICA8VGV4dCBhcz1cInBcIiBzZW50aW1lbnQ9XCJwcmltYXJ5XCIgdmFyaWFudD1cImJvZHlTdHJvbmdlclwiPlxuICAgICAgICB7Zm9ybWF0dGVkVmFsdWV9XG4gICAgICA8L1RleHQ+XG4gICAgICA8VGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVNtYWxsXCI+XG4gICAgICAgIHtpbmRleFZhbHVlfVxuICAgICAgPC9UZXh0PlxuICAgIDwvZGl2PlxuICA8L0JhclRvb2xUaXBDb250YWluZXI+XG4pXG5cbmV4cG9ydCBkZWZhdWx0IEJhckNoYXJ0VG9vbFRpcFxuIl19 */"));
+import { barTooltipContainer, barColorSquare, colorBar } from "./styles.css.js";
 const BarChartToolTip = ({
   formattedValue,
   indexValue,
   color,
   className,
   "data-testid": dataTestId
-}) => /* @__PURE__ */ jsxs(BarToolTipContainer, { className, "data-testid": dataTestId, children: [
-  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(BarColorSquare, { color }) }),
+}) => /* @__PURE__ */ jsxs("div", { className: `${className ? `${className} ` : ""}${barTooltipContainer}`, "data-testid": dataTestId, children: [
+  /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("span", { className: barColorSquare, style: assignInlineVars({
+    [colorBar]: color
+  }) }) }),
   /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "primary", variant: "bodyStronger", children: formattedValue }),
     /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodySmall", children: indexValue })

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+;/* empty css                            */
+var colorBar = "var(--uv_1eez2qb0)";
+var barTooltipContainer = "uv_1eez2qb1";
+var barColorSquare = "uv_1eez2qb2";
+exports.barColorSquare = barColorSquare;
+exports.barTooltipContainer = barTooltipContainer;
+exports.colorBar = colorBar;

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

@@ -0,0 +1,3 @@
+export declare const colorBar: `var(--${string})`;
+export declare const barTooltipContainer: string;
+export declare const barColorSquare: string;

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

@@ -0,0 +1,9 @@
+/* empty css                          */
+var colorBar = "var(--uv_1eez2qb0)";
+var barTooltipContainer = "uv_1eez2qb1";
+var barColorSquare = "uv_1eez2qb2";
+export {
+  barColorSquare,
+  barTooltipContainer,
+  colorBar
+};

package/dist/components/BarStack/index.cjs

@@ -4,11 +4,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const dynamic = require("@vanilla-extract/dynamic");
 const react = require("react");
-require("../../theme/index.cjs");
 const index = require("../Tooltip/index.cjs");
 const styles_css = require("./styles.css.cjs");
-const variables_css = require("./variables.css.cjs");
-const ThemeProvider = require("../../theme/ThemeProvider.cjs");
 const BarStack = ({
   data,
   total,
@@ -18,7 +15,6 @@ const BarStack = ({
   const computedTotal = react.useMemo(() => total ?? data.reduce((acc, {
     value
   }) => acc + value, 0), [total, data]);
-  const theme = ThemeProvider.useTheme();
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${className ? `${className} ` : ""}${styles_css.containerBarStack}`, "data-testid": dataTestId, children: data.map(({
     id,
     value,
@@ -32,18 +28,7 @@ const BarStack = ({
     onMouseUp,
     tooltip
   }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.wrapperBarStack, style: dynamic.assignInlineVars({
-    [variables_css.wrapperWidth]: `${value / computedTotal * 100}%`,
-    [variables_css.neutralWeak1A]: `${theme.colors.neutral.backgroundWeak}1A`,
-    [variables_css.neutralStrong33]: `${theme.colors.neutral.backgroundStrong}33`,
-    [variables_css.primaryStrongD9]: `${theme.colors.primary.backgroundStrong}D9`,
-    [variables_css.primaryStrong4D]: `${theme.colors.primary.backgroundStrong}4D`,
-    [variables_css.neutralWeak33]: `${theme.colors.neutral.backgroundWeak}33`,
-    [variables_css.neutralWeak40]: `${theme.colors.neutral.backgroundWeak}40`,
-    [variables_css.secondaryStrong40]: `${theme.colors.secondary.borderStrong}40`,
-    [variables_css.secondaryStrongBF]: `${theme.colors.secondary.borderStrong}BF`,
-    [variables_css.primaryStrong12]: `${theme.colors.primary.backgroundStrong}12`
-  }), children: tooltip ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, style: dynamic.assignInlineVars({
-    [variables_css.neutralStrongerB3]: `${theme.colors.neutral.backgroundStronger}B3`
-  }), children: text }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
+    [styles_css.wrapperWidth]: `${value / computedTotal * 100}%`
+  }), children: tooltip ? /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_css.barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
 };
 exports.BarStack = BarStack;

package/dist/components/BarStack/index.js

@@ -2,11 +2,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useMemo } from "react";
-import "../../theme/index.js";
 import { Tooltip } from "../Tooltip/index.js";
-import { containerBarStack, wrapperBarStack, barStack } from "./styles.css.js";
-import { neutralStrongerB3, primaryStrong12, secondaryStrongBF, secondaryStrong40, neutralWeak40, neutralWeak33, primaryStrong4D, primaryStrongD9, neutralStrong33, neutralWeak1A, wrapperWidth } from "./variables.css.js";
-import { useTheme } from "../../theme/ThemeProvider.js";
+import { containerBarStack, wrapperBarStack, barStack, wrapperWidth } from "./styles.css.js";
 const BarStack = ({
   data,
   total,
@@ -16,7 +13,6 @@ const BarStack = ({
   const computedTotal = useMemo(() => total ?? data.reduce((acc, {
     value
   }) => acc + value, 0), [total, data]);
-  const theme = useTheme();
   return /* @__PURE__ */ jsx("div", { className: `${className ? `${className} ` : ""}${containerBarStack}`, "data-testid": dataTestId, children: data.map(({
     id,
     value,
@@ -30,19 +26,8 @@ const BarStack = ({
     onMouseUp,
     tooltip
   }) => /* @__PURE__ */ jsx("div", { className: wrapperBarStack, style: assignInlineVars({
-    [wrapperWidth]: `${value / computedTotal * 100}%`,
-    [neutralWeak1A]: `${theme.colors.neutral.backgroundWeak}1A`,
-    [neutralStrong33]: `${theme.colors.neutral.backgroundStrong}33`,
-    [primaryStrongD9]: `${theme.colors.primary.backgroundStrong}D9`,
-    [primaryStrong4D]: `${theme.colors.primary.backgroundStrong}4D`,
-    [neutralWeak33]: `${theme.colors.neutral.backgroundWeak}33`,
-    [neutralWeak40]: `${theme.colors.neutral.backgroundWeak}40`,
-    [secondaryStrong40]: `${theme.colors.secondary.borderStrong}40`,
-    [secondaryStrongBF]: `${theme.colors.secondary.borderStrong}BF`,
-    [primaryStrong12]: `${theme.colors.primary.backgroundStrong}12`
-  }), children: tooltip ? /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, style: assignInlineVars({
-    [neutralStrongerB3]: `${theme.colors.neutral.backgroundStronger}B3`
-  }), children: text }) }) : /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
+    [wrapperWidth]: `${value / computedTotal * 100}%`
+  }), children: tooltip ? /* @__PURE__ */ jsx(Tooltip, { id: `tooltip-${id}`, text: tooltip, children: /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }) : /* @__PURE__ */ jsx("div", { className: barStack, onClick, onDoubleClick, onKeyDown, onMouseDown, onMouseEnter, onMouseLeave, onMouseUp, children: text }) }, id)) });
 };
 export {
   BarStack

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

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

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

@@ -1,3 +1,4 @@
+export declare const wrapperWidth: `var(--${string})`;
 export declare const wrapperBarStack: string;
 export declare const barStack: string;
 export declare const containerBarStack: string;

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

@@ -1,9 +1,11 @@
 /* empty css                          */
-var wrapperBarStack = "uv_1s3oplf0";
-var barStack = "uv_1s3oplf1";
-var containerBarStack = "uv_1s3oplf2";
+var wrapperWidth = "var(--uv_1s3oplf0)";
+var wrapperBarStack = "uv_1s3oplf1";
+var barStack = "uv_1s3oplf2";
+var containerBarStack = "uv_1s3oplf3";
 export {
   barStack,
   containerBarStack,
-  wrapperBarStack
+  wrapperBarStack,
+  wrapperWidth
 };

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

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

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

@@ -1,4 +1,3 @@
-/* empty css                                                  */
 /* empty css                          */
 var breadcrumbs = "uv_qxa0fl0";
 export {

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

@@ -14,7 +14,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, }: ChipType): import("@emotion/react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "search" | "anchor" | "bold" | "sort" | "filter" | "address" | "italic" | "underline" | "drag" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lockOutline" | "clockOutline" | "clockOutlineOutline" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "idOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "lock" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
+        name: "search" | "anchor" | "bold" | "sort" | "filter" | "address" | "italic" | "underline" | "drag" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "idOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;