@westpac/ui 0.7.0 → 0.7.1
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/CHANGELOG.md +6 -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.stories.js +37 -29
- package/dist/components/accordion/accordion.styles.d.ts +1 -9
- package/dist/components/accordion/accordion.styles.js +1 -5
- 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 +5 -5
- 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-group/button-group.component.js +1 -0
- 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/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.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.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.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.js +1 -0
- package/dist/components/form/form.types.d.ts +9 -0
- package/dist/components/form-hint/form-hint.types.d.ts +1 -3
- 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.scenarios.stories.js +2 -2
- 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.stories.js +1 -1
- package/dist/components/pagination/pagination.styles.js +1 -1
- package/dist/components/pagination/pagination.types.d.ts +1 -3
- package/dist/components/pictogram/pictogram.types.d.ts +1 -3
- 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.js +2 -2
- 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.stories.js +62 -3
- 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.types.d.ts +7 -1
- package/dist/css/westpac-ui.css +67 -392
- package/dist/css/westpac-ui.min.css +67 -392
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/stories/foundation/colours.stories.js +0 -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 +13 -8
- package/src/components/accordion/accordion.component.tsx +5 -8
- package/src/components/accordion/accordion.stories.tsx +40 -31
- package/src/components/accordion/accordion.styles.ts +1 -5
- 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 +5 -5
- 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-group/button-group.component.tsx +2 -0
- 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/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.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.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.types.ts +1 -5
- package/src/components/form/components/form-section/form-section.types.ts +7 -2
- package/src/components/form/form.component.tsx +2 -0
- package/src/components/form/form.types.ts +9 -0
- package/src/components/form-hint/form-hint.types.ts +1 -5
- 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.scenarios.stories.tsx +2 -2
- 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.stories.tsx +1 -1
- package/src/components/pagination/pagination.styles.ts +1 -1
- package/src/components/pagination/pagination.types.ts +0 -3
- package/src/components/pictogram/pictogram.types.ts +1 -4
- 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 +2 -2
- 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.stories.tsx +66 -8
- 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.stories.tsx +0 -1
- 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.types.tsx +7 -2
- package/src/index.ts +1 -0
- package/src/stories/foundation/colours.stories.tsx +0 -1
- 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/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/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
|
@@ -12,7 +12,7 @@ export declare const styles: import("tailwind-variants").TVReturnType<{
|
|
|
12
12
|
isFocused: {
|
|
13
13
|
true: string;
|
|
14
14
|
};
|
|
15
|
-
}, undefined, "form-control read-only:form-control-disabled disabled:form-control-disabled
|
|
15
|
+
}, undefined, "form-control w-full read-only:form-control-disabled disabled:form-control-disabled", {
|
|
16
16
|
responsiveVariants: string[];
|
|
17
17
|
}, {
|
|
18
18
|
size: {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { tv } from 'tailwind-variants';
|
|
2
2
|
export const styles = tv({
|
|
3
|
-
base: 'form-control read-only:form-control-disabled disabled:form-control-disabled
|
|
3
|
+
base: 'form-control w-full read-only:form-control-disabled disabled:form-control-disabled',
|
|
4
4
|
variants: {
|
|
5
5
|
size: {
|
|
6
6
|
small: 'form-control-small min-h-[3.375rem]',
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
import { TextareaHTMLAttributes } from 'react';
|
|
2
2
|
import { type VariantProps } from 'tailwind-variants';
|
|
3
3
|
import { styles } from './textarea.styles.js';
|
|
4
|
-
|
|
4
|
+
type Variants = VariantProps<typeof styles>;
|
|
5
|
+
export type TextareaProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Whether text area is invalid
|
|
8
|
+
*/
|
|
9
|
+
invalid?: Variants['invalid'];
|
|
10
|
+
/**
|
|
11
|
+
* Size of text area
|
|
12
|
+
*/
|
|
13
|
+
size?: Variants['size'];
|
|
14
|
+
} & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>;
|
|
15
|
+
export {};
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
|
-
import { type VariantProps } from 'tailwind-variants';
|
|
3
|
-
import { styles } from './visually-hidden.styles.js';
|
|
4
2
|
export type VisuallyHiddenProps = {
|
|
5
3
|
/**
|
|
6
4
|
* Tag to render
|
|
7
5
|
*/
|
|
8
6
|
tag?: keyof JSX.IntrinsicElements;
|
|
9
|
-
} &
|
|
7
|
+
} & HTMLAttributes<Element>;
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
import { type VariantProps } from 'tailwind-variants';
|
|
3
3
|
import { styles } from './well.styles.js';
|
|
4
|
+
type Variants = VariantProps<typeof styles>;
|
|
4
5
|
export type WellProps = {
|
|
5
6
|
/**
|
|
6
7
|
* Well's content
|
|
7
8
|
*/
|
|
8
9
|
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Color of well
|
|
12
|
+
*/
|
|
13
|
+
color?: Variants['color'];
|
|
9
14
|
/**
|
|
10
15
|
* Tag to render
|
|
11
16
|
*/
|
|
12
17
|
tag?: keyof JSX.IntrinsicElements;
|
|
13
|
-
} & HTMLAttributes<Element
|
|
18
|
+
} & HTMLAttributes<Element>;
|
|
19
|
+
export {};
|