secptrum-ui - npm Package Compare versions

Comparing version 1.1.45 to 1.1.46

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 {
@@ -52,2 +52,3 @@ /**
     preventClose?: boolean;
+    mode?: 'light' | 'dark';
 }
@@ -54,0 +55,0 @@ /**

dist/types/sui.d.ts

 "use client";
+import { ComponentProps } from 'react';
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
-type InputProps = React.DetailedHTMLProps<
-  React.InputHTMLAttributes<HTMLInputElement>,
-  HTMLInputElement
->;
+type InputProps = ComponentProps<'input'>;
+type ButtonTypes = ComponentProps<'button'>;
+type BoxProps = ComponentProps<'div'>;
 
-type ButtonTypes = React.DetailedHTMLProps<
-  React.ButtonHTMLAttributes<HTMLButtonElement>,
-  HTMLButtonElement
->;
-
-type BoxProps = React.DetailedHTMLProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HTMLDivElement
->;
-
 export interface InputType extends InputProps {
@@ -27,3 +18,3 @@ /**
    */
-  variant?: "solid" | "outline" | "ghost";
+  variant?: 'solid' | 'outline' | 'ghost';
   /**
@@ -33,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';
   /**
@@ -39,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';
   /**
@@ -112,3 +103,3 @@ * The size of the icon.
    */
-  mode?: "light" | "dark";
+  mode?: 'light' | 'dark';
 
@@ -181,3 +172,3 @@ /**
    */
-  variant?: "solid" | "outline" | "ghost" | "light" | "danger";
+  variant?: 'solid' | 'outline' | 'ghost' | 'light' | 'danger';
   /**
@@ -192,3 +183,3 @@ * Defines the border radius options for the `Button`.
 
-  radius?: "md" | "lg" | "xl" | "full";
+  radius?: 'md' | 'lg' | 'xl' | 'full';
   /**
@@ -200,3 +191,3 @@ * Defines the size variants for the `Button`.
    */
-  size?: "md" | "lg" | "xl";
+  size?: 'md' | 'lg' | 'xl';
   /**
@@ -215,3 +206,3 @@ * @param icon Accepts a JSX element representing an icon, such as `icon={FaUser}` from react-icons.
    */
-  iconPosition?: "left" | "right";
+  iconPosition?: 'left' | 'right';
 
@@ -276,3 +267,3 @@ /**
    */
-  mode?: "dark" | "light";
+  mode?: 'dark' | 'light';
   /**
@@ -355,3 +346,3 @@ * If true, the button will take up the full width of its container.
    */
-  direction?: "row" | "column";
+  direction?: 'row' | 'column';
   /**
@@ -376,22 +367,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';
 
@@ -423,3 +414,3 @@ export declare type ToastType = {
    */
-  transition?: "dropIn" | "slideIn" | "popIn" | "walkIn";
+  transition?: 'dropIn' | 'slideIn' | 'popIn' | 'walkIn';
 };
@@ -446,3 +437,3 @@
    */
-  align?: "vertical" | "horizontal";
+  align?: 'vertical' | 'horizontal';
 
@@ -472,7 +463,7 @@ /**
    */
-  direction?: "row" | "column";
+  direction?: 'row' | 'column';
   /**
    * The visual mode of the card.
    */
-  mode?: "light" | "dark";
+  mode?: 'light' | 'dark';
   /**
@@ -506,3 +497,3 @@ * The background color of the card.
    */
-  position?: ToastPositionType | "bottom-center" | "top-center";
+  position?: ToastPositionType | 'bottom-center' | 'top-center';
   /**
@@ -515,3 +506,3 @@ * The background color of the float element.
    */
-  size?: "md" | "lg" | "xl";
+  size?: 'md' | 'lg' | 'xl';
   /**
@@ -524,7 +515,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';
   /**
@@ -556,7 +547,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';
   /**
@@ -573,3 +564,3 @@ * The intensity of the glass effect for the backdrop.
    */
-  mode?: "light" | "dark";
+  mode?: 'light' | 'dark';
   /**
@@ -631,3 +622,3 @@ * The width of the drawer.
    */
-  mode?: "light" | "dark";
+  mode?: 'light' | 'dark';
 
@@ -634,0 +625,0 @@ /**

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.1.45",
+  "version": "1.1.46",
   "description": "**SecptrumUI** A React component library with adaptable, responsive designs using `styled-chroma`",
@@ -5,0 +5,0 @@ "homepage": "https://secptrumui.vercel.app",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

13679757

decreased by-0.01%

Lines of code

5690

decreased by-0.44%

No dependency changes