@stella-source/stellasource-dsl 0.1.4 → 0.1.6

package/dist/esm/types/components/StellaButton/StellaButton.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { StellaButtonProps } from "./types";
-declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: StellaButtonProps) => React.JSX.Element;
+declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, preventDefault, type, }: StellaButtonProps) => React.JSX.Element;
 export default StellaButton;

package/dist/esm/types/components/StellaButton/StellaButton.stories.d.ts

@@ -2,7 +2,7 @@ import { StellaButtonVariant } from "./types";
 import { StellaButtonIcons, StellaButtonProps } from "./types";
 declare const _default: {
     title: string;
-    component: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: StellaButtonProps) => import("react").JSX.Element;
+    component: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, preventDefault, type, }: StellaButtonProps) => import("react").JSX.Element;
     tags: string[];
     parameters: {};
     argTypes: {

package/dist/esm/types/components/StellaButton/types.d.ts

@@ -10,13 +10,15 @@ export declare enum StellaButtonVariant {
 }
 export interface StellaButtonProps {
     label: string;
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     id?: string;
+    type?: "button" | "submit" | "reset";
     className?: string;
     isLoading?: boolean;
     startIcon?: `${StellaButtonIcons}`;
     endIcon?: `${StellaButtonIcons}`;
     disabled?: boolean;
+    preventDefault?: boolean;
     variant?: `${StellaButtonVariant}`;
     htmlProps?: HTMLAttributes<HTMLButtonElement>;
 }

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes, ReactElement } from 'react';
+import React$1, { HTMLAttributes, ReactElement } from 'react';
 import { TooltipProps as TooltipProps$1 } from 'antd';
 
 interface LabelProps {
@@ -24,7 +24,7 @@ interface LabelWithChildrenProps {
     htmlProps?: HTMLAttributes<HTMLLabelElement>;
 }
 
-declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React.JSX.Element;
+declare const Label: ({ hideLabel, labelValue, required, tooltipText, children, htmlFor, htmlProps, id, className, }: LabelProps | LabelWithChildrenProps) => React$1.JSX.Element;
 
 declare enum StellaButtonIcons {
     ADD = "add",
@@ -37,18 +37,20 @@ declare enum StellaButtonVariant {
 }
 interface StellaButtonProps {
     label: string;
-    onClick: () => void;
+    onClick: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     id?: string;
+    type?: "button" | "submit" | "reset";
     className?: string;
     isLoading?: boolean;
     startIcon?: `${StellaButtonIcons}`;
     endIcon?: `${StellaButtonIcons}`;
     disabled?: boolean;
+    preventDefault?: boolean;
     variant?: `${StellaButtonVariant}`;
     htmlProps?: HTMLAttributes<HTMLButtonElement>;
 }
 
-declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, }: StellaButtonProps) => React.JSX.Element;
+declare const StellaButton: ({ disabled, variant, label, startIcon, endIcon, isLoading, className, id, htmlProps, onClick, preventDefault, type, }: StellaButtonProps) => React$1.JSX.Element;
 
 interface LoaderProps {
     size?: number;
@@ -58,7 +60,7 @@ interface LoaderProps {
     id?: string;
 }
 
-declare const Loader: ({ size, dataTestId, color, className, id, }: LoaderProps) => React.JSX.Element;
+declare const Loader: ({ size, dataTestId, color, className, id, }: LoaderProps) => React$1.JSX.Element;
 
 declare enum HelperTextType {
     ERROR = "error",
@@ -73,7 +75,7 @@ interface HelperTextProps {
     htmlProps?: HTMLAttributes<HTMLDivElement>;
 }
 
-declare const HelperText: ({ id, className, affectLayout, text, type, htmlProps, }: HelperTextProps) => React.JSX.Element;
+declare const HelperText: ({ id, className, affectLayout, text, type, htmlProps, }: HelperTextProps) => React$1.JSX.Element;
 
 declare enum TooltipIconType {
     WARNING = "warning",
@@ -90,7 +92,7 @@ interface TooltipProps {
     htmlProps?: TooltipProps$1;
 }
 
-declare const Tooltip: ({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: TooltipProps) => React.JSX.Element;
+declare const Tooltip: ({ title, placement, type, ariaLabel, iconSize, htmlProps, className, id, }: TooltipProps) => React$1.JSX.Element;
 
 type StellaIconDefinition = "search" | "required" | "help" | "info" | "kebab-menu" | "error" | "warning" | "filter" | "sort" | "close" | "add" | "stella-logo" | "chevron-right" | "chevron-down" | "caret-right" | "caret-down" | "success" | "in-progress" | "complete" | "calendar" | "unlocked" | "locked" | "settings" | "preferences" | "account-settings" | "user" | "company-details" | "collapse" | "expand" | "star-filled" | "star-outline" | "dashboard" | "shopping-cart" | "calculator" | "pricing-strategies" | "stella-finance" | "resource-center" | "line-item-pricing" | "basket-pricing" | "paperclip" | "thumbs-up" | "thumbs-down" | "send" | "palette" | "eye" | "eye-slash";
 interface StellaIconProps {
@@ -102,7 +104,7 @@ interface StellaIconProps {
     id?: string;
 }
 
-declare const StellaIcon: ({ iconName, size, color, className, id, dataTestId, }: StellaIconProps) => React.JSX.Element;
+declare const StellaIcon: ({ iconName, size, color, className, id, dataTestId, }: StellaIconProps) => React$1.JSX.Element;
 
 interface IconButtonProps {
     iconName: `${StellaIconDefinition}`;
@@ -117,7 +119,7 @@ interface IconButtonProps {
     htmlProps?: HTMLAttributes<HTMLButtonElement>;
 }
 
-declare const IconButton: ({ iconName, onClick, disabled, variant, isLoading, ariaLabel, className, id, htmlProps, size, }: IconButtonProps) => React.JSX.Element;
+declare const IconButton: ({ iconName, onClick, disabled, variant, isLoading, ariaLabel, className, id, htmlProps, size, }: IconButtonProps) => React$1.JSX.Element;
 
 declare enum TextFieldAlignments {
     LEFT = "left",
@@ -166,7 +168,7 @@ interface TextInputProps {
     htmlProps?: HTMLAttributes<HTMLInputElement>;
 }
 
-declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, }: TextInputProps) => React$1.JSX.Element;
 
 interface PasswordInputProps {
     id: string;
@@ -193,7 +195,7 @@ interface PasswordInputProps {
     htmlProps?: HTMLAttributes<HTMLInputElement>;
 }
 
-declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, }: PasswordInputProps) => React.JSX.Element;
+declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, }: PasswordInputProps) => React$1.JSX.Element;
 
 interface NumberInputProps {
     id: string;
@@ -227,7 +229,7 @@ interface NumberInputProps {
     htmlProps?: HTMLAttributes<HTMLInputElement>;
 }
 
-declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, }: NumberInputProps) => React.JSX.Element;
+declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, }: NumberInputProps) => React$1.JSX.Element;
 
 declare const Styles: {
     color: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stella-source/stellasource-dsl",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Design System owned and operated by Stella Source.",
   "files": [
     "dist"
@@ -41,7 +41,11 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.4.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.4.5",
+    "styled-components": "^6.1.11"
+  },
+  "peerDependencies": {
+    "styled-components": "^6.1.11"
   },
   "dependencies": {
     "@phosphor-icons/react": "^2.1.7",
@@ -51,7 +55,6 @@
     "@testing-library/react": "^16.0.0",
     "@vitejs/plugin-react": "^4.3.1",
     "antd": "^5.20.0",
-    "styled-components": "^6.1.11",
     "tslib": "^2.6.3",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^1.6.0"