@particle-academy/react-fancy 4.0.1 → 4.2.0

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 (11) hide show
  1. package/dist/index.cjs +291 -103
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +12 -6
  4. package/dist/index.d.ts +12 -6
  5. package/dist/index.js +291 -103
  6. package/dist/index.js.map +1 -1
  7. package/docs/Badge.md +1 -1
  8. package/docs/Button.md +1 -1
  9. package/docs/Callout.md +1 -1
  10. package/docs/Progress.md +1 -1
  11. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -3,9 +3,15 @@ import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttri
3
3
  import { ClassValue } from 'clsx';
4
4
 
5
5
  type Size = "xs" | "sm" | "md" | "lg" | "xl";
6
- type Color = "zinc" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
6
+ /**
7
+ * The full Tailwind v4 named color palette — every default hue, including all
8
+ * five gray families. Components that accept a `color` should type it as this
9
+ * so the whole palette is available.
10
+ */
11
+ type Color = "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
7
12
  type Variant = "solid" | "outline" | "ghost" | "soft";
8
- type ButtonColor = "blue" | "emerald" | "amber" | "red" | "violet" | "indigo" | "sky" | "rose" | "orange" | "zinc";
13
+ /** Button accepts the full Tailwind v4 palette (alias of {@link Color}). */
14
+ type ButtonColor = Color;
9
15
  /**
10
16
  * @deprecated Renamed to {@link ButtonColor}. `ActionColor` remains as an alias
11
17
  * for backward compatibility and will be removed in a future major version.
@@ -707,8 +713,8 @@ interface SeparatorProps {
707
713
  declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
708
714
 
709
715
  interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
710
- /** Badge color */
711
- color?: "zinc" | "red" | "blue" | "green" | "amber" | "violet" | "rose";
716
+ /** Badge color — any color in the Tailwind v4 palette. */
717
+ color?: Color;
712
718
  /** Visual variant */
713
719
  variant?: "solid" | "outline" | "soft";
714
720
  /** Badge size */
@@ -794,7 +800,7 @@ interface ProgressProps {
794
800
  max?: number;
795
801
  variant?: "bar" | "circular";
796
802
  size?: "sm" | "md" | "lg";
797
- color?: "blue" | "green" | "amber" | "red" | "violet" | "zinc";
803
+ color?: Color;
798
804
  indeterminate?: boolean;
799
805
  showValue?: boolean;
800
806
  className?: string;
@@ -844,7 +850,7 @@ declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttribu
844
850
 
845
851
  interface CalloutProps {
846
852
  children: ReactNode;
847
- color?: "blue" | "green" | "amber" | "red" | "zinc";
853
+ color?: Color;
848
854
  icon?: ReactNode;
849
855
  dismissible?: boolean;
850
856
  onDismiss?: () => void;
package/dist/index.d.ts CHANGED
@@ -3,9 +3,15 @@ import { ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttri
3
3
  import { ClassValue } from 'clsx';
4
4
 
5
5
  type Size = "xs" | "sm" | "md" | "lg" | "xl";
6
- type Color = "zinc" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
6
+ /**
7
+ * The full Tailwind v4 named color palette — every default hue, including all
8
+ * five gray families. Components that accept a `color` should type it as this
9
+ * so the whole palette is available.
10
+ */
11
+ type Color = "slate" | "gray" | "zinc" | "neutral" | "stone" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
7
12
  type Variant = "solid" | "outline" | "ghost" | "soft";
8
- type ButtonColor = "blue" | "emerald" | "amber" | "red" | "violet" | "indigo" | "sky" | "rose" | "orange" | "zinc";
13
+ /** Button accepts the full Tailwind v4 palette (alias of {@link Color}). */
14
+ type ButtonColor = Color;
9
15
  /**
10
16
  * @deprecated Renamed to {@link ButtonColor}. `ActionColor` remains as an alias
11
17
  * for backward compatibility and will be removed in a future major version.
@@ -707,8 +713,8 @@ interface SeparatorProps {
707
713
  declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
708
714
 
709
715
  interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
710
- /** Badge color */
711
- color?: "zinc" | "red" | "blue" | "green" | "amber" | "violet" | "rose";
716
+ /** Badge color — any color in the Tailwind v4 palette. */
717
+ color?: Color;
712
718
  /** Visual variant */
713
719
  variant?: "solid" | "outline" | "soft";
714
720
  /** Badge size */
@@ -794,7 +800,7 @@ interface ProgressProps {
794
800
  max?: number;
795
801
  variant?: "bar" | "circular";
796
802
  size?: "sm" | "md" | "lg";
797
- color?: "blue" | "green" | "amber" | "red" | "violet" | "zinc";
803
+ color?: Color;
798
804
  indeterminate?: boolean;
799
805
  showValue?: boolean;
800
806
  className?: string;
@@ -844,7 +850,7 @@ declare const Card: react.ForwardRefExoticComponent<CardProps & react.RefAttribu
844
850
 
845
851
  interface CalloutProps {
846
852
  children: ReactNode;
847
- color?: "blue" | "green" | "amber" | "red" | "zinc";
853
+ color?: Color;
848
854
  icon?: ReactNode;
849
855
  dismissible?: boolean;
850
856
  onDismiss?: () => void;