@stella-source/stellasource-dsl 4.0.0 → 5.1.0

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioButtonProps } from "./types";
+declare const RadioButton: ({ id, name, value, className, label, checked, disabled, align, onChange, htmlProps, }: RadioButtonProps) => React.JSX.Element;
+export default RadioButton;

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

@@ -0,0 +1,14 @@
+import React from "react";
+declare const _default: {
+    title: string;
+    component: ({ id, name, value, className, label, checked, disabled, align, onChange, htmlProps, }: import("./types").RadioButtonProps) => React.JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        label: string;
+    };
+};
+export default _default;
+export declare const Default: {};

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

@@ -0,0 +1,38 @@
+export type RadioState = "selected" | "unselected" | "disabled";
+interface RadioStateProps {
+    $state: RadioState;
+}
+export declare const RadioContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const RadioLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioOuter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$state"> & RadioStateProps, never>>> & string;
+export declare const RadioInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
+declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel"> & {
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never>>> & string;
+declare const RadioButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "$align" | "$disabled" | "$fontSize"> & {
+    $disabled?: boolean;
+    $align?: "top" | "center";
+    $fontSize?: string | null;
+}, never>>> & string;
+declare const RadioIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel" | "$checked"> & {
+    $checked?: boolean;
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "$disabled" | "$hasLabel" | "$checked"> & {
+    $checked?: boolean;
+    $disabled?: boolean;
+    $hasLabel?: boolean;
+}, never>>> & string;
+declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type"> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import("react").ClassAttributes<HTMLInputElement> | keyof import("react").InputHTMLAttributes<HTMLInputElement>> & import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement>, "type">>> & string;
+declare const LabelGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const MainLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+export { RadioButtonWrapper, HiddenInput, LabelGroup, MainLabel, IconWrapper, RadioIcon, };

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

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactElement } from "react";
+export interface RadioButtonProps {
+    id: string;
+    name: string;
+    value?: string;
+    label?: string | ReactElement;
+    checked?: boolean;
+    disabled?: boolean;
+    className?: string;
+    align?: "top" | "center";
+    onChange?: (id: string, value?: string, label?: string) => void;
+    htmlProps?: HTMLAttributes<HTMLInputElement>;
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { RadioButtonGroupProps } from "./types";
+declare const RadioButtonGroup: ({ name, id, options, onChange, defaultSelectedId, heading, required, tooltipText, disabled, className, isViewOnly, showError, errorMessage, }: RadioButtonGroupProps) => React.JSX.Element;
+export default RadioButtonGroup;

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

@@ -0,0 +1,87 @@
+import React from "react";
+import { CheckBoxFontSizeVariant } from "../CheckBox/types";
+declare const _default: {
+    title: string;
+    component: ({ name, id, options, onChange, defaultSelectedId, heading, required, tooltipText, disabled, className, isViewOnly, showError, errorMessage, }: import("./types").RadioButtonGroupProps) => React.JSX.Element;
+    tags: string[];
+    argTypes: {
+        heading: {
+            control: string;
+        };
+        disabled: {
+            control: string;
+        };
+        required: {
+            control: string;
+        };
+        tooltipText: {
+            control: string;
+        };
+        onChange: {
+            action: string;
+        };
+        isViewOnly: {
+            control: string;
+        };
+        showError: {
+            control: string;
+        };
+        errorMessage: {
+            control: string;
+        };
+    };
+    args: {
+        name: string;
+        heading: string;
+        disabled: boolean;
+        required: boolean;
+        fontSize: CheckBoxFontSizeVariant;
+    };
+};
+export default _default;
+type StoryArgs = {
+    name?: string;
+    heading?: string;
+    defaultSelectedId?: string;
+    disabled?: boolean;
+    required?: boolean;
+    tooltipText?: string;
+    fontSize?: string;
+    isViewOnly?: boolean;
+    showError?: boolean;
+    errorMessage?: string;
+};
+export declare const Default: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const WithDefaultSelected: {
+    render: (args: StoryArgs) => React.JSX.Element;
+};
+export declare const AllDisabled: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        disabled: boolean;
+        defaultSelectedId: string;
+    };
+};
+export declare const RequiredWithTooltip: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        heading: string;
+        required: boolean;
+        showError: boolean;
+        disabled: boolean;
+        tooltipText: string;
+    };
+};
+export declare const ViewOnlyMode: {
+    render: (args: StoryArgs) => React.JSX.Element;
+    args: {
+        heading: string;
+        required: boolean;
+        showError: boolean;
+        isViewOnly: boolean;
+        defaultSelectedId: string;
+        tooltipText: string;
+    };
+};

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

