@purple/phoenix-components 5.28.0 → 5.28.2

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import React$1, { HTMLAttributes, JSX, PropsWithChildren, ReactElement, InputHTMLAttributes, FocusEventHandler, JSXElementConstructor, MouseEventHandler, TextareaHTMLAttributes } from 'react';
 import * as styled_components from 'styled-components';
 import { DefaultTheme, IntrinsicElementsKeys } from 'styled-components';
@@ -22,7 +21,7 @@ type CSSColor = string & {};
 
 declare const Spacing: readonly ["3xs", "2xs", "xs", "sm", "md", "lg", "xl", "2xl", "3xl"];
 type Spacing = typeof Spacing[number];
-declare const isSpacing: (size?: Spacing | CSSValue) => size is "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+declare const isSpacing: (size?: Spacing | CSSValue) => size is Spacing;
 declare const getSpacingCssValue: (theme: DefaultTheme, value?: Spacing | CSSValue, defaultValue?: string) => string;
 
 interface MarginProps {
@@ -47,15 +46,15 @@ interface PaddingProps {
 
 declare const ColorTheme: readonly ["brand", "success", "warning", "error", "info", "neutral"];
 type ColorTheme = typeof ColorTheme[number];
-declare const isColorTheme: (color?: Color) => color is "brand" | "success" | "warning" | "error" | "info" | "neutral";
+declare const isColorTheme: (color?: Color) => color is ColorTheme;
 declare const TextColor: readonly ["primary", "secondary", "tertiary", "quaternary"];
 type TextColor = typeof TextColor[number];
-declare const isTextColor: (color?: Color) => color is "primary" | "secondary" | "tertiary" | "quaternary";
+declare const isTextColor: (color?: Color) => color is TextColor;
 type Color = TextColor | ColorTheme | CSSColor;
 
 declare const Sizing: readonly ["xs", "sm", "md", "lg"];
 type Sizing = typeof Sizing[number];
-declare const isSizing: (size?: Sizing | CSSValue) => size is "xs" | "sm" | "md" | "lg";
+declare const isSizing: (size?: Sizing | CSSValue) => size is Sizing;
 declare const SizingSmMd: readonly ["sm", "md"];
 type SizingSmMd = typeof SizingSmMd[number];
 declare const SizingMdLg: readonly ["md", "lg"];
@@ -330,11 +329,11 @@ declare const PhoenixIconsSrc: {
     readonly withdrawal: string;
     readonly wrench: string;
 };
-declare const PhoenixIconsOutlined: ("search" | "filter" | "revert" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "download" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "gift" | "history" | "house" | "id-card" | "info-circle" | "key" | "language" | "later" | "lightning" | "list" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench")[];
+declare const PhoenixIconsOutlined: PhoenixIconsOutlined[];
 type PhoenixIconsOutlined = keyof typeof PhoenixIconsOutlinedSrc;
-declare const PhoenixIconsColored: ("bell-brand" | "browser-brand" | "calendar-brand" | "camera-brand" | "contrast-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "key-brand" | "language-brand" | "lock-brand" | "lock-success" | "paper-brand" | "passport-brand" | "photo-user-brand" | "pin-brand" | "question-circle-brand" | "smartphone-brand" | "star-brand" | "star-warning" | "trash-error")[];
+declare const PhoenixIconsColored: PhoenixIconsColored[];
 type PhoenixIconsColored = keyof typeof PhoenixIconsColoredSrc;
-declare const PhoenixIcons: ("search" | "filter" | "revert" | "actions" | "add" | "add-circle" | "android" | "angled-arrow-left" | "angled-arrow-right" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-right-up" | "arrow-switch" | "arrow-up" | "asterisk" | "bell" | "bitcoin-circle" | "block" | "browser" | "bullet-point" | "burger" | "calculator" | "calendar" | "camera" | "chart-bar-increase" | "chat" | "check" | "check-circle" | "clock" | "clock-idle" | "cog" | "contrast" | "copy" | "cross" | "deposit" | "document" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "dots-handle-reorder" | "download" | "driving-licence" | "edit" | "ellipsis" | "email" | "exclamation" | "exit" | "external" | "eye" | "eye-hidden" | "forward-arrow" | "globe" | "gift" | "history" | "house" | "id-card" | "info-circle" | "key" | "language" | "later" | "lightning" | "list" | "lock" | "paper" | "passport" | "pencil" | "photo-user" | "pin" | "play-circle" | "profile" | "question-circle" | "refresh" | "refund" | "scales" | "search-plus" | "share-social" | "sliders" | "smartphone" | "speedometer" | "star" | "star-circle" | "stopwatch" | "subtract-circle" | "times-circle" | "transfer" | "trash" | "upload" | "windows" | "withdrawal" | "wrench" | "bell-brand" | "browser-brand" | "calendar-brand" | "camera-brand" | "contrast-brand" | "driving-licence-brand" | "email-brand" | "exclamation-error" | "exclamation-warning" | "house-brand" | "id-card-brand" | "key-brand" | "language-brand" | "lock-brand" | "lock-success" | "paper-brand" | "passport-brand" | "photo-user-brand" | "pin-brand" | "question-circle-brand" | "smartphone-brand" | "star-brand" | "star-warning" | "trash-error")[];
+declare const PhoenixIcons: PhoenixIcons[];
 type PhoenixIcons = keyof typeof PhoenixIconsSrc;
 
 type IconType = PhoenixIconsOutlined | React.ReactElement | string;
@@ -352,8 +351,9 @@ interface CommonButtonProps extends MarginProps {
 
 interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, CommonButtonProps, GenericComponentProps {
     light?: boolean;
+    ref?: React$1.Ref<HTMLButtonElement>;
 }
-declare const Button: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<ButtonProps> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React$1.FC<ButtonProps>;
 
 interface ButtonGroupProps extends GenericComponentProps {
     children: JSX.Element[];
@@ -386,8 +386,9 @@ declare const Checkbox: React$1.FC<CheckboxProps>;
 
 interface ClosableButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, GenericComponentProps {
     onClose?: React$1.MouseEventHandler<HTMLButtonElement>;
+    ref?: React$1.Ref<HTMLButtonElement>;
 }
-declare const ClosableButton: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<ClosableButtonProps> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const ClosableButton: React$1.FC<ClosableButtonProps>;
 
 interface ClosableItemProps extends GenericComponentProps {
     onClose?: React$1.MouseEventHandler<HTMLButtonElement>;
@@ -570,8 +571,9 @@ interface IconProps extends MarginProps, GenericComponentProps {
     icon: PhoenixIcons;
     size?: Spacing | CSSValue;
     color?: Color;
+    ref?: React$1.Ref<HTMLSpanElement>;
 }
-declare const Icon: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<IconProps> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const Icon: React$1.FC<IconProps>;
 
 interface ImageProps extends Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, 'width' | 'height'>, MarginProps, PaddingProps, DisplayProps, GenericComponentProps {
     width?: CSSValue;
@@ -590,13 +592,15 @@ interface LinkProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, Gen
     color?: Color;
     bold?: boolean;
     noUnderline?: boolean;
+    ref?: React$1.Ref<HTMLAnchorElement>;
 }
-declare const Link: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<LinkProps> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const Link: React$1.FC<LinkProps>;
 
 interface LinkButtonProps extends React$1.AnchorHTMLAttributes<HTMLAnchorElement>, CommonButtonProps, GenericComponentProps {
     light?: boolean;
+    ref?: React$1.Ref<HTMLAnchorElement>;
 }
-declare const LinkButton: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<LinkButtonProps> & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButton: React$1.FC<LinkButtonProps>;
 
 interface ListCommonProps {
     size?: Sizing | CSSValue;
@@ -736,11 +740,14 @@ interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingP
 declare const Paragraph: React$1.FC<ParagraphProps>;
 
 interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, FormControlProps {
+    ref?: React$1.Ref<HTMLInputElement>;
 }
-declare const TextInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<TextInputProps> & React$1.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React$1.FC<TextInputProps>;
 
-type PasswordInputProps = Omit<TextInputProps, 'type' | 'contentRight'>;
-declare const PasswordInput: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<PasswordInputProps> & React$1.RefAttributes<HTMLInputElement>>;
+interface PasswordInputProps extends Omit<TextInputProps, 'type' | 'contentRight'> {
+    ref?: React$1.Ref<HTMLInputElement>;
+}
+declare const PasswordInput: React$1.FC<PasswordInputProps>;
 
 declare enum PasswordStrengthEnum {
     NONE = "none",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purple/phoenix-components",
-  "version": "5.28.0",
+  "version": "5.28.2",
   "description": "",
   "main": "dist/bundle.umd.js",
   "module": "dist/bundle.esm.js",
@@ -40,7 +40,7 @@
     "lodash": "~4.17.21",
     "nanoid": "~3.3.4",
     "nouislider": "~15.7.2",
-    "react-day-picker": "~8.7.1",
+    "react-day-picker": "~8.10.1",
     "react-dropzone": "~14.3.8",
     "react-inlinesvg": "~3.0.1",
     "react-pdf": "~8.0.2",
@@ -135,7 +135,7 @@
     "ts-node": "^10.9.1",
     "tslib": "^2.6.2",
     "tsx": "^4.20.3",
-    "typescript": "^4.8.4"
+    "typescript": "^5.7.2"
   },
   "scripts": {
     "lint": "eslint 'src' '.storybook' --ext .ts,.tsx,.js,.jsx,.json,.d.ts",