@ultraviolet/icons 4.1.1 → 5.0.0-beta.2

package/dist/components/CategoryIcon/Icon.cjs

@@ -2,28 +2,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const StyledIcon = /* @__PURE__ */ _styled__default.default("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
-  target: "eqf5g0p0"
-} : {
-  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
-  target: "eqf5g0p0",
-  label: "StyledIcon"
-})(".fill{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => theme.colors.other.icon.category[variant][disabled ? "fillDisabled" : "fill"], ";}.fillStrong{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => theme.colors.other.icon.category[variant][disabled ? "fillStrongDisabled" : "fillStrong"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0NhdGVnb3J5SWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvaWNvbnMvc3JjL2NvbXBvbmVudHMvQ2F0ZWdvcnlJY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd2YXJpYW50JywgJ2Rpc2FibGVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHZhcmlhbnQ6ICduZXV0cmFsJyB8ICdwcmltYXJ5JzsgZGlzYWJsZWQ/OiBib29sZWFuIH0+YFxuICAuZmlsbCB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgdmFyaWFudCwgZGlzYWJsZWQgfSkgPT5cbiAgICAgIHRoZW1lLmNvbG9ycy5vdGhlci5pY29uLmNhdGVnb3J5W3ZhcmlhbnRdW1xuICAgICAgICBkaXNhYmxlZCA/ICdmaWxsRGlzYWJsZWQnIDogJ2ZpbGwnXG4gICAgICBdfTtcbiAgfVxuXG4gIC5maWxsU3Ryb25nIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCB2YXJpYW50LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmljb24uY2F0ZWdvcnlbdmFyaWFudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2ZpbGxTdHJvbmdEaXNhYmxlZCcgOiAnZmlsbFN0cm9uZydcbiAgICAgIF19O1xuICB9XG5gXG5cbmV4cG9ydCB0eXBlIEljb25Qcm9wcyA9IHtcbiAgdmFyaWFudD86ICdwcmltYXJ5JyB8ICduZXV0cmFsJ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG4vKipcbiAqIENhdGVnb3J5SWNvbiBjb21wb25lbnQgaXMgdXNlZCB0byByZW5kZXIgY2F0ZWdvcnkgaWNvbnMsIHRob3NlIGljb25zIGFyZSBtb3JlIGNvbXBsZXggdGhhbiBzeXN0ZW0gaWNvbnNcbiAqIGFzIHRoZXkgaW52b2x2ZSBtdWx0aXBsZSBjb2xvcnMgdGhhdCBjaGFuZ2VzIGRlcGVuZGluZyBvbiB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEljb24gPSAoe1xuICB2YXJpYW50ID0gJ3ByaW1hcnknLFxuICBkaXNhYmxlZCxcbiAgY2hpbGRyZW4sXG59OiBJY29uUHJvcHMpID0+IChcbiAgPFN0eWxlZEljb25cbiAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgaGVpZ2h0PVwiMjBcIlxuICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgdmlld0JveD1cIjAgMCAyMCAyMFwiXG4gICAgd2lkdGg9XCIyMFwiXG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkSWNvbj5cbilcbiJdfQ== */"));
+const style_css = require("./style.css.cjs");
 const Icon = ({
   variant = "primary",
   disabled,
-  children
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { disabled, height: "20", variant, viewBox: "0 0 20 20", width: "20", children });
+  children,
+  className
+}) => {
+  const computedVariant = `${variant}${disabled ? "Disabled" : ""}`;
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `${className ? `${className} ` : ""}${style_css.categoryIcon[computedVariant]}`, height: "20", viewBox: "0 0 20 20", width: "20", children });
+};
 exports.Icon = Icon;

package/dist/components/CategoryIcon/Icon.d.ts

@@ -1,11 +1,13 @@
 import type { ReactNode } from 'react';
+import type { VARIANTS } from './style.css';
 export type IconProps = {
-    variant?: 'primary' | 'neutral';
+    variant?: (typeof VARIANTS)[number];
     disabled?: boolean;
     children: ReactNode;
+    className?: string;
 };
 /**
  * CategoryIcon component is used to render category icons, those icons are more complex than system icons
  * as they involve multiple colors that changes depending on theme.
  */
-export declare const Icon: ({ variant, disabled, children, }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ variant, disabled, children, className, }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/CategoryIcon/Icon.js

@@ -1,27 +1,15 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-const StyledIcon = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
-  target: "eqf5g0p0"
-} : {
-  shouldForwardProp: (prop) => !["variant", "disabled"].includes(prop),
-  target: "eqf5g0p0",
-  label: "StyledIcon"
-})(".fill{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => theme.colors.other.icon.category[variant][disabled ? "fillDisabled" : "fill"], ";}.fillStrong{fill:", ({
-  theme,
-  variant,
-  disabled
-}) => theme.colors.other.icon.category[variant][disabled ? "fillStrongDisabled" : "fillStrong"], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0NhdGVnb3J5SWNvbi9JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEQiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvaWNvbnMvc3JjL2NvbXBvbmVudHMvQ2F0ZWdvcnlJY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd2YXJpYW50JywgJ2Rpc2FibGVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHZhcmlhbnQ6ICduZXV0cmFsJyB8ICdwcmltYXJ5JzsgZGlzYWJsZWQ/OiBib29sZWFuIH0+YFxuICAuZmlsbCB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgdmFyaWFudCwgZGlzYWJsZWQgfSkgPT5cbiAgICAgIHRoZW1lLmNvbG9ycy5vdGhlci5pY29uLmNhdGVnb3J5W3ZhcmlhbnRdW1xuICAgICAgICBkaXNhYmxlZCA/ICdmaWxsRGlzYWJsZWQnIDogJ2ZpbGwnXG4gICAgICBdfTtcbiAgfVxuXG4gIC5maWxsU3Ryb25nIHtcbiAgICBmaWxsOiAkeyh7IHRoZW1lLCB2YXJpYW50LCBkaXNhYmxlZCB9KSA9PlxuICAgICAgdGhlbWUuY29sb3JzLm90aGVyLmljb24uY2F0ZWdvcnlbdmFyaWFudF1bXG4gICAgICAgIGRpc2FibGVkID8gJ2ZpbGxTdHJvbmdEaXNhYmxlZCcgOiAnZmlsbFN0cm9uZydcbiAgICAgIF19O1xuICB9XG5gXG5cbmV4cG9ydCB0eXBlIEljb25Qcm9wcyA9IHtcbiAgdmFyaWFudD86ICdwcmltYXJ5JyB8ICduZXV0cmFsJ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxufVxuXG4vKipcbiAqIENhdGVnb3J5SWNvbiBjb21wb25lbnQgaXMgdXNlZCB0byByZW5kZXIgY2F0ZWdvcnkgaWNvbnMsIHRob3NlIGljb25zIGFyZSBtb3JlIGNvbXBsZXggdGhhbiBzeXN0ZW0gaWNvbnNcbiAqIGFzIHRoZXkgaW52b2x2ZSBtdWx0aXBsZSBjb2xvcnMgdGhhdCBjaGFuZ2VzIGRlcGVuZGluZyBvbiB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEljb24gPSAoe1xuICB2YXJpYW50ID0gJ3ByaW1hcnknLFxuICBkaXNhYmxlZCxcbiAgY2hpbGRyZW4sXG59OiBJY29uUHJvcHMpID0+IChcbiAgPFN0eWxlZEljb25cbiAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgaGVpZ2h0PVwiMjBcIlxuICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgdmlld0JveD1cIjAgMCAyMCAyMFwiXG4gICAgd2lkdGg9XCIyMFwiXG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkSWNvbj5cbilcbiJdfQ== */"));
+import { categoryIcon } from "./style.css.js";
 const Icon = ({
   variant = "primary",
   disabled,
-  children
-}) => /* @__PURE__ */ jsx(StyledIcon, { disabled, height: "20", variant, viewBox: "0 0 20 20", width: "20", children });
+  children,
+  className
+}) => {
+  const computedVariant = `${variant}${disabled ? "Disabled" : ""}`;
+  return /* @__PURE__ */ jsx("svg", { className: `${className ? `${className} ` : ""}${categoryIcon[computedVariant]}`, height: "20", viewBox: "0 0 20 20", width: "20", children });
+};
 export {
   Icon
 };

