@galaxy-ds/core 2.0.20 → 2.0.22

package/dist/TableFooter/TableFooter.stories.d.ts

@@ -6,5 +6,9 @@ type Story = StoryObj<typeof TableFooter>;
 /**
  * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
 For example, `component='div'`.
+ *
+ *  ```js
+ *  import { TableFooter } from "@galaxy-ds/core";
+ * ```
  */
 export declare const Default: Story;

package/dist/TableHead/TableHead.stories.d.ts

@@ -1,10 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TableHead } from './TableHead';
-declare const meta: Meta<typeof TableHead>;
-export default meta;
-type Story = StoryObj<typeof TableHead>;
 /**
  * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
 For example, `component='div'`.
+ *
+ *  ```js
+ *  import { TableHead } from "@galaxy-ds/core";
+ * ```
  */
+declare const meta: Meta<typeof TableHead>;
+export default meta;
+type Story = StoryObj<typeof TableHead>;
 export declare const Default: Story;

package/dist/TableRow/TableRow.stories.d.ts

@@ -1,12 +1,16 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TableRow } from './TableRow';
-declare const meta: Meta<typeof TableRow>;
-export default meta;
-type Story = StoryObj<typeof TableRow>;
 /**
  * All Table components (Table, TableBody, TableHead, TableFooter, TableRow, TableCell) have the option to be rendered as another HTML element type for more flexible structure.
 For example, `component='div'`.
+ *
+ * ```js
+ *  import { TableRow } from "@galaxy-ds/core";
+ * ```
  */
+declare const meta: Meta<typeof TableRow>;
+export default meta;
+type Story = StoryObj<typeof TableRow>;
 export declare const Default: Story;
 export declare const HoverState: Story;
 export declare const SelectedHoverState: Story;

package/dist/Tabs/Tabs.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Tabs } from './Tabs';
+/**
+ *  ```js
+ *  import { Tabs } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Tabs>;
 export default meta;
 type Story = StoryObj<typeof Tabs>;

package/dist/Tabs/Tabs.styled.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "sx" | "orientation" | "aria-label" | "aria-labelledby" | "onChange" | "slots" | "slotProps" | "action" | "variant" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    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;
+}, "children" | "className" | "style" | "classes" | "sx" | "orientation" | "aria-label" | "aria-labelledby" | "onChange" | "variant" | "slots" | "slotProps" | "action" | "value" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Tag/Tag.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Tag } from './Tag';
+/**
+ *  ```js
+ *  import { Tag } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Tag>;
 export default meta;
 type Story = StoryObj<typeof Tag>;

package/dist/Tag/Tag.styled.d.ts

@@ -1,9 +1,13 @@
-/// <reference types="react" />
+import { CSSObject } from '@mui/material';
 export declare const TagWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TagLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TagStartIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TagEndIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TagStartIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    startIconStyles?: CSSObject;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TagEndIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    endIconStyles?: CSSObject;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TagDelete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MuiIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "disabled" | "size" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+    ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "size"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/Tag/Tag.types.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { CSSObject } from '@mui/material';
 export interface TagProps {
     label: string;
     variant?: 'default';
@@ -14,5 +15,13 @@ export interface TagProps {
     disabled?: boolean;
     onClick?: () => void;
     onDelete?: (event: React.MouseEvent) => void;
+    /**
+     * EdgeCase:
+     * Passing a styles object to override styles for start and endIcons
+     * Given the alignment of the end icon will vary depending
+     * on the icon provided and container is a div wrapper
+     */
+    startIconStyles?: CSSObject;
+    endIconStyles?: CSSObject;
 }
 export type TOOLTIP_PLACEMENT = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';

