baseui 12.0.0 → 12.1.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/accordion/accordion.js +4 -2
- package/accordion/accordion.js.flow +1 -1
- package/accordion/panel.js +3 -2
- package/accordion/stateful-panel-container.js +1 -0
- package/accordion/styled-components.js +8 -1
- package/accordion/types.d.ts +2 -2
- package/app-nav-bar/app-nav-bar.js +4 -2
- package/app-nav-bar/mobile-menu.js +2 -1
- package/app-nav-bar/styled-components.js +19 -1
- package/app-nav-bar/types.d.ts +2 -2
- package/app-nav-bar/user-menu.js +1 -1
- package/aspect-ratio-box/aspect-ratio-box-body.d.ts +1 -1
- package/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/aspect-ratio-box/types.d.ts +1 -1
- package/avatar/styled-components.js +4 -1
- package/badge/styled-components.js +16 -11
- package/badge/styled-components.js.flow +4 -4
- package/badge/types.d.ts +2 -2
- package/banner/index.d.ts +1 -1
- package/banner/styled-components.js +25 -12
- package/banner/types.d.ts +15 -15
- package/banner/types.js.flow +13 -11
- package/block/block.js +3 -1
- package/block/styled-components.js +2 -1
- package/block/types.d.ts +3 -4
- package/breadcrumbs/styled-components.js +5 -1
- package/button/styled-components.js +7 -0
- package/button/styled-components.js.flow +2 -0
- package/button/types.d.ts +4 -5
- package/button-group/stateful-button-group.js +1 -0
- package/button-group/stateful-container.js +3 -1
- package/button-group/styled-components.js +2 -1
- package/button-group/types.d.ts +4 -5
- package/card/styled-components.js +11 -4
- package/checkbox/styled-components.js +10 -4
- package/checkbox/styled-components.js.flow +1 -1
- package/checkbox/types.d.ts +36 -37
- package/combobox/combobox.js +78 -71
- package/combobox/styled-components.js +5 -1
- package/combobox/types.d.ts +4 -5
- package/data-table/column-anchor.js +3 -0
- package/data-table/column-datetime.js +10 -4
- package/data-table/column-numerical.js +4 -4
- package/data-table/column-string.js +3 -0
- package/data-table/column.js +6 -1
- package/data-table/data-table.js +6 -3
- package/data-table/filter-menu.js +2 -1
- package/data-table/header-cell.js +43 -34
- package/data-table/locale.d.ts +4 -0
- package/data-table/locale.js +3 -1
- package/data-table/locale.js.flow +5 -0
- package/data-table/measure-column-widths.js +5 -4
- package/data-table/stateful-container.js +2 -1
- package/data-table/stateful-data-table.js +4 -4
- package/data-table/types.d.ts +4 -5
- package/datepicker/calendar-header.js +1 -0
- package/datepicker/calendar.js +2 -0
- package/datepicker/datepicker.js +2 -0
- package/datepicker/day.js +2 -1
- package/datepicker/index.d.ts +1 -1
- package/datepicker/index.js +7 -0
- package/datepicker/index.js.flow +1 -1
- package/datepicker/stateful-calendar.js +7 -3
- package/datepicker/stateful-container.js +2 -0
- package/datepicker/stateful-datepicker.js +9 -4
- package/datepicker/styled-components.js +27 -4
- package/datepicker/types.d.ts +2 -2
- package/datepicker/utils/date-helpers.js +2 -1
- package/datepicker/utils/index.js +2 -1
- package/divider/styled-components.js +4 -3
- package/divider/types.d.ts +1 -1
- package/dnd-list/stateful-list-container.js +1 -0
- package/dnd-list/styled-components.js +7 -0
- package/dnd-list/types.d.ts +2 -2
- package/drawer/constants.js +1 -0
- package/drawer/drawer.js +2 -3
- package/drawer/drawer.js.flow +1 -3
- package/drawer/styled-components.js +9 -2
- package/drawer/types.d.ts +2 -2
- package/es/accordion/accordion.js +3 -3
- package/es/accordion/panel.js +3 -2
- package/es/accordion/stateful-panel-container.js +1 -0
- package/es/accordion/styled-components.js +8 -1
- package/es/app-nav-bar/app-nav-bar.js +6 -2
- package/es/app-nav-bar/mobile-menu.js +4 -2
- package/es/app-nav-bar/styled-components.js +19 -1
- package/es/app-nav-bar/user-menu.js +1 -1
- package/es/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/es/avatar/styled-components.js +4 -1
- package/es/badge/styled-components.js +11 -6
- package/es/banner/styled-components.js +16 -3
- package/es/block/block.js +3 -1
- package/es/block/styled-components.js +2 -1
- package/es/breadcrumbs/styled-components.js +5 -1
- package/es/button/button.js +8 -0
- package/es/button/styled-components.js +7 -0
- package/es/button-group/stateful-button-group.js +1 -0
- package/es/button-group/stateful-container.js +3 -1
- package/es/button-group/styled-components.js +2 -1
- package/es/card/index.js +2 -1
- package/es/card/styled-components.js +12 -4
- package/es/checkbox/index.js +1 -0
- package/es/checkbox/stateful-checkbox-container.js +3 -0
- package/es/checkbox/styled-components.js +10 -4
- package/es/combobox/combobox.js +76 -69
- package/es/combobox/styled-components.js +5 -1
- package/es/data-table/column-anchor.js +3 -0
- package/es/data-table/column-datetime.js +12 -5
- package/es/data-table/column-numerical.js +5 -4
- package/es/data-table/column-string.js +3 -0
- package/es/data-table/column.js +4 -1
- package/es/data-table/data-table.js +6 -3
- package/es/data-table/filter-menu.js +2 -1
- package/es/data-table/header-cell.js +41 -34
- package/es/data-table/locale.js +3 -1
- package/es/data-table/measure-column-widths.js +5 -4
- package/es/data-table/stateful-container.js +2 -1
- package/es/data-table/stateful-data-table.js +4 -4
- package/es/datepicker/calendar-header.js +1 -0
- package/es/datepicker/calendar.js +2 -0
- package/es/datepicker/datepicker.js +3 -1
- package/es/datepicker/day.js +2 -1
- package/es/datepicker/index.js +1 -1
- package/es/datepicker/stateful-calendar.js +4 -1
- package/es/datepicker/stateful-container.js +2 -0
- package/es/datepicker/stateful-datepicker.js +5 -1
- package/es/datepicker/styled-components.js +26 -3
- package/es/datepicker/utils/date-helpers.js +2 -1
- package/es/datepicker/utils/index.js +2 -1
- package/es/divider/styled-components.js +3 -2
- package/es/dnd-list/stateful-list-container.js +1 -0
- package/es/dnd-list/styled-components.js +7 -0
- package/es/drawer/constants.js +1 -0
- package/es/drawer/drawer.js +2 -5
- package/es/drawer/styled-components.js +9 -2
- package/es/file-uploader/styled-components.js +6 -1
- package/es/flex-grid/flex-grid-item.js +5 -6
- package/es/flex-grid/flex-grid.js +4 -1
- package/es/form-control/styled-components.js +6 -1
- package/es/header-navigation/styled-components.js +4 -1
- package/es/helper/styled-components.js +3 -1
- package/es/helpers/overrides.js +9 -5
- package/es/icon/build-icons.js +0 -2
- package/es/icon/index.js +1 -1
- package/es/icon/omit-dollar-prefixed-keys.js +1 -0
- package/es/icon/styled-components.js +2 -1
- package/es/input/base-input.js +1 -0
- package/es/input/masked-input.js +9 -2
- package/es/input/stateful-container.js +1 -0
- package/es/input/styled-components.js +18 -7
- package/es/input/utils.js +2 -0
- package/es/layer/layer.js +24 -0
- package/es/layer/layers-manager.js +91 -1
- package/es/layout-grid/styled-components.js +3 -0
- package/es/link/index.js +2 -1
- package/es/link/styled-components.js +2 -1
- package/es/list/list-heading.js +21 -17
- package/es/list/list-item.js +2 -1
- package/es/list/styled-components.js +17 -1
- package/es/locale/es_AR.js +3 -1
- package/es/locale/index.js +2 -1
- package/es/locale/tr_TR.js +3 -1
- package/es/map-marker/constants.js +14 -0
- package/es/map-marker/fixed-marker.js +1 -0
- package/es/map-marker/index.js +2 -1
- package/es/map-marker/location-puck.js +142 -0
- package/es/map-marker/pin-head.js +1 -0
- package/es/map-marker/styled-components.js +86 -2
- package/es/menu/index.js +1 -1
- package/es/menu/menu.js +14 -4
- package/es/menu/option-profile.js +1 -0
- package/es/menu/stateful-container.js +10 -0
- package/es/menu/styled-components.js +32 -2
- package/es/message-card/constants.js +19 -0
- package/es/message-card/index.js +10 -0
- package/es/message-card/message-card.js +114 -0
- package/es/message-card/styled-components.js +108 -0
- package/es/message-card/types.js +1 -0
- package/es/message-card/utils.js +27 -0
- package/es/modal/modal.js +4 -6
- package/es/modal/styled-components.js +8 -1
- package/es/pagination/stateful-container.js +1 -0
- package/es/pagination/stateful-pagination.js +1 -0
- package/es/pagination/styled-components.js +4 -1
- package/es/payment-card/styled-components.js +2 -1
- package/es/phone-input/base-country-picker.js +3 -1
- package/es/phone-input/country-select-dropdown.js +1 -0
- package/es/phone-input/styled-components.js +15 -4
- package/es/pin-code/styled-components.js +4 -1
- package/es/popover/popover.js +9 -12
- package/es/popover/styled-components.js +9 -4
- package/es/progress-bar/progressbar-rounded.js +1 -0
- package/es/progress-bar/styled-components.js +14 -2
- package/es/progress-steps/progress-steps.js +2 -1
- package/es/progress-steps/styled-components.js +20 -12
- package/es/radio/stateful-radiogroup-container.js +3 -0
- package/es/radio/styled-components.js +10 -3
- package/es/rating/emoticon-rating.js +2 -1
- package/es/rating/star-rating.js +2 -1
- package/es/rating/styled-components.js +5 -1
- package/es/select/autosize-input.js +2 -3
- package/es/select/default-props.js +1 -1
- package/es/select/dropdown.js +2 -1
- package/es/select/multi-value.js +2 -1
- package/es/select/select-component.js +10 -10
- package/es/select/single-select.js +2 -2
- package/es/select/stateful-select-container.js +2 -0
- package/es/select/styled-components.js +33 -6
- package/es/select/value.js +3 -4
- package/es/side-navigation/index.js +2 -1
- package/es/side-navigation/nav-item.js +1 -0
- package/es/side-navigation/nav.js +1 -1
- package/es/side-navigation/stateful-container.js +1 -0
- package/es/side-navigation/styled-components.js +8 -2
- package/es/skeleton/styled-components.js +3 -1
- package/es/slider/slider.js +4 -2
- package/es/slider/stateful-slider-container.js +2 -0
- package/es/slider/styled-components.js +9 -0
- package/es/snackbar/snackbar-element.js +1 -0
- package/es/snackbar/styled-components.js +9 -1
- package/es/spinner/styled-components.js +2 -1
- package/es/styles/__mocks__/styled.js +8 -5
- package/es/styles/styled.js +7 -6
- package/es/table/index.js +2 -1
- package/es/table/styled-components.js +13 -1
- package/es/table-grid/styled-components.js +4 -1
- package/es/table-semantic/styled-components.js +20 -3
- package/es/tabs/stateful-tabs.js +1 -0
- package/es/tabs/styled-components.js +5 -1
- package/es/tabs/tabs.js +4 -2
- package/es/tabs-motion/styled-components.js +32 -2
- package/es/tabs-motion/tab.js +1 -0
- package/es/tabs-motion/tabs.js +31 -6
- package/es/tag/styled-components.js +32 -1
- package/es/tag/tag.js +6 -2
- package/es/textarea/styled-components.js +20 -12
- package/es/textarea/textarea.js +4 -2
- package/es/themes/move-theme/typography.js +36 -0
- package/es/themes/shared/borders.js +8 -3
- package/es/themes/shared/typography.js +10 -10
- package/es/timezonepicker/timezone-picker.js +5 -1
- package/es/timezonepicker/tzdata.js +1 -1
- package/es/toast/styled-components.js +5 -1
- package/es/toast/toaster.js +0 -2
- package/es/tokens/colors.js +24 -0
- package/es/tooltip/styled-components.js +4 -1
- package/es/tree-view/index.js +2 -1
- package/es/tree-view/styled-components.js +7 -1
- package/es/tree-view/tree-view.js +3 -1
- package/es/types/globals.d.js +12 -0
- package/es/utils/deep-merge.js +0 -5
- package/es/utils/deprecated-component.js +1 -0
- package/es/utils/focusVisible.js +4 -2
- package/esm/accordion/accordion.js +4 -4
- package/esm/accordion/panel.js +3 -2
- package/esm/accordion/stateful-panel-container.js +1 -0
- package/esm/accordion/styled-components.js +8 -1
- package/esm/app-nav-bar/app-nav-bar.js +4 -2
- package/esm/app-nav-bar/mobile-menu.js +4 -2
- package/esm/app-nav-bar/styled-components.js +19 -1
- package/esm/app-nav-bar/user-menu.js +1 -1
- package/esm/aspect-ratio-box/aspect-ratio-box.js +3 -1
- package/esm/avatar/styled-components.js +4 -1
- package/esm/badge/styled-components.js +11 -6
- package/esm/banner/styled-components.js +16 -3
- package/esm/block/block.js +3 -1
- package/esm/block/styled-components.js +2 -1
- package/esm/breadcrumbs/styled-components.js +5 -1
- package/esm/button/styled-components.js +7 -0
- package/esm/button-group/stateful-button-group.js +1 -0
- package/esm/button-group/stateful-container.js +3 -1
- package/esm/button-group/styled-components.js +2 -1
- package/esm/card/index.js +2 -1
- package/esm/card/styled-components.js +12 -4
- package/esm/checkbox/index.js +1 -0
- package/esm/checkbox/styled-components.js +10 -4
- package/esm/combobox/combobox.js +78 -71
- package/esm/combobox/styled-components.js +5 -1
- package/esm/data-table/column-anchor.js +3 -0
- package/esm/data-table/column-datetime.js +12 -5
- package/esm/data-table/column-numerical.js +4 -4
- package/esm/data-table/column-string.js +3 -0
- package/esm/data-table/column.js +5 -1
- package/esm/data-table/data-table.js +6 -3
- package/esm/data-table/filter-menu.js +2 -1
- package/esm/data-table/header-cell.js +42 -34
- package/esm/data-table/locale.js +3 -1
- package/esm/data-table/measure-column-widths.js +5 -4
- package/esm/data-table/stateful-container.js +2 -1
- package/esm/data-table/stateful-data-table.js +4 -4
- package/esm/datepicker/calendar-header.js +1 -0
- package/esm/datepicker/calendar.js +2 -0
- package/esm/datepicker/datepicker.js +3 -1
- package/esm/datepicker/day.js +2 -1
- package/esm/datepicker/index.js +1 -1
- package/esm/datepicker/stateful-calendar.js +7 -3
- package/esm/datepicker/stateful-container.js +2 -0
- package/esm/datepicker/stateful-datepicker.js +9 -4
- package/esm/datepicker/styled-components.js +26 -3
- package/esm/datepicker/utils/date-helpers.js +2 -1
- package/esm/datepicker/utils/index.js +2 -1
- package/esm/divider/styled-components.js +3 -2
- package/esm/dnd-list/stateful-list-container.js +1 -0
- package/esm/dnd-list/styled-components.js +7 -0
- package/esm/drawer/constants.js +1 -0
- package/esm/drawer/drawer.js +2 -5
- package/esm/drawer/styled-components.js +9 -2
- package/esm/file-uploader/styled-components.js +6 -1
- package/esm/flex-grid/flex-grid-item.js +4 -5
- package/esm/flex-grid/flex-grid.js +7 -3
- package/esm/form-control/styled-components.js +6 -1
- package/esm/header-navigation/styled-components.js +4 -1
- package/esm/helper/styled-components.js +3 -1
- package/esm/helpers/overrides.js +9 -5
- package/esm/icon/build-icons.js +0 -2
- package/esm/icon/index.js +1 -1
- package/esm/icon/omit-dollar-prefixed-keys.js +1 -0
- package/esm/icon/styled-components.js +2 -1
- package/esm/input/base-input.js +1 -0
- package/esm/input/masked-input.js +5 -2
- package/esm/input/stateful-container.js +1 -0
- package/esm/input/styled-components.js +18 -7
- package/esm/input/utils.js +2 -0
- package/esm/layer/layer.js +24 -0
- package/esm/layer/layers-manager.js +97 -1
- package/esm/layout-grid/styled-components.js +3 -0
- package/esm/link/index.js +2 -1
- package/esm/link/styled-components.js +2 -1
- package/esm/list/list-heading.js +21 -17
- package/esm/list/list-item.js +2 -1
- package/esm/list/styled-components.js +17 -1
- package/esm/locale/es_AR.js +3 -1
- package/esm/locale/index.js +4 -1
- package/esm/locale/tr_TR.js +3 -1
- package/esm/map-marker/constants.js +12 -2
- package/esm/map-marker/index.js +2 -1
- package/esm/map-marker/location-puck.js +199 -0
- package/esm/map-marker/styled-components.js +82 -2
- package/esm/menu/index.js +1 -1
- package/esm/menu/menu.js +16 -4
- package/esm/menu/option-profile.js +1 -0
- package/esm/menu/stateful-container.js +1 -0
- package/esm/menu/styled-components.js +38 -6
- package/esm/message-card/constants.js +20 -0
- package/esm/message-card/index.js +10 -0
- package/esm/message-card/message-card.js +168 -0
- package/esm/message-card/styled-components.js +116 -0
- package/esm/message-card/types.js +1 -0
- package/esm/message-card/utils.js +26 -0
- package/esm/modal/modal.js +4 -6
- package/esm/modal/styled-components.js +8 -1
- package/esm/pagination/stateful-container.js +1 -0
- package/esm/pagination/stateful-pagination.js +1 -0
- package/esm/pagination/styled-components.js +4 -1
- package/esm/payment-card/styled-components.js +2 -1
- package/esm/phone-input/base-country-picker.js +3 -1
- package/esm/phone-input/country-select-dropdown.js +1 -0
- package/esm/phone-input/styled-components.js +20 -8
- package/esm/pin-code/styled-components.js +4 -1
- package/esm/popover/popover.js +9 -12
- package/esm/popover/styled-components.js +9 -4
- package/esm/progress-bar/progressbar-rounded.js +1 -0
- package/esm/progress-bar/styled-components.js +14 -2
- package/esm/progress-steps/progress-steps.js +2 -1
- package/esm/progress-steps/styled-components.js +28 -19
- package/esm/radio/styled-components.js +10 -3
- package/esm/rating/emoticon-rating.js +2 -1
- package/esm/rating/star-rating.js +2 -1
- package/esm/rating/styled-components.js +5 -1
- package/esm/select/autosize-input.js +2 -3
- package/esm/select/default-props.js +1 -1
- package/esm/select/dropdown.js +2 -1
- package/esm/select/multi-value.js +2 -1
- package/esm/select/select-component.js +10 -10
- package/esm/select/single-select.js +2 -2
- package/esm/select/styled-components.js +33 -6
- package/esm/select/value.js +3 -4
- package/esm/side-navigation/index.js +2 -1
- package/esm/side-navigation/nav-item.js +1 -0
- package/esm/side-navigation/nav.js +1 -1
- package/esm/side-navigation/stateful-container.js +1 -0
- package/esm/side-navigation/styled-components.js +13 -6
- package/esm/skeleton/styled-components.js +3 -1
- package/esm/slider/slider.js +4 -2
- package/esm/slider/styled-components.js +9 -0
- package/esm/snackbar/snackbar-element.js +1 -0
- package/esm/snackbar/styled-components.js +9 -1
- package/esm/spinner/styled-components.js +2 -1
- package/esm/styles/__mocks__/styled.js +8 -5
- package/esm/styles/styled.js +7 -6
- package/esm/table/index.js +2 -1
- package/esm/table/styled-components.js +13 -1
- package/esm/table-grid/styled-components.js +4 -1
- package/esm/table-semantic/styled-components.js +20 -3
- package/esm/tabs/stateful-tabs.js +1 -0
- package/esm/tabs/styled-components.js +5 -1
- package/esm/tabs/tabs.js +4 -2
- package/esm/tabs-motion/styled-components.js +68 -40
- package/esm/tabs-motion/tab.js +1 -0
- package/esm/tabs-motion/tabs.js +87 -58
- package/esm/tag/styled-components.js +5 -1
- package/esm/tag/tag.js +4 -2
- package/esm/textarea/styled-components.js +11 -6
- package/esm/textarea/textarea.js +4 -2
- package/esm/themes/move-theme/typography.js +36 -0
- package/esm/themes/shared/borders.js +8 -3
- package/esm/themes/shared/typography.js +10 -10
- package/esm/timezonepicker/timezone-picker.js +6 -2
- package/esm/timezonepicker/tzdata.js +1 -1
- package/esm/toast/styled-components.js +5 -1
- package/esm/toast/toaster.js +0 -2
- package/esm/tokens/colors.js +24 -0
- package/esm/tooltip/styled-components.js +4 -1
- package/esm/tree-view/index.js +2 -1
- package/esm/tree-view/styled-components.js +7 -1
- package/esm/tree-view/tree-view.js +3 -1
- package/esm/types/globals.d.js +12 -0
- package/esm/utils/deep-merge.js +0 -5
- package/esm/utils/deprecated-component.js +1 -0
- package/esm/utils/focusVisible.js +4 -2
- package/file-uploader/styled-components.js +6 -1
- package/flex-grid/flex-grid-item.d.ts +1 -1
- package/flex-grid/flex-grid-item.js +6 -8
- package/flex-grid/flex-grid.js +7 -3
- package/flex-grid/types.d.ts +1 -1
- package/form-control/styled-components.js +6 -1
- package/form-control/types.d.ts +1 -1
- package/header-navigation/styled-components.js +4 -1
- package/heading/types.d.ts +1 -1
- package/helper/styled-components.js +3 -1
- package/helpers/overrides.js +8 -3
- package/helpers/overrides.js.flow +1 -1
- package/helpers/types.d.ts +1 -1
- package/icon/build-icons.js +0 -2
- package/icon/build-icons.js.flow +0 -1
- package/icon/index.d.ts +1 -1
- package/icon/index.js +8 -1
- package/icon/index.js.flow +1 -1
- package/icon/omit-dollar-prefixed-keys.js +1 -0
- package/icon/styled-components.js +2 -1
- package/icon/types.d.ts +1 -1
- package/input/masked-input.js +5 -2
- package/input/stateful-container.js +1 -0
- package/input/styled-components.js +18 -7
- package/input/styled-components.js.flow +9 -2
- package/input/types.d.ts +16 -14
- package/input/types.js.flow +3 -0
- package/input/utils.js +2 -0
- package/layer/layer.js +24 -0
- package/layer/layer.js.flow +25 -0
- package/layer/layers-manager.d.ts +8 -0
- package/layer/layers-manager.js +97 -1
- package/layer/layers-manager.js.flow +84 -1
- package/layer/types.d.ts +23 -2
- package/layer/types.js.flow +22 -1
- package/layout-grid/styled-components.js +3 -0
- package/layout-grid/types.d.ts +2 -2
- package/link/index.js +2 -1
- package/link/styled-components.js +2 -1
- package/list/list-heading.js +21 -17
- package/list/list-item.js +2 -1
- package/list/styled-components.js +17 -1
- package/list/types.d.ts +2 -2
- package/locale/en_US.d.ts +1 -1
- package/locale/es_AR.d.ts +1 -1
- package/locale/es_AR.js +3 -1
- package/locale/index.js +4 -1
- package/locale/tr_TR.d.ts +1 -1
- package/locale/tr_TR.js +3 -1
- package/map-marker/constants.d.ts +14 -0
- package/map-marker/constants.js +16 -3
- package/map-marker/constants.js.flow +17 -0
- package/map-marker/index.d.ts +2 -1
- package/map-marker/index.js +24 -1
- package/map-marker/index.js.flow +5 -3
- package/map-marker/location-puck.d.ts +4 -0
- package/map-marker/location-puck.js +211 -0
- package/map-marker/location-puck.js.flow +18 -0
- package/map-marker/styled-components.d.ts +17 -1
- package/map-marker/styled-components.js +88 -2
- package/map-marker/styled-components.js.flow +58 -0
- package/map-marker/types.d.ts +33 -5
- package/map-marker/types.js.flow +37 -3
- package/menu/index.d.ts +2 -3
- package/menu/index.js +8 -1
- package/menu/index.js.flow +1 -0
- package/menu/menu.js +15 -3
- package/menu/menu.js.flow +11 -1
- package/menu/option-profile.js +1 -0
- package/menu/stateful-container.js +1 -0
- package/menu/styled-components.d.ts +1 -0
- package/menu/styled-components.js +40 -7
- package/menu/styled-components.js.flow +13 -0
- package/menu/types.d.ts +13 -13
- package/menu/types.js.flow +1 -0
- package/message-card/constants.d.ts +12 -0
- package/message-card/constants.js +25 -0
- package/message-card/index.d.ts +4 -0
- package/message-card/index.js +60 -0
- package/message-card/index.js.flow +72 -0
- package/message-card/message-card.d.ts +4 -0
- package/message-card/message-card.js +184 -0
- package/message-card/package.json +4 -0
- package/message-card/styled-components.d.ts +14 -0
- package/message-card/styled-components.js +124 -0
- package/message-card/types.d.ts +27 -0
- package/message-card/types.js +5 -0
- package/message-card/utils.d.ts +1 -0
- package/message-card/utils.js +36 -0
- package/modal/modal.js +4 -4
- package/modal/modal.js.flow +1 -3
- package/modal/styled-components.js +8 -1
- package/modal/types.d.ts +2 -2
- package/package.json +9 -11
- package/pagination/stateful-container.js +1 -0
- package/pagination/stateful-pagination.js +1 -0
- package/pagination/styled-components.js +4 -1
- package/pagination/types.d.ts +2 -2
- package/payment-card/styled-components.js +2 -1
- package/phone-input/base-country-picker.js +3 -1
- package/phone-input/country-select-dropdown.js +1 -0
- package/phone-input/styled-components.js +21 -9
- package/phone-input/types.d.ts +5 -6
- package/pin-code/styled-components.js +4 -1
- package/pin-code/types.d.ts +2 -2
- package/popover/popover.js +9 -12
- package/popover/popover.js.flow +2 -12
- package/popover/styled-components.js +12 -9
- package/popover/types.d.ts +2 -2
- package/progress-bar/progressbar-rounded.js +1 -0
- package/progress-bar/styled-components.js +14 -2
- package/progress-bar/types.d.ts +2 -2
- package/progress-steps/progress-steps.js +2 -1
- package/progress-steps/styled-components.js +28 -19
- package/radio/styled-components.js +10 -3
- package/radio/types.d.ts +19 -20
- package/rating/emoticon-rating.js +2 -1
- package/rating/star-rating.js +2 -1
- package/rating/styled-components.js +5 -1
- package/select/autosize-input.js +2 -1
- package/select/autosize-input.js.flow +1 -1
- package/select/default-props.js +1 -1
- package/select/dropdown.js +2 -1
- package/select/multi-value.js +1 -0
- package/select/select-component.d.ts +1 -1
- package/select/select-component.js +9 -7
- package/select/select-component.js.flow +1 -1
- package/select/single-select.d.ts +2 -2
- package/select/single-select.js +2 -2
- package/select/styled-components.js +33 -6
- package/select/styled-components.js.flow +25 -5
- package/select/types.d.ts +5 -6
- package/select/value.js +2 -3
- package/side-navigation/nav-item.js +1 -0
- package/side-navigation/nav.js +1 -1
- package/side-navigation/stateful-container.js +1 -0
- package/side-navigation/styled-components.js +13 -6
- package/side-navigation/types.d.ts +1 -1
- package/skeleton/styled-components.js +3 -1
- package/slider/slider.js +4 -2
- package/slider/styled-components.js +9 -0
- package/slider/types.d.ts +1 -1
- package/snackbar/snackbar-element.js +1 -0
- package/snackbar/styled-components.js +9 -1
- package/snackbar/types.d.ts +3 -4
- package/spinner/styled-components.js +2 -1
- package/spinner/types.d.ts +1 -1
- package/styles/__mocks__/styled.js +8 -3
- package/styles/styled.d.ts +1 -1
- package/styles/styled.js +7 -6
- package/table/styled-components.js +13 -1
- package/table/types.d.ts +2 -2
- package/table-grid/styled-components.js +4 -1
- package/table-semantic/styled-components.js +20 -3
- package/table-semantic/types.d.ts +2 -2
- package/tabs/stateful-tabs.js +1 -0
- package/tabs/styled-components.js +5 -1
- package/tabs/tabs.js +4 -2
- package/tabs/types.d.ts +2 -2
- package/tabs-motion/styled-components.d.ts +5 -0
- package/tabs-motion/styled-components.js +71 -41
- package/tabs-motion/styled-components.js.flow +21 -0
- package/tabs-motion/tab.js +1 -0
- package/tabs-motion/tabs.d.ts +1 -1
- package/tabs-motion/tabs.js +87 -57
- package/tabs-motion/tabs.js.flow +69 -38
- package/tabs-motion/types.d.ts +5 -2
- package/tabs-motion/types.js.flow +3 -0
- package/tabs-motion/utils.d.ts +1 -1
- package/tag/styled-components.js +5 -1
- package/tag/tag.js +4 -2
- package/tag/types.d.ts +4 -5
- package/textarea/styled-components.js +11 -6
- package/textarea/textarea.js +4 -2
- package/textarea/types.d.ts +6 -5
- package/textarea/types.js.flow +3 -1
- package/themes/move-theme/typography.d.ts +36 -0
- package/themes/move-theme/typography.js +36 -0
- package/themes/move-theme/typography.js.flow +12 -0
- package/themes/shared/borders.js +8 -3
- package/themes/shared/borders.js.flow +7 -3
- package/themes/shared/typography.js +10 -10
- package/themes/shared/typography.js.flow +10 -10
- package/themes/types.d.ts +3 -0
- package/themes/types.js.flow +3 -0
- package/timezonepicker/timezone-picker.js +6 -2
- package/timezonepicker/types.d.ts +1 -0
- package/timezonepicker/types.js.flow +1 -0
- package/timezonepicker/tzdata.js +1 -1
- package/toast/styled-components.js +5 -1
- package/toast/toaster.js.flow +1 -1
- package/toast/types.d.ts +2 -2
- package/tokens/colors.js +24 -0
- package/tokens/colors.js.flow +27 -0
- package/tokens/types.d.ts +24 -0
- package/tokens/types.js.flow +27 -0
- package/tooltip/styled-components.js +4 -1
- package/tree-view/styled-components.js +7 -1
- package/tree-view/tree-view.js +3 -1
- package/tree-view/types.d.ts +3 -4
- package/types/globals.d.js +14 -1
- package/utils/deep-merge.js +0 -6
- package/utils/deprecated-component.js +1 -0
- package/utils/focusVisible.d.ts +1 -1
- package/utils/focusVisible.js +4 -2
- package/card/images.d.ts +0 -2
- package/card/images.js +0 -17
- package/card/images.js.flow +0 -18
- package/es/card/images.js +0 -8
- package/esm/card/images.js +0 -8
|
@@ -30,6 +30,24 @@ var typography = {
|
|
|
30
30
|
font1150: {
|
|
31
31
|
fontFamily: secondaryFontFamily
|
|
32
32
|
},
|
|
33
|
+
font1050: {
|
|
34
|
+
fontFamily: secondaryFontFamily
|
|
35
|
+
},
|
|
36
|
+
font950: {
|
|
37
|
+
fontFamily: secondaryFontFamily
|
|
38
|
+
},
|
|
39
|
+
font850: {
|
|
40
|
+
fontFamily: secondaryFontFamily
|
|
41
|
+
},
|
|
42
|
+
font750: {
|
|
43
|
+
fontFamily: secondaryFontFamily
|
|
44
|
+
},
|
|
45
|
+
font650: {
|
|
46
|
+
fontFamily: secondaryFontFamily
|
|
47
|
+
},
|
|
48
|
+
font550: {
|
|
49
|
+
fontFamily: secondaryFontFamily
|
|
50
|
+
},
|
|
33
51
|
DisplayLarge: {
|
|
34
52
|
fontFamily: secondaryFontFamily
|
|
35
53
|
},
|
|
@@ -42,6 +60,24 @@ var typography = {
|
|
|
42
60
|
DisplayXSmall: {
|
|
43
61
|
fontFamily: secondaryFontFamily
|
|
44
62
|
},
|
|
63
|
+
HeadingXXLarge: {
|
|
64
|
+
fontFamily: secondaryFontFamily
|
|
65
|
+
},
|
|
66
|
+
HeadingXLarge: {
|
|
67
|
+
fontFamily: secondaryFontFamily
|
|
68
|
+
},
|
|
69
|
+
HeadingLarge: {
|
|
70
|
+
fontFamily: secondaryFontFamily
|
|
71
|
+
},
|
|
72
|
+
HeadingMedium: {
|
|
73
|
+
fontFamily: secondaryFontFamily
|
|
74
|
+
},
|
|
75
|
+
HeadingSmall: {
|
|
76
|
+
fontFamily: secondaryFontFamily
|
|
77
|
+
},
|
|
78
|
+
HeadingXSmall: {
|
|
79
|
+
fontFamily: secondaryFontFamily
|
|
80
|
+
},
|
|
45
81
|
MonoParagraphXSmall: {
|
|
46
82
|
fontFamily: monoFontFamily
|
|
47
83
|
},
|
|
@@ -21,10 +21,22 @@ export const typography = {
|
|
|
21
21
|
font1350: { fontFamily: secondaryFontFamily },
|
|
22
22
|
font1250: { fontFamily: secondaryFontFamily },
|
|
23
23
|
font1150: { fontFamily: secondaryFontFamily },
|
|
24
|
+
font1050: { fontFamily: secondaryFontFamily },
|
|
25
|
+
font950: { fontFamily: secondaryFontFamily },
|
|
26
|
+
font850: { fontFamily: secondaryFontFamily },
|
|
27
|
+
font750: { fontFamily: secondaryFontFamily },
|
|
28
|
+
font650: { fontFamily: secondaryFontFamily },
|
|
29
|
+
font550: { fontFamily: secondaryFontFamily },
|
|
24
30
|
DisplayLarge: { fontFamily: secondaryFontFamily },
|
|
25
31
|
DisplayMedium: { fontFamily: secondaryFontFamily },
|
|
26
32
|
DisplaySmall: { fontFamily: secondaryFontFamily },
|
|
27
33
|
DisplayXSmall: { fontFamily: secondaryFontFamily },
|
|
34
|
+
HeadingXXLarge: { fontFamily: secondaryFontFamily },
|
|
35
|
+
HeadingXLarge: { fontFamily: secondaryFontFamily },
|
|
36
|
+
HeadingLarge: { fontFamily: secondaryFontFamily },
|
|
37
|
+
HeadingMedium: { fontFamily: secondaryFontFamily },
|
|
38
|
+
HeadingSmall: { fontFamily: secondaryFontFamily },
|
|
39
|
+
HeadingXSmall: { fontFamily: secondaryFontFamily },
|
|
28
40
|
|
|
29
41
|
MonoParagraphXSmall: { fontFamily: monoFontFamily },
|
|
30
42
|
MonoParagraphSmall: { fontFamily: monoFontFamily },
|
package/themes/shared/borders.js
CHANGED
|
@@ -54,13 +54,18 @@ var borders = {
|
|
|
54
54
|
useRoundedCorners: true,
|
|
55
55
|
|
|
56
56
|
/** Button, ButtonGroup */
|
|
57
|
+
buttonBorderRadiusMini: '4px',
|
|
57
58
|
buttonBorderRadius: '8px',
|
|
58
59
|
|
|
59
|
-
/**
|
|
60
|
-
|
|
60
|
+
/** Checkbox */
|
|
61
|
+
checkboxBorderRadius: '0px',
|
|
62
|
+
|
|
63
|
+
/** Input, Select, Textarea */
|
|
64
|
+
inputBorderRadiusMini: '4px',
|
|
65
|
+
inputBorderRadius: '8px',
|
|
61
66
|
|
|
62
67
|
/** Popover, Menu, Tooltip */
|
|
63
|
-
popoverBorderRadius: '
|
|
68
|
+
popoverBorderRadius: '8px',
|
|
64
69
|
|
|
65
70
|
/** Card, Datepicker, Modal, Toast, Notification */
|
|
66
71
|
surfaceBorderRadius: '0px',
|
|
@@ -48,11 +48,15 @@ const borders: BordersT = {
|
|
|
48
48
|
/** Datepicker (Range), Progress Bar, Slider, Tag */
|
|
49
49
|
useRoundedCorners: true,
|
|
50
50
|
/** Button, ButtonGroup */
|
|
51
|
+
buttonBorderRadiusMini: '4px',
|
|
51
52
|
buttonBorderRadius: '8px',
|
|
52
|
-
/**
|
|
53
|
-
|
|
53
|
+
/** Checkbox */
|
|
54
|
+
checkboxBorderRadius: '0px',
|
|
55
|
+
/** Input, Select, Textarea */
|
|
56
|
+
inputBorderRadiusMini: '4px',
|
|
57
|
+
inputBorderRadius: '8px',
|
|
54
58
|
/** Popover, Menu, Tooltip */
|
|
55
|
-
popoverBorderRadius: '
|
|
59
|
+
popoverBorderRadius: '8px',
|
|
56
60
|
/** Card, Datepicker, Modal, Toast, Notification */
|
|
57
61
|
surfaceBorderRadius: '0px',
|
|
58
62
|
/** Tag */
|
|
@@ -76,61 +76,61 @@ var _default = function _default() {
|
|
|
76
76
|
var font550 = {
|
|
77
77
|
fontFamily: fontTokens.primaryFontFamily,
|
|
78
78
|
fontSize: '20px',
|
|
79
|
-
fontWeight:
|
|
79
|
+
fontWeight: 700,
|
|
80
80
|
lineHeight: '28px'
|
|
81
81
|
};
|
|
82
82
|
var font650 = {
|
|
83
83
|
fontFamily: fontTokens.primaryFontFamily,
|
|
84
84
|
fontSize: '24px',
|
|
85
|
-
fontWeight:
|
|
85
|
+
fontWeight: 700,
|
|
86
86
|
lineHeight: '32px'
|
|
87
87
|
};
|
|
88
88
|
var font750 = {
|
|
89
89
|
fontFamily: fontTokens.primaryFontFamily,
|
|
90
90
|
fontSize: '28px',
|
|
91
|
-
fontWeight:
|
|
91
|
+
fontWeight: 700,
|
|
92
92
|
lineHeight: '36px'
|
|
93
93
|
};
|
|
94
94
|
var font850 = {
|
|
95
95
|
fontFamily: fontTokens.primaryFontFamily,
|
|
96
96
|
fontSize: '32px',
|
|
97
|
-
fontWeight:
|
|
97
|
+
fontWeight: 700,
|
|
98
98
|
lineHeight: '40px'
|
|
99
99
|
};
|
|
100
100
|
var font950 = {
|
|
101
101
|
fontFamily: fontTokens.primaryFontFamily,
|
|
102
102
|
fontSize: '36px',
|
|
103
|
-
fontWeight:
|
|
103
|
+
fontWeight: 700,
|
|
104
104
|
lineHeight: '44px'
|
|
105
105
|
};
|
|
106
106
|
var font1050 = {
|
|
107
107
|
fontFamily: fontTokens.primaryFontFamily,
|
|
108
108
|
fontSize: '40px',
|
|
109
|
-
fontWeight:
|
|
109
|
+
fontWeight: 700,
|
|
110
110
|
lineHeight: '52px'
|
|
111
111
|
};
|
|
112
112
|
var font1150 = {
|
|
113
113
|
fontFamily: fontTokens.primaryFontFamily,
|
|
114
114
|
fontSize: '36px',
|
|
115
|
-
fontWeight:
|
|
115
|
+
fontWeight: 700,
|
|
116
116
|
lineHeight: '44px'
|
|
117
117
|
};
|
|
118
118
|
var font1250 = {
|
|
119
119
|
fontFamily: fontTokens.primaryFontFamily,
|
|
120
120
|
fontSize: '44px',
|
|
121
|
-
fontWeight:
|
|
121
|
+
fontWeight: 700,
|
|
122
122
|
lineHeight: '52px'
|
|
123
123
|
};
|
|
124
124
|
var font1350 = {
|
|
125
125
|
fontFamily: fontTokens.primaryFontFamily,
|
|
126
126
|
fontSize: '52px',
|
|
127
|
-
fontWeight:
|
|
127
|
+
fontWeight: 700,
|
|
128
128
|
lineHeight: '64px'
|
|
129
129
|
};
|
|
130
130
|
var font1450 = {
|
|
131
131
|
fontFamily: fontTokens.primaryFontFamily,
|
|
132
132
|
fontSize: '96px',
|
|
133
|
-
fontWeight:
|
|
133
|
+
fontWeight: 700,
|
|
134
134
|
lineHeight: '112px'
|
|
135
135
|
};
|
|
136
136
|
return {
|
|
@@ -65,61 +65,61 @@ export default (fontTokens?: FontTokensT = defaultFontTokens): TypographyT => {
|
|
|
65
65
|
const font550 = {
|
|
66
66
|
fontFamily: fontTokens.primaryFontFamily,
|
|
67
67
|
fontSize: '20px',
|
|
68
|
-
fontWeight:
|
|
68
|
+
fontWeight: 700,
|
|
69
69
|
lineHeight: '28px',
|
|
70
70
|
};
|
|
71
71
|
const font650 = {
|
|
72
72
|
fontFamily: fontTokens.primaryFontFamily,
|
|
73
73
|
fontSize: '24px',
|
|
74
|
-
fontWeight:
|
|
74
|
+
fontWeight: 700,
|
|
75
75
|
lineHeight: '32px',
|
|
76
76
|
};
|
|
77
77
|
const font750 = {
|
|
78
78
|
fontFamily: fontTokens.primaryFontFamily,
|
|
79
79
|
fontSize: '28px',
|
|
80
|
-
fontWeight:
|
|
80
|
+
fontWeight: 700,
|
|
81
81
|
lineHeight: '36px',
|
|
82
82
|
};
|
|
83
83
|
const font850 = {
|
|
84
84
|
fontFamily: fontTokens.primaryFontFamily,
|
|
85
85
|
fontSize: '32px',
|
|
86
|
-
fontWeight:
|
|
86
|
+
fontWeight: 700,
|
|
87
87
|
lineHeight: '40px',
|
|
88
88
|
};
|
|
89
89
|
const font950 = {
|
|
90
90
|
fontFamily: fontTokens.primaryFontFamily,
|
|
91
91
|
fontSize: '36px',
|
|
92
|
-
fontWeight:
|
|
92
|
+
fontWeight: 700,
|
|
93
93
|
lineHeight: '44px',
|
|
94
94
|
};
|
|
95
95
|
const font1050 = {
|
|
96
96
|
fontFamily: fontTokens.primaryFontFamily,
|
|
97
97
|
fontSize: '40px',
|
|
98
|
-
fontWeight:
|
|
98
|
+
fontWeight: 700,
|
|
99
99
|
lineHeight: '52px',
|
|
100
100
|
};
|
|
101
101
|
const font1150 = {
|
|
102
102
|
fontFamily: fontTokens.primaryFontFamily,
|
|
103
103
|
fontSize: '36px',
|
|
104
|
-
fontWeight:
|
|
104
|
+
fontWeight: 700,
|
|
105
105
|
lineHeight: '44px',
|
|
106
106
|
};
|
|
107
107
|
const font1250 = {
|
|
108
108
|
fontFamily: fontTokens.primaryFontFamily,
|
|
109
109
|
fontSize: '44px',
|
|
110
|
-
fontWeight:
|
|
110
|
+
fontWeight: 700,
|
|
111
111
|
lineHeight: '52px',
|
|
112
112
|
};
|
|
113
113
|
const font1350 = {
|
|
114
114
|
fontFamily: fontTokens.primaryFontFamily,
|
|
115
115
|
fontSize: '52px',
|
|
116
|
-
fontWeight:
|
|
116
|
+
fontWeight: 700,
|
|
117
117
|
lineHeight: '64px',
|
|
118
118
|
};
|
|
119
119
|
const font1450 = {
|
|
120
120
|
fontFamily: fontTokens.primaryFontFamily,
|
|
121
121
|
fontSize: '96px',
|
|
122
|
-
fontWeight:
|
|
122
|
+
fontWeight: 700,
|
|
123
123
|
lineHeight: '112px',
|
|
124
124
|
};
|
|
125
125
|
|
package/themes/types.d.ts
CHANGED
|
@@ -571,8 +571,11 @@ export declare type Borders = {
|
|
|
571
571
|
radius500: string;
|
|
572
572
|
useRoundedCorners: boolean;
|
|
573
573
|
buttonBorderRadius: string;
|
|
574
|
+
buttonBorderRadiusMini: string;
|
|
575
|
+
checkboxBorderRadius: string;
|
|
574
576
|
surfaceBorderRadius: string;
|
|
575
577
|
inputBorderRadius: string;
|
|
578
|
+
inputBorderRadiusMini: string;
|
|
576
579
|
popoverBorderRadius: string;
|
|
577
580
|
tagBorderRadius: string;
|
|
578
581
|
};
|
package/themes/types.js.flow
CHANGED
|
@@ -688,8 +688,11 @@ export type BordersT = {
|
|
|
688
688
|
radius500: string,
|
|
689
689
|
useRoundedCorners: boolean,
|
|
690
690
|
buttonBorderRadius: string,
|
|
691
|
+
buttonBorderRadiusMini: string,
|
|
692
|
+
checkboxBorderRadius: string,
|
|
691
693
|
surfaceBorderRadius: string,
|
|
692
694
|
inputBorderRadius: string,
|
|
695
|
+
inputBorderRadiusMini: string,
|
|
693
696
|
popoverBorderRadius: string,
|
|
694
697
|
tagBorderRadius: string,
|
|
695
698
|
};
|
|
@@ -118,14 +118,18 @@ var TimezonePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
118
118
|
// Ignores timezones that are not available within a user's browser/operating system
|
|
119
119
|
console.error("failed to format zone name ".concat(zoneName));
|
|
120
120
|
}
|
|
121
|
-
}
|
|
122
|
-
|
|
121
|
+
}
|
|
123
122
|
} catch (err) {
|
|
124
123
|
_iterator.e(err);
|
|
125
124
|
} finally {
|
|
126
125
|
_iterator.f();
|
|
127
126
|
}
|
|
128
127
|
|
|
128
|
+
if (_this.props.additionalTimezones) {
|
|
129
|
+
timezones = timezones.concat(_this.props.additionalTimezones);
|
|
130
|
+
} // Sorts W -> E, prioritizes america. could be more nuanced based on system tz but simple for now
|
|
131
|
+
|
|
132
|
+
|
|
129
133
|
return timezones.sort(function (a, b) {
|
|
130
134
|
var offsetDelta = b.offset - a.offset;
|
|
131
135
|
if (offsetDelta !== 0) return offsetDelta;
|
|
@@ -21,6 +21,7 @@ export declare type TimezonePickerOverrides = {
|
|
|
21
21
|
Select?: Override;
|
|
22
22
|
};
|
|
23
23
|
export declare type TimezonePickerProps = {
|
|
24
|
+
additionalTimezones?: Timezone[];
|
|
24
25
|
/**
|
|
25
26
|
* If not provided, defaults to new Date(). Important to note that the timezone picker only
|
|
26
27
|
* displays options related to the provided date. Take Pacific Time for example. On March 9th,
|
|
@@ -30,6 +30,7 @@ export type TimezoneT = {
|
|
|
30
30
|
offset: number,
|
|
31
31
|
};
|
|
32
32
|
export type TimezonePickerPropsT = {
|
|
33
|
+
additionalTimezones?: TimezoneT[],
|
|
33
34
|
/**
|
|
34
35
|
* If not provided, defaults to new Date(). Important to note that the timezone picker only
|
|
35
36
|
* displays options related to the provided date. Take Pacific Time for example. On March 9th,
|
package/timezonepicker/tzdata.js
CHANGED
|
@@ -11,5 +11,5 @@ Copyright (c) Uber Technologies, Inc.
|
|
|
11
11
|
This source code is licensed under the MIT license found in the
|
|
12
12
|
LICENSE file in the root directory of this source tree.
|
|
13
13
|
*/
|
|
14
|
-
var zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', '
|
|
14
|
+
var zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Chisinau', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Africa/Khartoum', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Asia/Taipei', 'Europe/Kyiv', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Apia', 'Africa/Johannesburg'];
|
|
15
15
|
exports.zones = zones;
|
|
@@ -110,6 +110,7 @@ var Root = (0, _styles.styled)('div', function (_ref) {
|
|
|
110
110
|
});
|
|
111
111
|
exports.Root = Root;
|
|
112
112
|
Root.displayName = "Root";
|
|
113
|
+
Root.displayName = 'Root';
|
|
113
114
|
var InnerContainer = (0, _styles.styled)('div', // eslint-disable-next-line no-empty-pattern
|
|
114
115
|
function (_ref2) {
|
|
115
116
|
_objectDestructuringEmpty(_ref2);
|
|
@@ -118,6 +119,7 @@ function (_ref2) {
|
|
|
118
119
|
});
|
|
119
120
|
exports.InnerContainer = InnerContainer;
|
|
120
121
|
InnerContainer.displayName = "InnerContainer";
|
|
122
|
+
InnerContainer.displayName = 'InnerContainer';
|
|
121
123
|
var Body = (0, _styles.styled)('div', function (_ref3) {
|
|
122
124
|
var $isVisible = _ref3.$isVisible,
|
|
123
125
|
$kind = _ref3.$kind,
|
|
@@ -151,6 +153,7 @@ var Body = (0, _styles.styled)('div', function (_ref3) {
|
|
|
151
153
|
});
|
|
152
154
|
exports.Body = Body;
|
|
153
155
|
Body.displayName = "Body";
|
|
156
|
+
Body.displayName = 'Body';
|
|
154
157
|
var CloseIconSvg = (0, _styles.styled)('svg', function (_ref4) {
|
|
155
158
|
var $theme = _ref4.$theme,
|
|
156
159
|
$size = _ref4.$size,
|
|
@@ -168,4 +171,5 @@ var CloseIconSvg = (0, _styles.styled)('svg', function (_ref4) {
|
|
|
168
171
|
});
|
|
169
172
|
});
|
|
170
173
|
exports.CloseIconSvg = CloseIconSvg;
|
|
171
|
-
CloseIconSvg.displayName = "CloseIconSvg";
|
|
174
|
+
CloseIconSvg.displayName = "CloseIconSvg";
|
|
175
|
+
CloseIconSvg.displayName = 'CloseIconSvg';
|
package/toast/toaster.js.flow
CHANGED
package/toast/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
1
|
+
import type * as React from 'react';
|
|
2
2
|
import type { Override } from '../helpers/overrides';
|
|
3
|
-
import { KIND, PLACEMENT, TYPE } from './constants';
|
|
3
|
+
import type { KIND, PLACEMENT, TYPE } from './constants';
|
|
4
4
|
export declare type KindType = typeof KIND[keyof typeof KIND];
|
|
5
5
|
export declare type NotificationType = typeof TYPE[keyof typeof TYPE];
|
|
6
6
|
export declare type PlacementType = typeof PLACEMENT[keyof typeof PLACEMENT];
|
package/tokens/colors.js
CHANGED
|
@@ -57,6 +57,14 @@ var colors = {
|
|
|
57
57
|
yellow500: '#BC8B2C',
|
|
58
58
|
yellow600: '#996F00',
|
|
59
59
|
yellow700: '#674D1B',
|
|
60
|
+
lime50: '#F2F7ED',
|
|
61
|
+
lime100: '#E0ECD2',
|
|
62
|
+
lime200: '#BCD69D',
|
|
63
|
+
lime300: '#8BB956',
|
|
64
|
+
lime400: '#67A421',
|
|
65
|
+
lime500: '#4E7C19',
|
|
66
|
+
lime600: '#3D6213',
|
|
67
|
+
lime700: '#29410d',
|
|
60
68
|
green50: '#E6F2ED',
|
|
61
69
|
green100: '#ADDEC9',
|
|
62
70
|
green200: '#66D19E',
|
|
@@ -65,6 +73,14 @@ var colors = {
|
|
|
65
73
|
green500: '#03703C',
|
|
66
74
|
green600: '#03582F',
|
|
67
75
|
green700: '#10462D',
|
|
76
|
+
teal50: '#EDF5F7',
|
|
77
|
+
teal100: '#D2E8EC',
|
|
78
|
+
teal200: '#9DCDD6',
|
|
79
|
+
teal300: '#56A9B9',
|
|
80
|
+
teal400: '#218EA4',
|
|
81
|
+
teal500: '#196B7C',
|
|
82
|
+
teal600: '#135562',
|
|
83
|
+
teal700: '#0D3841',
|
|
68
84
|
blue50: '#EFF3FE',
|
|
69
85
|
blue100: '#D4E2FC',
|
|
70
86
|
blue200: '#A0BFF8',
|
|
@@ -89,6 +105,14 @@ var colors = {
|
|
|
89
105
|
purple500: '#574191',
|
|
90
106
|
purple600: '#453473',
|
|
91
107
|
purple700: '#2E224C',
|
|
108
|
+
magenta50: '#F9F1F7',
|
|
109
|
+
magenta100: '#F2DDEB',
|
|
110
|
+
magenta200: '#E2B4D3',
|
|
111
|
+
magenta300: '#CE7EB3',
|
|
112
|
+
magenta400: '#BF569C',
|
|
113
|
+
magenta500: '#914176',
|
|
114
|
+
magenta600: '#72335D',
|
|
115
|
+
magenta700: '#4C223E',
|
|
92
116
|
brown50: '#F6F0EA',
|
|
93
117
|
brown100: '#EBE0DB',
|
|
94
118
|
brown200: '#D2BBB0',
|
package/tokens/colors.js.flow
CHANGED
|
@@ -58,6 +58,15 @@ const colors: ColorTokensT = {
|
|
|
58
58
|
yellow600: '#996F00',
|
|
59
59
|
yellow700: '#674D1B',
|
|
60
60
|
|
|
61
|
+
lime50: '#F2F7ED',
|
|
62
|
+
lime100: '#E0ECD2',
|
|
63
|
+
lime200: '#BCD69D',
|
|
64
|
+
lime300: '#8BB956',
|
|
65
|
+
lime400: '#67A421',
|
|
66
|
+
lime500: '#4E7C19',
|
|
67
|
+
lime600: '#3D6213',
|
|
68
|
+
lime700: '#29410d',
|
|
69
|
+
|
|
61
70
|
green50: '#E6F2ED',
|
|
62
71
|
green100: '#ADDEC9',
|
|
63
72
|
green200: '#66D19E',
|
|
@@ -67,6 +76,15 @@ const colors: ColorTokensT = {
|
|
|
67
76
|
green600: '#03582F',
|
|
68
77
|
green700: '#10462D',
|
|
69
78
|
|
|
79
|
+
teal50: '#EDF5F7',
|
|
80
|
+
teal100: '#D2E8EC',
|
|
81
|
+
teal200: '#9DCDD6',
|
|
82
|
+
teal300: '#56A9B9',
|
|
83
|
+
teal400: '#218EA4',
|
|
84
|
+
teal500: '#196B7C',
|
|
85
|
+
teal600: '#135562',
|
|
86
|
+
teal700: '#0D3841',
|
|
87
|
+
|
|
70
88
|
blue50: '#EFF3FE',
|
|
71
89
|
blue100: '#D4E2FC',
|
|
72
90
|
blue200: '#A0BFF8',
|
|
@@ -94,6 +112,15 @@ const colors: ColorTokensT = {
|
|
|
94
112
|
purple600: '#453473',
|
|
95
113
|
purple700: '#2E224C',
|
|
96
114
|
|
|
115
|
+
magenta50: '#F9F1F7',
|
|
116
|
+
magenta100: '#F2DDEB',
|
|
117
|
+
magenta200: '#E2B4D3',
|
|
118
|
+
magenta300: '#CE7EB3',
|
|
119
|
+
magenta400: '#BF569C',
|
|
120
|
+
magenta500: '#914176',
|
|
121
|
+
magenta600: '#72335D',
|
|
122
|
+
magenta700: '#4C223E',
|
|
123
|
+
|
|
97
124
|
brown50: '#F6F0EA',
|
|
98
125
|
brown100: '#EBE0DB',
|
|
99
126
|
brown200: '#D2BBB0',
|
package/tokens/types.d.ts
CHANGED
|
@@ -28,6 +28,14 @@ export declare type ColorTokens = {
|
|
|
28
28
|
blue500: string;
|
|
29
29
|
blue600: string;
|
|
30
30
|
blue700: string;
|
|
31
|
+
teal50: string;
|
|
32
|
+
teal100: string;
|
|
33
|
+
teal200: string;
|
|
34
|
+
teal300: string;
|
|
35
|
+
teal400: string;
|
|
36
|
+
teal500: string;
|
|
37
|
+
teal600: string;
|
|
38
|
+
teal700: string;
|
|
31
39
|
red50: string;
|
|
32
40
|
red100: string;
|
|
33
41
|
red200: string;
|
|
@@ -52,6 +60,14 @@ export declare type ColorTokens = {
|
|
|
52
60
|
orange500: string;
|
|
53
61
|
orange600: string;
|
|
54
62
|
orange700: string;
|
|
63
|
+
magenta50: string;
|
|
64
|
+
magenta100: string;
|
|
65
|
+
magenta200: string;
|
|
66
|
+
magenta300: string;
|
|
67
|
+
magenta400: string;
|
|
68
|
+
magenta500: string;
|
|
69
|
+
magenta600: string;
|
|
70
|
+
magenta700: string;
|
|
55
71
|
purple50: string;
|
|
56
72
|
purple100: string;
|
|
57
73
|
purple200: string;
|
|
@@ -68,6 +84,14 @@ export declare type ColorTokens = {
|
|
|
68
84
|
yellow500: string;
|
|
69
85
|
yellow600: string;
|
|
70
86
|
yellow700: string;
|
|
87
|
+
lime50: string;
|
|
88
|
+
lime100: string;
|
|
89
|
+
lime200: string;
|
|
90
|
+
lime300: string;
|
|
91
|
+
lime400: string;
|
|
92
|
+
lime500: string;
|
|
93
|
+
lime600: string;
|
|
94
|
+
lime700: string;
|
|
71
95
|
brown50: string;
|
|
72
96
|
brown100: string;
|
|
73
97
|
brown200: string;
|
package/tokens/types.js.flow
CHANGED
|
@@ -39,6 +39,15 @@ export type ColorTokensT = {
|
|
|
39
39
|
blue600: string,
|
|
40
40
|
blue700: string,
|
|
41
41
|
|
|
42
|
+
teal50: string,
|
|
43
|
+
teal100: string,
|
|
44
|
+
teal200: string,
|
|
45
|
+
teal300: string,
|
|
46
|
+
teal400: string,
|
|
47
|
+
teal500: string,
|
|
48
|
+
teal600: string,
|
|
49
|
+
teal700: string,
|
|
50
|
+
|
|
42
51
|
red50: string,
|
|
43
52
|
red100: string,
|
|
44
53
|
red200: string,
|
|
@@ -66,6 +75,15 @@ export type ColorTokensT = {
|
|
|
66
75
|
orange600: string,
|
|
67
76
|
orange700: string,
|
|
68
77
|
|
|
78
|
+
magenta50: string,
|
|
79
|
+
magenta100: string,
|
|
80
|
+
magenta200: string,
|
|
81
|
+
magenta300: string,
|
|
82
|
+
magenta400: string,
|
|
83
|
+
magenta500: string,
|
|
84
|
+
magenta600: string,
|
|
85
|
+
magenta700: string,
|
|
86
|
+
|
|
69
87
|
purple50: string,
|
|
70
88
|
purple100: string,
|
|
71
89
|
purple200: string,
|
|
@@ -84,6 +102,15 @@ export type ColorTokensT = {
|
|
|
84
102
|
yellow600: string,
|
|
85
103
|
yellow700: string,
|
|
86
104
|
|
|
105
|
+
lime50: string,
|
|
106
|
+
lime100: string,
|
|
107
|
+
lime200: string,
|
|
108
|
+
lime300: string,
|
|
109
|
+
lime400: string,
|
|
110
|
+
lime500: string,
|
|
111
|
+
lime600: string,
|
|
112
|
+
lime700: string,
|
|
113
|
+
|
|
87
114
|
brown50: string,
|
|
88
115
|
brown100: string,
|
|
89
116
|
brown200: string,
|
|
@@ -44,6 +44,7 @@ var Body = (0, _styles.styled)('div', function (props) {
|
|
|
44
44
|
});
|
|
45
45
|
exports.Body = Body;
|
|
46
46
|
Body.displayName = "Body";
|
|
47
|
+
Body.displayName = 'Body';
|
|
47
48
|
var Inner = (0, _styles.styled)('div', function (props) {
|
|
48
49
|
return _objectSpread(_objectSpread(_objectSpread({}, (0, _styledComponents.getInnerStyles)(props)), {}, {
|
|
49
50
|
backgroundColor: props.$theme.colors.tooltipBackground,
|
|
@@ -61,10 +62,12 @@ var Inner = (0, _styles.styled)('div', function (props) {
|
|
|
61
62
|
});
|
|
62
63
|
exports.Inner = Inner;
|
|
63
64
|
Inner.displayName = "Inner";
|
|
65
|
+
Inner.displayName = 'Inner';
|
|
64
66
|
var Arrow = (0, _styles.styled)('div', function (props) {
|
|
65
67
|
return _objectSpread(_objectSpread({}, (0, _styledComponents.getArrowStyles)(props)), {}, {
|
|
66
68
|
backgroundColor: props.$theme.colors.tooltipBackground
|
|
67
69
|
});
|
|
68
70
|
});
|
|
69
71
|
exports.Arrow = Arrow;
|
|
70
|
-
Arrow.displayName = "Arrow";
|
|
72
|
+
Arrow.displayName = "Arrow";
|
|
73
|
+
Arrow.displayName = 'Arrow';
|