secptrum-ui - npm Package Compare versions

Comparing version 1.0.27 to 1.1.0

dist/components/Card/Card.d.ts

 import { CardType } from "../../types";
-declare const Card: ({ children, ...props }: CardType) => import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ children, centerContent, ...props }: CardType) => import("react/jsx-runtime").JSX.Element;
 export default Card;
 //# sourceMappingURL=Card.d.ts.map

dist/components/Icon/Icon.d.ts

@@ -49,4 +49,4 @@ import React from "react";
 };
-declare const Icon: ({ icon, size, className, onClick, onMouseEnter, onMouseLeave, color, title, }: IconBaseType) => import("react/jsx-runtime").JSX.Element;
+declare const Icon: ({ icon, size, className, onClick, onMouseEnter, onMouseLeave, color, title, styles, }: IconBaseType) => import("react/jsx-runtime").JSX.Element;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map

dist/components/Modal/Modal.d.ts

@@ -25,2 +25,3 @@ import React from "react";
      * Optional flag to indicate if the component is used in a story or not.
+     * - `Note` This should not be used outside of a Storybook environment.
      */
@@ -27,0 +28,0 @@ isStory?: boolean;

dist/components/Toast/Toast.d.ts

@@ -1,2 +0,1 @@
-import "../../types/fun";
 declare let toast: ToastType;
@@ -6,2 +5,2 @@ declare const Toast: () => import("react/jsx-runtime").JSX.Element;
 export { toast };
-//# sourceMappingURL=Toast.d.ts.map
+//# sourceMappingURL=Toast.d.ts.map

dist/components/Toast/Toaster.d.ts

@@ -16,2 +16,3 @@ import React from "react";
      * @param isStory Flag to indicate if the component is a story, This should not be used in real components.
+     * - `Note` This should not be used outside of a Storybook environment.
      */
@@ -18,0 +19,0 @@ isStory?: boolean;

dist/index.d.ts

@@ -0,1 +1,3 @@
+export { toast } from "./components/Toast/Toast";
+export { colors } from "./styles/colors";
 export { default as Button } from "./components/Button/Button";
@@ -11,3 +13,7 @@ export { default as Box } from "./components/Box/Box";
 export { default as Toaster } from "./components/Toast/Toaster";
-export { toast } from "./components/Toast/Toast";
+export { default as Checkbox } from "./components/Checkbox/Checkbox";
+export { default as Switch } from "./components/Switch/Switch";
+export { default as FloatingButton } from "./components/FloatingButton/FloatingButton";
+export { default as Tooltip } from "./components/Tooltip/Tooltip";
+export { default as Backdrop } from "./components/Backdrop/Backdrop";
 export { default as BounceLoader } from "./components/loaders/BounceLoader/BounceLoader";
@@ -14,0 +20,0 @@ export { default as CircleLoader } from "./components/loaders/CircleLoader/CircleLoader";

dist/lib/index.d.ts

@@ -1,3 +0,1 @@
-export { default as circleloader } from "./loaders/json/circle-loader.json";
-export { default as squareloader } from "./loaders/json/square-loader.json";
 //# sourceMappingURL=index.d.ts.map

dist/styles/styled.d.ts

@@ -17,3 +17,3 @@ import { BoxType, ButtonProps, InputType } from "../types";
 }>> & string;
-export declare const FilePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const FilePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -35,3 +35,3 @@ margin?: BoxType["margin"];
 }, never>> & string;
-export declare const UploadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const UploadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -63,3 +63,3 @@ margin?: BoxType["margin"];
 export declare const SelectedImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const SelectedImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const SelectedImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -81,3 +81,3 @@ margin?: BoxType["margin"];
 }, never>> & string;
-export declare const ExtraImagePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const ExtraImagePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -99,3 +99,3 @@ margin?: BoxType["margin"];
 }, never>> & string;