@@ -0,0 +1,8 @@
+import { HelperTextProps } from "../HelperText/types";
+declare const GroupWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>>> & string;
+declare const HeadingRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const Legend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>>> & string;
+declare const CustomHelperText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<HelperTextProps, keyof HelperTextProps> & HelperTextProps, never> & Partial<Pick<import("styled-components").FastOmit<HelperTextProps, keyof HelperTextProps> & HelperTextProps, never>>> & string & Omit<({ id, className, affectLayout, text, type, htmlProps, }: HelperTextProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const SelectedLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
+declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export { GroupWrapper, HeadingRow, Legend, CustomHelperText, SelectedLabel, OptionsWrapper, };

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

@@ -0,0 +1,22 @@
+import { ReactElement } from "react";
+export interface RadioButtonGroupOption {
+    id: string;
+    label: string | ReactElement;
+    value: string;
+    disabled?: boolean;
+}
+export interface RadioButtonGroupProps {
+    name: string;
+    id?: string;
+    options: RadioButtonGroupOption[];
+    onChange: (payload: RadioButtonGroupOption) => void;
+    defaultSelectedId?: string;
+    heading?: string;
+    required?: boolean;
+    tooltipText?: string;
+    disabled?: boolean;
+    className?: string;
+    isViewOnly?: boolean;
+    showError?: boolean;
+    errorMessage?: string;
+}

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

@@ -1,4 +1,4 @@
 import React from "react";
 import { TableProps } from "./types";
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, }: TableProps<T>): React.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, showExpandedRowToggle, renderExpandedRow, }: TableProps<T>): React.JSX.Element;
 export default Table;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import TableComponent from "./Table";
 import { TableProps } from "./types";
 interface Person {
@@ -21,3 +22,10 @@ export declare const Table: {
         variant: string;
     };
 };
+export declare const ExpandedRows: {
+    args: {
+        id: string;
+        renderExpandedRow: (row: any) => React.JSX.Element | null;
+        showExpandedRowToggle: boolean;
+    };
+};

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

@@ -80,6 +80,13 @@ declare const EmptyTableSection: import("styled-components/dist/types").IStyledC
 declare const EmptyTableHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
 declare const EmptyTableSubHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
 declare const ClearFilterButtonRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+declare const ExpandedContentRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>>> & string;
+declare const ExpandedContentCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>>> & string;
+declare const ExpandChevronButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$expanded"> & {
+    $expanded: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$expanded"> & {
+    $expanded: boolean;
+}, never>>> & string;
 declare const ActionBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 declare const GlobalActionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export { HeaderCell, TableWrapper, TableWrapperScroll, StyledTable, CustomIconButton, SortButton, HeaderRow, FilterMenu, Checkbox, BodyCell, HeaderCellPosition, MenuButton, MenuItem, FilterBoxLabel, LoadingShimmer, FilterLabelTransparent, CustomPagination, CellRow, MenuItemGroup, KebabAlign, MenuItemOption, EmptyTableCell, EmptyTableSection, EmptyTableHeader, EmptyTableSubHeader, ClearFilterButtonRow, ActionBar, GlobalActionWrapper, };
