@ultraviolet/ui 3.7.0 → 3.8.0

package/dist/theme/ThemeProvider.js

@@ -1,8 +1,9 @@
 "use client";
-import "react/jsx-runtime";
-import { consoleLightTheme } from "@ultraviolet/themes";
-import "@vanilla-extract/dynamic";
-import { useContext, createContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { iconStyles } from "@ultraviolet/icons/iconStyles";
+import { theme, consoleLightTheme } from "@ultraviolet/themes";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { useLayoutEffect, createContext, useContext } from "react";
 const ThemeContext = createContext(consoleLightTheme);
 const useTheme = () => {
   const context = useContext(ThemeContext);
@@ -13,6 +14,47 @@ const useTheme = () => {
   }
   return context;
 };
+const ThemeProvider = ({
+  children,
+  theme: theme$1 = consoleLightTheme
+}) => {
+  useLayoutEffect(() => {
+    const styleId = "uv-theme";
+    const iconsStyleId = "uv-icons";
+    const existingIconsStyle = document.getElementById(iconsStyleId);
+    const existingStyle = document.getElementById(styleId);
+    const cssVars = assignInlineVars(theme, theme$1);
+    const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }`;
+    if (existingStyle) {
+      existingStyle.textContent = cssString;
+    } else {
+      const style = document.createElement("style");
+      style.id = styleId;
+      style.textContent = cssString;
+      document.head.appendChild(style);
+    }
+    if (existingIconsStyle) {
+      existingIconsStyle.textContent = iconStyles;
+    } else {
+      const iconsStyle = document.createElement("style");
+      iconsStyle.id = iconsStyleId;
+      iconsStyle.textContent = iconStyles;
+      document.head.appendChild(iconsStyle);
+    }
+    return () => {
+      const style = document.getElementById(styleId);
+      const iconsStyle = document.getElementById(iconsStyleId);
+      if (style) {
+        style.remove();
+      }
+      if (iconsStyle) {
+        iconsStyle.remove();
+      }
+    };
+  }, [theme$1]);
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme$1, children });
+};
 export {
+  ThemeProvider,
   useTheme
 };

package/dist/theme/index.d.ts

@@ -1,4 +1,5 @@
-import { consoleDarkTheme, consoleLightTheme, ThemeProvider, useTheme } from '@ultraviolet/themes';
+import { consoleDarkTheme, consoleLightTheme, useTheme } from '@ultraviolet/themes';
+import { ThemeProvider } from './ThemeProvider';
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 type UltravioletUITheme = typeof consoleLightTheme;
 declare const colors: {
@@ -732,7 +733,7 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
 type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
 type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
+declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "success" | "primary" | "warning" | "secondary")[];
 export type { UltravioletUITheme, Color, ExtendedColor };
 export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
 export default consoleLightTheme;

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAG5B,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACT,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,iBAAiB,CAAC,WAAW,CAAA;AAEnE,KAAK,kBAAkB,GAAG,OAAO,iBAAiB,CAAA;AAElD,QAAA,MAAQ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;;;;;;;;GAAE,KAAK;;;;;;;;GAAE,WAAW;;;;;;;CAC3C,CAAA;AAEnB,KAAK,gBAAgB,CAAC,CAAC,IAAI;KACxB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACxC,CAAA;AAED;;;;GAIG;AACH,QAAA,MAAM,WAAW,GAAI,eAAe,gBAAgB,CAAC,kBAAkB,CAAC,KACvB,kBAAkB,CAAA;AAGnE,KAAK,KAAK,GAAG,OAAO,CAClB,MAAM,OAAO,iBAAiB,CAAC,MAAM,EACnC,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,GACT,MAAM,CACT,CAAA;AAED,KAAK,aAAa,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;AAE9C,QAAA,MAAM,UAAU,sFAQN,CAAA;AAEV,QAAA,MAAM,0BAA0B,yEAE/B,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA;AAExD,OAAO,EACL,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,EACL,WAAW,IAAI,OAAO,EACtB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,EACX,UAAU,EACV,0BAA0B,EAC1B,UAAU,EACV,aAAa,EACb,QAAQ,GACT,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/theme/index.js

@@ -1,10 +1,9 @@
 import { consoleLightTheme } from "@ultraviolet/themes";
-import { ThemeProvider, consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
+import { consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
 import deepmerge from "deepmerge";
 const { colors, shadows, typography, space, radii, breakpoints } = consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
 export {
-  ThemeProvider,
   colors,
   consoleDarkTheme as darkTheme,
   consoleLightTheme2 as default,