secptrum-ui - npm Package Compare versions

Comparing version 1.1.52 to 1.1.53

dist/components/Box/FlexBox.d.ts

 "use client";
-import { DivProps } from "styled-chroma";
+import { DivProps } from "../../styled";
 export interface BoxProps extends DivProps {
@@ -4,0 +4,0 @@ direction?: "row" | "column";

dist/components/Drawer/DrawerFooter.d.ts

 "use client";
-import { DivProps } from 'styled-chroma';
+import { DivProps } from "../../styled";
 interface DrawerFooterProps extends DivProps {
@@ -15,3 +15,3 @@ /**
      */
-    position?: 'right' | 'left';
+    position?: "right" | "left";
     /**
@@ -18,0 +18,0 @@ * Add a border-top to the component.

dist/components/Drawer/DrawerHeader.d.ts

 "use client";
-import React from 'react';
-import { BoxType } from '../../types/sui';
+import React from "react";
+import { BoxType } from "../../types/sui";
 interface DrawerHeaderType extends BoxType {
@@ -5,0 +5,0 @@ /**

dist/components/Input/Input.d.ts

 "use client";
-import { InputType } from '../../types/sui';
+import { InputType } from "../../types/sui";
 /**
@@ -4,0 +4,0 @@ * A customizable Input component for text, email, password, and number inputs.

dist/components/Menu/MenuTrigger.d.ts

 "use client";
-import React from 'react';
-import { DivProps } from 'styled-chroma';
+import React from "react";
+import { DivProps } from "../../styled";
 /**
@@ -5,0 +5,0 @@ * MenuTrigger component that opens a menu when clicked.

dist/components/modal/ModalFooter.d.ts

 "use client";
-import { DivProps } from 'styled-chroma';
+import { DivProps } from "../../styled";
 interface ModalFooterProps extends DivProps {
@@ -15,3 +15,3 @@ /**
      */
-    position?: 'right' | 'left';
+    position?: "right" | "left";
     /**
@@ -18,0 +18,0 @@ * Add a border-top to the component.

dist/components/modal/ModalTitle.d.ts

 "use client";
-import React from 'react';
-import { BoxType } from '../../types/sui';
+import React from "react";
+import { BoxType } from "../../types/sui";
 interface ModalTitleType extends BoxType {
@@ -5,0 +5,0 @@ /**

dist/components/Navigation/BottomNav.d.ts

 "use client";
-import React from 'react';
-import { DivProps } from 'styled-chroma';
+import React from "react";
+import { DivProps } from "../../styled";
 interface BottomNavProps extends DivProps {
     children: React.ReactNode;
     /** The variant of the bottom navigation. Determines the shape and positioning. */
-    variant?: 'rounded' | 'full' | 'wide';
+    variant?: "rounded" | "full" | "wide";
     /** The background color of the bottom navigation. */
@@ -9,0 +9,0 @@ background?: string;

dist/components/Navigation/BottomNavTab.d.ts

@@ -39,2 +39,3 @@ "use client";
     disabled?: boolean;
+    titleClassName?: string;
 }
@@ -41,0 +42,0 @@ /**

dist/components/Text/AnimatedText.d.ts

 "use client";
 import React from "react";
-import { ParagraphProps } from "styled-chroma";
+import { ParagraphProps } from "../../styled";
 interface AnimatedTextProps extends ParagraphProps {
@@ -5,0 +5,0 @@ /**

dist/index.d.ts

@@ -45,6 +45,4 @@ "use client";
 export { default as PulseLoader } from "./components/loaders/PulseLoader/PulseLoader";
-export { useTheme } from "./context/useTheme";
 export { useAuth } from "./hooks/useAuth";
 export { default as AuthProvider } from "./hooks/useAuth";
-export { default as ThemeProvider } from "./context/useTheme";
 export { default as ModeProvider } from "./hooks/useMode";
@@ -51,0 +49,0 @@ export { default as useRouter } from "./hooks/useRouter";

dist/styled/index.d.ts

@@ -6,3 +6,2 @@ "use client";
 export { default as keyframes } from "./utils/keyframes";
-export { colors } from "./utils/colors";
 export { default as ThemeProvider } from "./hooks/useTheme";
@@ -9,0 +8,0 @@ export { useTheme } from "./hooks/useTheme";

dist/styled/types/elements.d.ts

@@ -21,3 +21,3 @@ "use client";
  */
-export interface ButtonProps extends CommonProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonTypes extends CommonProps, React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
@@ -24,0 +24,0 @@ /**

dist/styles/feedback/styled.d.ts

 "use client";
-import { IStyleDrop, IStyleModalFooter, IStyleModalPanel, IStyleToast, IStyleToastCloseIcon } from '../../types/istyle';
+import { IStyleDrop, IStyleModalFooter, IStyleModalPanel, IStyleToast, IStyleToastCloseIcon } from "../../types/istyle";
 export declare const DropSui: import("react").ForwardRefExoticComponent<IStyleDrop & {
@@ -17,7 +17,3 @@ theme?: {
     };
-} & import("react").HTMLAttributes<HTMLElement> & Record<string, any> & {
-    theme?: {
-        [x: string]: any;
-    };
-}>;
+} & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
 export declare const ModalFooterSui: import("react").ForwardRefExoticComponent<IStyleModalFooter & {
@@ -37,7 +33,3 @@ theme?: {
     };
-} & import("react").HTMLAttributes<HTMLElement> & Record<string, any> & {
-    theme?: {
-        [x: string]: any;
-    };
-}>;
+} & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
 export declare const ToastContent: import("react").ForwardRefExoticComponent<import("../../types/istyle").IStyleBox & {
@@ -47,7 +39,3 @@ theme?: {
     };
-} & import("react").HTMLAttributes<HTMLElement> & Record<string, any> & {
-    theme?: {
-        [x: string]: any;
-    };
-}>;
+} & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
 export declare const CloseIcon: import("react").ForwardRefExoticComponent<IStyleToastCloseIcon & {
@@ -54,0 +42,0 @@ theme?: {

dist/styles/input/styled.d.ts

 "use client";
-import { DivProps } from "styled-chroma";
-import { InputType } from "../../types/sui";
-import { IStyleCheckbox, IStyleChecked, IStyleSwitch, IStyleSwitchHandle } from "../../types/istyle";
+import { DivProps } from "../../styled";
+import { IStyleCheckbox, IStyleChecked, IStyleSwitch, IStyleSwitchHandle, IStyleTextInput } from "../../types/istyle";
 export declare const InputForm: import("react").ForwardRefExoticComponent<DivProps & {
@@ -12,15 +11,3 @@ width: string | any;
 } & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
-interface IStyle extends InputType {
-    variant: InputType["variant"];
-    radius: InputType["radius"];
-    outLineBorderColor: InputType["outLineBorderColor"];
-    focusColor: InputType["focusColor"];
-    focusBorderColor: InputType["focusBorderColor"];
-    disabled: boolean | any;
-    hasError: InputType["hasError"] | any;
-    color: string | any;
-    backgroundcolor: InputType["backgroundColor"];
-    mode: InputType["mode"];
-}
-export declare const Input: import("react").ForwardRefExoticComponent<IStyle & {
+export declare const Input: import("react").ForwardRefExoticComponent<IStyleTextInput & {
     theme?: {
@@ -50,3 +37,2 @@ [x: string]: any;
 } & import("react").HTMLAttributes<HTMLElement> & Record<string, any>>;
-export {};
 //# sourceMappingURL=styled.d.ts.map

dist/styles/overlays/styled.d.ts

 "use client";
-import { IStyleDrawer } from '../../types/istyle';
+import { IStyleDrawer } from "../../types/istyle";
 export declare const DrawerSui: import("react").ForwardRefExoticComponent<IStyleDrawer & {
@@ -4,0 +4,0 @@ theme?: {

dist/types/istyle.d.ts

 "use client";
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { DivProps } from 'styled-chroma';
+import { DivProps } from "../styled";
 import {
   BoxType,
   FloatProps,
+  InputType,
   StackType,
@@ -11,4 +12,4 @@ ToastOptionsType,
   ToastVariant,
-} from './sui';
-import { ModalPanelType } from '../components/modal/ModalPanel';
+} from "./sui";
+import { ModalPanelType } from "../components/modal/ModalPanel";
 
@@ -19,19 +20,19 @@ /**
 export interface IStyleBox {
-  padding?: BoxType['padding'];
-  margin?: BoxType['margin'];
-  centered?: BoxType['centered'];
-  paddingTop?: BoxType['paddingTop'];
-  paddingBottom?: BoxType['paddingBottom'];
-  paddingLeft?: BoxType['paddingLeft'];
-  paddingRight?: BoxType['paddingRight'];
-  border?: BoxType['border'];
-  marginTop?: BoxType['marginTop'];
-  marginBottom?: BoxType['marginBottom'];
-  marginLeft?: BoxType['marginLeft'];
-  marginRight?: BoxType['marginRight'];
-  direction?: BoxType['direction'];
-  wrap?: BoxType['wrap'];
-  spacing?: BoxType['spacing'];
-  fullWidth?: BoxType['fullWidth'];
-  width?: BoxType['width'];
+  padding?: BoxType["padding"];
+  margin?: BoxType["margin"];
+  centered?: BoxType["centered"];
+  paddingTop?: BoxType["paddingTop"];
+  paddingBottom?: BoxType["paddingBottom"];
+  paddingLeft?: BoxType["paddingLeft"];
+  paddingRight?: BoxType["paddingRight"];
+  border?: BoxType["border"];
+  marginTop?: BoxType["marginTop"];
+  marginBottom?: BoxType["marginBottom"];
+  marginLeft?: BoxType["marginLeft"];
+  marginRight?: BoxType["marginRight"];
+  direction?: BoxType["direction"];
+  wrap?: BoxType["wrap"];
+  spacing?: BoxType["spacing"];
+  fullWidth?: BoxType["fullWidth"];
+  width?: BoxType["width"];
 }
@@ -43,8 +44,26 @@
 export interface IStyleStack extends IStyleBox {
-  spacing: StackType['spacing'];
-  align: StackType['align'];
-  wrap?: StackType['wrap'];
+  spacing: StackType["spacing"];
+  align: StackType["align"];
+  wrap?: StackType["wrap"];
 }
 
 /**
+ * Interface for styling TextInput component
+ */
+
+export interface IStyleTextInput extends InputType {
+  variant: InputType["variant"];
+  radius: InputType["radius"];
+  outLineBorderColor: InputType["outLineBorderColor"];
+  focusColor: InputType["focusColor"];
+  focusBorderColor: InputType["focusBorderColor"];
+  disabled: boolean | any;
+  hasError: InputType["hasError"] | any;
+  color: string | any;
+  backgroundcolor: InputType["backgroundColor"];
+  mode: InputType["mode"];
+  onHoverBg: InputType["onHoverBg"];
+}
+
+/**
  * Interface for styling Drop component
@@ -85,8 +104,8 @@ */
   backgroundcolor: string | any;
-  position: ToastPositionType | 'bottom-center' | 'top-center';
+  position: ToastPositionType | "bottom-center" | "top-center";
   disabled: boolean | any;
-  colorScheme: FloatProps['colorScheme'];
-  variant: FloatProps['variant'];
-  size: FloatProps['size'];
-  moveOnScroll: FloatProps['moveOnScroll'];
+  colorScheme: FloatProps["colorScheme"];
+  variant: FloatProps["variant"];
+  size: FloatProps["size"];
+  moveOnScroll: FloatProps["moveOnScroll"];
   zIndex?: number;
@@ -99,9 +118,9 @@ }
 export interface IStyleModalPanel {
-  size: ModalPanelType['size'];
-  transition: ModalPanelType['transition'];
+  size: ModalPanelType["size"];
+  transition: ModalPanelType["transition"];
   backgroundColor: string | any;
-  align: ModalPanelType['align'];
-  spacing: ModalPanelType['spacing'];
+  align: ModalPanelType["align"];
+  spacing: ModalPanelType["spacing"];
   isVisible: boolean;
-  mode: 'light' | 'dark';
+  mode: "light" | "dark";
 }
