@westpac/ui 0.6.0 → 0.7.0

package/dist/components/list/list.stories.js

@@ -1,19 +1,14 @@
 import { AndroidIcon } from '../icon/index.js';
 import { List } from './list.component.js';
 const meta = {
-    title: 'Example/List',
+    title: 'Components/List',
     component: List,
     tags: [
         'autodocs'
     ],
     decorators: [
-        (Story)=>React.createElement("div", {
-                className: "p-2"
-            }, React.createElement(Story, null))
-    ],
-    parameters: {
-        layout: 'center'
-    }
+        (Story)=>React.createElement(Story, null)
+    ]
 };
 export default meta;
 const LOOKS = [
@@ -33,7 +28,7 @@ const TYPES = [
     'icon',
     'ordered'
 ];
-export const DefaultStory = {
+export const Default = {
     args: {
         children: [
             React.createElement(List.Item, null, "Styled list"),
@@ -42,7 +37,7 @@ export const DefaultStory = {
         ]
     }
 };
-export const ListTypes = ()=>TYPES.map((type)=>React.createElement("div", {
+export const Types = ()=>TYPES.map((type)=>React.createElement("div", {
             className: "mb-2",
             key: type
         }, React.createElement("h1", {
@@ -59,7 +54,7 @@ export const ListTypes = ()=>TYPES.map((type)=>React.createElement("div", {
         }, "Styled ", type, " list"), React.createElement(List, {
             icon: type === 'link' ? AndroidIcon : undefined
         }, React.createElement(List.Item, null, "Styled ", type, " list"), React.createElement(List.Item, null, "Styled ", type, " list"), React.createElement(List.Item, null, "Styled ", type, " list")), React.createElement(List.Item, null, "Styled ", type, " list"))));
-export const ListLooks = ()=>LOOKS.map((look)=>React.createElement("div", {
+export const Looks = ()=>LOOKS.map((look)=>React.createElement("div", {
             className: "mb-2",
             key: look
         }, React.createElement("h1", {
@@ -70,13 +65,13 @@ export const ListLooks = ()=>LOOKS.map((look)=>React.createElement("div", {
         }, React.createElement(List.Item, null, "Styled ", look, " list"), React.createElement(List.Item, null, "Styled ", look, " list"), React.createElement(List.Item, null, "Styled ", look, " list"), React.createElement(List, {
             icon: look === 'link' ? AndroidIcon : undefined
         }, React.createElement(List.Item, null, "Styled ", look, " list"), React.createElement(List.Item, null, "Styled ", look, " list"), React.createElement(List.Item, null, "Styled ", look, " list")), React.createElement(List.Item, null, "Styled ", look, " list"))));
-export const NestedList = ()=>React.createElement("div", null, React.createElement(List, {
+export const Nested = ()=>React.createElement("div", null, React.createElement(List, {
         type: "bullet",
         assistiveText: "test"
     }, React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List, null, React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List, {
         nested: 0
     }, React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List, null, React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"), React.createElement(List.Item, null, "Styled list"))))));
-export const ListSpacing = ()=>React.createElement("div", null, React.createElement("h1", {
+export const Spacing = ()=>React.createElement("div", null, React.createElement("h1", {
         className: "typography-body-10 mb-2"
     }, "Medium"), React.createElement(List, {
         type: "bullet",

package/dist/components/modal/components/backdrop/backdrop.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type BackdropProps } from './backdrop.types.js';
-export declare function Backdrop({ zIndex, portalContainer, ...props }: BackdropProps): JSX.Element | null;
+export declare function Backdrop({ zIndex, portalContainer, ...props }: BackdropProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/modal/components/backdrop/backdrop.styles.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'animate-fadeIn fixed inset-0 z-50 flex justify-center overflow-y-auto bg-black/50 p-2',
-        modal: 'animate-fadeInDown relative top-5 z-10 h-fit w-full'
+        base: 'fixed inset-0 z-50 flex animate-fadeIn justify-center overflow-y-auto bg-black/50 p-2',
+        modal: 'relative top-5 z-10 h-fit w-full animate-fadeInDown'
     }
 });

package/dist/components/modal/components/dialog/components/dialog-body/dialog-body.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type DialogBodyProps } from './dialog-body.types.js';
-export declare function DialogBody({ className, children, ...props }: DialogBodyProps): JSX.Element;
+export declare function DialogBody({ className, children, ...props }: DialogBodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/components/dialog/components/dialog-footer/dialog-footer.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type DialogFooterProps } from './dialog-footer.types.js';
-export declare function DialogFooter({ className, children, ...props }: DialogFooterProps): JSX.Element;
+export declare function DialogFooter({ className, children, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/modal/components/dialog/dialog.component.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" resolution-mode="require"/>
 import { DialogBody } from './components/dialog-body/index.js';
 import { DialogFooter } from './components/dialog-footer/index.js';
 import { type DialogProps } from './dialog.types.js';
-export declare function Dialog({ className, body, onClose, size, ...props }: DialogProps): JSX.Element;
+export declare function Dialog({ className, body, onClose, size, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Dialog {
     var Body: typeof DialogBody;
     var Footer: typeof DialogFooter;

package/dist/components/modal/components/dialog/dialog.styles.js

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
         base: 'relative mx-auto max-w-full overflow-hidden rounded-[0.1875rem] bg-white outline-none',
-        title: 'border-b-heading border-b pb-2 pl-4 pr-5 pt-3 text-lg font-medium',
+        title: 'border-b border-b-heading pb-2 pl-4 pr-5 pt-3 text-lg font-medium',
         close: 'absolute right-1 top-1 block p-1'
     },
     variants: {

package/dist/components/modal/components/dialog/dialog.types.d.ts

@@ -18,7 +18,7 @@ export type DialogProps = {
     /**
      * onClose callback
      */
-    onClose?: () => any;
+    onClose?: () => unknown;
     /**
      * Title for Modal
      */

package/dist/components/modal/modal.component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type ModalProps } from './modal.types.js';
-export declare function Modal({ children, title, role, body, size, ...props }: ModalProps): JSX.Element;
+export declare function Modal({ children, title, role, body, size, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Modal {
     var Footer: typeof import("./components/dialog/components/dialog-footer/dialog-footer.component.js").DialogFooter;
     var Body: typeof import("./components/dialog/components/dialog-body/dialog-body.component.js").DialogBody;

package/dist/components/modal/modal.stories.d.ts

@@ -6,16 +6,16 @@ type Story = StoryObj<typeof meta>;
 /**
  * > Default usage example
  */
-export declare const DefaultStory: Story;
+export declare const Default: Story;
 /**
  * > WithFooter usage example
  */
-export declare const WithFooterStory: Story;
+export declare const WithFooter: Story;
 /**
  * > All sizes usage example
  */
-export declare const AllSizesStory: Story;
+export declare const Sizes: Story;
 /**
  * > Not dismissable example
  */
-export declare const NotDismissibleStory: Story;
+export declare const NotDismissible: Story;

package/dist/components/modal/modal.stories.js

@@ -17,20 +17,17 @@ import { useOverlayTriggerState } from 'react-stately';
 import { Button } from '../index.js';
 import { Modal } from './modal.component.js';
 const meta = {
-    title: 'Example/Modal',
+    title: 'Components/Modal',
     component: Modal,
     tags: [
         'autodocs'
     ],
     decorators: [
         (Story)=>React.createElement(Story, null)
-    ],
-    parameters: {
-        layout: 'centered'
-    }
+    ]
 };
 export default meta;
-export const DefaultStory = {
+export const Default = {
     args: {
         children: `
       Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem corporis saepe sapiente officia inventore eligendi dolores delectus vitae veritatis repudiandae, unde alias, ipsa a consequatur assumenda perferendis, commodi rem voluptates?
@@ -53,7 +50,7 @@ export const DefaultStory = {
         }, "Open Modal"));
     }
 };
-export const WithFooterStory = {
+export const WithFooter = {
     args: {
         children: `I'm children`,
         title: 'Title',
@@ -69,7 +66,7 @@ export const WithFooterStory = {
         }, "Open Modal"));
     }
 };
-export const AllSizesStory = {
+export const Sizes = {
     args: {
         children: `I'm children`,
         title: 'Title',
@@ -107,7 +104,7 @@ export const AllSizesStory = {
             }, "Open Modal ", size))));
     }
 };
-export const NotDismissibleStory = {
+export const NotDismissible = {
     args: {
         children: `I'm children`,
         title: 'Title',

package/dist/components/pagination/components/pagination-item/pagination-item.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PaginationItemProps } from './pagination-item.types.js';
-export declare function PaginationItem({ className, firstItem, tag: Tag, children, active, disabled, ...props }: PaginationItemProps): JSX.Element;
+export declare function PaginationItem({ className, firstItem, tag: Tag, children, active, disabled, ...props }: PaginationItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/components/pagination-item/pagination-item.styles.js

@@ -11,7 +11,7 @@ export const styles = tv({
             false: 'hover:bg-light'
         },
         disabled: {
-            true: 'cursor-not-allowed bg-light text-muted-90',
+            true: 'cursor-not-allowed bg-light text-muted opacity-50',
             false: 'cursor-pointer'
         }
     }

package/dist/components/pagination/pagination.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PaginationProps } from './pagination.types.js';
-export declare function Pagination({ className, pages, tag: Tag, role, current, linkComponent, infinite, onChange, backLabel, nextLabel, ...props }: PaginationProps): JSX.Element;
+export declare function Pagination({ className, pages, tag: Tag, role, current, linkComponent, infinite, onChange, backLabel, nextLabel, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/pagination.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type Meta } from '@storybook/react';
 import { Pagination } from './pagination.component.js';
 declare const meta: Meta<typeof Pagination>;
@@ -6,28 +5,28 @@ export default meta;
 /**
  * > Button usage example
  */
-export declare const DefaultStory: any;
+export declare const Default: unknown;
 /**
  * > Link usage example
  */
-export declare const AsLinkStory: any;
+export declare const AsLink: unknown;
 /**
  * > Using useState as example
  */
-export declare const ExampleWithState: () => JSX.Element;
+export declare const State: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Using useState as example
  */
-export declare const ExampleWithInfiniteState: () => JSX.Element;
+export declare const InfiniteState: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Using custom back and next label
  */
-export declare const ExampleWithCustomBackAndNextLabel: () => JSX.Element;
+export declare const CustomBackAndNextLabel: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Using use pagination hook
  */
-export declare const ExampleWithUsePagination: () => JSX.Element;
+export declare const UsePagination: () => import("react/jsx-runtime").JSX.Element;
 /**
  * > Using use pagination hook with other components
  */
-export declare const ExampleUsePagination: () => JSX.Element;
+export declare const UsePaginationDifferentComponents: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/pagination/pagination.stories.js

@@ -1,24 +1,35 @@
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 import { action } from '@storybook/addon-actions';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { ArrowLeftIcon, ArrowRightIcon } from '../icon/index.js';
 import { Button } from '../index.js';
 import { Pagination } from './pagination.component.js';
 import { usePagination } from './pagination.hooks.js';
 const meta = {
-    title: 'Example/Pagination',
+    title: 'Components/Pagination',
     component: Pagination,
     tags: [
         'autodocs'
     ],
     decorators: [
         (Story)=>React.createElement(Story, null)
-    ],
-    parameters: {
-        layout: 'centered'
-    }
+    ]
 };
 export default meta;
-export const DefaultStory = {
+export const Default = {
     args: {
         current: 1,
         onChange: action('onChange'),
@@ -33,9 +44,25 @@ export const DefaultStory = {
                 text: '3'
             }
         ]
+    },
+    render: (props)=>{
+        const [current, setCurrent] = useState(props.current);
+        useEffect(()=>{
+            setCurrent(props.current);
+        }, [
+            props.current
+        ]);
+        return React.createElement(Pagination, _extends({}, props, {
+            onChange: (value)=>{
+                var _props_onChange;
+                setCurrent(value);
+                (_props_onChange = props.onChange) === null || _props_onChange === void 0 ? void 0 : _props_onChange.call(props, value);
+            },
+            current: current
+        }));
     }
 };
-export const AsLinkStory = {
+export const AsLink = {
     args: {
         current: 1,
         onChange: undefined,
@@ -55,7 +82,7 @@ export const AsLinkStory = {
         ]
     }
 };
-export const ExampleWithState = ()=>{
+export const State = ()=>{
     const [page, setPage] = useState(1);
     return React.createElement(Pagination, {
         current: page,
@@ -75,7 +102,7 @@ export const ExampleWithState = ()=>{
         ]
     });
 };
-export const ExampleWithInfiniteState = ()=>{
+export const InfiniteState = ()=>{
     const [page, setPage] = useState(1);
     return React.createElement(Pagination, {
         current: page,
@@ -96,7 +123,7 @@ export const ExampleWithInfiniteState = ()=>{
         ]
     });
 };
-export const ExampleWithCustomBackAndNextLabel = ()=>{
+export const CustomBackAndNextLabel = ()=>{
     const [page, setPage] = useState(1);
     return React.createElement(Pagination, {
         current: page,
@@ -118,7 +145,7 @@ export const ExampleWithCustomBackAndNextLabel = ()=>{
         ]
     });
 };
-export const ExampleWithUsePagination = ()=>{
+export const UsePagination = ()=>{
     const { pages , currentPage , setCurrentPage  } = usePagination({
         pages: [
             {
@@ -143,7 +170,7 @@ export const ExampleWithUsePagination = ()=>{
         pages: pages
     });
 };
-export const ExampleUsePagination = ()=>{
+export const UsePaginationDifferentComponents = ()=>{
     const { next , previous , selectedPage  } = usePagination({
         pages: [
             {

package/dist/components/pagination/pagination.styles.js

@@ -1,8 +1,8 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'overflow-hidden rounded border border-border',
-        ul: 'flex'
+        base: 'flex flex-col items-center',
+        ul: 'flex overflow-hidden rounded border border-border'
     },
     variants: {}
 }, {

package/dist/components/pagination/pagination.types.d.ts

@@ -20,7 +20,7 @@ export type PaginationAsButtonProps = {
     /**
      * on page change
      */
-    onChange: (page: number) => any;
+    onChange: (page: number) => unknown;
     /**
      * Pages items
      */

package/dist/components/panel/components/body/body.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type BodyProps } from './body.types.js';
-export declare function Body({ className, children, ...props }: BodyProps): JSX.Element;
+export declare function Body({ className, children, ...props }: BodyProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/panel/components/body/body.styles.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'typography-body-10 p-4 max-xsl:px-2'
+        base: 'typography-body-10 p-2 sm:p-4'
     },
     variants: {}
 }, {

package/dist/components/panel/components/footer/footer.component.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type FooterProps } from './footer.types.js';
-export declare function Footer({ className, children, ...props }: FooterProps): JSX.Element;
+export declare function Footer({ className, children, ...props }: FooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/panel/components/footer/footer.styles.js

@@ -1,7 +1,7 @@
 import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
-        base: 'border-t-1 border-0 border-t border-border bg-light px-4 py-[0.625rem] max-xsl:px-2'
+        base: 'border-0 border-t border-border bg-light px-2 py-[0.625rem] sm:px-4'
     },
     variants: {}
 }, {

package/dist/components/panel/panel.component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PanelProps } from './panel.types.js';
-export declare function Panel({ className, children, heading, headingTag: Tag, look, ...props }: PanelProps): JSX.Element;
+export declare function Panel({ className, children, heading, headingTag: Tag, look, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Panel {
     var Body: typeof import("./components/index.js").Body;
     var Footer: typeof import("./components/index.js").Footer;

package/dist/components/panel/panel.stories.d.ts

@@ -6,16 +6,16 @@ type Story = StoryObj<typeof meta>;
 /**
  * > Default usage example
  */
-export declare const DefaultStory: Story;
+export declare const Default: Story;
 /**
  * > Faint look example
  */
-export declare const FaintLookPanel: Story;
+export declare const FaintLook: Story;
 /**
  * > Example using a table
  */
-export declare const PanelWithTable: Story;
+export declare const WithTable: Story;
 /**
  * > Example using a table with a body and a panel footer
  */
-export declare const PanelWithTableAndBody: Story;
+export declare const WithTableAndBody: Story;

package/dist/components/panel/panel.stories.js

@@ -1,25 +1,20 @@
 import { Table } from '../table/index.js';
 import { Panel } from './panel.component.js';
 const meta = {
-    title: 'Example/Panel',
+    title: 'Components/Panel',
     component: Panel,
     tags: [
         'autodocs'
     ],
     decorators: [
-        (Story)=>React.createElement("div", {
-                className: "p-3"
-            }, React.createElement(Story, null))
+        (Story)=>React.createElement(Story, null)
     ],
-    parameters: {
-        layout: 'fullscreen'
-    },
     args: {
         heading: 'Panel title'
     }
 };
 export default meta;
-export const DefaultStory = {
+export const Default = {
     args: {
         children: [
             React.createElement(Panel.Body, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora officiis officia omnis aperiam voluptate suscipit, laudantium praesentium quas consequatur placeat, perferendis eligendi saepe in unde sequi dolores excepturi doloremque autem! Lorem ipsum dolor sit amet, consectetur adipisicing elit."),
@@ -27,7 +22,7 @@ export const DefaultStory = {
         ]
     }
 };
-export const FaintLookPanel = {
+export const FaintLook = {
     args: {
         look: 'faint',
         children: [
@@ -36,7 +31,7 @@ export const FaintLookPanel = {
         ]
     }
 };
-export const PanelWithTable = {
+export const WithTable = {
     args: {
         children: [
             React.createElement(Table, null, React.createElement(Table.Caption, null, "Caption this table width is: ", React.createElement("em", null, "(100%)")), React.createElement(Table.Header, null, React.createElement(Table.HeaderRow, null, React.createElement(Table.HeaderCell, null, "Name"), React.createElement(Table.HeaderCell, null, "Type"), React.createElement(Table.HeaderCell, null, "Date Modified"))), React.createElement(Table.Body, null, React.createElement(Table.Row, null, React.createElement(Table.Cell, null, "Games"), React.createElement(Table.Cell, null, "File folder"), React.createElement(Table.Cell, null, "6/7/2020")), React.createElement(Table.Row, null, React.createElement(Table.Cell, null, "Program Files"), React.createElement(Table.Cell, null, "File folder"), React.createElement(Table.Cell, null, "4/7/2021")), React.createElement(Table.Row, null, React.createElement(Table.Cell, null, "bootmgr"), React.createElement(Table.Cell, null, "System file"), React.createElement(Table.Cell, null, "11/20/2010")), React.createElement(Table.Row, null, React.createElement(Table.Cell, null, "log.txt"), React.createElement(Table.Cell, null, "Text Document"), React.createElement(Table.Cell, null, "1/18/2016"))), React.createElement(Table.Footer, {
@@ -45,7 +40,7 @@ export const PanelWithTable = {
         ]
     }
 };
-export const PanelWithTableAndBody = {
+export const WithTableAndBody = {
     args: {
         children: [
             React.createElement(Panel.Body, null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora officiis officia omnis aperiam voluptate suscipit, laudantium praesentium quas consequatur placeat, perferendis eligendi saepe in unde sequi dolores excepturi doloremque autem! Lorem ipsum dolor sit amet, consectetur adipisicing elit."),

package/dist/components/panel/panel.styles.js

@@ -2,7 +2,7 @@ import { tv } from 'tailwind-variants';
 export const styles = tv({
     slots: {
         base: 'group/panel mb-4 overflow-hidden rounded-[0.1875rem] border border-hero',
-        header: 'px-4 py-[0.625rem] max-xsl:px-2'
+        header: 'px-2 py-[0.625rem] sm:px-4'
     },
     variants: {
         look: {

package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function WBCBankCardPictogram({ 'aria-label': ariaLabel, copyrightYear, viewBoxHeight, viewBoxWidth, className, ...props }: PictogramProps): JSX.Element;
+export declare function WBCBankCardPictogram({ 'aria-label': ariaLabel, copyrightYear, viewBoxHeight, viewBoxWidth, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/accessibility-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function AccessibilityPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function AccessibilityPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/accounts-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function AccountsPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function AccountsPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/aeroplane-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function AeroplanePictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function AeroplanePictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/arrow-down-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ArrowDownPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ArrowDownPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/arrow-left-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ArrowLeftPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ArrowLeftPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/arrow-right-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ArrowRightPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ArrowRightPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/arrow-up-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ArrowUpPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ArrowUpPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/arrows-passing-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ArrowsPassingPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ArrowsPassingPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/atm-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function ATMPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function ATMPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/australia-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function AustraliaPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function AustraliaPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function BankCardLockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function BankCardLockedPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/pictogram/components/informative/bank-card-pictogram.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" resolution-mode="require"/>
 import { type PictogramProps } from '../../pictogram.types.js';
-export declare function BankCardPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): JSX.Element;
+export declare function BankCardPictogram({ mode, viewBoxWidth, viewBoxHeight, 'aria-label': ariaLabel, copyrightYear, className, ...props }: PictogramProps): import("react/jsx-runtime").JSX.Element;