@westpac/ui 0.6.0 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.storybook/global.css +105 -0
- package/.storybook/main.ts +2 -1
- package/.storybook/manager.ts +6 -0
- package/.storybook/preview.tsx +50 -1
- package/.storybook/theme.ts +9 -0
- package/CHANGELOG.md +6 -0
- package/assets/storybook/fonts/Aller_Bd.woff +0 -0
- package/assets/storybook/fonts/Aller_Bd.woff2 +0 -0
- package/assets/storybook/fonts/Aller_Lt.woff +0 -0
- package/assets/storybook/fonts/Aller_Lt.woff2 +0 -0
- package/assets/storybook/fonts/Westpac-Bold-v2.007.woff +0 -0
- package/assets/storybook/fonts/Westpac-Bold-v2.007.woff2 +0 -0
- package/assets/storybook/fonts/dragonbold-bold-webfont.woff +0 -0
- package/assets/storybook/fonts/dragonbold-bold-webfont.woff2 +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-bold.woff +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-bold.woff2 +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-light.woff +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-light.woff2 +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-regular.woff +0 -0
- package/assets/storybook/fonts/lineto-brown-pro-regular.woff2 +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-300.woff +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-300.woff2 +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-700.woff +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-700.woff2 +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-regular.woff +0 -0
- package/assets/storybook/fonts/montserrat-v14-latin-regular.woff2 +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-600.woff +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-600.woff2 +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-700.woff +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-700.woff2 +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-regular.woff +0 -0
- package/assets/storybook/fonts/source-sans-pro-v14-latin-regular.woff2 +0 -0
- package/assets/storybook/gel-icon.svg +3 -0
- package/dist/components/accordion/accordion.component.d.ts +1 -1
- package/dist/components/accordion/accordion.stories.d.ts +4 -8
- package/dist/components/accordion/accordion.stories.js +10 -35
- package/dist/components/accordion/components/accordion-item/accordion-item.component.d.ts +1 -2
- package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +10 -10
- package/dist/components/alert/alert.component.d.ts +1 -2
- package/dist/components/alert/alert.stories.d.ts +6 -6
- package/dist/components/alert/alert.stories.js +76 -25
- package/dist/components/autocomplete/autocomplete.component.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete.component.js +7 -5
- package/dist/components/autocomplete/autocomplete.stories.d.ts +10 -6
- package/dist/components/autocomplete/autocomplete.stories.js +33 -14
- package/dist/components/autocomplete/autocomplete.styles.js +3 -3
- package/dist/components/autocomplete/autocomplete.types.d.ts +9 -0
- package/dist/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.d.ts +1 -2
- package/dist/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.d.ts +1 -2
- package/dist/components/autocomplete/components/list-box/list-box.component.d.ts +1 -2
- package/dist/components/autocomplete/components/popover/popover.component.d.ts +1 -2
- package/dist/components/badge/badge.component.d.ts +2 -2
- package/dist/components/badge/badge.stories.d.ts +11 -4
- package/dist/components/badge/badge.stories.js +23 -7
- package/dist/components/badge/badge.styles.d.ts +1 -1
- package/dist/components/badge/badge.styles.js +17 -17
- package/dist/components/breadcrumb/breadcrumb.component.d.ts +1 -1
- package/dist/components/breadcrumb/breadcrumb.stories.d.ts +1 -1
- package/dist/components/breadcrumb/breadcrumb.stories.js +8 -25
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.d.ts +1 -1
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.d.ts +2 -2
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.js +7 -12
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.styles.js +2 -2
- package/dist/components/button/button.stories.d.ts +8 -9
- package/dist/components/button/button.stories.js +15 -20
- package/dist/components/button/button.styles.js +8 -8
- package/dist/components/button-dropdown/button-dropdown.component.d.ts +1 -2
- package/dist/components/button-dropdown/button-dropdown.component.js +1 -1
- package/dist/components/button-dropdown/button-dropdown.stories.d.ts +11 -7
- package/dist/components/button-dropdown/button-dropdown.stories.js +50 -20
- package/dist/components/button-dropdown/components/heading/heading.component.d.ts +1 -2
- package/dist/components/button-dropdown/components/heading/heading.styles.js +1 -1
- package/dist/components/button-dropdown/components/panel/panel.component.d.ts +1 -2
- package/dist/components/button-dropdown/components/panel/panel.component.js +10 -6
- package/dist/components/button-dropdown/components/panel/panel.styles.js +1 -1
- package/dist/components/button-group/button-group.component.d.ts +1 -1
- package/dist/components/button-group/button-group.component.js +7 -3
- package/dist/components/button-group/button-group.stories.d.ts +10 -7
- package/dist/components/button-group/button-group.stories.js +27 -13
- package/dist/components/button-group/button-group.types.d.ts +8 -0
- package/dist/components/button-group/components/button/button.component.d.ts +1 -2
- package/dist/components/button-group/components/button/button.styles.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.component.d.ts +1 -1
- package/dist/components/checkbox-group/checkbox-group.component.js +6 -3
- package/dist/components/checkbox-group/checkbox-group.stories.d.ts +26 -6
- package/dist/components/checkbox-group/checkbox-group.stories.js +95 -11
- package/dist/components/checkbox-group/checkbox-group.types.d.ts +9 -0
- package/dist/components/checkbox-group/components/checkbox/checkbox.stories.d.ts +3 -3
- package/dist/components/checkbox-group/components/checkbox/checkbox.stories.js +5 -8
- package/dist/components/checkbox-group/components/checkbox/checkbox.styles.js +2 -2
- package/dist/components/circle/circle.component.d.ts +1 -2
- package/dist/components/circle/circle.stories.d.ts +1 -1
- package/dist/components/circle/circle.stories.js +3 -6
- package/dist/components/collapsible/collapsible.component.d.ts +1 -2
- package/dist/components/collapsible/collapsible.component.js +1 -0
- package/dist/components/collapsible/collapsible.stories.d.ts +3 -4
- package/dist/components/collapsible/collapsible.stories.js +6 -15
- package/dist/components/compacta/compacta.component.d.ts +1 -2
- package/dist/components/compacta/compacta.stories.d.ts +1 -2
- package/dist/components/compacta/compacta.stories.js +3 -8
- package/dist/components/date-picker/date-picker.component.d.ts +1 -2
- package/dist/components/date-picker/date-picker.stories.d.ts +19 -3
- package/dist/components/date-picker/date-picker.stories.js +57 -9
- package/dist/components/date-picker/date-picker.types.d.ts +5 -5
- package/dist/components/{form/components/error-message → error-message}/error-message.component.d.ts +1 -2
- package/dist/components/{form/components/error-message → error-message}/error-message.component.js +2 -2
- package/dist/components/field/field.component.d.ts +2 -0
- package/dist/components/field/field.component.js +43 -0
- package/dist/components/field/field.stories.d.ts +16 -0
- package/dist/components/field/field.stories.js +37 -0
- package/dist/components/field/field.styles.d.ts +3 -0
- package/dist/components/field/field.styles.js +13 -0
- package/dist/components/field/field.types.d.ts +19 -0
- package/dist/components/field/index.d.ts +2 -0
- package/dist/components/field/index.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.styles.d.ts +1 -1
- package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.styles.js +1 -1
- package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.styles.d.ts +1 -1
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.styles.js +1 -1
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.d.ts +1 -2
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.styles.d.ts +1 -1
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.styles.js +1 -1
- package/dist/components/flexi-cell/flexi-cell.component.js +5 -2
- package/dist/components/flexi-cell/flexi-cell.stories.d.ts +19 -19
- package/dist/components/flexi-cell/flexi-cell.stories.js +20 -25
- package/dist/components/flexi-cell/flexi-cell.styles.js +2 -2
- package/dist/components/form/components/form-chit-chat/form-chit-chat.component.d.ts +1 -2
- package/dist/components/form/components/form-group/form-group.component.d.ts +1 -2
- package/dist/components/form/components/form-hint/form-hint.component.d.ts +2 -3
- package/dist/components/form/components/form-hint/form-hint.component.js +5 -8
- package/dist/components/form/components/form-hint/index.d.ts +0 -1
- package/dist/components/form/components/form-label/form-label.component.d.ts +2 -3
- package/dist/components/form/components/form-label/form-label.component.js +5 -10
- package/dist/components/form/components/form-label/index.d.ts +0 -1
- package/dist/components/form/components/form-section/form-section.component.d.ts +1 -2
- package/dist/components/form/components/index.d.ts +0 -1
- package/dist/components/form/components/index.js +0 -1
- package/dist/components/form/form.component.d.ts +2 -3
- package/dist/components/form/form.component.js +2 -1
- package/dist/components/form/form.stories.d.ts +4 -4
- package/dist/components/form/form.stories.js +6 -9
- package/dist/components/form-hint/form-hint.component.d.ts +2 -0
- package/dist/components/form-hint/form-hint.component.js +24 -0
- package/dist/components/{form/components/form-hint → form-hint}/form-hint.types.d.ts +4 -0
- package/dist/components/form-hint/index.d.ts +2 -0
- package/dist/components/form-hint/index.js +1 -0
- package/dist/components/form-label/form-label.component.d.ts +2 -0
- package/dist/components/form-label/form-label.component.js +27 -0
- package/dist/components/form-label/form-label.types.js +1 -0
- package/dist/components/form-label/index.d.ts +2 -0
- package/dist/components/form-label/index.js +1 -0
- package/dist/components/grid/components/container/container.component.d.ts +1 -2
- package/dist/components/grid/components/item/item.component.d.ts +1 -2
- package/dist/components/grid/grid.component.d.ts +1 -2
- package/dist/components/grid/grid.stories.d.ts +5 -4
- package/dist/components/grid/grid.stories.js +44 -13
- package/dist/components/icon/components/accessibility-icon.d.ts +1 -2
- package/dist/components/icon/components/account-icon.d.ts +1 -2
- package/dist/components/icon/components/add-circle-icon.d.ts +1 -2
- package/dist/components/icon/components/add-icon.d.ts +1 -2
- package/dist/components/icon/components/alert-icon.d.ts +1 -2
- package/dist/components/icon/components/android-icon.d.ts +1 -2
- package/dist/components/icon/components/apple-icon.d.ts +1 -2
- package/dist/components/icon/components/archive-box-icon.d.ts +1 -2
- package/dist/components/icon/components/arrow-fork-icon.d.ts +1 -2
- package/dist/components/icon/components/arrow-left-icon.d.ts +1 -2
- package/dist/components/icon/components/arrow-right-icon.d.ts +1 -2
- package/dist/components/icon/components/arrow-split-icon.d.ts +1 -2
- package/dist/components/icon/components/atm-icon.d.ts +1 -2
- package/dist/components/icon/components/attache-case-icon.d.ts +1 -2
- package/dist/components/icon/components/australia-icon.d.ts +1 -2
- package/dist/components/icon/components/baby-buggy-icon.d.ts +1 -2
- package/dist/components/icon/components/backspace-icon.d.ts +1 -2
- package/dist/components/icon/components/bank-icon.d.ts +1 -2
- package/dist/components/icon/components/bar-chart-down-icon.d.ts +1 -2
- package/dist/components/icon/components/bar-chart-icon.d.ts +1 -2
- package/dist/components/icon/components/barbell-icon.d.ts +1 -2
- package/dist/components/icon/components/bom-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/book-icon.d.ts +1 -2
- package/dist/components/icon/components/bpay-icon.d.ts +1 -2
- package/dist/components/icon/components/briefcase-icon.d.ts +1 -2
- package/dist/components/icon/components/bsa-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/bug-report-icon.d.ts +1 -2
- package/dist/components/icon/components/burger-icon.d.ts +1 -2
- package/dist/components/icon/components/business-person-icon.d.ts +1 -2
- package/dist/components/icon/components/cafe-icon.d.ts +1 -2
- package/dist/components/icon/components/cake-icon.d.ts +1 -2
- package/dist/components/icon/components/calculate-icon.d.ts +1 -2
- package/dist/components/icon/components/calculator-icon.d.ts +1 -2
- package/dist/components/icon/components/calendar-icon.d.ts +1 -2
- package/dist/components/icon/components/camera-icon.d.ts +1 -2
- package/dist/components/icon/components/car-icon.d.ts +1 -2
- package/dist/components/icon/components/cardless-cash-icon.d.ts +1 -2
- package/dist/components/icon/components/cart-icon.d.ts +1 -2
- package/dist/components/icon/components/chat-icon.d.ts +1 -2
- package/dist/components/icon/components/check-icon.d.ts +1 -2
- package/dist/components/icon/components/clear-icon.d.ts +1 -2
- package/dist/components/icon/components/clock-icon.d.ts +1 -2
- package/dist/components/icon/components/close-icon.d.ts +1 -2
- package/dist/components/icon/components/cocktail-glass-icon.d.ts +1 -2
- package/dist/components/icon/components/compass-icon.d.ts +1 -2
- package/dist/components/icon/components/contact-icon.d.ts +1 -2
- package/dist/components/icon/components/content-copy-icon.d.ts +1 -2
- package/dist/components/icon/components/credit-card-icon.d.ts +1 -2
- package/dist/components/icon/components/cube-icon.d.ts +1 -2
- package/dist/components/icon/components/cursor-arrow-click-icon.d.ts +1 -2
- package/dist/components/icon/components/cursor-arrow-doubleclick-icon.d.ts +1 -2
- package/dist/components/icon/components/cursor-arrow-icon.d.ts +1 -2
- package/dist/components/icon/components/cursor-arrow-rays-icon.d.ts +1 -2
- package/dist/components/icon/components/delete-icon.d.ts +1 -2
- package/dist/components/icon/components/delivery-truck-icon.d.ts +1 -2
- package/dist/components/icon/components/desktop-icon.d.ts +1 -2
- package/dist/components/icon/components/diamond-icon.d.ts +1 -2
- package/dist/components/icon/components/dollar-icon.d.ts +1 -2
- package/dist/components/icon/components/dollar-sign-icon.d.ts +1 -2
- package/dist/components/icon/components/download-file-icon.d.ts +1 -2
- package/dist/components/icon/components/download-icon.d.ts +1 -2
- package/dist/components/icon/components/drag-icon.d.ts +1 -2
- package/dist/components/icon/components/drop-down-icon.d.ts +1 -2
- package/dist/components/icon/components/drop-up-icon.d.ts +1 -2
- package/dist/components/icon/components/dropbox-icon.d.ts +1 -2
- package/dist/components/icon/components/edit-icon.d.ts +1 -2
- package/dist/components/icon/components/education-icon.d.ts +1 -2
- package/dist/components/icon/components/eftpos-icon.d.ts +1 -2
- package/dist/components/icon/components/email-icon.d.ts +1 -2
- package/dist/components/icon/components/error-icon.d.ts +1 -2
- package/dist/components/icon/components/excel-file-icon.d.ts +1 -2
- package/dist/components/icon/components/exit-icon.d.ts +1 -2
- package/dist/components/icon/components/expand-less-icon.d.ts +1 -2
- package/dist/components/icon/components/expand-more-icon.d.ts +1 -2
- package/dist/components/icon/components/face-happy-icon.d.ts +1 -2
- package/dist/components/icon/components/facebook-icon.d.ts +1 -2
- package/dist/components/icon/components/favorite-icon.d.ts +1 -2
- package/dist/components/icon/components/filter-icon.d.ts +1 -2
- package/dist/components/icon/components/fingerprint-icon.d.ts +1 -2
- package/dist/components/icon/components/first-aid-case-icon.d.ts +1 -2
- package/dist/components/icon/components/first-aid-icon.d.ts +1 -2
- package/dist/components/icon/components/future-clock-icon.d.ts +1 -2
- package/dist/components/icon/components/gel-icon.d.ts +1 -2
- package/dist/components/icon/components/generic-file-icon.d.ts +1 -2
- package/dist/components/icon/components/geolocation-icon.d.ts +1 -2
- package/dist/components/icon/components/gift-icon.d.ts +1 -2
- package/dist/components/icon/components/github-icon.d.ts +1 -2
- package/dist/components/icon/components/global-icon.d.ts +1 -2
- package/dist/components/icon/components/google-plus-icon.d.ts +1 -2
- package/dist/components/icon/components/grid-icon.d.ts +1 -2
- package/dist/components/icon/components/growth-icon.d.ts +1 -2
- package/dist/components/icon/components/hamburger-menu-icon.d.ts +1 -2
- package/dist/components/icon/components/headset-icon.d.ts +1 -2
- package/dist/components/icon/components/heart-add-icon.d.ts +1 -2
- package/dist/components/icon/components/heart-tick-icon.d.ts +1 -2
- package/dist/components/icon/components/help-icon.d.ts +1 -2
- package/dist/components/icon/components/history-clock-icon.d.ts +1 -2
- package/dist/components/icon/components/house-dollar-icon.d.ts +1 -2
- package/dist/components/icon/components/house-icon.d.ts +1 -2
- package/dist/components/icon/components/house-people-icon.d.ts +1 -2
- package/dist/components/icon/components/house-person-icon.d.ts +1 -2
- package/dist/components/icon/components/ice-cream-icon.d.ts +1 -2
- package/dist/components/icon/components/id-card-icon.d.ts +1 -2
- package/dist/components/icon/components/image-square-icon.d.ts +1 -2
- package/dist/components/icon/components/info-icon.d.ts +1 -2
- package/dist/components/icon/components/instagram-icon.d.ts +1 -2
- package/dist/components/icon/components/inventory-icon.d.ts +1 -2
- package/dist/components/icon/components/invest-icon.d.ts +1 -2
- package/dist/components/icon/components/invoice-icon.d.ts +1 -2
- package/dist/components/icon/components/key-icon.d.ts +1 -2
- package/dist/components/icon/components/keyhole-icon.d.ts +1 -2
- package/dist/components/icon/components/leaf-icon.d.ts +1 -2
- package/dist/components/icon/components/light-bulb-icon.d.ts +1 -2
- package/dist/components/icon/components/limit-icon.d.ts +1 -2
- package/dist/components/icon/components/link-icon.d.ts +1 -2
- package/dist/components/icon/components/linkedin-icon.d.ts +1 -2
- package/dist/components/icon/components/list-icon.d.ts +1 -2
- package/dist/components/icon/components/live-chat-icon.d.ts +1 -2
- package/dist/components/icon/components/luggage-icon.d.ts +1 -2
- package/dist/components/icon/components/map-icon.d.ts +1 -2
- package/dist/components/icon/components/map-pin-icon.d.ts +1 -2
- package/dist/components/icon/components/medical-icon.d.ts +1 -2
- package/dist/components/icon/components/megaphone-icon.d.ts +1 -2
- package/dist/components/icon/components/message-icon.d.ts +1 -2
- package/dist/components/icon/components/mobile-pay-icon.d.ts +1 -2
- package/dist/components/icon/components/money-bag-icon.d.ts +1 -2
- package/dist/components/icon/components/money-in-icon.d.ts +1 -2
- package/dist/components/icon/components/money-notes-icon.d.ts +1 -2
- package/dist/components/icon/components/money-out-icon.d.ts +1 -2
- package/dist/components/icon/components/more-horiz-icon.d.ts +1 -2
- package/dist/components/icon/components/more-vert-icon.d.ts +1 -2
- package/dist/components/icon/components/move-from-icon.d.ts +1 -2
- package/dist/components/icon/components/move-to-icon.d.ts +1 -2
- package/dist/components/icon/components/new-content-icon.d.ts +1 -2
- package/dist/components/icon/components/new-window-icon.d.ts +1 -2
- package/dist/components/icon/components/notification-active-icon.d.ts +1 -2
- package/dist/components/icon/components/notification-icon.d.ts +1 -2
- package/dist/components/icon/components/notification-off-icon.d.ts +1 -2
- package/dist/components/icon/components/office-icon.d.ts +1 -2
- package/dist/components/icon/components/open-browser-icon.d.ts +1 -2
- package/dist/components/icon/components/package-delivery-icon.d.ts +1 -2
- package/dist/components/icon/components/padlock-icon.d.ts +1 -2
- package/dist/components/icon/components/padlock-open-icon.d.ts +1 -2
- package/dist/components/icon/components/padlock-tick-icon.d.ts +1 -2
- package/dist/components/icon/components/pause-circle-icon.d.ts +1 -2
- package/dist/components/icon/components/pause-icon.d.ts +1 -2
- package/dist/components/icon/components/paw-icon.d.ts +1 -2
- package/dist/components/icon/components/pay-icon.d.ts +1 -2
- package/dist/components/icon/components/pay-id-icon.d.ts +1 -2
- package/dist/components/icon/components/pay-to-mobile-icon.d.ts +1 -2
- package/dist/components/icon/components/paypass-icon.d.ts +1 -2
- package/dist/components/icon/components/pdf-file-icon.d.ts +1 -2
- package/dist/components/icon/components/pending-icon.d.ts +1 -2
- package/dist/components/icon/components/people-icon.d.ts +1 -2
- package/dist/components/icon/components/percent-icon.d.ts +1 -2
- package/dist/components/icon/components/person-icon.d.ts +1 -2
- package/dist/components/icon/components/phone-icon.d.ts +1 -2
- package/dist/components/icon/components/pie-chart-icon.d.ts +1 -2
- package/dist/components/icon/components/pizza-icon.d.ts +1 -2
- package/dist/components/icon/components/plane-icon.d.ts +1 -2
- package/dist/components/icon/components/play-circle-icon.d.ts +1 -2
- package/dist/components/icon/components/play-icon.d.ts +1 -2
- package/dist/components/icon/components/pram-icon.d.ts +1 -2
- package/dist/components/icon/components/presets-icon.d.ts +1 -2
- package/dist/components/icon/components/print-icon.d.ts +1 -2
- package/dist/components/icon/components/progress-icon.d.ts +1 -2
- package/dist/components/icon/components/question-mark-icon.d.ts +1 -2
- package/dist/components/icon/components/quick-balance-icon.d.ts +1 -2
- package/dist/components/icon/components/rams-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/receipt-icon.d.ts +1 -2
- package/dist/components/icon/components/refresh-icon.d.ts +1 -2
- package/dist/components/icon/components/remove-circle-icon.d.ts +1 -2
- package/dist/components/icon/components/remove-icon.d.ts +1 -2
- package/dist/components/icon/components/restaurant-icon.d.ts +1 -2
- package/dist/components/icon/components/rss-icon.d.ts +1 -2
- package/dist/components/icon/components/scan-document-icon.d.ts +1 -2
- package/dist/components/icon/components/sd-storage-icon.d.ts +1 -2
- package/dist/components/icon/components/search-icon.d.ts +1 -2
- package/dist/components/icon/components/security-icon.d.ts +1 -2
- package/dist/components/icon/components/service-bell-icon.d.ts +1 -2
- package/dist/components/icon/components/settings-icon.d.ts +1 -2
- package/dist/components/icon/components/share-icon.d.ts +1 -2
- package/dist/components/icon/components/share-ios-icon.d.ts +1 -2
- package/dist/components/icon/components/shop-icon.d.ts +1 -2
- package/dist/components/icon/components/shopping-bag-icon.d.ts +1 -2
- package/dist/components/icon/components/shopping-basket-icon.d.ts +1 -2
- package/dist/components/icon/components/sim-card-icon.d.ts +1 -2
- package/dist/components/icon/components/slack-icon.d.ts +1 -2
- package/dist/components/icon/components/sms-icon.d.ts +1 -2
- package/dist/components/icon/components/spa-icon.d.ts +1 -2
- package/dist/components/icon/components/star-half-icon.d.ts +1 -2
- package/dist/components/icon/components/star-rate-icon.d.ts +1 -2
- package/dist/components/icon/components/stg-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/stopwatch-icon.d.ts +1 -2
- package/dist/components/icon/components/stroller-icon.d.ts +1 -2
- package/dist/components/icon/components/success-icon.d.ts +1 -2
- package/dist/components/icon/components/super-icon.d.ts +1 -2
- package/dist/components/icon/components/switch-icon.d.ts +1 -2
- package/dist/components/icon/components/tablet-icon.d.ts +1 -2
- package/dist/components/icon/components/tag-icon.d.ts +1 -2
- package/dist/components/icon/components/takeout-coffee-icon.d.ts +1 -2
- package/dist/components/icon/components/takeout-food-icon.d.ts +1 -2
- package/dist/components/icon/components/telephone-icon.d.ts +1 -2
- package/dist/components/icon/components/thumb-down-icon.d.ts +1 -2
- package/dist/components/icon/components/thumb-up-icon.d.ts +1 -2
- package/dist/components/icon/components/tick-circle-icon.d.ts +1 -2
- package/dist/components/icon/components/tick-icon.d.ts +1 -2
- package/dist/components/icon/components/transfer-icon.d.ts +1 -2
- package/dist/components/icon/components/transport-icon.d.ts +1 -2
- package/dist/components/icon/components/travel-explore-icon.d.ts +1 -2
- package/dist/components/icon/components/tune-icon.d.ts +1 -2
- package/dist/components/icon/components/twitter-icon.d.ts +1 -2
- package/dist/components/icon/components/umbrella-icon.d.ts +1 -2
- package/dist/components/icon/components/upload-icon.d.ts +1 -2
- package/dist/components/icon/components/verified-icon.d.ts +1 -2
- package/dist/components/icon/components/video-icon.d.ts +1 -2
- package/dist/components/icon/components/visibility-icon.d.ts +1 -2
- package/dist/components/icon/components/visibility-off-icon.d.ts +1 -2
- package/dist/components/icon/components/voice-icon.d.ts +1 -2
- package/dist/components/icon/components/walk-icon.d.ts +1 -2
- package/dist/components/icon/components/wallet-icon.d.ts +1 -2
- package/dist/components/icon/components/warning-icon.d.ts +1 -2
- package/dist/components/icon/components/watch-icon.d.ts +1 -2
- package/dist/components/icon/components/wbc-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/wbg-logo-icon.d.ts +1 -2
- package/dist/components/icon/components/wearable-icon.d.ts +1 -2
- package/dist/components/icon/components/wheelchair-icon.d.ts +1 -2
- package/dist/components/icon/components/windows-new-icon.d.ts +1 -2
- package/dist/components/icon/components/wine-glass-icon.d.ts +1 -2
- package/dist/components/icon/components/word-file-icon.d.ts +1 -2
- package/dist/components/icon/components/write-icon.d.ts +1 -2
- package/dist/components/icon/components/yammer-icon.d.ts +1 -2
- package/dist/components/icon/components/youtube-icon.d.ts +1 -2
- package/dist/components/icon/components/zip-file-icon.d.ts +1 -2
- package/dist/components/icon/icon.component.d.ts +1 -2
- package/dist/components/icon/icon.stories.d.ts +4 -4
- package/dist/components/icon/icon.stories.js +6 -13
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.js +4 -0
- package/dist/components/input/input.component.d.ts +1 -1
- package/dist/components/input/input.stories.d.ts +8 -4
- package/dist/components/input/input.stories.js +28 -10
- package/dist/components/input-field/components/add-ons/add-ons.component.d.ts +1 -2
- package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.d.ts +1 -2
- package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.d.ts +1 -2
- package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.d.ts +1 -2
- package/dist/components/input-field/components/supporting-text/supporting-text.component.d.ts +1 -2
- package/dist/components/input-field/input-field.component.d.ts +1 -2
- package/dist/components/input-field/input-field.component.js +4 -4
- package/dist/components/input-field/input-field.scenarios.stories.d.ts +6 -6
- package/dist/components/input-field/input-field.scenarios.stories.js +8 -11
- package/dist/components/input-field/input-field.sizes.stories.d.ts +1 -1
- package/dist/components/input-field/input-field.sizes.stories.js +3 -6
- package/dist/components/input-field/input-field.state.stories.d.ts +3 -3
- package/dist/components/input-field/input-field.state.stories.js +5 -8
- package/dist/components/input-field/input-field.stories.d.ts +8 -4
- package/dist/components/input-field/input-field.stories.js +16 -9
- package/dist/components/input-field/input-field.type.stories.d.ts +7 -7
- package/dist/components/input-field/input-field.type.stories.js +9 -12
- package/dist/components/link/link.component.d.ts +1 -1
- package/dist/components/link/link.component.js +1 -3
- package/dist/components/link/link.stories.d.ts +4 -5
- package/dist/components/link/link.stories.js +9 -14
- package/dist/components/link/link.styles.d.ts +0 -2
- package/dist/components/link/link.styles.js +2 -3
- package/dist/components/list/components/item/item.component.d.ts +1 -1
- package/dist/components/list/list.component.d.ts +1 -1
- package/dist/components/list/list.stories.d.ts +5 -6
- package/dist/components/list/list.stories.js +8 -13
- package/dist/components/modal/components/backdrop/backdrop.component.d.ts +1 -2
- package/dist/components/modal/components/backdrop/backdrop.styles.js +2 -2
- package/dist/components/modal/components/dialog/components/dialog-body/dialog-body.component.d.ts +1 -2
- package/dist/components/modal/components/dialog/components/dialog-footer/dialog-footer.component.d.ts +1 -2
- package/dist/components/modal/components/dialog/dialog.component.d.ts +1 -2
- package/dist/components/modal/components/dialog/dialog.styles.js +1 -1
- package/dist/components/modal/components/dialog/dialog.types.d.ts +1 -1
- package/dist/components/modal/modal.component.d.ts +1 -2
- package/dist/components/modal/modal.stories.d.ts +4 -4
- package/dist/components/modal/modal.stories.js +6 -9
- package/dist/components/pagination/components/pagination-item/pagination-item.component.d.ts +1 -2
- package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +1 -1
- package/dist/components/pagination/pagination.component.d.ts +1 -2
- package/dist/components/pagination/pagination.stories.d.ts +7 -8
- package/dist/components/pagination/pagination.stories.js +40 -13
- package/dist/components/pagination/pagination.styles.js +2 -2
- package/dist/components/pagination/pagination.types.d.ts +1 -1
- package/dist/components/panel/components/body/body.component.d.ts +1 -2
- package/dist/components/panel/components/body/body.styles.js +1 -1
- package/dist/components/panel/components/footer/footer.component.d.ts +1 -2
- package/dist/components/panel/components/footer/footer.styles.js +1 -1
- package/dist/components/panel/panel.component.d.ts +1 -2
- package/dist/components/panel/panel.stories.d.ts +4 -4
- package/dist/components/panel/panel.stories.js +6 -11
- package/dist/components/panel/panel.styles.js +1 -1
- package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/accessibility-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/accounts-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/aeroplane-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/arrow-down-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/arrow-left-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/arrow-right-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/arrow-up-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/arrows-passing-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/atm-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/australia-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/bank-card-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/bank-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/birth-certificate-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/building-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/buoy-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/bus-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/business-person-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/calculator-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/calendar-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/car-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/cash-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/celebration-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/chat-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/clock-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/coffee-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/coins-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/compass-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/customer-profile-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/desktop-computer-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/document-and-pen-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/dollar-sign-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/drivers-licence-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/education-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/eftpos-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/envelope-email-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/envelope-printed-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/face-happy-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/face-unhappy-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/face-unsure-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/finger-motion-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/fingerprint-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/football-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/fork-knife-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/generic-document-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/gift-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/globe-australia-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/globe-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/graph-increasing-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/gym-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/headset-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/heart-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/house-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/light-bulb-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/loop-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/medicare-card-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/mobile-device-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/money-in-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/money-out-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/movie-tickets-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/nest-egg-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/noodles-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/number-1-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/number-2-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/number-3-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/number-4-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/number-5-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/padlock-locked-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/passport-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/percent-sign-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/person-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/piggy-bank-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/pizza-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/plant-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/search-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/secure-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/shop-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/shopping-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/star-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/stopwatch-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/tax-document-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/telephone-call-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/thumbs-up-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/tick-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/tools-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/tractor-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/truck-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/umbrella-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/unsecure-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/wallet-pictogram.d.ts +1 -2
- package/dist/components/pictogram/components/informative/wearables-pictogram.d.ts +1 -2
- package/dist/components/pictogram/pictogram.component.d.ts +1 -2
- package/dist/components/pictogram/pictogram.stories.d.ts +2 -3
- package/dist/components/pictogram/pictogram.stories.js +4 -7
- package/dist/components/popover/components/panel/panel.component.d.ts +1 -2
- package/dist/components/popover/components/panel/panel.styles.js +2 -2
- package/dist/components/popover/popover.component.d.ts +1 -2
- package/dist/components/popover/popover.stories.d.ts +5 -6
- package/dist/components/popover/popover.stories.js +6 -9
- package/dist/components/progress-bar/progress-bar.component.d.ts +1 -2
- package/dist/components/progress-bar/progress-bar.stories.d.ts +4 -5
- package/dist/components/progress-bar/progress-bar.stories.js +7 -12
- package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.d.ts +1 -2
- package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.js +0 -1
- package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts +1 -1
- package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.component.d.ts +1 -2
- package/dist/components/progress-rope/progress-rope.component.d.ts +1 -2
- package/dist/components/progress-rope/progress-rope.stories.d.ts +2 -2
- package/dist/components/progress-rope/progress-rope.stories.js +4 -7
- package/dist/components/radio-group/components/radio/radio.stories.d.ts +3 -3
- package/dist/components/radio-group/components/radio/radio.stories.js +5 -10
- package/dist/components/radio-group/components/radio/radio.styles.js +2 -2
- package/dist/components/radio-group/radio-group.component.d.ts +1 -1
- package/dist/components/radio-group/radio-group.component.js +6 -3
- package/dist/components/radio-group/radio-group.stories.d.ts +26 -6
- package/dist/components/radio-group/radio-group.stories.js +92 -13
- package/dist/components/radio-group/radio-group.types.d.ts +9 -0
- package/dist/components/repeater/repeater.component.d.ts +1 -2
- package/dist/components/repeater/repeater.stories.d.ts +2 -2
- package/dist/components/repeater/repeater.stories.js +5 -10
- package/dist/components/select/select.stories.d.ts +7 -3
- package/dist/components/select/select.stories.js +27 -11
- package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.d.ts +8 -8
- package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.js +5 -8
- package/dist/components/selector/components/selector-label/index.d.ts +1 -0
- package/dist/components/selector/components/selector-label/index.js +1 -0
- package/dist/components/selector/components/selector-label/selector-label.component.d.ts +2 -0
- package/dist/components/selector/components/selector-label/selector-label.component.js +24 -0
- package/dist/components/selector/components/selector-label/selector-label.styles.d.ts +5 -0
- package/dist/components/selector/components/selector-label/selector-label.styles.js +4 -0
- package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.styles.js +1 -1
- package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.d.ts +8 -8
- package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.js +7 -6
- package/dist/components/selector/selector.component.d.ts +23 -22
- package/dist/components/selector/selector.component.js +3 -2
- package/dist/components/selector/selector.stories.d.ts +13 -14
- package/dist/components/selector/selector.stories.js +15 -18
- package/dist/components/skip-link/skip-link.stories.d.ts +2 -3
- package/dist/components/skip-link/skip-link.stories.js +18 -10
- package/dist/components/switch/switch.component.d.ts +1 -2
- package/dist/components/switch/switch.stories.d.ts +6 -7
- package/dist/components/switch/switch.stories.js +9 -14
- package/dist/components/switch/switch.styles.js +1 -1
- package/dist/components/symbol/components/logos/bom-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bom-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bom-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bom-shield-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bsa-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bsa-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bsa-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/bsa-stacked-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/rams-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/rams-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/rams-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/red-avatar-circle-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/red-avatar-circle-reversed-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/red-avatar-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/stg-dragon-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/stg-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/stg-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/stg-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbc-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbc-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbc-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbg-internal-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbg-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbg-multibrand-large-logo.d.ts +1 -2
- package/dist/components/symbol/components/logos/wbg-multibrand-small-logo.d.ts +1 -2
- package/dist/components/symbol/components/symbols/american-express-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/apple-store-inverse-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/apple-store-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/bpay-land-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/bpay-port-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/facebook-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/google-plus-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/google-store-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/instagram-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/linked-in-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/mastercard-accepted-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/mastercard-horizontal-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/mastercard-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/microsoft-store-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/pay-id-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/slack-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/twitter-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/visa-blue-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/visa-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/visa-white-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/yammer-symbol.d.ts +1 -2
- package/dist/components/symbol/components/symbols/youtube-symbol.d.ts +1 -2
- package/dist/components/symbol/symbol.component.d.ts +1 -2
- package/dist/components/symbol/symbol.stories.d.ts +4 -5
- package/dist/components/symbol/symbol.stories.js +3 -6
- package/dist/components/table/components/body/body.component.d.ts +1 -2
- package/dist/components/table/components/caption/caption.component.d.ts +1 -2
- package/dist/components/table/components/cell/cell.component.d.ts +1 -2
- package/dist/components/table/components/cell/cell.styles.js +1 -1
- package/dist/components/table/components/footer/footer.component.d.ts +1 -2
- package/dist/components/table/components/header/header.component.d.ts +1 -2
- package/dist/components/table/components/header-cell/header-cell.component.d.ts +1 -2
- package/dist/components/table/components/header-row/header-row.component.d.ts +1 -2
- package/dist/components/table/components/row/row.component.d.ts +1 -2
- package/dist/components/table/table.component.d.ts +1 -1
- package/dist/components/table/table.stories.d.ts +9 -5
- package/dist/components/table/table.stories.js +16 -12
- package/dist/components/tabs/components/tab/tab.component.d.ts +1 -2
- package/dist/components/tabs/components/tab/tab.styles.d.ts +1 -1
- package/dist/components/tabs/components/tab/tab.styles.js +8 -8
- package/dist/components/tabs/components/tab-panel/tab-panel.component.d.ts +1 -2
- package/dist/components/tabs/components/tab-panel/tab-panel.styles.js +1 -1
- package/dist/components/tabs/tabs.component.d.ts +1 -1
- package/dist/components/tabs/tabs.stories.d.ts +4 -16
- package/dist/components/tabs/tabs.stories.js +10 -74
- package/dist/components/textarea/textarea.stories.d.ts +8 -4
- package/dist/components/textarea/textarea.stories.js +18 -12
- package/dist/components/visually-hidden/visually-hidden.component.d.ts +1 -2
- package/dist/components/visually-hidden/visually-hidden.stories.d.ts +1 -1
- package/dist/components/visually-hidden/visually-hidden.stories.js +3 -6
- package/dist/components/well/well.component.d.ts +1 -2
- package/dist/components/well/well.stories.d.ts +5 -5
- package/dist/components/well/well.stories.js +8 -15
- package/dist/css/westpac-ui.css +1086 -43
- package/dist/css/westpac-ui.min.css +1086 -43
- package/dist/stories/foundation/breakpoints.stories.d.ts +8 -0
- package/dist/stories/foundation/breakpoints.stories.js +12 -0
- package/dist/stories/foundation/colours.stories.d.ts +16 -0
- package/dist/stories/foundation/colours.stories.js +387 -0
- package/dist/stories/foundation/theme.stories.d.ts +7 -0
- package/dist/stories/foundation/theme.stories.js +16 -0
- package/dist/stories/foundation/typography.stories.d.ts +11 -0
- package/dist/stories/foundation/typography.stories.js +109 -0
- package/dist/tailwind/tailwind-plugin.js +23 -1
- package/package.json +5 -3
- package/scaffold/component/scaffold.stories.hbs +1 -1
- package/src/components/accordion/accordion.stories.tsx +18 -37
- package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +10 -10
- package/src/components/alert/alert.stories.tsx +43 -14
- package/src/components/autocomplete/autocomplete.component.tsx +8 -5
- package/src/components/autocomplete/autocomplete.stories.tsx +43 -17
- package/src/components/autocomplete/autocomplete.styles.ts +3 -3
- package/src/components/autocomplete/autocomplete.types.ts +10 -0
- package/src/components/badge/badge.stories.tsx +44 -13
- package/src/components/badge/badge.styles.ts +17 -17
- package/src/components/breadcrumb/breadcrumb.stories.tsx +7 -23
- package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.tsx +6 -15
- package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.styles.ts +2 -2
- package/src/components/button/button.stories.tsx +43 -50
- package/src/components/button/button.styles.ts +10 -8
- package/src/components/button-dropdown/button-dropdown.component.tsx +1 -1
- package/src/components/button-dropdown/button-dropdown.stories.tsx +77 -35
- package/src/components/button-dropdown/components/heading/heading.styles.ts +1 -1
- package/src/components/button-dropdown/components/panel/panel.component.tsx +20 -4
- package/src/components/button-dropdown/components/panel/panel.styles.ts +1 -1
- package/src/components/button-group/button-group.component.tsx +18 -2
- package/src/components/button-group/button-group.stories.tsx +30 -22
- package/src/components/button-group/button-group.types.ts +8 -0
- package/src/components/button-group/components/button/button.styles.ts +1 -1
- package/src/components/checkbox-group/checkbox-group.component.tsx +9 -3
- package/src/components/checkbox-group/checkbox-group.stories.tsx +99 -11
- package/src/components/checkbox-group/checkbox-group.types.ts +10 -0
- package/src/components/checkbox-group/components/checkbox/checkbox.stories.tsx +5 -8
- package/src/components/checkbox-group/components/checkbox/checkbox.styles.ts +2 -2
- package/src/components/circle/circle.stories.tsx +2 -5
- package/src/components/collapsible/collapsible.component.tsx +1 -0
- package/src/components/collapsible/collapsible.stories.tsx +10 -19
- package/src/components/compacta/compacta.stories.tsx +5 -15
- package/src/components/date-picker/date-picker.stories.tsx +67 -9
- package/src/components/date-picker/date-picker.types.ts +5 -5
- package/src/components/date-picker/date-picker.utils.ts +2 -2
- package/src/components/{form/components/error-message → error-message}/error-message.component.tsx +2 -8
- package/src/components/field/field.component.tsx +43 -0
- package/src/components/field/field.stories.tsx +57 -0
- package/src/components/field/field.styles.ts +9 -0
- package/src/components/field/field.types.ts +24 -0
- package/src/components/field/index.ts +2 -0
- package/src/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.styles.ts +1 -1
- package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.styles.ts +1 -1
- package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.styles.ts +1 -1
- package/src/components/flexi-cell/flexi-cell.component.tsx +6 -1
- package/src/components/flexi-cell/flexi-cell.stories.tsx +21 -30
- package/src/components/flexi-cell/flexi-cell.styles.ts +2 -2
- package/src/components/form/components/form-hint/form-hint.component.tsx +3 -9
- package/src/components/form/components/form-hint/index.ts +0 -1
- package/src/components/form/components/form-label/form-label.component.tsx +6 -19
- package/src/components/form/components/form-label/index.ts +0 -1
- package/src/components/form/components/index.ts +0 -1
- package/src/components/form/form.component.tsx +3 -1
- package/src/components/form/form.stories.tsx +5 -8
- package/src/components/form-hint/form-hint.component.tsx +12 -0
- package/src/components/{form/components/form-hint → form-hint}/form-hint.types.ts +4 -0
- package/src/components/form-hint/index.ts +2 -0
- package/src/components/form-label/form-label.component.tsx +26 -0
- package/src/components/form-label/index.ts +2 -0
- package/src/components/grid/grid.stories.tsx +51 -15
- package/src/components/icon/icon.stories.tsx +6 -15
- package/src/components/index.ts +4 -0
- package/src/components/input/input.stories.tsx +20 -9
- package/src/components/input-field/input-field.component.tsx +5 -5
- package/src/components/input-field/input-field.scenarios.stories.tsx +7 -10
- package/src/components/input-field/input-field.sizes.stories.tsx +2 -5
- package/src/components/input-field/input-field.state.stories.tsx +4 -7
- package/src/components/input-field/input-field.stories.tsx +19 -8
- package/src/components/input-field/input-field.type.stories.tsx +8 -11
- package/src/components/link/link.component.tsx +1 -1
- package/src/components/link/link.stories.tsx +10 -19
- package/src/components/link/link.styles.ts +2 -3
- package/src/components/list/list.stories.tsx +11 -20
- package/src/components/modal/components/backdrop/backdrop.styles.ts +2 -2
- package/src/components/modal/components/dialog/dialog.styles.ts +1 -1
- package/src/components/modal/components/dialog/dialog.types.ts +1 -1
- package/src/components/modal/modal.stories.tsx +12 -15
- package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +1 -1
- package/src/components/pagination/pagination.component.tsx +2 -2
- package/src/components/pagination/pagination.stories.tsx +27 -14
- package/src/components/pagination/pagination.styles.ts +2 -2
- package/src/components/pagination/pagination.types.ts +1 -1
- package/src/components/panel/components/body/body.styles.ts +1 -1
- package/src/components/panel/components/footer/footer.styles.ts +1 -1
- package/src/components/panel/panel.stories.tsx +6 -15
- package/src/components/panel/panel.styles.ts +1 -1
- package/src/components/pictogram/pictogram.stories.tsx +4 -7
- package/src/components/popover/components/panel/panel.styles.ts +2 -2
- package/src/components/popover/popover.stories.tsx +6 -9
- package/src/components/progress-bar/progress-bar.stories.tsx +6 -15
- package/src/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.component.tsx +0 -2
- package/src/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.ts +1 -1
- package/src/components/progress-rope/progress-rope.stories.tsx +3 -6
- package/src/components/radio-group/components/radio/radio.stories.tsx +5 -14
- package/src/components/radio-group/components/radio/radio.styles.ts +2 -2
- package/src/components/radio-group/radio-group.component.tsx +12 -2
- package/src/components/radio-group/radio-group.stories.tsx +93 -17
- package/src/components/radio-group/radio-group.types.ts +10 -0
- package/src/components/repeater/repeater.stories.tsx +5 -14
- package/src/components/select/select.stories.tsx +30 -14
- package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.tsx +6 -10
- package/src/components/selector/components/selector-label/index.ts +1 -0
- package/src/components/selector/components/selector-label/selector-label.component.tsx +9 -0
- package/src/components/selector/components/selector-label/selector-label.styles.ts +5 -0
- package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.styles.ts +1 -1
- package/src/components/selector/components/selector-radio-group/selector-radio-group.component.tsx +12 -7
- package/src/components/selector/selector.component.tsx +2 -2
- package/src/components/selector/selector.stories.tsx +14 -17
- package/src/components/skip-link/skip-link.stories.tsx +38 -9
- package/src/components/switch/switch.stories.tsx +10 -19
- package/src/components/switch/switch.styles.ts +1 -1
- package/src/components/symbol/symbol.stories.tsx +2 -5
- package/src/components/table/components/cell/cell.styles.ts +1 -1
- package/src/components/table/table.stories.tsx +54 -16
- package/src/components/tabs/components/tab/tab.styles.ts +8 -8
- package/src/components/tabs/components/tab-panel/tab-panel.styles.ts +1 -1
- package/src/components/tabs/tabs.stories.tsx +18 -83
- package/src/components/textarea/textarea.stories.tsx +26 -15
- package/src/components/visually-hidden/visually-hidden.stories.tsx +2 -5
- package/src/components/well/well.stories.tsx +7 -16
- package/src/css/global.css +4 -0
- package/src/stories/foundation/breakpoints.stories.tsx +55 -0
- package/src/stories/foundation/colours.stories.tsx +381 -0
- package/src/stories/foundation/theme.stories.tsx +29 -0
- package/src/stories/foundation/typography.stories.tsx +93 -0
- package/src/tailwind/tailwind-plugin.ts +24 -1
- package/dist/components/button-group/components/button/button.stories.d.ts +0 -9
- package/dist/components/button-group/components/button/button.stories.js +0 -23
- package/src/components/button-group/components/button/button.stories.tsx +0 -32
- package/src/stories/Introduction.mdx +0 -213
- /package/dist/components/{form/components/error-message → error-message}/error-message.styles.d.ts +0 -0
- /package/dist/components/{form/components/error-message → error-message}/error-message.styles.js +0 -0
- /package/dist/components/{form/components/error-message → error-message}/error-message.types.d.ts +0 -0
- /package/dist/components/{form/components/error-message → error-message}/error-message.types.js +0 -0
- /package/dist/components/{form/components/error-message → error-message}/index.d.ts +0 -0
- /package/dist/components/{form/components/error-message → error-message}/index.js +0 -0
- /package/dist/components/{form/components/form-hint/form-hint.types.js → field/field.types.js} +0 -0
- /package/dist/components/{form/components/form-hint → form-hint}/form-hint.styles.d.ts +0 -0
- /package/dist/components/{form/components/form-hint → form-hint}/form-hint.styles.js +0 -0
- /package/dist/components/{form/components/form-label/form-label.types.js → form-hint/form-hint.types.js} +0 -0
- /package/dist/components/{form/components/form-label → form-label}/form-label.styles.d.ts +0 -0
- /package/dist/components/{form/components/form-label → form-label}/form-label.styles.js +0 -0
- /package/dist/components/{form/components/form-label → form-label}/form-label.types.d.ts +0 -0
- /package/src/components/{form/components/error-message → error-message}/error-message.styles.ts +0 -0
- /package/src/components/{form/components/error-message → error-message}/error-message.types.ts +0 -0
- /package/src/components/{form/components/error-message → error-message}/index.ts +0 -0
- /package/src/components/{form/components/form-hint → form-hint}/form-hint.styles.ts +0 -0
- /package/src/components/{form/components/form-label → form-label}/form-label.styles.ts +0 -0
- /package/src/components/{form/components/form-label → form-label}/form-label.types.ts +0 -0
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SearchIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SearchIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SecurityIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SecurityIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ServiceBellIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ServiceBellIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SettingsIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SettingsIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ShareIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ShareIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ShareIosIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ShareIosIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ShopIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ShopIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ShoppingBagIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ShoppingBagIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ShoppingBasketIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ShoppingBasketIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SimCardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SimCardIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SlackIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SlackIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SmsIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SmsIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SpaIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SpaIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function StarHalfIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function StarHalfIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function StarRateIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function StarRateIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function STGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function STGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function StopwatchIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function StopwatchIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function StrollerIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function StrollerIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SuccessIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SuccessIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SuperIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SuperIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function SwitchIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function SwitchIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TabletIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TabletIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TagIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TagIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TakeoutCoffeeIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TakeoutCoffeeIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TakeoutFoodIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TakeoutFoodIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TelephoneIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TelephoneIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ThumbDownIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ThumbDownIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ThumbUpIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ThumbUpIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TickCircleIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TickCircleIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TickIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TickIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TransferIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TransferIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TransportIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TransportIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TravelExploreIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TravelExploreIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TuneIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TuneIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function TwitterIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function TwitterIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function UmbrellaIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function UmbrellaIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function UploadIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function UploadIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function VerifiedIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function VerifiedIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function VideoIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function VideoIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function VisibilityIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function VisibilityIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function VisibilityOffIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function VisibilityOffIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function VoiceIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function VoiceIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WalkIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WalkIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WalletIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WalletIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WarningIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WarningIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WatchIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WatchIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WBCLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WBCLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WBGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WBGLogoIcon({ 'aria-label': ariaLabel, copyrightYear, viewBox, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WearableIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WearableIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WheelchairIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WheelchairIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WindowsNewIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WindowsNewIcon({ 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WineGlassIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WineGlassIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WordFileIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WordFileIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function WriteIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function WriteIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function YammerIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function YammerIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function YoutubeIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function YoutubeIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from '../icon.types.js';
|
|
3
|
-
export declare function ZipFileIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function ZipFileIcon({ look, 'aria-label': ariaLabel, copyrightYear, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconProps } from './icon.types.js';
|
|
3
|
-
export declare function Icon({ copyrightYear, xmlns, viewBox, role, focusable, children, className, size, color, ...props }: IconProps): JSX.Element;
|
|
2
|
+
export declare function Icon({ copyrightYear, xmlns, viewBox, role, focusable, children, className, size, color, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,16 +6,16 @@ type Story = StoryObj<typeof meta>;
|
|
|
6
6
|
/**
|
|
7
7
|
* > Default usage example
|
|
8
8
|
*/
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const Default: Story;
|
|
10
10
|
/**
|
|
11
11
|
* > With primary color example
|
|
12
12
|
*/
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const Primary: Story;
|
|
14
14
|
/**
|
|
15
15
|
* > With large size example
|
|
16
16
|
*/
|
|
17
|
-
export declare const
|
|
17
|
+
export declare const Size: Story;
|
|
18
18
|
/**
|
|
19
19
|
* > With outlined look example
|
|
20
20
|
*/
|
|
21
|
-
export declare const
|
|
21
|
+
export declare const Outlined: Story;
|
|
@@ -62,21 +62,14 @@ const AllIconsExample = (props)=>{
|
|
|
62
62
|
}, `<${key} />`)))));
|
|
63
63
|
};
|
|
64
64
|
const meta = {
|
|
65
|
-
title: '
|
|
65
|
+
title: 'Foundation/Icons',
|
|
66
66
|
component: AllIconsExample,
|
|
67
67
|
tags: [
|
|
68
68
|
'autodocs'
|
|
69
69
|
],
|
|
70
70
|
decorators: [
|
|
71
|
-
(Story)=>React.createElement(
|
|
72
|
-
style: {
|
|
73
|
-
padding: '3rem'
|
|
74
|
-
}
|
|
75
|
-
}, React.createElement(Story, null))
|
|
71
|
+
(Story)=>React.createElement(Story, null)
|
|
76
72
|
],
|
|
77
|
-
parameters: {
|
|
78
|
-
layout: 'fullscreen'
|
|
79
|
-
},
|
|
80
73
|
argTypes: {
|
|
81
74
|
children: {
|
|
82
75
|
description: 'Children',
|
|
@@ -134,20 +127,20 @@ const meta = {
|
|
|
134
127
|
}
|
|
135
128
|
};
|
|
136
129
|
export default meta;
|
|
137
|
-
export const
|
|
130
|
+
export const Default = {
|
|
138
131
|
args: {}
|
|
139
132
|
};
|
|
140
|
-
export const
|
|
133
|
+
export const Primary = {
|
|
141
134
|
args: {
|
|
142
135
|
color: 'primary'
|
|
143
136
|
}
|
|
144
137
|
};
|
|
145
|
-
export const
|
|
138
|
+
export const Size = {
|
|
146
139
|
args: {
|
|
147
140
|
size: 'xlarge'
|
|
148
141
|
}
|
|
149
142
|
};
|
|
150
|
-
export const
|
|
143
|
+
export const Outlined = {
|
|
151
144
|
args: {
|
|
152
145
|
look: 'outlined'
|
|
153
146
|
}
|
|
@@ -35,3 +35,7 @@ export * from './progress-rope/index.js';
|
|
|
35
35
|
export * from './selector/index.js';
|
|
36
36
|
export * from './compacta/index.js';
|
|
37
37
|
export * from './repeater/index.js';
|
|
38
|
+
export * from './error-message/index.js';
|
|
39
|
+
export * from './form-label/index.js';
|
|
40
|
+
export * from './form-hint/index.js';
|
|
41
|
+
export * from './field/index.js';
|
package/dist/components/index.js
CHANGED
|
@@ -35,3 +35,7 @@ export * from './progress-rope/index.js';
|
|
|
35
35
|
export * from './selector/index.js';
|
|
36
36
|
export * from './compacta/index.js';
|
|
37
37
|
export * from './repeater/index.js';
|
|
38
|
+
export * from './error-message/index.js';
|
|
39
|
+
export * from './form-label/index.js';
|
|
40
|
+
export * from './form-hint/index.js';
|
|
41
|
+
export * from './field/index.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ForwardedRef } from 'react';
|
|
2
2
|
import { type InputProps } from './input.types.js';
|
|
3
|
-
export declare function BaseInput({ className, size, invalid, ...props }: InputProps, ref: ForwardedRef<HTMLInputElement>): JSX.Element;
|
|
3
|
+
export declare function BaseInput({ className, size, invalid, ...props }: InputProps, ref: ForwardedRef<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare const Input: React.ForwardRefExoticComponent<{
|
|
5
5
|
invalid?: boolean | undefined;
|
|
6
6
|
} & Omit<import("tailwind-variants").VariantProps<import("tailwind-variants").TVReturnType<{
|
|
@@ -6,16 +6,20 @@ type Story = StoryObj<typeof meta>;
|
|
|
6
6
|
/**
|
|
7
7
|
* > Default usage example
|
|
8
8
|
*/
|
|
9
|
-
export declare const
|
|
9
|
+
export declare const Default: Story;
|
|
10
10
|
/**
|
|
11
11
|
* > Invalid usage example
|
|
12
12
|
*/
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const Invalid: Story;
|
|
14
14
|
/**
|
|
15
15
|
* > Disabled usage example
|
|
16
16
|
*/
|
|
17
|
-
export declare const
|
|
17
|
+
export declare const Disabled: Story;
|
|
18
|
+
/**
|
|
19
|
+
* >Sizes
|
|
20
|
+
*/
|
|
21
|
+
export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
|
|
18
22
|
/**
|
|
19
23
|
* > ReadOnly usage example
|
|
20
24
|
*/
|
|
21
|
-
export declare const
|
|
25
|
+
export declare const ReadOnly: Story;
|
|
@@ -1,37 +1,55 @@
|
|
|
1
1
|
import { Input } from './input.component.js';
|
|
2
2
|
const meta = {
|
|
3
|
-
title: '
|
|
3
|
+
title: 'Components/Input',
|
|
4
4
|
component: Input,
|
|
5
5
|
tags: [
|
|
6
6
|
'autodocs'
|
|
7
7
|
],
|
|
8
8
|
decorators: [
|
|
9
9
|
(Story)=>React.createElement("div", {
|
|
10
|
-
className: "flex
|
|
10
|
+
className: "flex"
|
|
11
11
|
}, React.createElement(Story, null))
|
|
12
|
-
]
|
|
13
|
-
parameters: {
|
|
14
|
-
layout: 'fullscreen'
|
|
15
|
-
}
|
|
12
|
+
]
|
|
16
13
|
};
|
|
17
14
|
export default meta;
|
|
18
|
-
|
|
15
|
+
const SIZES = [
|
|
16
|
+
'small',
|
|
17
|
+
'medium',
|
|
18
|
+
'large',
|
|
19
|
+
'xlarge'
|
|
20
|
+
];
|
|
21
|
+
const FIXED_WIDTHS = [
|
|
22
|
+
2,
|
|
23
|
+
3,
|
|
24
|
+
4,
|
|
25
|
+
5,
|
|
26
|
+
10,
|
|
27
|
+
20,
|
|
28
|
+
30
|
|
29
|
+
];
|
|
30
|
+
export const Default = {
|
|
19
31
|
args: {
|
|
20
32
|
placeholder: 'placeholder',
|
|
21
33
|
size: 'medium'
|
|
22
34
|
}
|
|
23
35
|
};
|
|
24
|
-
export const
|
|
36
|
+
export const Invalid = {
|
|
25
37
|
args: {
|
|
26
38
|
invalid: true
|
|
27
39
|
}
|
|
28
40
|
};
|
|
29
|
-
export const
|
|
41
|
+
export const Disabled = {
|
|
30
42
|
args: {
|
|
31
43
|
disabled: true
|
|
32
44
|
}
|
|
33
45
|
};
|
|
34
|
-
export const
|
|
46
|
+
export const Sizes = ()=>React.createElement("div", {
|
|
47
|
+
className: "flex flex-col gap-2"
|
|
48
|
+
}, SIZES.map((size)=>React.createElement(Input, {
|
|
49
|
+
size: size,
|
|
50
|
+
placeholder: size
|
|
51
|
+
})));
|
|
52
|
+
export const ReadOnly = {
|
|
35
53
|
args: {
|
|
36
54
|
readOnly: true
|
|
37
55
|
}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { InputAddOnProps } from './add-ons.types.js';
|
|
3
|
-
export declare const InputAddOn: ({ position, icon: Icon, iconProps, inset, children, size, id, ...props }: InputAddOnProps) => JSX.Element;
|
|
2
|
+
export declare const InputAddOn: ({ position, icon: Icon, iconProps, inset, children, size, id, ...props }: InputAddOnProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type DefaultAddOnProps } from './default-add-on.types.js';
|
|
3
|
-
export declare const DefaultAddOn: ({ position, className, children, ...props }: DefaultAddOnProps) => JSX.Element;
|
|
2
|
+
export declare const DefaultAddOn: ({ position, className, children, ...props }: DefaultAddOnProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type IconAddOnProps } from './icon-add-on.types.js';
|
|
3
|
-
export declare const IconAddOn: ({ position, children, size, className, ...props }: IconAddOnProps) => JSX.Element;
|
|
2
|
+
export declare const IconAddOn: ({ position, children, size, className, ...props }: IconAddOnProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import { type TextAddOnProps } from './text-add-on.types.js';
|
|
3
|
-
export declare const TextAddOn: ({ position, className, size, id, children, ...props }: TextAddOnProps) => JSX.Element;
|
|
2
|
+
export declare const TextAddOn: ({ position, className, size, id, children, ...props }: TextAddOnProps) => import("react/jsx-runtime").JSX.Element;
|