singularity-components 0.1.88 → 0.1.89

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/main.cjs +15 -3
  2. package/dist/main.cjs.map +1 -1
  3. package/dist/main.d.cts +6 -5
  4. package/dist/main.d.ts +6 -5
  5. package/dist/main.js +15 -3
  6. package/dist/main.js.map +1 -1
  7. package/package.json +1 -1
package/dist/main.d.cts CHANGED
@@ -41,19 +41,20 @@ declare function Button({ className, variant, size, asChild, iconStart, iconStar
41
41
 
42
42
  declare const iconVariants: (props?: ({
43
43
  size?: "sm" | "lg" | "md" | null | undefined;
44
+ color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
44
45
  } & class_variance_authority_types.ClassProp) | undefined) => string;
45
46
  type Props$1 = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariants> & {
46
47
  icon: keyof typeof icons;
47
48
  spin?: boolean;
48
49
  };
49
- declare function Icon({ className, size, icon, spin, ...props }: Props$1): react_jsx_runtime.JSX.Element;
50
+ declare function Icon({ className, size, color, icon, spin, ...props }: Props$1): react_jsx_runtime.JSX.Element;
50
51
 
51
52
  declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
52
53
 
53
54
  declare const layoutVariants: (props?: ({
54
55
  type?: "col" | "full" | "wide" | null | undefined;
55
56
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
56
- bgcolor?: "transparent" | "white" | "black" | "orange" | "purple" | null | undefined;
57
+ bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | null | undefined;
57
58
  } & class_variance_authority_types.ClassProp) | undefined) => string;
58
59
  interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof layoutVariants> {
59
60
  }
@@ -107,7 +108,7 @@ type OmitClassName<T> = OmitClassProperty<T, "className">;
107
108
 
108
109
  declare const textBodyVariants: (props?: ({
109
110
  size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
110
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
111
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
111
112
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
112
113
  } & class_variance_authority_types.ClassProp) | undefined) => string;
113
114
  interface TextBodyProps extends OmitClassName<React__default.HTMLAttributes<HTMLParagraphElement>>, VariantProps<typeof textBodyVariants> {
@@ -117,7 +118,7 @@ declare const TextBody: React__default.FC<TextBodyProps>;
117
118
 
118
119
  declare const textDisplayVariants: (props?: ({
119
120
  size?: "sm" | "lg" | "md" | null | undefined;
120
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
121
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
121
122
  gradient?: boolean | "none" | null | undefined;
122
123
  } & class_variance_authority_types.ClassProp) | undefined) => string;
123
124
  interface TextDisplayProps extends OmitClassName<React__default.HTMLAttributes<HTMLSpanElement>>, VariantProps<typeof textDisplayVariants> {
@@ -127,7 +128,7 @@ declare const TextDisplay: React__default.FC<TextDisplayProps>;
127
128
 
128
129
  declare const textHeadingVariants: (props?: ({
129
130
  variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
130
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
131
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
131
132
  } & class_variance_authority_types.ClassProp) | undefined) => string;
132
133
  interface TextHeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof textHeadingVariants> {
133
134
  as?: "h1" | "h2" | "h3" | "h4";
package/dist/main.d.ts CHANGED
@@ -41,19 +41,20 @@ declare function Button({ className, variant, size, asChild, iconStart, iconStar
41
41
 
42
42
  declare const iconVariants: (props?: ({
43
43
  size?: "sm" | "lg" | "md" | null | undefined;
44
+ color?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
44
45
  } & class_variance_authority_types.ClassProp) | undefined) => string;
45
46
  type Props$1 = Omit<React$1.ComponentProps<LucideIcon>, "size"> & VariantProps<typeof iconVariants> & {
46
47
  icon: keyof typeof icons;
47
48
  spin?: boolean;
48
49
  };
49
- declare function Icon({ className, size, icon, spin, ...props }: Props$1): react_jsx_runtime.JSX.Element;
50
+ declare function Icon({ className, size, color, icon, spin, ...props }: Props$1): react_jsx_runtime.JSX.Element;
50
51
 
51
52
  declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
52
53
 
53
54
  declare const layoutVariants: (props?: ({
54
55
  type?: "col" | "full" | "wide" | null | undefined;
55
56
  cols?: "100" | "66-33" | "50-50" | "33-33-33" | "25-25-25-25" | null | undefined;
56
- bgcolor?: "transparent" | "white" | "black" | "orange" | "purple" | null | undefined;
57
+ bgcolor?: "black" | "white" | "transparent" | "orange" | "purple" | null | undefined;
57
58
  } & class_variance_authority_types.ClassProp) | undefined) => string;
58
59
  interface LayoutProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof layoutVariants> {
59
60
  }
@@ -107,7 +108,7 @@ type OmitClassName<T> = OmitClassProperty<T, "className">;
107
108
 
108
109
  declare const textBodyVariants: (props?: ({
109
110
  size?: "base" | "sm" | "lg" | "xs" | "xl" | null | undefined;
110
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
111
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
111
112
  weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
112
113
  } & class_variance_authority_types.ClassProp) | undefined) => string;
113
114
  interface TextBodyProps extends OmitClassName<React__default.HTMLAttributes<HTMLParagraphElement>>, VariantProps<typeof textBodyVariants> {
@@ -117,7 +118,7 @@ declare const TextBody: React__default.FC<TextBodyProps>;
117
118
 
118
119
  declare const textDisplayVariants: (props?: ({
119
120
  size?: "sm" | "lg" | "md" | null | undefined;
120
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
121
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
121
122
  gradient?: boolean | "none" | null | undefined;
122
123
  } & class_variance_authority_types.ClassProp) | undefined) => string;
123
124
  interface TextDisplayProps extends OmitClassName<React__default.HTMLAttributes<HTMLSpanElement>>, VariantProps<typeof textDisplayVariants> {
@@ -127,7 +128,7 @@ declare const TextDisplay: React__default.FC<TextDisplayProps>;
127
128
 
128
129
  declare const textHeadingVariants: (props?: ({
129
130
  variant?: "h1" | "h2" | "h3" | "h4" | null | undefined;
130
- foreground?: "default" | "secondary" | "white" | "black" | "gray" | "primary" | null | undefined;
131
+ foreground?: "default" | "secondary" | "black" | "white" | "gray" | "primary" | null | undefined;
131
132
  } & class_variance_authority_types.ClassProp) | undefined) => string;
132
133
  interface TextHeadingProps extends OmitClassName<React__default.HTMLAttributes<HTMLHeadingElement>>, VariantProps<typeof textHeadingVariants> {
133
134
  as?: "h1" | "h2" | "h3" | "h4";
package/dist/main.js CHANGED
@@ -20233,13 +20233,22 @@ var iconVariants = cva("", {
20233
20233
  sm: "",
20234
20234
  md: "",
20235
20235
  lg: ""
20236
+ },
20237
+ color: {
20238
+ default: "sg:text-foreground",
20239
+ black: "sg:text-black",
20240
+ white: "sg:text-white",
20241
+ gray: "sg:text-gray",
20242
+ primary: "sg:text-primary",
20243
+ secondary: "sg:text-secondary"
20236
20244
  }
20237
20245
  },
20238
20246
  defaultVariants: {
20239
- size: "md"
20247
+ size: "md",
20248
+ color: "default"
20240
20249
  }
20241
20250
  });
20242
- function Icon2({ className, size, icon, spin, ...props }) {
20251
+ function Icon2({ className, size, color, icon, spin, ...props }) {
20243
20252
  const LucideIcon2 = icons_exports[icon];
20244
20253
  let iconSize = 20;
20245
20254
  if (size == "sm") {
@@ -20251,7 +20260,10 @@ function Icon2({ className, size, icon, spin, ...props }) {
20251
20260
  LucideIcon2,
20252
20261
  {
20253
20262
  size: iconSize,
20254
- className: clsx2(className, spin && "sg:animate-spin"),
20263
+ className: cn(
20264
+ iconVariants({ color, className }),
20265
+ spin && "sg:animate-spin"
20266
+ ),
20255
20267
  ...props
20256
20268
  }
20257
20269
  );