@particle-network/ui-shared 0.3.0-beta.1 → 0.3.0-beta.3

package/dist/color.d.ts

@@ -7,7 +7,9 @@ export interface DynamicColors {
 }
 export type ThemeColors = Record<UXColor, string>;
 export declare const colorMap: Record<'dark' | 'light', Record<UXColor, string>>;
-export declare const foregroundColorList: readonly ["default", "secondary", "tertiary", "primary", "success", "danger", "alert", "warning", "gold", "bullish", "bearish"];
+export declare const foregroundColorList: UXForegroundColor[];
+export declare const backgroundColorList: UXBackgroundColor[];
+export declare const uxColorList: UXColor[];
 export declare const colorToCSSVariable: {
     readonly default: "--heroui-foreground";
     readonly foreground: "--heroui-foreground";
@@ -29,27 +31,7 @@ export declare const colorToCSSVariable: {
     readonly overlay: "--heroui-overlay";
     readonly divider: "--heroui-divider";
 };
-export declare const colorToClassName: {
-    readonly default: "text-foreground";
-    readonly white: "text-white";
-    readonly foreground: "text-foreground";
-    readonly secondary: "text-secondary";
-    readonly tertiary: "text-tertiary";
-    readonly primary: "text-primary";
-    readonly success: "text-success";
-    readonly danger: "text-danger";
-    readonly alert: "text-alert";
-    readonly warning: "text-warning";
-    readonly gold: "text-gold";
-    readonly bullish: "text-bullish";
-    readonly bearish: "text-bearish";
-    readonly 'bg-default': "text-background";
-    readonly 'bg-200': "text-background-200";
-    readonly 'bg-300': "text-background-300";
-    readonly 'bg-400': "text-background-400";
-    readonly overlay: "text-background-overlay";
-    readonly divider: "text-background-divider";
-};
+export declare const colorToClassName: Record<UXColor, string>;
 export type ColorString = `#${string}`;
 export declare function hexColorToHSLValue(hex: ColorString): string;
 export declare function hexColorToHSL(hex: ColorString): string;

package/dist/color.js

@@ -57,6 +57,19 @@ const foregroundColorList = [
     'bullish',
     'bearish'
 ];
+const backgroundColorList = [
+    'bg-default',
+    'bg-200',
+    'bg-300',
+    'bg-400',
+    'overlay',
+    'divider',
+    'transparent'
+];
+const uxColorList = [
+    ...foregroundColorList,
+    ...backgroundColorList
+];
 const colorToCSSVariable = {
     default: '--heroui-foreground',
     foreground: '--heroui-foreground',
@@ -96,8 +109,9 @@ const colorToClassName = {
     'bg-200': 'text-background-200',
     'bg-300': 'text-background-300',
     'bg-400': 'text-background-400',
-    overlay: 'text-background-overlay',
-    divider: 'text-background-divider'
+    overlay: 'text-overlay',
+    divider: 'text-divider',
+    transparent: 'text-transparent'
 };
 function hexColorToHSLValue(hex) {
     const hexWithoutHash = hex.replace('#', '');
@@ -208,4 +222,4 @@ const setColorWithOpacity = (color, opacity)=>{
     }
     return `rgba(${r}, ${g}, ${b}, ${opacity})`;
 };
-export { colorMap, colorToCSSVariable, colorToClassName, foregroundColorList, getHexColorFromCSSVariable, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity };
+export { backgroundColorList, colorMap, colorToCSSVariable, colorToClassName, foregroundColorList, getHexColorFromCSSVariable, hexColorToHSL, hexColorToHSLValue, hslToHex, setColorWithOpacity, uxColorList };

package/dist/index.d.ts

@@ -3,3 +3,4 @@ export * from './radius';
 export * from './size';
 export * from './spacing';
 export * from './tailwind-color';
+export * from './theme-data';

package/dist/index.js

@@ -3,3 +3,4 @@ export * from "./radius.js";
 export * from "./size.js";
 export * from "./spacing.js";
 export * from "./tailwind-color.js";
+export * from "./theme-data.js";