@westpac/ui 0.9.0 → 0.10.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @westpac/ui
 
+## 0.10.0
+
+### Minor Changes
+
+- 626c503: misc. styling fixes and optimised the build package
+
 ## 0.9.0
 
 ### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@westpac/ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",

package/tsconfig.build.json

@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "exclude": ["**/*.spec.*", "**/*.test.*"]
+  "exclude": ["**/*.spec.*", "**/*.test.*", "**/*.stories.*"]
 }

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

@@ -1,24 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Accordion } from './accordion.component.js';
-declare const meta: Meta<typeof Accordion>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Lego look using Hero color
- */
-export declare const LegoLook: Story;
-/**
- * > Controlled example
- */
-export declare const Controlled: Story;
-/**
- * > Example showing how you can use styling to change accordion to tabs responsively.
- * > Replicates GEL Tabcordion functionality.
- * NOTE: Due to how items work the Accordion.Item that are children of Tabs should be Tab.Panel but can't due to name sharing on this page.
- * See the source of this example in, https://github.com/WestpacGEL/GEL-next/blob/main/packages/ui/src/components/accordion/accordion.stories.tsx#L142
- */
-export declare const Responsive: Story;

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

@@ -1,29 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Alert } from './alert.component.js';
-declare const meta: Meta<typeof Alert>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > All looks example
- */
-export declare const Looks: Story;
-/**
- * > Text mode example
- */
-export declare const TextMode: Story;
-/**
- * > Heading example
- */
-export declare const Heading: Story;
-/**
- * > Dismissible example
- */
-export declare const Dismissible: Story;
-/**
- * > Custom icon example
- */
-export declare const CustomIcon: Story;

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

@@ -1,33 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Autocomplete } from './autocomplete.component.js';
-declare const meta: Meta<typeof Autocomplete>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Controlled usage example
- */
-export declare const Controlled: Story;
-/**
- * > Disabled usage example
- */
-export declare const Disabled: Story;
-/**
- * > Invalid usage example
- */
-export declare const Invalid: Story;
-/**
- * > Sizes example
- */
-export declare const Sizes: Story;
-/**
- * > Footer example
- */
-export declare const Footer: Story;
-/**
- * Error message and label
- */
-export declare const ErrorMessageAndLabel: Story;

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

@@ -1,25 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Badge } from './badge.component.js';
-declare const meta: Meta<typeof Badge>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Default usage example
- */
-export declare const Pill: Story;
-/**
- * > Different colors
- */
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Example next to link
- */
-export declare const Links: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Example next to link
- */
-export declare const Buttons: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Breadcrumb } from './breadcrumb.component.js';
-declare const meta: Meta<typeof Breadcrumb>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;

package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.d.ts

@@ -1,13 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { BreadcrumbItem } from './breadcrumb-item.component.js';
-declare const meta: Meta<typeof BreadcrumbItem>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Disabled
- */
-export declare const IsDisabled: Story;

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

@@ -1,37 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Button } from './button.component.js';
-declare const meta: Meta<typeof Button>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Button looks
- */
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Button sizes
- */
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Block buttons
- */
-export declare const Block: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Buttons with icons
- */
-export declare const Icons: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Responsive styles
- */
-export declare const ResponsiveSize: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > As anchor tag
- */
-export declare const AsLink: Story;
-/**
- * > Disabled look
- */
-export declare const Disabled: Story;

package/dist/components/button-dropdown/button-dropdown.stories.d.ts

@@ -1,42 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { ButtonDropdown } from './button-dropdown.component.js';
-declare const meta: Meta<typeof ButtonDropdown>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Standard looks of button
- */
-export declare const StandardLooks: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Soft looks of button
- */
-export declare const SoftLooks: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Sizes of buttons
- */
-export declare const ButtonSizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Sizes of dropdown
- */
-export declare const DropdownSizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Block usage example
- */
-export declare const BlockDropdownButton: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Icon usage example
- */
-export declare const DropdownButtonWithIcons: Story;
-/**
- * > With headings example
- */
-export declare const DropdownWithHeadings: Story;
-/**
- * > Open by default
- * NOTE: This element has a visual bug on the Storybook Docs page when page loaded but doesn't in dev docs/canvas view
- */
-export declare const Open: Story;

package/dist/components/button-group/button-group.stories.d.ts

