@westpac/ui 0.7.0 → 0.8.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 +98 -97
- package/CHANGELOG.md +12 -0
- package/assets/icons/filled/credit-cards-filled.svg +4 -0
- package/assets/icons/filled/exit-filled.svg +3 -3
- package/assets/icons/filled/office-filled.svg +1 -4
- package/assets/icons/filled/pay-to-filled.svg +5 -0
- package/assets/icons/filled/tiles-filled.svg +6 -0
- package/assets/icons/outlined/credit-cards-outlined.svg +4 -0
- package/assets/icons/outlined/exit-outlined.svg +3 -3
- package/assets/icons/outlined/office-outlined.svg +4 -1
- package/assets/icons/outlined/pay-to-outlined.svg +5 -0
- package/assets/icons/outlined/tiles-outlined.svg +3 -0
- package/dist/component-type.json +1 -0
- package/dist/components/accordion/accordion.component.d.ts +8 -23
- package/dist/components/accordion/accordion.component.js +3 -4
- package/dist/components/accordion/accordion.stories.d.ts +9 -6
- package/dist/components/accordion/accordion.styles.d.ts +1 -9
- package/dist/components/accordion/accordion.styles.js +2 -6
- package/dist/components/accordion/accordion.types.d.ts +11 -5
- package/dist/components/accordion/components/accordion-item/accordion-item.component.d.ts +4 -1
- package/dist/components/accordion/components/accordion-item/accordion-item.component.js +18 -17
- package/dist/components/accordion/components/accordion-item/accordion-item.styles.d.ts +4 -24
- package/dist/components/accordion/components/accordion-item/accordion-item.styles.js +8 -42
- package/dist/components/accordion/components/accordion-item/accordion-item.types.d.ts +7 -1
- package/dist/components/alert/alert.component.js +1 -0
- package/dist/components/alert/alert.styles.js +3 -3
- package/dist/components/alert/alert.types.d.ts +1 -3
- package/dist/components/autocomplete/autocomplete.component.js +1 -0
- package/dist/components/autocomplete/autocomplete.types.d.ts +15 -1
- package/dist/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.d.ts +3 -0
- package/dist/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.d.ts +3 -0
- package/dist/components/autocomplete/components/list-box/list-box.component.d.ts +3 -0
- package/dist/components/autocomplete/components/popover/popover.component.d.ts +3 -0
- package/dist/components/badge/badge.component.d.ts +7 -49
- package/dist/components/badge/badge.component.js +1 -0
- package/dist/components/badge/badge.types.d.ts +11 -1
- package/dist/components/breadcrumb/breadcrumb.component.d.ts +1 -21
- package/dist/components/breadcrumb/breadcrumb.component.js +1 -0
- package/dist/components/breadcrumb/breadcrumb.types.d.ts +8 -2
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.d.ts +1 -21
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.js +1 -0
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.types.d.ts +1 -3
- package/dist/components/button/button.component.d.ts +16 -125
- package/dist/components/button/button.component.js +1 -0
- package/dist/components/button/button.styles.js +6 -6
- package/dist/components/button/button.types.d.ts +23 -1
- package/dist/components/button-dropdown/button-dropdown.component.js +1 -0
- package/dist/components/button-dropdown/button-dropdown.styles.d.ts +2 -0
- package/dist/components/button-dropdown/button-dropdown.styles.js +2 -1
- package/dist/components/button-dropdown/button-dropdown.types.d.ts +7 -1
- package/dist/components/button-dropdown/components/panel/panel.component.d.ts +3 -0
- package/dist/components/button-dropdown/components/panel/panel.styles.js +1 -1
- package/dist/components/button-group/button-group.component.js +1 -0
- package/dist/components/button-group/components/button/button.styles.js +1 -1
- package/dist/components/checkbox-group/checkbox-group.component.js +1 -0
- package/dist/components/checkbox-group/components/checkbox/checkbox.component.js +11 -4
- package/dist/components/checkbox-group/components/checkbox/checkbox.styles.js +1 -1
- package/dist/components/circle/circle.types.d.ts +1 -3
- package/dist/components/collapsible/collapsible.component.js +1 -0
- package/dist/components/collapsible/collapsible.styles.js +1 -1
- package/dist/components/compacta/compacta.component.js +2 -1
- package/dist/components/compacta/compacta.styles.js +10 -10
- package/dist/components/date-picker/date-picker.component.js +1 -0
- package/dist/components/date-picker/date-picker.types.d.ts +7 -1
- package/dist/components/error-message/error-message.styles.js +2 -2
- package/dist/components/error-message/error-message.types.d.ts +1 -3
- package/dist/components/field/field.component.js +1 -0
- package/dist/components/field/field.types.d.ts +1 -3
- package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.d.ts +1 -3
- package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.d.ts +1 -3
- package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.d.ts +1 -3
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.d.ts +4 -1
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.js +1 -0
- package/dist/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.d.ts +1 -3
- package/dist/components/flexi-cell/flexi-cell.component.js +1 -0
- package/dist/components/flexi-cell/flexi-cell.styles.js +1 -1
- package/dist/components/flexi-cell/flexi-cell.types.d.ts +1 -3
- package/dist/components/form/components/form-chit-chat/form-chit-chat.types.d.ts +1 -3
- package/dist/components/form/components/form-group/form-group.styles.d.ts +1 -1
- package/dist/components/form/components/form-group/form-group.styles.js +1 -1
- package/dist/components/form/components/form-group/form-group.types.d.ts +1 -3
- package/dist/components/form/components/form-section/form-section.types.d.ts +7 -1
- package/dist/components/form/form.component.d.ts +1 -1
- package/dist/components/form/form.component.js +2 -2
- package/dist/components/form/form.stories.d.ts +2 -2
- package/dist/components/form/form.types.d.ts +6 -1
- package/dist/components/form-hint/form-hint.styles.d.ts +1 -1
- package/dist/components/form-hint/form-hint.styles.js +1 -1
- package/dist/components/form-hint/form-hint.types.d.ts +1 -3
- package/dist/components/form-label/form-label.styles.d.ts +1 -1
- package/dist/components/form-label/form-label.styles.js +1 -1
- package/dist/components/form-label/form-label.types.d.ts +8 -2
- package/dist/components/grid/components/container/container.types.d.ts +1 -3
- package/dist/components/grid/components/item/item.types.d.ts +11 -1
- package/dist/components/grid/grid.types.d.ts +1 -3
- package/dist/components/icon/components/credit-cards-icon.d.ts +2 -0
- package/dist/components/icon/components/credit-cards-icon.js +38 -0
- package/dist/components/icon/components/exit-icon.js +2 -2
- package/dist/components/icon/components/office-icon.d.ts +1 -1
- package/dist/components/icon/components/office-icon.js +19 -5
- package/dist/components/icon/components/pay-to-icon.d.ts +2 -0
- package/dist/components/icon/components/pay-to-icon.js +34 -0
- package/dist/components/icon/components/tiles-icon.d.ts +2 -0
- package/dist/components/icon/components/tiles-icon.js +39 -0
- package/dist/components/icon/icon.styles.d.ts +1 -1
- package/dist/components/icon/icon.styles.js +1 -1
- package/dist/components/icon/icon.types.d.ts +11 -1
- package/dist/components/icon/index.d.ts +3 -6
- package/dist/components/icon/index.js +3 -6
- package/dist/components/input/input.component.d.ts +4 -31
- package/dist/components/input/input.component.js +1 -0
- package/dist/components/input/input.styles.d.ts +1 -1
- package/dist/components/input/input.styles.js +1 -1
- package/dist/components/input/input.types.d.ts +10 -1
- package/dist/components/input-field/components/add-ons/add-ons.component.d.ts +3 -0
- package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.d.ts +3 -0
- package/dist/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.d.ts +1 -3
- package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.d.ts +3 -0
- package/dist/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.d.ts +1 -3
- package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.d.ts +3 -0
- package/dist/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.d.ts +1 -3
- package/dist/components/input-field/components/supporting-text/supporting-text.component.d.ts +3 -0
- package/dist/components/input-field/components/supporting-text/supporting-text.types.d.ts +1 -3
- package/dist/components/input-field/input-field.component.js +1 -0
- package/dist/components/input-field/input-field.types.d.ts +1 -3
- package/dist/components/link/link.component.js +1 -0
- package/dist/components/list/list.component.js +1 -0
- package/dist/components/modal/components/backdrop/backdrop.types.d.ts +1 -3
- package/dist/components/modal/components/dialog/components/dialog-body/dialog-body.types.d.ts +1 -3
- package/dist/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.d.ts +1 -3
- package/dist/components/modal/components/dialog/dialog.types.d.ts +7 -1
- package/dist/components/modal/modal.component.js +1 -0
- package/dist/components/pagination/components/pagination-item/pagination-item.component.d.ts +1 -1
- package/dist/components/pagination/components/pagination-item/pagination-item.component.js +2 -1
- package/dist/components/pagination/components/pagination-item/pagination-item.styles.d.ts +9 -1
- package/dist/components/pagination/components/pagination-item/pagination-item.styles.js +7 -3
- package/dist/components/pagination/components/pagination-item/pagination-item.types.d.ts +20 -2
- package/dist/components/pagination/pagination.component.js +3 -1
- package/dist/components/pagination/pagination.styles.js +1 -1
- package/dist/components/pagination/pagination.types.d.ts +1 -3
- package/dist/components/pictogram/components/decorative/wbc-bank-card-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/accessibility-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/accounts-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/aeroplane-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/arrow-down-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/arrow-left-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/arrow-right-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/arrow-up-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/arrows-passing-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/atm-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/australia-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/bank-card-locked-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/bank-card-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/bank-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/birth-certificate-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/building-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/buoy-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/bus-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/business-person-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/calculator-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/calendar-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/car-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/cash-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/celebration-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/chat-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/clock-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/coffee-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/coins-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/compass-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/customer-profile-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/desktop-computer-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/document-and-pen-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/dollar-sign-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/drivers-licence-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/education-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/eftpos-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/envelope-email-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/envelope-printed-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/face-happy-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/face-unhappy-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/face-unsure-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/finger-motion-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/fingerprint-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/football-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/fork-knife-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/generic-document-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/gift-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/globe-australia-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/globe-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/graph-decreasing-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/graph-increasing-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/gym-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/headset-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/heart-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/house-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/light-bulb-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/loop-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/medicare-card-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/mobile-device-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/money-in-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/money-out-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/movie-tickets-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/nest-egg-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/noodles-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/number-1-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/number-2-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/number-3-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/number-4-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/number-5-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/padlock-locked-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/padlock-unlocked-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/passport-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/percent-sign-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/person-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/piggy-bank-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/pizza-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/plant-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/search-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/secure-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/shop-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/shopping-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/star-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/stopwatch-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/tax-document-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/telephone-call-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/thumbs-up-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/tick-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/tools-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/tractor-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/truck-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/umbrella-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/unsecure-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/wallet-pictogram.js +1 -0
- package/dist/components/pictogram/components/informative/wearables-pictogram.js +1 -0
- package/dist/components/pictogram/pictogram.component.js +1 -0
- package/dist/components/pictogram/pictogram.types.d.ts +1 -3
- package/dist/components/popover/components/panel/panel.styles.js +1 -1
- package/dist/components/popover/popover.component.js +1 -0
- package/dist/components/progress-bar/progress-bar.component.js +1 -0
- package/dist/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.d.ts +1 -3
- package/dist/components/progress-rope/components/progress-rope-step/progress-rope-step.types.d.ts +11 -1
- package/dist/components/progress-rope/progress-rope.component.js +1 -0
- package/dist/components/progress-rope/progress-rope.types.d.ts +1 -3
- package/dist/components/radio-group/components/radio/radio.component.js +1 -0
- package/dist/components/radio-group/components/radio/radio.styles.js +2 -2
- package/dist/components/radio-group/radio-group.component.js +1 -0
- package/dist/components/repeater/repeater.component.js +3 -1
- package/dist/components/repeater/repeater.styles.d.ts +6 -0
- package/dist/components/repeater/repeater.styles.js +7 -4
- package/dist/components/select/select.component.d.ts +8 -35
- package/dist/components/select/select.component.js +1 -0
- package/dist/components/select/select.styles.d.ts +1 -1
- package/dist/components/select/select.styles.js +1 -1
- package/dist/components/select/select.types.d.ts +12 -1
- package/dist/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.d.ts +1 -3
- package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.component.d.ts +28 -7
- package/dist/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.d.ts +1 -3
- package/dist/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.d.ts +1 -3
- package/dist/components/selector/components/selector-radio-group/selector-radio-group.component.d.ts +28 -7
- package/dist/components/selector/components/selector-radio-group/selector-radio-group.types.d.ts +7 -1
- package/dist/components/selector/selector.component.d.ts +81 -21
- package/dist/components/selector/selector.component.js +1 -0
- package/dist/components/skip-link/skip-link.component.js +1 -0
- package/dist/components/skip-link/skip-link.types.d.ts +1 -3
- package/dist/components/switch/switch.component.js +1 -0
- package/dist/components/switch/switch.types.d.ts +8 -2
- package/dist/components/symbol/index.d.ts +1 -0
- package/dist/components/symbol/index.js +1 -0
- package/dist/components/symbol/symbol.stories.d.ts +1 -0
- package/dist/components/symbol/symbol.types.d.ts +1 -3
- package/dist/components/table/table.component.js +1 -0
- package/dist/components/tabs/components/tab/tab.types.d.ts +15 -1
- package/dist/components/tabs/components/tab-panel/tab-panel.component.d.ts +3 -0
- package/dist/components/tabs/components/tab-panel/tab-panel.component.js +1 -0
- package/dist/components/tabs/components/tab-panel/tab-panel.types.d.ts +7 -1
- package/dist/components/tabs/tabs.component.js +1 -0
- package/dist/components/tabs/tabs.types.d.ts +15 -1
- package/dist/components/textarea/textarea.component.d.ts +8 -31
- package/dist/components/textarea/textarea.component.js +1 -0
- package/dist/components/textarea/textarea.styles.d.ts +1 -1
- package/dist/components/textarea/textarea.styles.js +1 -1
- package/dist/components/textarea/textarea.types.d.ts +12 -1
- package/dist/components/visually-hidden/visually-hidden.types.d.ts +1 -3
- package/dist/components/well/well.styles.d.ts +1 -1
- package/dist/components/well/well.styles.js +1 -1
- package/dist/components/well/well.types.d.ts +7 -1
- package/dist/css/westpac-ui.css +130 -430
- package/dist/css/westpac-ui.min.css +130 -430
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/stories/foundation/spacing.stories.d.ts +15 -0
- package/dist/stories/foundation/typography.stories.d.ts +4 -0
- package/dist/tailwind/__mocks__/utils.constants.d.ts +2 -0
- package/dist/tailwind/__mocks__/utils.constants.js +2 -0
- package/dist/tailwind/constants/typography.d.ts +4 -0
- package/dist/tailwind/constants/typography.js +4 -0
- package/dist/tailwind/tailwind-plugin.js +6 -1
- package/dist/types/component-props.types.d.ts +2 -0
- package/dist/types/component-props.types.js +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.js +1 -0
- package/generate-component-types.cjs +85 -0
- package/package.json +14 -9
- package/src/components/accordion/accordion.component.tsx +5 -8
- package/src/components/accordion/accordion.styles.ts +2 -6
- package/src/components/accordion/accordion.types.ts +15 -11
- package/src/components/accordion/components/accordion-item/accordion-item.component.tsx +11 -15
- package/src/components/accordion/components/accordion-item/accordion-item.styles.ts +7 -36
- package/src/components/accordion/components/accordion-item/accordion-item.types.ts +7 -2
- package/src/components/alert/alert.component.tsx +2 -0
- package/src/components/alert/alert.styles.ts +3 -3
- package/src/components/alert/alert.types.ts +1 -5
- package/src/components/autocomplete/autocomplete.component.tsx +2 -0
- package/src/components/autocomplete/autocomplete.types.ts +15 -2
- package/src/components/autocomplete/components/list-box/components/list-box-option/list-box-option.component.tsx +3 -0
- package/src/components/autocomplete/components/list-box/components/list-box-section/list-box-section.component.tsx +3 -0
- package/src/components/autocomplete/components/list-box/list-box.component.tsx +3 -0
- package/src/components/autocomplete/components/popover/popover.component.tsx +3 -1
- package/src/components/autocomplete/components/popover/popover.types.ts +1 -0
- package/src/components/badge/badge.component.tsx +2 -0
- package/src/components/badge/badge.types.ts +11 -2
- package/src/components/breadcrumb/breadcrumb.component.tsx +2 -0
- package/src/components/breadcrumb/breadcrumb.types.ts +9 -2
- package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.component.tsx +2 -0
- package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.types.ts +1 -5
- package/src/components/button/button.component.tsx +2 -0
- package/src/components/button/button.styles.ts +6 -6
- package/src/components/button/button.types.ts +23 -2
- package/src/components/button-dropdown/button-dropdown.component.tsx +2 -0
- package/src/components/button-dropdown/button-dropdown.styles.ts +1 -0
- package/src/components/button-dropdown/button-dropdown.types.ts +7 -2
- package/src/components/button-dropdown/components/panel/panel.component.tsx +3 -0
- package/src/components/button-dropdown/components/panel/panel.styles.ts +1 -1
- package/src/components/button-group/button-group.component.tsx +2 -0
- package/src/components/button-group/components/button/button.styles.ts +1 -1
- package/src/components/checkbox-group/checkbox-group.component.tsx +2 -0
- package/src/components/checkbox-group/components/checkbox/checkbox.component.tsx +17 -7
- package/src/components/checkbox-group/components/checkbox/checkbox.styles.ts +1 -1
- package/src/components/circle/circle.types.ts +1 -5
- package/src/components/collapsible/collapsible.component.tsx +2 -0
- package/src/components/collapsible/collapsible.styles.ts +1 -1
- package/src/components/compacta/compacta.component.tsx +17 -13
- package/src/components/compacta/compacta.styles.ts +10 -10
- package/src/components/date-picker/date-picker.component.tsx +2 -0
- package/src/components/date-picker/date-picker.types.ts +7 -2
- package/src/components/error-message/error-message.styles.ts +3 -2
- package/src/components/error-message/error-message.types.ts +1 -5
- package/src/components/field/field.component.tsx +2 -0
- package/src/components/field/field.types.ts +0 -4
- package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-adornment/flexi-cell-adornment.types.ts +1 -5
- package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-body/flexi-cell-body.types.ts +1 -5
- package/src/components/flexi-cell/components/flexi-cell-button/flexi-cell-button.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-circle/flexi-cell-circle.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-footer/flexi-cell-footer.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-hint/flexi-cell-hint.types.ts +1 -5
- package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.component.tsx +1 -0
- package/src/components/flexi-cell/components/flexi-cell-label/flexi-cell-label.types.ts +1 -5
- package/src/components/flexi-cell/flexi-cell.component.tsx +2 -0
- package/src/components/flexi-cell/flexi-cell.styles.ts +1 -1
- package/src/components/flexi-cell/flexi-cell.types.ts +1 -7
- package/src/components/form/components/form-chit-chat/form-chit-chat.types.ts +1 -5
- package/src/components/form/components/form-group/form-group.styles.ts +1 -1
- package/src/components/form/components/form-group/form-group.types.ts +1 -5
- package/src/components/form/components/form-section/form-section.types.ts +7 -2
- package/src/components/form/form.component.tsx +4 -2
- package/src/components/form/form.types.ts +6 -1
- package/src/components/form-hint/form-hint.styles.ts +1 -1
- package/src/components/form-hint/form-hint.types.ts +1 -5
- package/src/components/form-label/form-label.styles.ts +1 -1
- package/src/components/form-label/form-label.types.ts +8 -3
- package/src/components/grid/components/container/container.types.ts +1 -5
- package/src/components/grid/components/item/item.types.ts +11 -2
- package/src/components/grid/grid.types.ts +1 -5
- package/src/components/icon/components/credit-cards-icon.tsx +43 -0
- package/src/components/icon/components/exit-icon.tsx +2 -2
- package/src/components/icon/components/office-icon.tsx +30 -11
- package/src/components/icon/components/pay-to-icon.tsx +33 -0
- package/src/components/icon/components/tiles-icon.tsx +43 -0
- package/src/components/icon/icon.styles.ts +1 -1
- package/src/components/icon/icon.types.ts +11 -1
- package/src/components/icon/index.ts +3 -6
- package/src/components/input/input.component.tsx +2 -0
- package/src/components/input/input.styles.ts +1 -1
- package/src/components/input/input.types.ts +12 -2
- package/src/components/input-field/components/add-ons/add-ons.component.tsx +3 -0
- package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.component.tsx +3 -0
- package/src/components/input-field/components/add-ons/components/default-add-on/default-add-on.types.ts +1 -4
- package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.component.tsx +3 -0
- package/src/components/input-field/components/add-ons/components/icon-add-on/icon-add-on.types.ts +1 -4
- package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.component.tsx +3 -0
- package/src/components/input-field/components/add-ons/components/text-add-on/text-add-on.types.ts +1 -4
- package/src/components/input-field/components/supporting-text/supporting-text.component.tsx +3 -0
- package/src/components/input-field/components/supporting-text/supporting-text.types.ts +1 -5
- package/src/components/input-field/input-field.component.tsx +2 -0
- package/src/components/input-field/input-field.types.ts +1 -4
- package/src/components/link/link.component.tsx +2 -0
- package/src/components/list/list.component.tsx +2 -0
- package/src/components/modal/components/backdrop/backdrop.types.ts +1 -5
- package/src/components/modal/components/dialog/components/dialog-body/dialog-body.types.ts +1 -4
- package/src/components/modal/components/dialog/components/dialog-footer/dialog-footer.types.ts +1 -4
- package/src/components/modal/components/dialog/dialog.types.ts +7 -2
- package/src/components/modal/modal.component.tsx +2 -0
- package/src/components/pagination/components/pagination-item/pagination-item.component.tsx +2 -1
- package/src/components/pagination/components/pagination-item/pagination-item.styles.ts +7 -3
- package/src/components/pagination/components/pagination-item/pagination-item.types.ts +20 -3
- package/src/components/pagination/pagination.component.tsx +3 -0
- package/src/components/pagination/pagination.styles.ts +1 -1
- package/src/components/pagination/pagination.types.ts +0 -3
- package/src/components/pictogram/components/decorative/wbc-bank-card-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/accessibility-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/accounts-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/aeroplane-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/arrow-down-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/arrow-left-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/arrow-right-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/arrow-up-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/arrows-passing-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/atm-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/australia-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/bank-card-locked-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/bank-card-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/bank-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/birth-certificate-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/building-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/buoy-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/bus-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/business-person-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/calculator-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/calendar-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/car-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/cash-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/celebration-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/chat-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/clock-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/coffee-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/coins-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/compass-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/customer-profile-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/desktop-computer-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/document-and-pen-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/dollar-sign-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/drivers-licence-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/education-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/eftpos-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/envelope-email-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/envelope-printed-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/face-happy-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/face-unhappy-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/face-unsure-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/finger-motion-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/fingerprint-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/football-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/fork-knife-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/generic-document-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/gift-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/globe-australia-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/globe-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/graph-decreasing-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/graph-increasing-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/gym-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/headset-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/heart-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/house-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/light-bulb-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/loop-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/medicare-card-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/mobile-device-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/money-in-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/money-out-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/movie-tickets-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/nest-egg-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/noodles-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/number-1-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/number-2-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/number-3-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/number-4-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/number-5-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/padlock-locked-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/padlock-unlocked-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/passport-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/percent-sign-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/person-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/piggy-bank-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/pizza-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/plant-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/search-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/secure-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/shop-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/shopping-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/star-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/stopwatch-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/tax-document-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/telephone-call-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/thumbs-up-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/tick-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/tools-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/tractor-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/truck-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/umbrella-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/unsecure-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/wallet-pictogram.tsx +2 -0
- package/src/components/pictogram/components/informative/wearables-pictogram.tsx +2 -0
- package/src/components/pictogram/pictogram.component.tsx +2 -0
- package/src/components/pictogram/pictogram.types.ts +1 -4
- package/src/components/popover/components/panel/panel.styles.ts +1 -1
- package/src/components/popover/popover.component.tsx +2 -0
- package/src/components/progress-bar/progress-bar.component.tsx +2 -0
- package/src/components/progress-rope/components/progress-rope-group-step/progress-rope-group-step.types.ts +2 -4
- package/src/components/progress-rope/components/progress-rope-step/progress-rope-step.types.ts +10 -1
- package/src/components/progress-rope/progress-rope.component.tsx +2 -0
- package/src/components/progress-rope/progress-rope.types.ts +1 -5
- package/src/components/radio-group/components/radio/radio.component.tsx +1 -0
- package/src/components/radio-group/components/radio/radio.styles.ts +2 -2
- package/src/components/radio-group/radio-group.component.tsx +2 -0
- package/src/components/repeater/repeater.component.tsx +6 -2
- package/src/components/repeater/repeater.styles.ts +7 -4
- package/src/components/select/select.component.tsx +2 -0
- package/src/components/select/select.styles.ts +1 -1
- package/src/components/select/select.types.ts +12 -1
- package/src/components/selector/components/selector-checkbox-group/components/selector-checkbox-group-option/selector-checkbox-group-option.types.ts +0 -4
- package/src/components/selector/components/selector-checkbox-group/selector-checkbox-group.types.ts +0 -4
- package/src/components/selector/components/selector-radio-group/components/selector-radio-group-option/selector-radio-group-option.types.ts +0 -4
- package/src/components/selector/components/selector-radio-group/selector-radio-group.types.ts +7 -2
- package/src/components/selector/selector.component.tsx +2 -0
- package/src/components/skip-link/skip-link.component.tsx +2 -0
- package/src/components/skip-link/skip-link.types.ts +0 -4
- package/src/components/switch/switch.component.tsx +2 -0
- package/src/components/switch/switch.types.ts +8 -3
- package/src/components/symbol/index.ts +1 -0
- package/src/components/symbol/symbol.types.ts +1 -4
- package/src/components/table/table.component.tsx +2 -0
- package/src/components/tabs/components/tab/tab.types.ts +15 -2
- package/src/components/tabs/components/tab-panel/tab-panel.component.tsx +1 -0
- package/src/components/tabs/components/tab-panel/tab-panel.types.ts +6 -1
- package/src/components/tabs/tabs.component.tsx +2 -0
- package/src/components/tabs/tabs.types.ts +37 -24
- package/src/components/textarea/textarea.component.tsx +2 -0
- package/src/components/textarea/textarea.styles.ts +1 -1
- package/src/components/textarea/textarea.types.ts +12 -1
- package/src/components/visually-hidden/visually-hidden.types.ts +1 -5
- package/src/components/well/well.styles.ts +1 -1
- package/src/components/well/well.types.tsx +7 -2
- package/src/css/global.css +4 -2
- package/src/index.ts +1 -0
- package/src/tailwind/__mocks__/utils.constants.ts +2 -0
- package/src/tailwind/constants/typography.ts +4 -0
- package/src/tailwind/tailwind-plugin.ts +6 -0
- package/src/types/component-props.types.ts +3 -0
- package/src/types/index.ts +1 -0
- package/utils/build-icons/index.ts +5 -2
- package/dist/components/accordion/accordion.stories.js +0 -131
- package/dist/components/alert/alert.stories.js +0 -144
- package/dist/components/autocomplete/autocomplete.stories.js +0 -219
- package/dist/components/badge/badge.stories.js +0 -118
- package/dist/components/breadcrumb/breadcrumb.stories.js +0 -30
- package/dist/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.js +0 -24
- package/dist/components/button/button.stories.js +0 -221
- package/dist/components/button-dropdown/button-dropdown.stories.js +0 -134
- package/dist/components/button-group/button-group.stories.js +0 -153
- package/dist/components/checkbox-group/checkbox-group.stories.js +0 -225
- package/dist/components/checkbox-group/components/checkbox/checkbox.stories.js +0 -42
- package/dist/components/circle/circle.stories.js +0 -17
- package/dist/components/collapsible/collapsible.stories.js +0 -43
- package/dist/components/compacta/compacta.stories.js +0 -52
- package/dist/components/date-picker/date-picker.stories.js +0 -112
- package/dist/components/field/field.stories.js +0 -37
- package/dist/components/flexi-cell/flexi-cell.stories.js +0 -759
- package/dist/components/form/form.stories.js +0 -103
- package/dist/components/grid/grid.stories.js +0 -82
- package/dist/components/icon/components/bom-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/bom-logo-icon.js +0 -86
- package/dist/components/icon/components/bsa-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/bsa-logo-icon.js +0 -32
- package/dist/components/icon/components/rams-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/rams-logo-icon.js +0 -120
- package/dist/components/icon/components/stg-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/stg-logo-icon.js +0 -44
- package/dist/components/icon/components/wbc-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/wbc-logo-icon.js +0 -26
- package/dist/components/icon/components/wbg-logo-icon.d.ts +0 -2
- package/dist/components/icon/components/wbg-logo-icon.js +0 -29
- package/dist/components/icon/icon.stories.js +0 -147
- package/dist/components/input/input.stories.js +0 -56
- package/dist/components/input-field/input-field.scenarios.stories.js +0 -149
- package/dist/components/input-field/input-field.sizes.stories.js +0 -91
- package/dist/components/input-field/input-field.state.stories.js +0 -127
- package/dist/components/input-field/input-field.stories.js +0 -71
- package/dist/components/input-field/input-field.type.stories.js +0 -186
- package/dist/components/link/link.stories.js +0 -93
- package/dist/components/list/list.stories.js +0 -86
- package/dist/components/modal/modal.stories.js +0 -129
- package/dist/components/pagination/pagination.stories.js +0 -199
- package/dist/components/panel/panel.stories.js +0 -53
- package/dist/components/pictogram/pictogram.stories.js +0 -60
- package/dist/components/popover/popover.stories.js +0 -57
- package/dist/components/progress-bar/progress-bar.stories.js +0 -70
- package/dist/components/progress-rope/progress-rope.stories.js +0 -126
- package/dist/components/radio-group/components/radio/radio.stories.js +0 -40
- package/dist/components/radio-group/radio-group.stories.js +0 -215
- package/dist/components/repeater/repeater.stories.js +0 -29
- package/dist/components/select/select.stories.js +0 -74
- package/dist/components/selector/selector.stories.js +0 -512
- package/dist/components/skip-link/skip-link.stories.js +0 -29
- package/dist/components/switch/switch.stories.js +0 -67
- package/dist/components/symbol/symbol.stories.js +0 -54
- package/dist/components/table/table.stories.js +0 -66
- package/dist/components/tabs/tabs.stories.js +0 -95
- package/dist/components/textarea/textarea.stories.js +0 -44
- package/dist/components/visually-hidden/visually-hidden.stories.js +0 -17
- package/dist/components/well/well.stories.js +0 -44
- package/dist/stories/foundation/breakpoints.stories.js +0 -12
- package/dist/stories/foundation/colours.stories.js +0 -387
- package/dist/stories/foundation/theme.stories.js +0 -16
- package/dist/stories/foundation/typography.stories.js +0 -109
- package/src/components/accordion/accordion.stories.tsx +0 -135
- package/src/components/alert/alert.stories.tsx +0 -142
- package/src/components/autocomplete/autocomplete.stories.tsx +0 -184
- package/src/components/badge/badge.stories.tsx +0 -134
- package/src/components/breadcrumb/breadcrumb.stories.tsx +0 -32
- package/src/components/breadcrumb/components/breadcrumb-item/breadcrumb-item.stories.tsx +0 -33
- package/src/components/button/button.stories.tsx +0 -269
- package/src/components/button-dropdown/button-dropdown.stories.tsx +0 -220
- package/src/components/button-group/button-group.stories.tsx +0 -141
- package/src/components/checkbox-group/checkbox-group.stories.tsx +0 -212
- package/src/components/checkbox-group/components/checkbox/checkbox.stories.tsx +0 -46
- package/src/components/circle/circle.stories.tsx +0 -22
- package/src/components/collapsible/collapsible.stories.tsx +0 -94
- package/src/components/compacta/compacta.stories.tsx +0 -71
- package/src/components/date-picker/date-picker.stories.tsx +0 -139
- package/src/components/field/field.stories.tsx +0 -57
- package/src/components/flexi-cell/flexi-cell.stories.tsx +0 -792
- package/src/components/form/form.stories.tsx +0 -158
- package/src/components/grid/grid.stories.tsx +0 -106
- package/src/components/icon/components/bom-logo-icon.tsx +0 -40
- package/src/components/icon/components/bsa-logo-icon.tsx +0 -28
- package/src/components/icon/components/rams-logo-icon.tsx +0 -71
- package/src/components/icon/components/stg-logo-icon.tsx +0 -44
- package/src/components/icon/components/wbc-logo-icon.tsx +0 -20
- package/src/components/icon/components/wbg-logo-icon.tsx +0 -24
- package/src/components/icon/icon.stories.tsx +0 -142
- package/src/components/input/input.stories.tsx +0 -70
- package/src/components/input-field/input-field.scenarios.stories.tsx +0 -174
- package/src/components/input-field/input-field.sizes.stories.tsx +0 -102
- package/src/components/input-field/input-field.state.stories.tsx +0 -148
- package/src/components/input-field/input-field.stories.tsx +0 -104
- package/src/components/input-field/input-field.type.stories.tsx +0 -236
- package/src/components/link/link.stories.tsx +0 -113
- package/src/components/list/list.stories.tsx +0 -121
- package/src/components/modal/modal.stories.tsx +0 -140
- package/src/components/pagination/pagination.stories.tsx +0 -174
- package/src/components/panel/panel.stories.tsx +0 -147
- package/src/components/pictogram/pictogram.stories.tsx +0 -50
- package/src/components/popover/popover.stories.tsx +0 -81
- package/src/components/progress-bar/progress-bar.stories.tsx +0 -85
- package/src/components/progress-rope/progress-rope.stories.tsx +0 -109
- package/src/components/radio-group/components/radio/radio.stories.tsx +0 -40
- package/src/components/radio-group/radio-group.stories.tsx +0 -199
- package/src/components/repeater/repeater.stories.tsx +0 -40
- package/src/components/select/select.stories.tsx +0 -88
- package/src/components/selector/selector.stories.tsx +0 -618
- package/src/components/skip-link/skip-link.stories.tsx +0 -55
- package/src/components/switch/switch.stories.tsx +0 -90
- package/src/components/symbol/symbol.stories.tsx +0 -73
- package/src/components/table/table.stories.tsx +0 -244
- package/src/components/tabs/tabs.stories.tsx +0 -112
- package/src/components/textarea/textarea.stories.tsx +0 -70
- package/src/components/visually-hidden/visually-hidden.stories.tsx +0 -25
- package/src/components/well/well.stories.tsx +0 -71
- package/src/stories/foundation/breakpoints.stories.tsx +0 -55
- package/src/stories/foundation/colours.stories.tsx +0 -381
- package/src/stories/foundation/theme.stories.tsx +0 -29
- package/src/stories/foundation/typography.stories.tsx +0 -93
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { useState } from 'react';
|
|
2
|
-
import { Field } from '../field/field.component.js';
|
|
3
|
-
import { DatePicker } from './date-picker.component.js';
|
|
4
|
-
const meta = {
|
|
5
|
-
title: 'Components/DatePicker',
|
|
6
|
-
component: DatePicker,
|
|
7
|
-
tags: [
|
|
8
|
-
'autodocs'
|
|
9
|
-
],
|
|
10
|
-
decorators: [
|
|
11
|
-
(Story)=>React.createElement("div", {
|
|
12
|
-
className: "h-30"
|
|
13
|
-
}, React.createElement(Story, null))
|
|
14
|
-
]
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {
|
|
18
|
-
args: {}
|
|
19
|
-
};
|
|
20
|
-
export const Sizes = {
|
|
21
|
-
args: {},
|
|
22
|
-
render: ()=>{
|
|
23
|
-
return React.createElement(React.Fragment, null, [
|
|
24
|
-
'sm',
|
|
25
|
-
'md',
|
|
26
|
-
'lg',
|
|
27
|
-
'xl'
|
|
28
|
-
].map((size)=>{
|
|
29
|
-
return React.createElement("div", {
|
|
30
|
-
className: "py-2",
|
|
31
|
-
key: size
|
|
32
|
-
}, React.createElement(DatePicker, {
|
|
33
|
-
size: size
|
|
34
|
-
}));
|
|
35
|
-
}));
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
export const Controlled = {
|
|
39
|
-
args: {},
|
|
40
|
-
render: ()=>{
|
|
41
|
-
const [value, setValue] = useState('2023-08-01');
|
|
42
|
-
return React.createElement(DatePicker, {
|
|
43
|
-
onChange: (value)=>{
|
|
44
|
-
console.log(value.target.value);
|
|
45
|
-
setValue(value.target.value);
|
|
46
|
-
},
|
|
47
|
-
onOpen: ()=>{
|
|
48
|
-
console.log('onOpen');
|
|
49
|
-
},
|
|
50
|
-
onClose: ()=>{
|
|
51
|
-
console.log('onClose');
|
|
52
|
-
},
|
|
53
|
-
onBlur: ()=>{
|
|
54
|
-
console.log('onBlur');
|
|
55
|
-
},
|
|
56
|
-
onFocus: ()=>{
|
|
57
|
-
console.log('onFocus');
|
|
58
|
-
},
|
|
59
|
-
value: value
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
export const DisableWeekends = {
|
|
64
|
-
args: {
|
|
65
|
-
disableWeekends: true
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
export const DisableDaysOfWeek = {
|
|
69
|
-
args: {
|
|
70
|
-
disableDaysOfWeek: [
|
|
71
|
-
1,
|
|
72
|
-
3,
|
|
73
|
-
5
|
|
74
|
-
]
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
export const DisableSpecificDates = {
|
|
78
|
-
args: {
|
|
79
|
-
disableDates: [
|
|
80
|
-
'2023-10-10'
|
|
81
|
-
]
|
|
82
|
-
}
|
|
83
|
-
};
|
|
84
|
-
export const FormField = {
|
|
85
|
-
args: {},
|
|
86
|
-
render: ()=>{
|
|
87
|
-
const [value, setValue] = useState('2023-08-01');
|
|
88
|
-
return React.createElement(Field, {
|
|
89
|
-
label: "Are you an existing customer?",
|
|
90
|
-
hintMessage: "Hint: choose from one of the following options",
|
|
91
|
-
errorMessage: "This is an inline error message"
|
|
92
|
-
}, React.createElement(DatePicker, {
|
|
93
|
-
onChange: (value)=>{
|
|
94
|
-
console.log(value.target.value);
|
|
95
|
-
setValue(value.target.value);
|
|
96
|
-
},
|
|
97
|
-
onOpen: ()=>{
|
|
98
|
-
console.log('onOpen');
|
|
99
|
-
},
|
|
100
|
-
onClose: ()=>{
|
|
101
|
-
console.log('onClose');
|
|
102
|
-
},
|
|
103
|
-
onBlur: ()=>{
|
|
104
|
-
console.log('onBlur');
|
|
105
|
-
},
|
|
106
|
-
onFocus: ()=>{
|
|
107
|
-
console.log('onFocus');
|
|
108
|
-
},
|
|
109
|
-
value: value
|
|
110
|
-
}));
|
|
111
|
-
}
|
|
112
|
-
};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Input, Select } from '../index.js';
|
|
2
|
-
import { Field } from './field.component.js';
|
|
3
|
-
const meta = {
|
|
4
|
-
title: 'Foundation/Field',
|
|
5
|
-
component: Field,
|
|
6
|
-
tags: [
|
|
7
|
-
'autodocs'
|
|
8
|
-
],
|
|
9
|
-
decorators: [
|
|
10
|
-
(Story)=>React.createElement(Story, null)
|
|
11
|
-
]
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const DefaultStory = {
|
|
15
|
-
args: {},
|
|
16
|
-
render: ()=>{
|
|
17
|
-
return React.createElement(Field, {
|
|
18
|
-
label: "Are you an existing customer?",
|
|
19
|
-
hintMessage: "Hint: choose from one of the following options",
|
|
20
|
-
errorMessage: "This is an inline error message"
|
|
21
|
-
}, React.createElement(Input, null));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
export const SelectStory = {
|
|
25
|
-
args: {},
|
|
26
|
-
render: ()=>{
|
|
27
|
-
return React.createElement(Field, {
|
|
28
|
-
label: "Are you an existing customer?",
|
|
29
|
-
hintMessage: "Hint: choose from one of the following options",
|
|
30
|
-
errorMessage: "This is an inline error message"
|
|
31
|
-
}, React.createElement(Select, null, React.createElement("option", {
|
|
32
|
-
value: "1"
|
|
33
|
-
}, "Yes"), React.createElement("option", {
|
|
34
|
-
value: "2"
|
|
35
|
-
}, "No")));
|
|
36
|
-
}
|
|
37
|
-
};
|