package/dist/components/CategoryIcon/style.css.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fileScope = require("@vanilla-extract/css/fileScope");
+const css = require("@vanilla-extract/css");
+const themes = require("@ultraviolet/themes");
+fileScope.setFileScope("src/components/CategoryIcon/style.css.ts", "@ultraviolet/icons");
+const VARIANTS = ["primary", "neutral"];
+const FILL_CLASSES = ["fill", "fillStrong"];
+const categoryIcon = css.styleVariants({
+  primaryDisabled: {},
+  primary: {},
+  neutralDisabled: {},
+  neutral: {}
+});
+const color = themes.theme.colors.other.icon.category;
+VARIANTS.forEach((variant) => {
+  FILL_CLASSES.forEach((fillClass) => {
+    css.globalStyle(`${categoryIcon[variant]} .${fillClass}`, {
+      fill: color[variant][fillClass]
+    });
+    css.globalStyle(`${categoryIcon[`${variant}Disabled`]} .${fillClass}`, {
+      fill: color[variant][`${fillClass}Disabled`]
+    });
+  });
+});
+fileScope.endFileScope();
+exports.VARIANTS = VARIANTS;
+exports.categoryIcon = categoryIcon;

package/dist/components/CategoryIcon/style.css.d.ts

@@ -0,0 +1,2 @@
+export declare const VARIANTS: readonly ["primary", "neutral"];
+export declare const categoryIcon: Record<"primary" | "neutral" | "primaryDisabled" | "neutralDisabled", string>;

package/dist/components/CategoryIcon/style.css.js

@@ -0,0 +1,28 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { styleVariants, globalStyle } from "@vanilla-extract/css";
+import { theme } from "@ultraviolet/themes";
+setFileScope("src/components/CategoryIcon/style.css.ts", "@ultraviolet/icons");
+const VARIANTS = ["primary", "neutral"];
+const FILL_CLASSES = ["fill", "fillStrong"];
+const categoryIcon = styleVariants({
+  primaryDisabled: {},
+  primary: {},
+  neutralDisabled: {},
+  neutral: {}
+});
+const color = theme.colors.other.icon.category;
+VARIANTS.forEach((variant) => {
+  FILL_CLASSES.forEach((fillClass) => {
+    globalStyle(`${categoryIcon[variant]} .${fillClass}`, {
+      fill: color[variant][fillClass]
+    });
+    globalStyle(`${categoryIcon[`${variant}Disabled`]} .${fillClass}`, {
+      fill: color[variant][`${fillClass}Disabled`]
+    });
+  });
+});
+endFileScope();
+export {
+  VARIANTS,
+  categoryIcon
+};

package/dist/components/Icon/Icon.cjs

@@ -2,64 +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 react$1 = require("@emotion/react");
 const react = require("react");