package/dist/TextareaAutosize/TextareaAutosize.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TextareaAutosize } from './TextareaAutosize';
+/**
+ *  ```js
+ *  import { TextareaAutosize } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof TextareaAutosize>;
 export default meta;
 type Story = StoryObj<typeof TextareaAutosize>;

package/dist/Theme/custom-types/component-chip.d.ts

@@ -2,6 +2,8 @@ export interface ChipProps {
     color: string;
     background: string;
     borderColor: string;
+    contrastText?: string;
+    light?: string;
 }
 export interface ChipSizeProps {
     fontSize: string;

package/dist/Theme/leap/web/design-tokens/components/chip.d.ts

@@ -9,30 +9,38 @@ declare const chip: {
             default: {
                 color: any;
                 background: string;
+                contrastText: string;
             };
             primary: {
                 color: any;
                 background: string;
+                contrastText: string;
+                light: any;
             };
             secondary: {
                 color: any;
                 background: string;
+                contrastText: string;
             };
             info: {
                 color: string;
                 background: string;
+                contrastText: string;
             };
             success: {
                 color: any;
                 background: string;
+                contrastText: any;
             };
             warning: {
                 color: any;
                 background: string;
+                contrastText: any;
             };
             error: {
                 color: any;
                 background: string;
+                contrastText: any;
             };
         };
         outlined: {

package/dist/ThemeProvider/ThemeProvider.stories.d.ts

@@ -1,14 +1,27 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ThemeProvider } from './ThemeProvider';
+/**
+ *
+ThemeProvider is a wrapper of Material UI's ThemeProvider.
+
+Wrap it around the root of your application to provide the theme settings to all the components underneath.
+
+```javascript
+import { ThemeProvider, CssBaseline, themeWeb, themeDesktop } from '@galaxy-ds/core';
+import { StylesProvider } from '@material-ui/core/styles'
+```
+```html
+ <ThemeProvider theme={themeDesktop}>
+ <CssBaseline />
+   <App />
+</ThemeProvider>
+```
+ */
 declare const meta: Meta<typeof ThemeProvider>;
 export default meta;
 type Story = StoryObj<typeof ThemeProvider>;
+export declare const Desktop: Story;
 /**
-```html
- * <ThemeProvider theme={themeDesktop}>
- *  <CssBaseline />
- *  <App />
- * </ThemeProvider>
-```
+ * Application now get the styles of web theme when `theme` argument set to `themeWeb`.
  */
-export declare const Default: Story;
+export declare const Web: Story;

package/dist/Toolbar/Toolbar.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Toolbar } from './Toolbar';
+/**
+ *  ```js
+ *  import { Toolbar } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Toolbar>;
 export default meta;
 type Story = StoryObj<typeof Toolbar>;

package/dist/ToolbarButton/ToolbarButton.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { ToolbarButton } from './ToolbarButton';
+/**
+ *  ```js
+ *  import { ToolbarButton } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof ToolbarButton>;
 export default meta;
 type Story = StoryObj<typeof ToolbarButton>;

package/dist/ToolbarButton/ToolbarButton.styled.d.ts

@@ -1,4 +1 @@
-/// <reference types="react" />
-export declare const StyledToolbarButton: import("@emotion/styled").StyledComponent<import("@mui/material/Button").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "children" | "className" | "style" | "classes" | "color" | "sx" | "tabIndex" | "href" | "disabled" | "fullWidth" | "size" | "action" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const StyledToolbarButton: import("@emotion/styled").StyledComponent<import("../Button").GDSButtonProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/Tooltip/Tooltip.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Tooltip } from './Tooltip';
+/**
+ *  ```js
+ *  import { Tooltip } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;

package/dist/TwoColumnLayout/TwoColumnLayout.stories.d.ts

@@ -1,8 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { TwoColumnLayout } from './TwoColumnLayout';
-declare const meta: Meta<typeof TwoColumnLayout>;
-export default meta;
-type Story = StoryObj<typeof TwoColumnLayout>;
 /**
  * Display the contents in two column layout.
 Specify height of the direct parent frame (eg. `div`, `iframe`) so it can span to parent's 100% height.
@@ -11,8 +8,11 @@ Each column is a flexbox with `flex-direction='column'`.
 Give the direct child item `flex='1'` for it to span to available space.
 
 ```javascript
-import TwoColumnLayout from "@galaxy-ds/core";
+import { TwoColumnLayout }  from "@galaxy-ds/core";
 ```
  */
+declare const meta: Meta<typeof TwoColumnLayout>;
+export default meta;
+type Story = StoryObj<typeof TwoColumnLayout>;
 export declare const Default: Story;
-export declare const Spacing: Story;
+export declare const WithGutter: Story;

package/dist/Typography/Typography.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Typography } from './Typography';
+/**
+ *  ```js
+ *  import { Typography } from "@galaxy-ds/core";
+ * ```
+ */
 declare const meta: Meta<typeof Typography>;
 export default meta;
 type Story = StoryObj<typeof Typography>;

package/dist/index.d.ts

@@ -59,7 +59,6 @@ export * from './Radio';
 export * from './RadioGroup';
 export * from './RibbonButton';
 export * from './RibbonButtonGroup';
-export * from './Select';
 export * from './SidebarLayout';
 export * from './StepNavigation';
 export * from './Switch';