@@ -1,33 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { ButtonGroup } from './button-group.component.js';
-declare const meta: Meta<typeof ButtonGroup>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * Button group looks
- */
-export declare const Colors: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Button group sizes
- */
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Button group responsive sizing
- */
-export declare const ResponsiveSize: Story;
-/**
- * Button group block
- */
-export declare const Block: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Disabled button group
- */
-export declare const Disabled: Story;
-/**
- * Error message and label
- */
-export declare const ErrorMessageAndLabel: Story;

package/dist/components/checkbox-group/checkbox-group.stories.d.ts

@@ -1,49 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { CheckboxGroup } from './checkbox-group.component.js';
-declare const meta: Meta<typeof CheckboxGroup>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Default usage example
- */
-export declare const LongLines: Story;
-/**
- * > CheckboxGroup with default value
- */
-export declare const DefaultValue: Story;
-/**
- * > CheckboxGroup with checkboxes aligned horizontally
- */
-export declare const Inline: Story;
-/**
- * > Horizontal long lines
- */
-export declare const InlineLongLines: Story;
-/**
- * > CheckboxGroup that is disabled
- */
-export declare const Disabled: Story;
-/**
- * > CheckboxGroup with large checkboxes
- */
-export declare const Large: Story;
-/**
- * > CheckboxGroup that has hidden checkboxes that will be revealed on clicking on button
- */
-export declare const HiddenItems: Story;
-/**
- * > Hint text
- */
-export declare const HintText: Story;
-/**
- * > On change (check console log)
- */
-export declare const OnChange: Story;
-/**
- * Error message and label
- */
-export declare const ErrorMessageAndLabel: Story;

package/dist/components/checkbox-group/components/checkbox/checkbox.stories.d.ts

@@ -1,17 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Checkbox } from './checkbox.component.js';
-declare const meta: Meta<typeof Checkbox>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Base Checkbox Item, unchecked as that is handled by Checkbox
- */
-export declare const Default: Story;
-/**
- * > Checkbox Item with hint example
- */
-export declare const HintText: Story;
-/**
- * > Disabled Checkbox Item example
- */
-export declare const Disabled: Story;

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

@@ -1,9 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Circle } from './circle.component.js';
-declare const meta: Meta<typeof Circle>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;

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

@@ -1,17 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Collapsible } from './collapsible.component.js';
-declare const meta: Meta<typeof Collapsible>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Examples of sizes of collapsible button
- */
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > Setting the default of collapsible to open
- */
-export declare const Open: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +0,0 @@
-import { type Meta } from '@storybook/react';
-import { Compacta } from './compacta.component.js';
-declare const meta: Meta<typeof Compacta>;
-export default meta;
-/**
- * > Default usage example
- */
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/date-picker/date-picker.stories.d.ts

@@ -1,33 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { DatePicker } from './date-picker.component.js';
-declare const meta: Meta<typeof DatePicker>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Different sizes example
- */
-export declare const Sizes: Story;
-/**
- * > Controlled value
- */
-export declare const Controlled: Story;
-/**
- * > Disable weekends
- */
-export declare const DisableWeekends: Story;
-/**
- * > Disable days of the week (Mon, Wed, Fri in example)
- */
-export declare const DisableDaysOfWeek: Story;
-/**
- * > Disable specific dates (2023-10-10 in example)
- */
-export declare const DisableSpecificDates: Story;
-/**
- * > Form field example
- */
-export declare const FormField: Story;

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

@@ -1,16 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Field } from './field.component.js';
-/**
- * Field component provides label, hint message and error message to form components such as Select, Input etc.
- */
-declare const meta: Meta<typeof Field>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const DefaultStory: Story;
-/**
- * > Select usage example
- */
-export declare const SelectStory: Story;

package/dist/components/flexi-cell/flexi-cell.stories.d.ts

@@ -1,26 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { FlexiCell } from './flexi-cell.component.js';
-declare const meta: Meta<typeof FlexiCell>;
-export default meta;
-type Story = StoryObj<unknown>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-export declare const CreditCard: Story;
-export declare const Account: Story;
-export declare const Payee: Story;
-export declare const PayeeWithInfo: Story;
-export declare const FlagPayee: Story;
-export declare const ListItemWithFlag: Story;
-export declare const ListItem: Story;
-export declare const WestpacSpecialProduct: Story;
-export declare const FlexiCellWithImage: Story;
-export declare const StickyFooterExample: Story;
-export declare const AccountList: Story;
-export declare const PayeeList: Story;
-export declare const CountryList: Story;
-export declare const ForeignCurrencyList: Story;
-export declare const PromotilesHorizontalList: Story;
-export declare const PromotilesVerticalList: Story;
-export declare const ProductTiles: Story;

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