+export { HeaderCell, TableWrapper, TableWrapperScroll, StyledTable, CustomIconButton, SortButton, HeaderRow, FilterMenu, Checkbox, BodyCell, HeaderCellPosition, MenuButton, MenuItem, FilterBoxLabel, LoadingShimmer, FilterLabelTransparent, CustomPagination, CellRow, MenuItemGroup, KebabAlign, MenuItemOption, EmptyTableCell, EmptyTableSection, EmptyTableHeader, EmptyTableSubHeader, ClearFilterButtonRow, ActionBar, GlobalActionWrapper, ExpandedContentRow, ExpandedContentCell, ExpandChevronButton, };

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

@@ -1,5 +1,5 @@
 import { ColumnDef, ColumnFiltersState, Row, Table } from "@tanstack/react-table";
-import { HTMLAttributes, ReactElement } from "react";
+import React, { HTMLAttributes, ReactElement } from "react";
 declare enum TableVariant {
     PRIMARY = "Primary",
     SECONDARY = "Secondary"
@@ -13,6 +13,8 @@ export interface TableProps<T> {
     columns: ColumnDef<T, any>[];
     data: T[];
     isLoading?: boolean;
+    showExpandedRowToggle?: boolean;
+    renderExpandedRow?: (row: Row<T>) => React.ReactNode | null;
     serverSide?: boolean;
     onPageChange?: (page: number, pageSize: number) => void;
     onSortChange?: (sort: {
@@ -54,10 +56,7 @@ export interface TableProps<T> {
         value: unknown;
     }[];
     enableShowHide?: boolean;
-    globalActions?: {
-        element: ReactElement;
-        onChange?: (table?: Table<T>) => void;
-    }[];
+    globalActions?: (table: Table<T>) => ReactElement;
 }
 export interface CustomColumnMeta {
     headerAlign?: "left" | "right";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React$1, { HTMLAttributes, ReactElement } from 'react';
 import { TooltipProps as TooltipProps$1 } from 'antd';
-import { ColumnDef, ColumnFiltersState, Row, Table as Table$1 } from '@tanstack/react-table';
+import { ColumnDef, Row, ColumnFiltersState, Table as Table$1 } from '@tanstack/react-table';
 
 interface LabelProps {
     id: string;
@@ -240,6 +240,8 @@ interface TableProps<T> {
     columns: ColumnDef<T, any>[];
     data: T[];
     isLoading?: boolean;
+    showExpandedRowToggle?: boolean;
+    renderExpandedRow?: (row: Row<T>) => React$1.ReactNode | null;
     serverSide?: boolean;
     onPageChange?: (page: number, pageSize: number) => void;
     onSortChange?: (sort: {
@@ -281,10 +283,7 @@ interface TableProps<T> {
         value: unknown;
     }[];
     enableShowHide?: boolean;
-    globalActions?: {
-        element: ReactElement;
-        onChange?: (table?: Table$1<T>) => void;
-    }[];
+    globalActions?: (table: Table$1<T>) => ReactElement;
 }
 interface CustomColumnMeta {
     headerAlign?: "left" | "right";
@@ -300,7 +299,7 @@ interface CustomColumnMeta {
 }
 type RowStatus = "action-pending" | "completed";
 
-declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, }: TableProps<T>): React$1.JSX.Element;
+declare function Table<T>({ columns, data, isLoading, serverSide, onPageChange, onSortChange, onFilterChange, onRowSelect, onRowClick, rowStatuses, showSelection, showRowOptions, showPagination, variant, paginationDetails, selectionMenuItems, dataAuto, dataTestId, id, className, htmlProps, resetTrigger, emptyTableState, defaultFilters, staticFilters, enableShowHide, globalActions, showExpandedRowToggle, renderExpandedRow, }: TableProps<T>): React$1.JSX.Element;
 
 interface PaginationProps {
     id?: string;

package/package.json

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