-const capitalize = require("../../utils/capitalize.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const SIZES = {
-  large: "300",
-  medium: "250",
-  small: "200",
-  xlarge: "400",
-  xsmall: "150",
-  xxlarge: "700"
-};
-const sizeStyles = ({
-  size,
-  theme
-}) => /* @__PURE__ */ react$1.css("height:", theme.sizing[SIZES[size]], ";width:", theme.sizing[SIZES[size]], ";min-width:", theme.sizing[SIZES[size]], ";min-height:", theme.sizing[SIZES[size]], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:sizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MrRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9pY29ucy9zcmMvY29tcG9uZW50cy9JY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IGNvbnNvbGVMaWdodFRoZW1lIGFzIHRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBTVkdQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNhcGl0YWxpemUgZnJvbSAnLi4vLi4vdXRpbHMvY2FwaXRhbGl6ZSdcblxuY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxudHlwZSBTaXplc1Byb3BzID0ga2V5b2YgdHlwZW9mIFNJWkVTXG5cbnR5cGUgQ29sb3IgPSBFeHRyYWN0PFxuICBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLFxuICB8ICdwcmltYXJ5J1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ25ldXRyYWwnXG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ2RhbmdlcidcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mbydcbj5cblxuY29uc3Qgc2l6ZVN0eWxlcyA9ICh7IHNpemUsIHRoZW1lIH06IHsgc2l6ZTogU2l6ZXNQcm9wczsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgd2lkdGg6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgbWluLXdpZHRoOiAke3RoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19O1xuICAgIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgYFxuXG5jb25zdCBQUk9NSU5FTkNFUyA9IHtcbiAgZGVmYXVsdDogJycsXG4gIHN0cm9uZzogJ3N0cm9uZycsXG4gIHN0cm9uZ2VyOiAnc3Ryb25nZXInLFxuICB3ZWFrOiAnd2VhaycsXG59XG5cbnR5cGUgUHJvbWluZW5jZVByb3BzID0ga2V5b2YgdHlwZW9mIFBST01JTkVOQ0VTXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydzaXplJywgJ3NlbnRpbWVudCcsICdwcm9taW5lbmNlJywgJ2Rpc2FibGVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudD86IENvbG9yXG4gIHNpemU6IFNpemVzUHJvcHNcbiAgcHJvbWluZW5jZTogUHJvbWluZW5jZVByb3BzXG4gIGRpc2FibGVkPzogYm9vbGVhblxufT5gXG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZpbGw6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgcHJvbWluZW5jZSwgZGlzYWJsZWQgfSkgPT4ge1xuICAgIC8vIHN0cm9uZ2VyIGlzIGF2YWlsYWJsZSBvbmx5IGZvciBuZXV0cmFsIHNlbnRpbWVudFxuICAgIGNvbnN0IGRlZmluZWRQcm9taW5lbmNlID1cbiAgICAgIChzZW50aW1lbnQgIT09ICduZXV0cmFsJyAmJiBwcm9taW5lbmNlID09PSAnc3Ryb25nZXInKSB8fFxuICAgICAgcHJvbWluZW5jZSA9PT0gJ3dlYWsnXG4gICAgICAgID8gY2FwaXRhbGl6ZShQUk9NSU5FTkNFUy5kZWZhdWx0KVxuICAgICAgICA6IGNhcGl0YWxpemUoUFJPTUlORU5DRVNbcHJvbWluZW5jZV0pXG5cbiAgICBpZiAoc2VudGltZW50KSB7XG4gICAgICBjb25zdCB0aGVtZUNvbG9yID0gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1cbiAgICAgIGNvbnN0IGljb24gPSBgaWNvbiR7ZGVmaW5lZFByb21pbmVuY2V9JHtcbiAgICAgICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgICAgIH1gIGFzIGtleW9mIHR5cGVvZiB0aGVtZUNvbG9yXG5cbiAgICAgIHJldHVybiB0aGVtZS5jb2xvcnM/LltzZW50aW1lbnRdPy5baWNvbl0gfHwgc2VudGltZW50XG4gICAgfVxuXG4gICAgcmV0dXJuICdjdXJyZW50Q29sb3InXG4gIH19O1xuXG4gIC5maWxsU3Ryb2tlIHtcbiAgICBzdHJva2U6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgcHJvbWluZW5jZSwgZGlzYWJsZWQgfSkgPT4ge1xuICAgICAgLy8gc3Ryb25nZXIgaXMgYXZhaWxhYmxlIG9ubHkgZm9yIG5ldXRyYWwgY29sb3JcbiAgICAgIGNvbnN0IGRlZmluZWRQcm9taW5lbmNlID1cbiAgICAgICAgc2VudGltZW50ICE9PSAnbmV1dHJhbCcgJiYgcHJvbWluZW5jZSA9PT0gJ3N0cm9uZ2VyJ1xuICAgICAgICAgID8gY2FwaXRhbGl6ZShQUk9NSU5FTkNFUy5kZWZhdWx0KVxuICAgICAgICAgIDogY2FwaXRhbGl6ZShQUk9NSU5FTkNFU1twcm9taW5lbmNlXSlcblxuICAgICAgaWYgKHNlbnRpbWVudCkge1xuICAgICAgICBjb25zdCB0aGVtZUNvbG9yID0gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1cbiAgICAgICAgY29uc3QgaWNvbiA9IGBpY29uJHtkZWZpbmVkUHJvbWluZW5jZX0ke1xuICAgICAgICAgIGRpc2FibGVkID8gJ0Rpc2FibGVkJyA6ICcnXG4gICAgICAgIH1gIGFzIGtleW9mIHR5cGVvZiB0aGVtZUNvbG9yXG5cbiAgICAgICAgcmV0dXJuIHRoZW1lLmNvbG9ycz8uW3NlbnRpbWVudF0/LltpY29uXSB8fCBzZW50aW1lbnRcbiAgICAgIH1cblxuICAgICAgcmV0dXJuICdjdXJyZW50Q29sb3InXG4gICAgfX07XG4gICAgZmlsbDogbm9uZTtcbiAgfVxuICAke3NpemVTdHlsZXN9XG5gXG5cbmV4cG9ydCB0eXBlIEljb25Qcm9wcyA9IHtcbiAgc2l6ZT86IFNpemVzUHJvcHNcbiAgcHJvbWluZW5jZT86IFByb21pbmVuY2VQcm9wc1xuICBzZW50aW1lbnQ/OiBDb2xvclxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgUGljazxcbiAgU1ZHUHJvcHM8U1ZHU1ZHRWxlbWVudD4sXG4gICdjbGFzc05hbWUnIHwgJ3N0cm9rZScgfCAnY3Vyc29yJyB8ICdzdHJva2VXaWR0aCcgfCAnYXJpYS1sYWJlbCdcbj5cblxuLyoqXG4gKiBJY29uIGNvbXBvbmVudCBpcyBvdXIgc2V0IG9mIHN5c3RlbSBpY29ucyBpbiB0aGUgZGVzaWduIHN5c3RlbS4gQWxsIG9mIHRoZW0gYXJlIFNWR3MuXG4gKi9cblxuZXhwb3J0IGNvbnN0IEljb24gPSBmb3J3YXJkUmVmPFNWR1NWR0VsZW1lbnQsIEljb25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzZW50aW1lbnQsXG4gICAgICBzaXplID0gJ3NtYWxsJyxcbiAgICAgIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgc3Ryb2tlLFxuICAgICAgY3Vyc29yLFxuICAgICAgc3Ryb2tlV2lkdGgsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgY2hpbGRyZW4sXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxTdHlsZWRJY29uXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGN1cnNvcj17Y3Vyc29yfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBwcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBzdHJva2U9e3N0cm9rZX1cbiAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgIHZpZXdCb3g9e1xuICAgICAgICB0eXBlb2Ygc2l6ZSA9PT0gJ3N0cmluZycgJiYgWyd4c21hbGwnLCAnc21hbGwnXS5pbmNsdWRlcyhzaXplKVxuICAgICAgICAgID8gJzAgMCAxNiAxNidcbiAgICAgICAgICA6ICcwIDAgMjAgMjAnXG4gICAgICB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkSWNvbj5cbiAgKSxcbilcbiJdfQ== */");
-const PROMINENCES = {
-  default: "",
-  strong: "strong",
-  stronger: "stronger",
-  weak: "weak"
-};
-const StyledIcon = /* @__PURE__ */ _styled__default.default("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["size", "sentiment", "prominence", "disabled"].includes(prop),
-  target: "elxvigq0"
-} : {
-  shouldForwardProp: (prop) => !["size", "sentiment", "prominence", "disabled"].includes(prop),
-  target: "elxvigq0",
-  label: "StyledIcon"
-})("vertical-align:middle;fill:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" || prominence === "weak" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  if (sentiment) {
-    theme.colors[sentiment];
-    const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
-    return theme.colors?.[sentiment]?.[icon] || sentiment;
-  }
-  return "currentColor";
-}, ";.fillStroke{stroke:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  if (sentiment) {
-    theme.colors[sentiment];
-    const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
-    return theme.colors?.[sentiment]?.[icon] || sentiment;
-  }
-  return "currentColor";
-}, ";fill:none;}", sizeStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgY29uc29sZUxpZ2h0VGhlbWUgYXMgdGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tICcuLi8uLi91dGlscy9jYXBpdGFsaXplJ1xuXG5jb25zdCBTSVpFUyA9IHtcbiAgbGFyZ2U6ICczMDAnLFxuICBtZWRpdW06ICcyNTAnLFxuICBzbWFsbDogJzIwMCcsXG4gIHhsYXJnZTogJzQwMCcsXG4gIHhzbWFsbDogJzE1MCcsXG4gIHh4bGFyZ2U6ICc3MDAnLFxufSBhcyBjb25zdFxuXG50eXBlIFNpemVzUHJvcHMgPSBrZXlvZiB0eXBlb2YgU0laRVNcblxudHlwZSBDb2xvciA9IEV4dHJhY3Q8XG4gIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMsXG4gIHwgJ3ByaW1hcnknXG4gIHwgJ3NlY29uZGFyeSdcbiAgfCAnbmV1dHJhbCdcbiAgfCAnc3VjY2VzcydcbiAgfCAnZGFuZ2VyJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvJ1xuPlxuXG5jb25zdCBzaXplU3R5bGVzID0gKHsgc2l6ZSwgdGhlbWUgfTogeyBzaXplOiBTaXplc1Byb3BzOyB0aGVtZTogVGhlbWUgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICB3aWR0aDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICBtaW4td2lkdGg6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgbWluLWhlaWdodDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICBgXG5cbmNvbnN0IFBST01JTkVOQ0VTID0ge1xuICBkZWZhdWx0OiAnJyxcbiAgc3Ryb25nOiAnc3Ryb25nJyxcbiAgc3Ryb25nZXI6ICdzdHJvbmdlcicsXG4gIHdlYWs6ICd3ZWFrJyxcbn1cblxudHlwZSBQcm9taW5lbmNlUHJvcHMgPSBrZXlvZiB0eXBlb2YgUFJPTUlORU5DRVNcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbJ3NpemUnLCAnc2VudGltZW50JywgJ3Byb21pbmVuY2UnLCAnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgc2VudGltZW50PzogQ29sb3JcbiAgc2l6ZTogU2l6ZXNQcm9wc1xuICBwcm9taW5lbmNlOiBQcm9taW5lbmNlUHJvcHNcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59PmBcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZmlsbDogJHsoeyB0aGVtZSwgc2VudGltZW50LCBwcm9taW5lbmNlLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgLy8gc3Ryb25nZXIgaXMgYXZhaWxhYmxlIG9ubHkgZm9yIG5ldXRyYWwgc2VudGltZW50XG4gICAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgICAgKHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnICYmIHByb21pbmVuY2UgPT09ICdzdHJvbmdlcicpIHx8XG4gICAgICBwcm9taW5lbmNlID09PSAnd2VhaydcbiAgICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICAgIDogY2FwaXRhbGl6ZShQUk9NSU5FTkNFU1twcm9taW5lbmNlXSlcblxuICAgIGlmIChzZW50aW1lbnQpIHtcbiAgICAgIGNvbnN0IHRoZW1lQ29sb3IgPSB0aGVtZS5jb2xvcnNbc2VudGltZW50XVxuICAgICAgY29uc3QgaWNvbiA9IGBpY29uJHtkZWZpbmVkUHJvbWluZW5jZX0ke1xuICAgICAgICBkaXNhYmxlZCA/ICdEaXNhYmxlZCcgOiAnJ1xuICAgICAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICAgICAgcmV0dXJuIHRoZW1lLmNvbG9ycz8uW3NlbnRpbWVudF0/LltpY29uXSB8fCBzZW50aW1lbnRcbiAgICB9XG5cbiAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcidcbiAgfX07XG5cbiAgLmZpbGxTdHJva2Uge1xuICAgIHN0cm9rZTogJHsoeyB0aGVtZSwgc2VudGltZW50LCBwcm9taW5lbmNlLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgICAvLyBzdHJvbmdlciBpcyBhdmFpbGFibGUgb25seSBmb3IgbmV1dHJhbCBjb2xvclxuICAgICAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgICAgICBzZW50aW1lbnQgIT09ICduZXV0cmFsJyAmJiBwcm9taW5lbmNlID09PSAnc3Ryb25nZXInXG4gICAgICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICAgICAgOiBjYXBpdGFsaXplKFBST01JTkVOQ0VTW3Byb21pbmVuY2VdKVxuXG4gICAgICBpZiAoc2VudGltZW50KSB7XG4gICAgICAgIGNvbnN0IHRoZW1lQ29sb3IgPSB0aGVtZS5jb2xvcnNbc2VudGltZW50XVxuICAgICAgICBjb25zdCBpY29uID0gYGljb24ke2RlZmluZWRQcm9taW5lbmNlfSR7XG4gICAgICAgICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgICAgICAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICAgICAgICByZXR1cm4gdGhlbWUuY29sb3JzPy5bc2VudGltZW50XT8uW2ljb25dIHx8IHNlbnRpbWVudFxuICAgICAgfVxuXG4gICAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcidcbiAgICB9fTtcbiAgICBmaWxsOiBub25lO1xuICB9XG4gICR7c2l6ZVN0eWxlc31cbmBcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICBzaXplPzogU2l6ZXNQcm9wc1xuICBwcm9taW5lbmNlPzogUHJvbWluZW5jZVByb3BzXG4gIHNlbnRpbWVudD86IENvbG9yXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFxuICBTVkdQcm9wczxTVkdTVkdFbGVtZW50PixcbiAgJ2NsYXNzTmFtZScgfCAnc3Ryb2tlJyB8ICdjdXJzb3InIHwgJ3N0cm9rZVdpZHRoJyB8ICdhcmlhLWxhYmVsJ1xuPlxuXG4vKipcbiAqIEljb24gY29tcG9uZW50IGlzIG91ciBzZXQgb2Ygc3lzdGVtIGljb25zIGluIHRoZSBkZXNpZ24gc3lzdGVtLiBBbGwgb2YgdGhlbSBhcmUgU1ZHcy5cbiAqL1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IGZvcndhcmRSZWY8U1ZHU1ZHRWxlbWVudCwgSWNvblByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICAgIHNpemUgPSAnc21hbGwnLFxuICAgICAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzdHJva2UsXG4gICAgICBjdXJzb3IsXG4gICAgICBzdHJva2VXaWR0aCxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICBjaGlsZHJlbixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPFN0eWxlZEljb25cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3Vyc29yPXtjdXJzb3J9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHN0cm9rZT17c3Ryb2tlfVxuICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgdmlld0JveD17XG4gICAgICAgIHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyAmJiBbJ3hzbWFsbCcsICdzbWFsbCddLmluY2x1ZGVzKHNpemUpXG4gICAgICAgICAgPyAnMCAwIDE2IDE2J1xuICAgICAgICAgIDogJzAgMCAyMCAyMCdcbiAgICAgIH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRJY29uPlxuICApLFxuKVxuIl19 */"));
+const styles_css = require("./styles.css.cjs");
 const Icon = react.forwardRef(({
   sentiment,
   size = "small",
@@ -72,5 +16,10 @@ const Icon = react.forwardRef(({
   disabled,
   "aria-label": ariaLabel,
   children
-}, ref) => /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { "aria-label": ariaLabel, className, cursor, "data-testid": dataTestId, disabled, prominence, ref, sentiment, size, stroke, strokeWidth, viewBox: typeof size === "string" && ["xsmall", "small"].includes(size) ? "0 0 16 16" : "0 0 20 20", children }));
+}, ref) => /* @__PURE__ */ jsxRuntime.jsx("svg", { "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${styles_css.icon({
+  disabled,
+  prominence,
+  sentiment,
+  size
+})}`, cursor, "data-testid": dataTestId, ref, stroke, strokeWidth, viewBox: typeof size === "string" && ["xsmall", "small"].includes(size) ? "0 0 16 16" : "0 0 20 20", children }));
 exports.Icon = Icon;

package/dist/components/Icon/Icon.d.ts

@@ -1,21 +1,7 @@
-import type { consoleLightTheme as theme } from '@ultraviolet/themes';
 import type { ReactNode, SVGProps } from 'react';
-declare const SIZES: {
-    readonly large: "300";
-    readonly medium: "250";
-    readonly small: "200";
-    readonly xlarge: "400";
-    readonly xsmall: "150";
-    readonly xxlarge: "700";
-};
+import type { PROMINENCES, SENTIMENTS, SIZES } from './constants';
 type SizesProps = keyof typeof SIZES;
-type Color = Extract<keyof typeof theme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
-declare const PROMINENCES: {
-    default: string;
-    strong: string;
-    stronger: string;
-    weak: string;
-};
+type Color = (typeof SENTIMENTS)[number];
 type ProminenceProps = keyof typeof PROMINENCES;
 export type IconProps = {
     size?: SizesProps;
@@ -35,5 +21,5 @@ export declare const Icon: import("react").ForwardRefExoticComponent<{
     'data-testid'?: string;
     disabled?: boolean;
     children: ReactNode;
-} & Pick<SVGProps<SVGSVGElement>, "className" | "cursor" | "stroke" | "strokeWidth" | "aria-label"> & import("react").RefAttributes<SVGSVGElement>>;
+} & Pick<SVGProps<SVGSVGElement>, "cursor" | "stroke" | "strokeWidth" | "className" | "aria-label"> & import("react").RefAttributes<SVGSVGElement>>;
 export {};

package/dist/components/Icon/Icon.js

@@ -1,61 +1,7 @@
 "use client";
 import { jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { css } from "@emotion/react";
 import { forwardRef } from "react";
-import capitalize from "../../utils/capitalize.js";
-const SIZES = {
-  large: "300",
-  medium: "250",
-  small: "200",
-  xlarge: "400",
-  xsmall: "150",
-  xxlarge: "700"
-};
-const sizeStyles = ({
-  size,
-  theme
-}) => /* @__PURE__ */ css("height:", theme.sizing[SIZES[size]], ";width:", theme.sizing[SIZES[size]], ";min-width:", theme.sizing[SIZES[size]], ";min-height:", theme.sizing[SIZES[size]], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:sizeStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MrRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy9pY29ucy9zcmMvY29tcG9uZW50cy9JY29uL0ljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IGNvbnNvbGVMaWdodFRoZW1lIGFzIHRoZW1lIH0gZnJvbSAnQHVsdHJhdmlvbGV0L3RoZW1lcydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBTVkdQcm9wcyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNhcGl0YWxpemUgZnJvbSAnLi4vLi4vdXRpbHMvY2FwaXRhbGl6ZSdcblxuY29uc3QgU0laRVMgPSB7XG4gIGxhcmdlOiAnMzAwJyxcbiAgbWVkaXVtOiAnMjUwJyxcbiAgc21hbGw6ICcyMDAnLFxuICB4bGFyZ2U6ICc0MDAnLFxuICB4c21hbGw6ICcxNTAnLFxuICB4eGxhcmdlOiAnNzAwJyxcbn0gYXMgY29uc3RcblxudHlwZSBTaXplc1Byb3BzID0ga2V5b2YgdHlwZW9mIFNJWkVTXG5cbnR5cGUgQ29sb3IgPSBFeHRyYWN0PFxuICBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLFxuICB8ICdwcmltYXJ5J1xuICB8ICdzZWNvbmRhcnknXG4gIHwgJ25ldXRyYWwnXG4gIHwgJ3N1Y2Nlc3MnXG4gIHwgJ2RhbmdlcidcbiAgfCAnd2FybmluZydcbiAgfCAnaW5mbydcbj5cblxuY29uc3Qgc2l6ZVN0eWxlcyA9ICh7IHNpemUsIHRoZW1lIH06IHsgc2l6ZTogU2l6ZXNQcm9wczsgdGhlbWU6IFRoZW1lIH0pID0+IGNzc2BcbiAgICBoZWlnaHQ6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgd2lkdGg6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgbWluLXdpZHRoOiAke3RoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19O1xuICAgIG1pbi1oZWlnaHQ6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgYFxuXG5jb25zdCBQUk9NSU5FTkNFUyA9IHtcbiAgZGVmYXVsdDogJycsXG4gIHN0cm9uZzogJ3N0cm9uZycsXG4gIHN0cm9uZ2VyOiAnc3Ryb25nZXInLFxuICB3ZWFrOiAnd2VhaycsXG59XG5cbnR5cGUgUHJvbWluZW5jZVByb3BzID0ga2V5b2YgdHlwZW9mIFBST01JTkVOQ0VTXG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT5cbiAgICAhWydzaXplJywgJ3NlbnRpbWVudCcsICdwcm9taW5lbmNlJywgJ2Rpc2FibGVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNlbnRpbWVudD86IENvbG9yXG4gIHNpemU6IFNpemVzUHJvcHNcbiAgcHJvbWluZW5jZTogUHJvbWluZW5jZVByb3BzXG4gIGRpc2FibGVkPzogYm9vbGVhblxufT5gXG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZpbGw6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgcHJvbWluZW5jZSwgZGlzYWJsZWQgfSkgPT4ge1xuICAgIC8vIHN0cm9uZ2VyIGlzIGF2YWlsYWJsZSBvbmx5IGZvciBuZXV0cmFsIHNlbnRpbWVudFxuICAgIGNvbnN0IGRlZmluZWRQcm9taW5lbmNlID1cbiAgICAgIChzZW50aW1lbnQgIT09ICduZXV0cmFsJyAmJiBwcm9taW5lbmNlID09PSAnc3Ryb25nZXInKSB8fFxuICAgICAgcHJvbWluZW5jZSA9PT0gJ3dlYWsnXG4gICAgICAgID8gY2FwaXRhbGl6ZShQUk9NSU5FTkNFUy5kZWZhdWx0KVxuICAgICAgICA6IGNhcGl0YWxpemUoUFJPTUlORU5DRVNbcHJvbWluZW5jZV0pXG5cbiAgICBpZiAoc2VudGltZW50KSB7XG4gICAgICBjb25zdCB0aGVtZUNvbG9yID0gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1cbiAgICAgIGNvbnN0IGljb24gPSBgaWNvbiR7ZGVmaW5lZFByb21pbmVuY2V9JHtcbiAgICAgICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgICAgIH1gIGFzIGtleW9mIHR5cGVvZiB0aGVtZUNvbG9yXG5cbiAgICAgIHJldHVybiB0aGVtZS5jb2xvcnM/LltzZW50aW1lbnRdPy5baWNvbl0gfHwgc2VudGltZW50XG4gICAgfVxuXG4gICAgcmV0dXJuICdjdXJyZW50Q29sb3InXG4gIH19O1xuXG4gIC5maWxsU3Ryb2tlIHtcbiAgICBzdHJva2U6ICR7KHsgdGhlbWUsIHNlbnRpbWVudCwgcHJvbWluZW5jZSwgZGlzYWJsZWQgfSkgPT4ge1xuICAgICAgLy8gc3Ryb25nZXIgaXMgYXZhaWxhYmxlIG9ubHkgZm9yIG5ldXRyYWwgY29sb3JcbiAgICAgIGNvbnN0IGRlZmluZWRQcm9taW5lbmNlID1cbiAgICAgICAgc2VudGltZW50ICE9PSAnbmV1dHJhbCcgJiYgcHJvbWluZW5jZSA9PT0gJ3N0cm9uZ2VyJ1xuICAgICAgICAgID8gY2FwaXRhbGl6ZShQUk9NSU5FTkNFUy5kZWZhdWx0KVxuICAgICAgICAgIDogY2FwaXRhbGl6ZShQUk9NSU5FTkNFU1twcm9taW5lbmNlXSlcblxuICAgICAgaWYgKHNlbnRpbWVudCkge1xuICAgICAgICBjb25zdCB0aGVtZUNvbG9yID0gdGhlbWUuY29sb3JzW3NlbnRpbWVudF1cbiAgICAgICAgY29uc3QgaWNvbiA9IGBpY29uJHtkZWZpbmVkUHJvbWluZW5jZX0ke1xuICAgICAgICAgIGRpc2FibGVkID8gJ0Rpc2FibGVkJyA6ICcnXG4gICAgICAgIH1gIGFzIGtleW9mIHR5cGVvZiB0aGVtZUNvbG9yXG5cbiAgICAgICAgcmV0dXJuIHRoZW1lLmNvbG9ycz8uW3NlbnRpbWVudF0/LltpY29uXSB8fCBzZW50aW1lbnRcbiAgICAgIH1cblxuICAgICAgcmV0dXJuICdjdXJyZW50Q29sb3InXG4gICAgfX07XG4gICAgZmlsbDogbm9uZTtcbiAgfVxuICAke3NpemVTdHlsZXN9XG5gXG5cbmV4cG9ydCB0eXBlIEljb25Qcm9wcyA9IHtcbiAgc2l6ZT86IFNpemVzUHJvcHNcbiAgcHJvbWluZW5jZT86IFByb21pbmVuY2VQcm9wc1xuICBzZW50aW1lbnQ/OiBDb2xvclxuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGlsZHJlbjogUmVhY3ROb2RlXG59ICYgUGljazxcbiAgU1ZHUHJvcHM8U1ZHU1ZHRWxlbWVudD4sXG4gICdjbGFzc05hbWUnIHwgJ3N0cm9rZScgfCAnY3Vyc29yJyB8ICdzdHJva2VXaWR0aCcgfCAnYXJpYS1sYWJlbCdcbj5cblxuLyoqXG4gKiBJY29uIGNvbXBvbmVudCBpcyBvdXIgc2V0IG9mIHN5c3RlbSBpY29ucyBpbiB0aGUgZGVzaWduIHN5c3RlbS4gQWxsIG9mIHRoZW0gYXJlIFNWR3MuXG4gKi9cblxuZXhwb3J0IGNvbnN0IEljb24gPSBmb3J3YXJkUmVmPFNWR1NWR0VsZW1lbnQsIEljb25Qcm9wcz4oXG4gIChcbiAgICB7XG4gICAgICBzZW50aW1lbnQsXG4gICAgICBzaXplID0gJ3NtYWxsJyxcbiAgICAgIHByb21pbmVuY2UgPSAnZGVmYXVsdCcsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICAgICAgc3Ryb2tlLFxuICAgICAgY3Vyc29yLFxuICAgICAgc3Ryb2tlV2lkdGgsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgICdhcmlhLWxhYmVsJzogYXJpYUxhYmVsLFxuICAgICAgY2hpbGRyZW4sXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4gKFxuICAgIDxTdHlsZWRJY29uXG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGN1cnNvcj17Y3Vyc29yfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBwcm9taW5lbmNlPXtwcm9taW5lbmNlfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBzdHJva2U9e3N0cm9rZX1cbiAgICAgIHN0cm9rZVdpZHRoPXtzdHJva2VXaWR0aH1cbiAgICAgIHZpZXdCb3g9e1xuICAgICAgICB0eXBlb2Ygc2l6ZSA9PT0gJ3N0cmluZycgJiYgWyd4c21hbGwnLCAnc21hbGwnXS5pbmNsdWRlcyhzaXplKVxuICAgICAgICAgID8gJzAgMCAxNiAxNidcbiAgICAgICAgICA6ICcwIDAgMjAgMjAnXG4gICAgICB9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkSWNvbj5cbiAgKSxcbilcbiJdfQ== */");
-const PROMINENCES = {
-  default: "",
-  strong: "strong",
-  stronger: "stronger",
-  weak: "weak"
-};
-const StyledIcon = /* @__PURE__ */ _styled("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["size", "sentiment", "prominence", "disabled"].includes(prop),
-  target: "elxvigq0"
-} : {
-  shouldForwardProp: (prop) => !["size", "sentiment", "prominence", "disabled"].includes(prop),
-  target: "elxvigq0",
-  label: "StyledIcon"
-})("vertical-align:middle;fill:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" || prominence === "weak" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  if (sentiment) {
-    theme.colors[sentiment];
-    const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
-    return theme.colors?.[sentiment]?.[icon] || sentiment;
-  }
-  return "currentColor";
-}, ";.fillStroke{stroke:", ({
-  theme,
-  sentiment,
-  prominence,
-  disabled
-}) => {
-  const definedProminence = sentiment !== "neutral" && prominence === "stronger" ? capitalize(PROMINENCES.default) : capitalize(PROMINENCES[prominence]);
-  if (sentiment) {
-    theme.colors[sentiment];
-    const icon = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
-    return theme.colors?.[sentiment]?.[icon] || sentiment;
-  }
-  return "currentColor";
-}, ";fill:none;}", sizeStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RFIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0ljb24vSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgY29uc29sZUxpZ2h0VGhlbWUgYXMgdGhlbWUgfSBmcm9tICdAdWx0cmF2aW9sZXQvdGhlbWVzJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUsIFNWR1Byb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgY2FwaXRhbGl6ZSBmcm9tICcuLi8uLi91dGlscy9jYXBpdGFsaXplJ1xuXG5jb25zdCBTSVpFUyA9IHtcbiAgbGFyZ2U6ICczMDAnLFxuICBtZWRpdW06ICcyNTAnLFxuICBzbWFsbDogJzIwMCcsXG4gIHhsYXJnZTogJzQwMCcsXG4gIHhzbWFsbDogJzE1MCcsXG4gIHh4bGFyZ2U6ICc3MDAnLFxufSBhcyBjb25zdFxuXG50eXBlIFNpemVzUHJvcHMgPSBrZXlvZiB0eXBlb2YgU0laRVNcblxudHlwZSBDb2xvciA9IEV4dHJhY3Q8XG4gIGtleW9mIHR5cGVvZiB0aGVtZS5jb2xvcnMsXG4gIHwgJ3ByaW1hcnknXG4gIHwgJ3NlY29uZGFyeSdcbiAgfCAnbmV1dHJhbCdcbiAgfCAnc3VjY2VzcydcbiAgfCAnZGFuZ2VyJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdpbmZvJ1xuPlxuXG5jb25zdCBzaXplU3R5bGVzID0gKHsgc2l6ZSwgdGhlbWUgfTogeyBzaXplOiBTaXplc1Byb3BzOyB0aGVtZTogVGhlbWUgfSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICB3aWR0aDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICBtaW4td2lkdGg6ICR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX07XG4gICAgbWluLWhlaWdodDogJHt0aGVtZS5zaXppbmdbU0laRVNbc2l6ZV1dfTtcbiAgICBgXG5cbmNvbnN0IFBST01JTkVOQ0VTID0ge1xuICBkZWZhdWx0OiAnJyxcbiAgc3Ryb25nOiAnc3Ryb25nJyxcbiAgc3Ryb25nZXI6ICdzdHJvbmdlcicsXG4gIHdlYWs6ICd3ZWFrJyxcbn1cblxudHlwZSBQcm9taW5lbmNlUHJvcHMgPSBrZXlvZiB0eXBlb2YgUFJPTUlORU5DRVNcblxuY29uc3QgU3R5bGVkSWNvbiA9IHN0eWxlZCgnc3ZnJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PlxuICAgICFbJ3NpemUnLCAnc2VudGltZW50JywgJ3Byb21pbmVuY2UnLCAnZGlzYWJsZWQnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHtcbiAgc2VudGltZW50PzogQ29sb3JcbiAgc2l6ZTogU2l6ZXNQcm9wc1xuICBwcm9taW5lbmNlOiBQcm9taW5lbmNlUHJvcHNcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59PmBcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgZmlsbDogJHsoeyB0aGVtZSwgc2VudGltZW50LCBwcm9taW5lbmNlLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgLy8gc3Ryb25nZXIgaXMgYXZhaWxhYmxlIG9ubHkgZm9yIG5ldXRyYWwgc2VudGltZW50XG4gICAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgICAgKHNlbnRpbWVudCAhPT0gJ25ldXRyYWwnICYmIHByb21pbmVuY2UgPT09ICdzdHJvbmdlcicpIHx8XG4gICAgICBwcm9taW5lbmNlID09PSAnd2VhaydcbiAgICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICAgIDogY2FwaXRhbGl6ZShQUk9NSU5FTkNFU1twcm9taW5lbmNlXSlcblxuICAgIGlmIChzZW50aW1lbnQpIHtcbiAgICAgIGNvbnN0IHRoZW1lQ29sb3IgPSB0aGVtZS5jb2xvcnNbc2VudGltZW50XVxuICAgICAgY29uc3QgaWNvbiA9IGBpY29uJHtkZWZpbmVkUHJvbWluZW5jZX0ke1xuICAgICAgICBkaXNhYmxlZCA/ICdEaXNhYmxlZCcgOiAnJ1xuICAgICAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICAgICAgcmV0dXJuIHRoZW1lLmNvbG9ycz8uW3NlbnRpbWVudF0/LltpY29uXSB8fCBzZW50aW1lbnRcbiAgICB9XG5cbiAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcidcbiAgfX07XG5cbiAgLmZpbGxTdHJva2Uge1xuICAgIHN0cm9rZTogJHsoeyB0aGVtZSwgc2VudGltZW50LCBwcm9taW5lbmNlLCBkaXNhYmxlZCB9KSA9PiB7XG4gICAgICAvLyBzdHJvbmdlciBpcyBhdmFpbGFibGUgb25seSBmb3IgbmV1dHJhbCBjb2xvclxuICAgICAgY29uc3QgZGVmaW5lZFByb21pbmVuY2UgPVxuICAgICAgICBzZW50aW1lbnQgIT09ICduZXV0cmFsJyAmJiBwcm9taW5lbmNlID09PSAnc3Ryb25nZXInXG4gICAgICAgICAgPyBjYXBpdGFsaXplKFBST01JTkVOQ0VTLmRlZmF1bHQpXG4gICAgICAgICAgOiBjYXBpdGFsaXplKFBST01JTkVOQ0VTW3Byb21pbmVuY2VdKVxuXG4gICAgICBpZiAoc2VudGltZW50KSB7XG4gICAgICAgIGNvbnN0IHRoZW1lQ29sb3IgPSB0aGVtZS5jb2xvcnNbc2VudGltZW50XVxuICAgICAgICBjb25zdCBpY29uID0gYGljb24ke2RlZmluZWRQcm9taW5lbmNlfSR7XG4gICAgICAgICAgZGlzYWJsZWQgPyAnRGlzYWJsZWQnIDogJydcbiAgICAgICAgfWAgYXMga2V5b2YgdHlwZW9mIHRoZW1lQ29sb3JcblxuICAgICAgICByZXR1cm4gdGhlbWUuY29sb3JzPy5bc2VudGltZW50XT8uW2ljb25dIHx8IHNlbnRpbWVudFxuICAgICAgfVxuXG4gICAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcidcbiAgICB9fTtcbiAgICBmaWxsOiBub25lO1xuICB9XG4gICR7c2l6ZVN0eWxlc31cbmBcblxuZXhwb3J0IHR5cGUgSWNvblByb3BzID0ge1xuICBzaXplPzogU2l6ZXNQcm9wc1xuICBwcm9taW5lbmNlPzogUHJvbWluZW5jZVByb3BzXG4gIHNlbnRpbWVudD86IENvbG9yXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFxuICBTVkdQcm9wczxTVkdTVkdFbGVtZW50PixcbiAgJ2NsYXNzTmFtZScgfCAnc3Ryb2tlJyB8ICdjdXJzb3InIHwgJ3N0cm9rZVdpZHRoJyB8ICdhcmlhLWxhYmVsJ1xuPlxuXG4vKipcbiAqIEljb24gY29tcG9uZW50IGlzIG91ciBzZXQgb2Ygc3lzdGVtIGljb25zIGluIHRoZSBkZXNpZ24gc3lzdGVtLiBBbGwgb2YgdGhlbSBhcmUgU1ZHcy5cbiAqL1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IGZvcndhcmRSZWY8U1ZHU1ZHRWxlbWVudCwgSWNvblByb3BzPihcbiAgKFxuICAgIHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICAgIHNpemUgPSAnc21hbGwnLFxuICAgICAgcHJvbWluZW5jZSA9ICdkZWZhdWx0JyxcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gICAgICBzdHJva2UsXG4gICAgICBjdXJzb3IsXG4gICAgICBzdHJva2VXaWR0aCxcbiAgICAgIGRpc2FibGVkLFxuICAgICAgJ2FyaWEtbGFiZWwnOiBhcmlhTGFiZWwsXG4gICAgICBjaGlsZHJlbixcbiAgICB9LFxuICAgIHJlZixcbiAgKSA9PiAoXG4gICAgPFN0eWxlZEljb25cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3Vyc29yPXtjdXJzb3J9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHByb21pbmVuY2U9e3Byb21pbmVuY2V9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHN0cm9rZT17c3Ryb2tlfVxuICAgICAgc3Ryb2tlV2lkdGg9e3N0cm9rZVdpZHRofVxuICAgICAgdmlld0JveD17XG4gICAgICAgIHR5cGVvZiBzaXplID09PSAnc3RyaW5nJyAmJiBbJ3hzbWFsbCcsICdzbWFsbCddLmluY2x1ZGVzKHNpemUpXG4gICAgICAgICAgPyAnMCAwIDE2IDE2J1xuICAgICAgICAgIDogJzAgMCAyMCAyMCdcbiAgICAgIH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRJY29uPlxuICApLFxuKVxuIl19 */"));
+import { icon } from "./styles.css.js";
 const Icon = forwardRef(({
   sentiment,
   size = "small",
@@ -68,7 +14,12 @@ const Icon = forwardRef(({
   disabled,
   "aria-label": ariaLabel,
   children
-}, ref) => /* @__PURE__ */ jsx(StyledIcon, { "aria-label": ariaLabel, className, cursor, "data-testid": dataTestId, disabled, prominence, ref, sentiment, size, stroke, strokeWidth, viewBox: typeof size === "string" && ["xsmall", "small"].includes(size) ? "0 0 16 16" : "0 0 20 20", children }));
+}, ref) => /* @__PURE__ */ jsx("svg", { "aria-label": ariaLabel, className: `${className ? `${className} ` : ""}${icon({
+  disabled,
+  prominence,
+  sentiment,
+  size
+})}`, cursor, "data-testid": dataTestId, ref, stroke, strokeWidth, viewBox: typeof size === "string" && ["xsmall", "small"].includes(size) ? "0 0 16 16" : "0 0 20 20", children }));
 export {
   Icon
 };

package/dist/components/Icon/constants.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SIZES = {
+  large: "300",
+  medium: "250",
+  small: "200",
+  xlarge: "400",
+  xsmall: "150",
+  xxlarge: "700"
+};
+const PROMINENCES = {
+  default: "",
+  strong: "strong",
+  stronger: "stronger",
+  weak: "weak"
+};
+const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
+exports.PROMINENCES = PROMINENCES;
+exports.SENTIMENTS = SENTIMENTS;
+exports.SIZES = SIZES;

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

@@ -0,0 +1,15 @@
+export declare const SIZES: {
+    readonly large: "300";
+    readonly medium: "250";
+    readonly small: "200";
+    readonly xlarge: "400";
+    readonly xsmall: "150";
+    readonly xxlarge: "700";
+};
+export declare const PROMINENCES: {
+    readonly default: "";
+    readonly strong: "strong";
+    readonly stronger: "stronger";
+    readonly weak: "weak";
+};
+export declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];

package/dist/components/Icon/constants.js

@@ -0,0 +1,20 @@
+const SIZES = {
+  large: "300",
+  medium: "250",
+  small: "200",
+  xlarge: "400",
+  xsmall: "150",
+  xxlarge: "700"
+};
+const PROMINENCES = {
+  default: "",
+  strong: "strong",
+  stronger: "stronger",
+  weak: "weak"
+};
+const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
+export {
+  PROMINENCES,
+  SENTIMENTS,
+  SIZES
+};

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

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const fileScope = require("@vanilla-extract/css/fileScope");
+const themes = require("@ultraviolet/themes");
+const recipes = require("@vanilla-extract/recipes");
+const constants = require("./constants.cjs");
+const capitalize = require("../../utils/capitalize.cjs");
+const css = require("@vanilla-extract/css");
+fileScope.setFileScope("src/components/Icon/styles.css.ts", "@ultraviolet/icons");
+function generateSizeStyle(size) {
+  return {
+    height: themes.theme.sizing[constants.SIZES[size]],
+    width: themes.theme.sizing[constants.SIZES[size]],
+    minWidth: themes.theme.sizing[constants.SIZES[size]],
+    minHeight: themes.theme.sizing[constants.SIZES[size]]
+  };
+}
+function getIconColor(prominence, sentiment, disabled) {
+  if (!sentiment) {
+    return "currentColor";
+  }
+  const definedProminence = sentiment === "neutral" ? capitalize(constants.PROMINENCES[prominence]) : "";
+  const themeColor = themes.theme.colors[sentiment];
+  const iconToken = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
+  return themeColor[iconToken];
+}
+const icon = recipes.recipe({
+  base: {
+    verticalAlign: "middle",
+    fill: "currentcolor"
+  },
+  variants: {
+    sentiment: Object.fromEntries(constants.SENTIMENTS.map((sentiment) => [sentiment, {}])),
+    size: Object.fromEntries(Object.keys(constants.SIZES).map((size) => [size, generateSizeStyle(size)])),
+    disabled: {
+      true: {},
+      false: {}
+    },
+    prominence: Object.fromEntries(Object.keys(constants.PROMINENCES).map((prominence) => [prominence, {}]))
+  },
+  compoundVariants: [true, false].flatMap((disabled) => Object.keys(constants.PROMINENCES).flatMap((prominence) => [...constants.SENTIMENTS, void 0].map((sentiment) => ({
+    // We need to add undefined to have the variant where sentiment is undefined
+    variants: {
+      sentiment,
+      prominence,
+      disabled
+    },
+    style: {
+      fill: getIconColor(prominence, sentiment, disabled)
+    }
+  })))),
+  defaultVariants: {
+    prominence: "default",
+    disabled: false
+  }
+});
+Object.keys(constants.PROMINENCES).forEach((prominence) => constants.SENTIMENTS.forEach((sentiment) => {
+  css.globalStyle(`${icon({
+    sentiment,
+    prominence
+  })} .fillStroke`, {
+    fill: "none",
+    stroke: getIconColor(prominence, sentiment)
+  });
+}));
+fileScope.endFileScope();
+exports.icon = icon;

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

@@ -0,0 +1,17 @@
+import { PROMINENCES, SENTIMENTS } from './constants';
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
+    sentiment: Record<(typeof SENTIMENTS)[number], object>;
+    size: {
+        [k: string]: {
+            height: `var(--${string})`;
+            width: `var(--${string})`;
+            minWidth: `var(--${string})`;
+            minHeight: `var(--${string})`;
+        };
+    };
+    disabled: {
+        true: {};
+        false: {};
+    };
+    prominence: Record<keyof typeof PROMINENCES, object>;
+}>;

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

@@ -0,0 +1,67 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { theme } from "@ultraviolet/themes";
+import { recipe } from "@vanilla-extract/recipes";
+import { PROMINENCES, SENTIMENTS, SIZES } from "./constants.js";
+import capitalize from "../../utils/capitalize.js";
+import { globalStyle } from "@vanilla-extract/css";
+setFileScope("src/components/Icon/styles.css.ts", "@ultraviolet/icons");
+function generateSizeStyle(size) {
+  return {
+    height: theme.sizing[SIZES[size]],
+    width: theme.sizing[SIZES[size]],
+    minWidth: theme.sizing[SIZES[size]],
+    minHeight: theme.sizing[SIZES[size]]
+  };
+}
+function getIconColor(prominence, sentiment, disabled) {
+  if (!sentiment) {
+    return "currentColor";
+  }
+  const definedProminence = sentiment === "neutral" ? capitalize(PROMINENCES[prominence]) : "";
+  const themeColor = theme.colors[sentiment];
+  const iconToken = `icon${definedProminence}${disabled ? "Disabled" : ""}`;
+  return themeColor[iconToken];
+}
+const icon = recipe({
+  base: {
+    verticalAlign: "middle",
+    fill: "currentcolor"
+  },
+  variants: {
+    sentiment: Object.fromEntries(SENTIMENTS.map((sentiment) => [sentiment, {}])),
+    size: Object.fromEntries(Object.keys(SIZES).map((size) => [size, generateSizeStyle(size)])),
+    disabled: {
+      true: {},
+      false: {}
+    },
+    prominence: Object.fromEntries(Object.keys(PROMINENCES).map((prominence) => [prominence, {}]))
+  },
+  compoundVariants: [true, false].flatMap((disabled) => Object.keys(PROMINENCES).flatMap((prominence) => [...SENTIMENTS, void 0].map((sentiment) => ({
+    // We need to add undefined to have the variant where sentiment is undefined
+    variants: {
+      sentiment,
+      prominence,
+      disabled
+    },
+    style: {
+      fill: getIconColor(prominence, sentiment, disabled)
+    }
+  })))),
+  defaultVariants: {
+    prominence: "default",
+    disabled: false
+  }
+});
+Object.keys(PROMINENCES).forEach((prominence) => SENTIMENTS.forEach((sentiment) => {
+  globalStyle(`${icon({
+    sentiment,
+    prominence
+  })} .fillStroke`, {
+    fill: "none",
+    stroke: getIconColor(prominence, sentiment)
+  });
+}));
+endFileScope();
+export {
+  icon
+};

package/dist/components/Logo/Icon.cjs

@@ -2,35 +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 _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-const SIZES = {
-  large: "400",
-  medium: "250",
-  small: "200",
-  xlarge: "700"
-};
-const StyledIcon = /* @__PURE__ */ _styled__default.default("svg", process.env.NODE_ENV === "production" ? {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "e1bc5p840"
-} : {
-  shouldForwardProp: (prop) => !["size"].includes(prop),
-  target: "e1bc5p840",
-  label: "StyledIcon"
-})("&{width:", ({
-  size,
-  theme
-}) => `${theme.sizing[SIZES[size]]}`, ";min-width:", ({
-  size,
-  theme
-}) => `${theme.sizing[SIZES[size]]}`, ";height:", ({
-  size,
-  theme
-}) => `${theme.sizing[SIZES[size]]}`, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0xvZ28vSWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL2ljb25zL3NyYy9jb21wb25lbnRzL0xvZ28vSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuXG5jb25zdCBTSVpFUyA9IHtcbiAgbGFyZ2U6ICc0MDAnLFxuICBtZWRpdW06ICcyNTAnLFxuICBzbWFsbDogJzIwMCcsXG4gIHhsYXJnZTogJzcwMCcsXG59IGFzIGNvbnN0XG5cbmNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoJ3N2ZycsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2l6ZSddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzaXplOiBrZXlvZiB0eXBlb2YgU0laRVMgfT5gXG4gICYge1xuICAgIHdpZHRoOiAkeyh7IHNpemUsIHRoZW1lIH0pID0+IGAke3RoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19YH07XG4gICAgbWluLXdpZHRoOiAkeyh7IHNpemUsIHRoZW1lIH0pID0+IGAke3RoZW1lLnNpemluZ1tTSVpFU1tzaXplXV19YH07IC8vIFRoaXMgaXMgdG8gYXZvaWQgdGhlIGljb24gdG8gc2hyaW5rIHdoZW4gdGhlIHRleHQgaXMgdG9vIGxvbmdcbiAgICBoZWlnaHQ6ICR7KHsgc2l6ZSwgdGhlbWUgfSkgPT4gYCR7dGhlbWUuc2l6aW5nW1NJWkVTW3NpemVdXX1gfTtcbiAgfVxuYFxuXG5leHBvcnQgdHlwZSBJY29uUHJvcHMgPSB7XG4gIHNpemU/OiBrZXlvZiB0eXBlb2YgU0laRVNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuLyoqXG4gKiBMb2dvIGNvbXBvbmVudCBpcyB1c2VkIHRvIHJlbmRlciBhIHNldCBvZiBsb2dvcy4gVGhlaXIgc3R5bGUgY2Fubm90IGJlIGNoYW5nZWRcbiAqL1xuZXhwb3J0IGNvbnN0IEljb24gPSAoeyBzaXplID0gJ3NtYWxsJywgY2xhc3NOYW1lLCBjaGlsZHJlbiB9OiBJY29uUHJvcHMpID0+IChcbiAgPFN0eWxlZEljb24gY2xhc3NOYW1lPXtjbGFzc05hbWV9IHNpemU9e3NpemV9IHZpZXdCb3g9XCIwIDAgMjAgMjBcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3R5bGVkSWNvbj5cbilcbiJdfQ== */"));
+const style_css = require("./style.css.cjs");
 const Icon = ({
   size = "small",
   className,
   children
-}) => /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { className, size, viewBox: "0 0 20 20", children });
+}) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className: `${className ? `${className} ` : ""}${style_css.logo[size]}`, viewBox: "0 0 20 20", children });
 exports.Icon = Icon;