@@ -1,21 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Form } from './form.component.js';
-declare const meta: Meta<typeof Form>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default size and spacing
- */
-export declare const Default: Story;
-/**
- * > Multiple errors
- */
-export declare const MultipleErrors: Story;
-/**
- * > All sizes Story
- */
-export declare const Size: Story;
-/**
- * > All spacings Story. Increases space between label, hint and form groups
- */
-export declare const AllSpacings: Story;

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

@@ -1,9 +0,0 @@
-import { type Meta } from '@storybook/react';
-import { Grid } from './grid.component.js';
-declare const meta: Meta<typeof Grid>;
-export default meta;
-export declare const Default: () => import("react/jsx-runtime").JSX.Element;
-export declare const DefaultContainer: () => import("react/jsx-runtime").JSX.Element;
-export declare const ResponsiveItems: () => import("react/jsx-runtime").JSX.Element;
-export declare const Positioning: () => import("react/jsx-runtime").JSX.Element;
-export declare const HolyGrailLayout: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,21 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Icon } from './icon.component.js';
-declare const meta: Meta<typeof Icon>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > With primary color example
- */
-export declare const Primary: Story;
-/**
- * > With large size example
- */
-export declare const Size: Story;
-/**
- * > With outlined look example
- */
-export declare const Outlined: Story;

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

@@ -1,25 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { Input } from './input.component.js';
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Invalid usage example
- */
-export declare const Invalid: Story;
-/**
- * > Disabled usage example
- */
-export declare const Disabled: Story;
-/**
- * >Sizes
- */
-export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
-/**
- * > ReadOnly usage example
- */
-export declare const ReadOnly: Story;

package/dist/components/input-field/input-field.scenarios.stories.d.ts

@@ -1,26 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { InputField } from './input-field.component.js';
-declare const meta: Meta<typeof InputField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Number of dependents
- */
-export declare const NumberStepper: Story;
-/**
- * > Masked characters in field
- */
-export declare const MaskedCharacters: Story;
-/**
- * > Search with left icon and clear button
- */
-export declare const SearchWithLeftIconAndClearButton: Story;
-/**
- * > Inline field validation flow
- */
-export declare const InlineFieldValidationFlow: Story;
-/**
- * > Search Currency and frequency
- */
-export declare const CurrencyAndFrequency: Story;
-export declare const TextareaWithCharacterCount: Story;

package/dist/components/input-field/input-field.sizes.stories.d.ts

@@ -1,9 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { InputField } from './input-field.component.js';
-declare const meta: Meta<typeof InputField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Input field with different sizes
- */
-export declare const InputFieldWithDifferentSizes: Story;

package/dist/components/input-field/input-field.state.stories.d.ts

@@ -1,17 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { InputField } from './input-field.component.js';
-declare const meta: Meta<typeof InputField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Invalid with error message/s
- */
-export declare const InvalidWithErrorMessages: Story;
-/**
- * > Input field with disabled state
- */
-export declare const InputFieldWithDisabledState: Story;
-/**
- * > Input field with read-only state
- */
-export declare const InputFieldWithReadOnlyState: Story;

package/dist/components/input-field/input-field.stories.d.ts

@@ -1,25 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { InputField } from './input-field.component.js';
-declare const meta: Meta<typeof InputField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Default usage example
- */
-export declare const Default: Story;
-/**
- * > Another usage example
- */
-export declare const AnotherDefault: Story;
-/**
- * > SrOnlyLabel usage example
- */
-export declare const SrOnlyLabel: Story;
-/**
- * > Combination usage example
- */
-export declare const Combination: Story;
-/**
- * > Fieldset as tag
- */
-export declare const WithFieldset: Story;

package/dist/components/input-field/input-field.type.stories.d.ts

@@ -1,37 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/react';
-import { InputField } from './input-field.component.js';
-declare const meta: Meta<typeof InputField>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-/**
- * > Text Beforoe story example
- */
-export declare const TextBeforeStory: Story;
-/**
- * > Text Beforoe story example
- */
-export declare const TextAfter: Story;
-/**
- * > Text After and Beforoe story example
- */
-export declare const TextAfterAndBefore: Story;
-/**
- * > Textarea
- */
-export declare const IconAddOn: Story;
-/**
- * > Icons in buttons
- */
-export declare const IconInButtonsOn: Story;
-/**
- * > Button add ons
- */
-export declare const ButtonAddOn: Story;
-/**
- * > Select add ons
- */
-export declare const SelectAddOn: Story;
-/**
- * > Textarea
- */
-export declare const TextArea: Story;