@stella-source/stellasource-dsl 2.0.0 → 3.1.0

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { OrderStatusProps } from "./types";
+declare const OrderStatus: ({ variant, id, className, isPurchaser, }: OrderStatusProps) => React.JSX.Element;
+export default OrderStatus;

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

@@ -0,0 +1,20 @@
+import { OrderStatusVariant } from "./types";
+declare const _default: {
+    title: string;
+    component: ({ variant, id, className, isPurchaser, }: import("./types").OrderStatusProps) => import("react").JSX.Element;
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: {
+                type: string;
+            };
+            options: (OrderStatusVariant | null)[];
+        };
+    };
+    args: {
+        variant: OrderStatusVariant;
+        isPurchaser: boolean;
+    };
+};
+export default _default;
+export declare const Default: {};

package/dist/esm/types/components/OrderStatus/helpers.d.ts

@@ -0,0 +1,2 @@
+import { OrderStatusVariant } from "./types";
+export declare const getOrderStatusLabel: (variant: OrderStatusVariant | null, isPurchaser?: boolean) => string;

package/dist/esm/types/components/OrderStatus/styles.d.ts

@@ -0,0 +1,4 @@
+declare const OrderStatusComponent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const OrderStatusIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../StellaIcon/types").StellaIconProps, never>> & string & Omit<({ iconName, size, color, className, id, dataTestId, }: import("../StellaIcon/types").StellaIconProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const OrderStatusLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { OrderStatusComponent, OrderStatusIcon, OrderStatusLabel };

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

@@ -0,0 +1,20 @@
+export declare enum OrderStatusVariant {
+    COMPLETED = "Completed",
+    ORDER_PLACED = "OrderPlaced",
+    IN_PROGRESS = "InProgress",
+    ACTION_REQUIRED = "ActionRequired",
+    CLOSED = "Closed",
+    DECLINED = "Declined",
+    VIEW_PRICING = "ViewPricing",
+    EXPIRED = "Expired",
+    ORDER_CANCELED = "OrderCanceled",
+    ORDER_ACKNOWLEDGED = "OrderAcknowledged",
+    DELIVERED = "Delivered",
+    INFO_NEEDED = "InfoNeeded"
+}
+export interface OrderStatusProps {
+    id?: string;
+    className?: string;
+    variant: OrderStatusVariant | null;
+    isPurchaser?: boolean;
+}

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

@@ -1,4 +1,4 @@
-export 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" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low";
+export 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" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck";
 export interface StellaIconProps {
     iconName: StellaIconDefinition;
     size?: number;

package/dist/esm/types/components/Tabs/Styles.d.ts

@@ -3,6 +3,10 @@ interface TabsStylesProps {
     $variant: `${TabsVariant}`;
     $isPill?: boolean;
 }
+interface NotificationBubbleProps {
+    $isActive?: boolean;
+}
 declare const TabsBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, TabsStylesProps>> & string;
 declare const TabButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TabsStylesProps>> & string;
-export { TabsBar, TabButton };
+declare const NotificationBubble: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, NotificationBubbleProps>> & string;
+export { TabsBar, TabButton, NotificationBubble };

package/dist/esm/types/components/Tabs/Tab.d.ts

@@ -7,7 +7,8 @@ interface TabProps {
     htmlProps?: HTMLAttributes<HTMLButtonElement>;
     active?: boolean;
     variant?: `${TabsVariant}`;
+    notifications?: number;
     label: string;
 }
-declare const Tab: ({ id, className, onClick, htmlProps, label, variant, active, }: TabProps) => React.JSX.Element;
+declare const Tab: ({ id, className, onClick, htmlProps, label, variant, active, notifications, }: TabProps) => React.JSX.Element;
 export default Tab;

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

@@ -11,7 +11,10 @@ interface TabsBaseProps {
     defaultActiveTab?: string;
     isPill?: boolean;
     variant?: `${TabsVariant}`;
-    tabs: string[];
+    tabs: {
+        label: string;
+        notifications?: number;
+    }[];
     onTabClick: (label?: string) => void;
 }
 interface TabsPropsLight {

package/dist/esm/types/index.d.ts

@@ -21,6 +21,7 @@ import { StellaButtonVariant } from "./components/StellaButton/types";
 /** Tokens */
 import { Styles } from "./shared/tokens";
 import "./shared/tokens/tokens.css";
+import OrderStatus from "./components/OrderStatus/OrderStatus";
 /**Exports */
 export type { StellaIconDefinition } from "./components/StellaIcon/types";
-export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, Styles, };
+export { Tabs, Label, StellaButton, IconButton, Loader, HelperText, Tooltip, StellaIcon, TextInput, PasswordInput, NumberInput, Table, Pagination, Sync, TableUnitsAndTotals, StellaButtonVariant, PaymentStatus, OrderStatus, Styles, };

package/dist/index.d.ts

@@ -96,7 +96,7 @@ interface TooltipProps {
 
 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" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low";
+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" | "sync" | "chevron-left" | "check-square" | "money" | "currency-dollar" | "x-circle" | "empty" | "hourglass-simple-low" | "broadcast" | "list-checks" | "note-pencil" | "truck";
 interface StellaIconProps {
     iconName: StellaIconDefinition;
     size?: number;
@@ -356,7 +356,10 @@ interface TabsBaseProps {
     defaultActiveTab?: string;
     isPill?: boolean;
     variant?: `${TabsVariant}`;
-    tabs: string[];
+    tabs: {
+        label: string;
+        notifications?: number;
+    }[];
     onTabClick: (label?: string) => void;
 }
 interface TabsPropsLight {
@@ -434,5 +437,28 @@ declare const Styles: {
     };
 };
 
-export { HelperText, IconButton, Label, Loader, NumberInput, Pagination, PasswordInput, PaymentStatus, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, Tabs, TextInput, Tooltip };
+declare enum OrderStatusVariant {
+    COMPLETED = "Completed",
+    ORDER_PLACED = "OrderPlaced",
+    IN_PROGRESS = "InProgress",
+    ACTION_REQUIRED = "ActionRequired",
+    CLOSED = "Closed",
+    DECLINED = "Declined",
+    VIEW_PRICING = "ViewPricing",
+    EXPIRED = "Expired",
+    ORDER_CANCELED = "OrderCanceled",
+    ORDER_ACKNOWLEDGED = "OrderAcknowledged",
+    DELIVERED = "Delivered",
+    INFO_NEEDED = "InfoNeeded"
+}
+interface OrderStatusProps {
+    id?: string;
+    className?: string;
+    variant: OrderStatusVariant | null;
+    isPurchaser?: boolean;
+}
+
+declare const OrderStatus: ({ variant, id, className, isPurchaser, }: OrderStatusProps) => React$1.JSX.Element;
+
+export { HelperText, IconButton, Label, Loader, NumberInput, OrderStatus, Pagination, PasswordInput, PaymentStatus, StellaButton, StellaButtonVariant, StellaIcon, Styles, Sync, Table, TableUnitsAndTotals, Tabs, TextInput, Tooltip };
 export type { StellaIconDefinition };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stella-source/stellasource-dsl",
-  "version": "2.0.0",
+  "version": "3.1.0",
   "description": "Design System owned and operated by Stella Source.",
   "files": [
     "dist"