-export declare const Styled_Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const Styled_Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -118,3 +118,3 @@ margin?: BoxType["margin"];
 export declare const ImageRemover: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const CardWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -135,7 +135,9 @@ margin?: BoxType["margin"];
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string;
+}, {
+    centerContent?: boolean;
+}>> & string;
 export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     open: boolean;
 }>> & string;
-export declare const StyledPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const StyledPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -159,3 +161,3 @@ margin?: BoxType["margin"];
 }>> & string;
-export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const StyledToast: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -180,3 +182,3 @@ margin?: BoxType["margin"];
 }>> & string;
-export declare const ContentWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const ContentWrap: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -198,3 +200,3 @@ margin?: BoxType["margin"];
 }, never>> & string;
-export declare const ToastContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const ToastContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -216,3 +218,3 @@ margin?: BoxType["margin"];
 }, never>> & string;
-export declare const CloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "border" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "direction"> & {
+export declare const CloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "border" | "direction" | "padding" | "margin" | "centered" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight"> & {
     padding?: BoxType["padding"];
@@ -236,2 +238,3 @@ margin?: BoxType["margin"];
 }>> & string;
+export declare const FixedBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 //# sourceMappingURL=styled.d.ts.map

dist/types/index.d.ts

@@ -87,2 +87,6 @@ // export * from "./fun";
   children: React.ReactNode;
+  /**
+   * An indication to center card content
+   */
+  centerContent?: boolean;
 }

dist/utils/func/toast.d.ts

@@ -0,1 +1,2 @@
+import { FloatProps } from "../../components/FloatingButton/FloatingButton";
 export declare const getToastPosition: (position: ToastPositionType) => {
@@ -22,2 +23,39 @@ top: string;
 };
+export declare const getFloatPosition: (position: FloatProps["position"]) => {
+    top: string;
+    right: string;
+    left?: undefined;
+    bottom?: undefined;
+    "align-self"?: undefined;
+} | {
+    top: string;
+    left: string;
+    right?: undefined;
+    bottom?: undefined;
+    "align-self"?: undefined;
+} | {
+    bottom: string;
+    right: string;
+    top?: undefined;
+    left?: undefined;
+    "align-self"?: undefined;
+} | {
+    bottom: string;
+    left: string;
+    top?: undefined;
+    right?: undefined;
+    "align-self"?: undefined;
+} | {
+    bottom: string;
+    "align-self": string;
+    top?: undefined;
+    right?: undefined;
+    left?: undefined;
+} | {
+    top: string;
+    "align-self": string;
+    right?: undefined;
+    left?: undefined;
+    bottom?: undefined;
+} | undefined;
 //# sourceMappingURL=toast.d.ts.map

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.0.27",
+  "version": "1.1.0",
   "description": "**SecptrumUI** is a customizable and modern UI component library built with `styled-components`. Designed to help developers quickly build beautiful and responsive web applications, SecptrumUI offers a range of components that are easy to use and adapt to any project.",
-  "homepage": "https://66d26c2ee57a3f7e4450a14c-zcpfadsqei.chromatic.com",
+  "homepage": "https://66d26c2ee57a3f7e4450a14c-noisslolsk.chromatic.com",
   "repository": {
@@ -7,0 +7,0 @@ "type": "git",

README.md

@@ -86,3 +86,3 @@ # SecptrumUI
 
-For a full list of components and their usage, please refer to the [documentation](https://66d26c2ee57a3f7e4450a14c-zcpfadsqei.chromatic.com/).
+For a full list of components and their usage, please refer to the [documentation](https://66d26c2ee57a3f7e4450a14c-noisslolsk.chromatic.com).
 
@@ -89,0 +89,0 @@ ## Coutomization

No alert changes

Improved metrics

Total package byte prevSize

17640323

increased by69.97%

Lines of code

3928

increased by14.45%

Worsened metrics

Number of package files

76

decreased by-2.56%

No dependency changes