@@ -114,4 +133,4 @@
   space?: number;
-  position?: 'right' | 'left';
-  mode: 'light' | 'dark';
+  position?: "right" | "left";
+  mode: "light" | "dark";
   showBorder: boolean;
@@ -126,3 +145,3 @@ }
   isVisible: boolean;
-  transition: ToastOptionsType['transition'];
+  transition: ToastOptionsType["transition"];
 }
@@ -163,3 +182,3 @@
 export interface IStyleTabList {
-  variant: 'line' | 'solid' | any;
+  variant: "line" | "solid" | any;
   backgroundcolor: string | any;
@@ -177,3 +196,3 @@ fullWidth: boolean | any;
   activeColor: string | any;
-  variant: 'line' | 'solid';
+  variant: "line" | "solid";
   inactivecolor: string;
@@ -185,8 +204,8 @@ disabled: boolean;
 export interface IStyleDrawer {
-  position: 'left' | 'right';
-  variant: 'default' | 'modal';
+  position: "left" | "right";
+  variant: "default" | "modal";
   background: string | any;
   width: string;
-  mode: 'light' | 'dark';
+  mode: "light" | "dark";
   spacing: number;
 }

dist/types/sui.d.ts

 "use client";
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-type InputProps = ComponentProps<'input'>;
-type ButtonTypes = ComponentProps<'button'>;
-type BoxProps = ComponentProps<'div'>;
+type InputProps = ComponentProps<"input">;
+type ButtonTypes = ComponentProps<"button">;
+type BoxProps = ComponentProps<"div">;
 
@@ -18,3 +18,3 @@ export interface InputType extends InputProps {
    */
-  variant?: 'solid' | 'outline' | 'ghost';
+  variant?: "solid" | "outline" | "ghost";
   /**
@@ -24,3 +24,3 @@ * @param radius Defines the border-radius size of the input, determining how rounded the corners will be.
    */
-  radius?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+  radius?: "sm" | "md" | "lg" | "xl" | "full";
   /**
@@ -30,3 +30,3 @@ * @param Type Specifies the type of input to render. Determines the kind of data that the input will handle.
    */
-  Type: 'password' | 'text' | 'email' | 'number';
+  Type: "password" | "text" | "email" | "number";
   /**
@@ -103,3 +103,3 @@ * The size of the icon.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
 
@@ -143,15 +143,9 @@ /**
   /**
-   * Override the default hover background color for the 'solid' variant.
+   * Override the default hover background color for the input.
    * @type {string}
    * @default inherited from theme
    */
-  solidVariantHoverColor?: string;
+  onHoverBg?: string;
 
   /**
-   * Override the default hover background color for the 'ghost' variant.
-   * @type {string}
-   * @default inherited from theme
-   */
-  ghostVariantHoverColor?: string;
-  /**
    * If true, the button will take up the full width of its container.
@@ -165,3 +159,3 @@ * @default false
 export interface ButtonProps extends ButtonTypes {
-  children?: string;
+  children?: React.ReactNode;
   /**
@@ -174,3 +168,3 @@ * Defines the styling variants for the `Button`.
    */
-  variant?: 'solid' | 'outline' | 'ghost' | 'light' | 'danger';
+  variant?: "solid" | "outline" | "ghost" | "light" | "danger";
   /**
@@ -185,3 +179,3 @@ * Defines the border radius options for the `Button`.
 
-  radius?: 'md' | 'lg' | 'xl' | 'full';
+  radius?: "md" | "lg" | "xl" | "full";
   /**
@@ -193,3 +187,3 @@ * Defines the size variants for the `Button`.
    */
-  size?: 'md' | 'lg' | 'xl';
+  size?: "md" | "lg" | "xl";
   /**
@@ -208,3 +202,3 @@ * @param icon Accepts a JSX element representing an icon, such as `icon={FaUser}` from react-icons.
    */
-  iconPosition?: 'left' | 'right';
+  iconPosition?: "left" | "right";
 
@@ -224,27 +218,9 @@ /**
   /**
-   * The background color of the button when hovered in the solid style.
+   * The background color of the button when hovered.
    * @example "#333333" | "green"
    */
-  onHoverBackgroundSolid?: string;
+  onHoverBackground?: string;
 
   /**
-   * The background color of the button when hovered in the outline style.
-   * @example "#444444" | "yellow"
-   */
-  onHoverBackgroundOutline?: string;
-
-  /**
-   * The background color of the button when hovered in the light style.
-   * @example "#555555" | "purple"
-   */
-  onHoverBackgroundLight?: string;
-
-  /**
-   * The background color of the button when hovered in the ghost style.
-   * @example "#666666" | "cyan"
-   */
-  onHoverBackgroundGhost?: string;
-
-  /**
-   * The border style for the button when in outline mode.
+   * The border style for the button when in outline variant.
    * @default "#000000"
@@ -258,2 +234,3 @@ */
   width?: string;
+  /** Specifies the size of the rendered icon */
   iconSize?: number;
@@ -271,3 +248,3 @@ /**
    */
-  mode?: 'dark' | 'light';
+  mode?: "dark" | "light";
   /**
@@ -350,3 +327,3 @@ * If true, the button will take up the full width of its container.
    */
-  direction?: 'row' | 'column';
+  direction?: "row" | "column";
   /**
@@ -371,22 +348,22 @@ * Enables wrapping for items if they exceed the available space in a row layout.
 export declare type SizeVariantType =
-  | 'xs'
-  | 'sm'
-  | 'md'
-  | 'lg'
-  | 'xl'
-  | '2xl'
-  | '3xl'
-  | '4xl'
-  | '5xl';
-export declare type ToastVariant = 'info' | 'error' | 'success' | 'warning';
+  | "xs"
+  | "sm"
+  | "md"
+  | "lg"
+  | "xl"
+  | "2xl"
+  | "3xl"
+  | "4xl"
+  | "5xl";
+export declare type ToastVariant = "info" | "error" | "success" | "warning";
 export declare type ToastTransitionType =
-  | 'dropIn'
-  | 'slideIn'
-  | 'popIn'
-  | 'walkIn';
+  | "dropIn"
+  | "slideIn"
+  | "popIn"
+  | "walkIn";
 export declare type ToastPositionType =
-  | 'top-right'
-  | 'top-left'
-  | 'bottom-right'
-  | 'bottom-left';
+  | "top-right"
+  | "top-left"
+  | "bottom-right"
+  | "bottom-left";
 
@@ -418,3 +395,3 @@ export declare type ToastType = {
    */
-  transition?: 'dropIn' | 'slideIn' | 'popIn' | 'walkIn';
+  transition?: "dropIn" | "slideIn" | "popIn" | "walkIn";
 };
@@ -441,3 +418,3 @@
    */
-  align?: 'vertical' | 'horizontal';
+  align?: "vertical" | "horizontal";
 
@@ -467,7 +444,7 @@ /**
    */
-  direction?: 'row' | 'column';
+  direction?: "row" | "column";
   /**
    * The visual mode of the card.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
   /**
@@ -501,3 +478,3 @@ * The background color of the card.
    */
-  position?: ToastPositionType | 'bottom-center' | 'top-center';
+  position?: ToastPositionType | "bottom-center" | "top-center";
   /**
@@ -510,3 +487,3 @@ * The background color of the float element.
    */
-  size?: 'md' | 'lg' | 'xl';
+  size?: "md" | "lg" | "xl";
   /**
@@ -519,7 +496,7 @@ * Whether the float element is disabled.
    */
-  variant?: 'solid' | 'light';
+  variant?: "solid" | "light";
   /**
    * The color scheme of the float element. Can be "primary", "secondary", or "danger".
    */
-  colorScheme?: 'primary' | 'secondary' | 'danger';
+  colorScheme?: "primary" | "secondary" | "danger";
   /**
@@ -551,7 +528,7 @@ * Whether the float element should move when the page is scrolled.
    */
-  position?: 'left' | 'right';
+  position?: "left" | "right";
   /**
    * The variant of the drawer. Can be 'default' or 'modal'.
    */
-  variant?: 'default' | 'modal';
+  variant?: "default" | "modal";
   /**
@@ -568,3 +545,3 @@ * The intensity of the glass effect for the backdrop.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
   /**
@@ -626,3 +603,3 @@ * The width of the drawer.
    */
-  mode?: 'light' | 'dark';
+  mode?: "light" | "dark";
 
@@ -629,0 +606,0 @@ /**

dist/utils/auth/Authenticate.d.ts

 "use client";
-import React from 'react';
+import React from "react";
 type AuthenticateSessionProps = {
@@ -4,0 +4,0 @@ children: React.ReactNode;

dist/utils/button/index.d.ts

@@ -5,3 +5,3 @@ "use client";
 declare const getSizeVariant: (size: ButtonProps["size"]) => "8px" | "16px" | "12px";
-declare const getHoverStyle: ({ variant, onHoverBackgroundSolid, onHoverBackgroundOutline, onHoverBackgroundGhost, onHoverBackgroundLight, mode, }: ButtonProps) => {
+declare const getHoverStyle: ({ variant, onHoverBackground, mode }: ButtonProps) => {
     background: string | undefined;
@@ -8,0 +8,0 @@ } | undefined;

dist/utils/feedback/index.d.ts

 "use client";
 import { ModalPanelType } from "../../components/modal/ModalPanel";
-declare const getPanelSize: (size: ModalPanelType["size"]) => "\n                  width: 300px;\n              " | "\n                  width: 400px;\n              " | "\n        width: 500px;\n  \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n              " | "\n        width: 600px;\n        \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | "\n        width: 60%;\n  \n        @media screen and (max-width:1024px){\n        width: 80%;\n        }\n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | undefined;
+declare const getPanelSize: (size: ModalPanelType["size"]) => "\n        width: 300px;\n              " | "\n        width: 400px;\n              " | "\n        width: 500px;\n  \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n              " | "\n        width: 600px;\n        \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | "\n        width: 60%;\n  \n        @media screen and (max-width:1024px){\n        width: 80%;\n        }\n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | undefined;
 declare const getModalPanelTransition: (transition: ModalPanelType["transition"], isVisible: boolean) => string | undefined;
 export { getPanelSize, getModalPanelTransition };
 //# sourceMappingURL=index.d.ts.map

dist/utils/input/index.d.ts

 "use client";
-import { InputType } from '../../types/sui';
-declare const getInputStyles: ({ mode, variant, focusBorderColor, focusColor, outLineBorderColor, disabled, hasError, Type, }: InputType) => {
+import { InputType } from "../../types/sui";
+declare const getInputStyles: ({ mode, variant, focusBorderColor, focusColor, outLineBorderColor, disabled, hasError, Type, onHoverBg, backgroundColor, }: InputType) => {
     border: string;
@@ -5,0 +5,0 @@ background: string;

dist/utils/overlays/index.d.ts

 "use client";
-import { IStyleDrawer } from '../../types/istyle';
+import { IStyleDrawer } from "../../types/istyle";
 declare const getDrawerPosition: (position: IStyleDrawer["position"], variant: IStyleDrawer["variant"]) => "left: 10px" | "right: 10px" | "left: 0" | "right: 0";
@@ -4,0 +4,0 @@ declare const getDrawerPositionMobile: (variant: IStyleDrawer["variant"]) => string;

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.1.52",
+  "version": "1.1.53",
   "description": "**SecptrumUI** A comprehensive React component library",
@@ -34,6 +34,3 @@ "homepage": "https://secptrumui.vercel.app",
     "prerelease": "npx tsc --noEmit",
-    "release": "npm version patch && git push org-origin master --follow-tags",
-    "release-org": "npm version patch && git push org-origin master --follow-tags",
-    "release-both": "npm run release && npm run release-org",
-    "typecheck": "tsc --noEmit"
+    "release": "npm version patch && git push org-origin master --follow-tags"
   },
@@ -49,3 +46,5 @@ "keywords": [
     "image-picker",
-    "loader"
+    "loader",
+    "drawer",
+    "styled"
   ],
@@ -58,4 +57,3 @@ "author": {
     "jwt-decode": "^4.0.0",
-    "react-icons": "^5.3.0",
-    "styled-chroma": "^0.1.71"
+    "react-icons": "^5.3.0"
   },
@@ -62,0 +60,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Dependency count

4

decreased by-20%

Worsened metrics

Total package byte prevSize

13783506

decreased by-0.59%

Number of package files

193

decreased by-2.53%

Lines of code

6934

decreased by-2.63%

Dependency changes

• - Removedstyled-chroma@^0.1.71