@cloudscape-design/components 3.0.347 → 3.0.349
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/alert/styles.css.js +19 -19
- package/alert/styles.scoped.css +64 -64
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +46 -46
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +10 -10
- package/app-layout/drawer/styles.scoped.css +28 -28
- package/app-layout/drawer/styles.selectors.js +10 -10
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +18 -18
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/styles.css.js +17 -17
- package/app-layout/styles.scoped.css +30 -30
- package/app-layout/styles.selectors.js +17 -17
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +16 -16
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +267 -267
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +16 -16
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +48 -48
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +20 -20
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +418 -418
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +28 -28
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +22 -22
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +472 -472
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/category-elements/styles.css.js +13 -13
- package/button-dropdown/category-elements/styles.scoped.css +50 -50
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/interfaces.d.ts +2 -15
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +14 -14
- package/button-dropdown/item-element/styles.scoped.css +42 -42
- package/button-dropdown/item-element/styles.selectors.js +14 -14
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +10 -10
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +14 -14
- package/button-dropdown/styles.scoped.css +32 -32
- package/button-dropdown/styles.selectors.js +14 -14
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +89 -89
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +99 -99
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +16 -16
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +8 -8
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +228 -219
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +42 -42
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +81 -81
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +8 -8
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +55 -55
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +94 -94
- package/container/styles.selectors.js +28 -28
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +17 -17
- package/content-layout/styles.selectors.js +7 -7
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +16 -16
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +95 -95
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +16 -16
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +76 -76
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +106 -106
- package/expandable-section/styles.selectors.js +29 -29
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +9 -9
- package/file-upload/dropzone/styles.selectors.js +2 -2
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +14 -14
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/file-upload/file-option/styles.css.js +7 -7
- package/file-upload/file-option/styles.scoped.css +10 -10
- package/file-upload/file-option/styles.selectors.js +7 -7
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +4 -4
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/collapsible-flashbar.js +8 -5
- package/flashbar/collapsible-flashbar.js.map +1 -1
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +2 -1
- package/flashbar/flash.js.map +1 -1
- package/flashbar/non-collapsible-flashbar.d.ts.map +1 -1
- package/flashbar/non-collapsible-flashbar.js +1 -2
- package/flashbar/non-collapsible-flashbar.js.map +1 -1
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +250 -246
- package/flashbar/styles.selectors.js +46 -46
- package/flashbar/utils.js +1 -1
- package/flashbar/utils.js.map +1 -1
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +20 -20
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +52 -52
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +60 -60
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +33 -33
- package/header/styles.scoped.css +114 -114
- package/header/styles.selectors.js +33 -33
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +172 -172
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +10 -10
- package/hotspot/styles.selectors.js +7 -7
- package/i18n/index.d.ts +1 -1
- package/i18n/index.d.ts.map +1 -1
- package/i18n/index.js +1 -1
- package/i18n/index.js.map +1 -1
- package/i18n/provider.d.ts.map +1 -1
- package/i18n/provider.js +4 -2
- package/i18n/provider.js.map +1 -1
- package/i18n/testing.d.ts.map +1 -1
- package/i18n/testing.js +2 -0
- package/i18n/testing.js.map +1 -1
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +81 -81
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +73 -73
- package/input/styles.selectors.js +12 -12
- package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
- package/internal/analytics/components/analytics-funnel.js +50 -1
- package/internal/analytics/components/analytics-funnel.js.map +1 -1
- package/internal/analytics/context/analytics-context.d.ts +13 -0
- package/internal/analytics/context/analytics-context.d.ts.map +1 -1
- package/internal/analytics/context/analytics-context.js +4 -0
- package/internal/analytics/context/analytics-context.js.map +1 -1
- package/internal/analytics/hooks/use-funnel.d.ts +4 -0
- package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
- package/internal/analytics/hooks/use-funnel.js +73 -20
- package/internal/analytics/hooks/use-funnel.js.map +1 -1
- package/internal/base-component/styles.scoped.css +1696 -1635
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +26 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +63 -63
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/styles.css.js +27 -27
- package/internal/components/cartesian-chart/styles.scoped.css +41 -41
- package/internal/components/cartesian-chart/styles.selectors.js +27 -27
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -7
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +23 -23
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +6 -6
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/index.js +1 -1
- package/internal/components/chart-popover/index.js.map +1 -1
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +9 -9
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +20 -20
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +14 -14
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-status-container/styles.css.js +2 -2
- package/internal/components/chart-status-container/styles.scoped.css +3 -3
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -15
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +18 -18
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dark-ribbon/styles.css.js +2 -2
- package/internal/components/dark-ribbon/styles.scoped.css +4 -4
- package/internal/components/dark-ribbon/styles.selectors.js +2 -2
- package/internal/components/dropdown/interfaces.d.ts +8 -5
- package/internal/components/dropdown/interfaces.d.ts.map +1 -1
- package/internal/components/dropdown/interfaces.js.map +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +51 -51
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +9 -9
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +8 -8
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +34 -34
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +12 -12
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +32 -32
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +47 -47
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +7 -7
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +70 -70
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +40 -40
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.d.ts +1 -0
- package/internal/generated/styles/tokens.js +306 -305
- package/internal/generated/theming/index.cjs +1830 -821
- package/internal/generated/theming/index.cjs.d.ts +192 -0
- package/internal/generated/theming/index.d.ts +192 -0
- package/internal/generated/theming/index.js +1830 -821
- package/internal/manifest.json +1 -1
- package/internal/utils/dom.d.ts +1 -1
- package/internal/utils/dom.d.ts.map +1 -1
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +163 -163
- package/link/styles.selectors.js +20 -20
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +24 -24
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +67 -67
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +5 -5
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +47 -47
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/index.d.ts.map +1 -1
- package/pie-chart/index.js +1 -2
- package/pie-chart/index.js.map +1 -1
- package/pie-chart/pie-chart.d.ts +1 -3
- package/pie-chart/pie-chart.d.ts.map +1 -1
- package/pie-chart/pie-chart.js +16 -17
- package/pie-chart/pie-chart.js.map +1 -1
- package/pie-chart/segments.d.ts +1 -2
- package/pie-chart/segments.d.ts.map +1 -1
- package/pie-chart/segments.js +2 -2
- package/pie-chart/segments.js.map +1 -1
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +63 -63
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +104 -104
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +58 -58
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +52 -52
- package/property-filter/styles.selectors.js +29 -29
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +37 -37
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +12 -12
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +78 -78
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +9 -9
- package/select/parts/styles.scoped.css +17 -17
- package/select/parts/styles.selectors.js +9 -9
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -5
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +92 -92
- package/side-navigation/styles.selectors.js +28 -28
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +40 -40
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +35 -35
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +146 -146
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/styles.css.js +22 -22
- package/status-indicator/styles.scoped.css +46 -46
- package/status-indicator/styles.selectors.js +22 -22
- package/table/body-cell/styles.css.js +28 -28
- package/table/body-cell/styles.scoped.css +155 -155
- package/table/body-cell/styles.selectors.js +28 -28
- package/table/body-cell/td-element.d.ts +3 -1
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +5 -7
- package/table/body-cell/td-element.js.map +1 -1
- package/table/header-cell/index.d.ts +2 -0
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +4 -3
- package/table/header-cell/index.js.map +1 -1
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +93 -93
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/header-cell/utils.d.ts +0 -1
- package/table/header-cell/utils.d.ts.map +1 -1
- package/table/header-cell/utils.js +0 -6
- package/table/header-cell/utils.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +9 -8
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +6 -6
- package/table/resizer/styles.scoped.css +27 -27
- package/table/resizer/styles.selectors.js +6 -6
- package/table/selection-control/styles.css.js +3 -3
- package/table/selection-control/styles.scoped.css +4 -4
- package/table/selection-control/styles.selectors.js +3 -3
- package/table/sticky-header.d.ts +2 -0
- package/table/sticky-header.d.ts.map +1 -1
- package/table/sticky-header.js +3 -2
- package/table/sticky-header.js.map +1 -1
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +84 -84
- package/table/styles.selectors.js +34 -34
- package/table/table-role/index.d.ts +2 -0
- package/table/table-role/index.d.ts.map +1 -0
- package/table/table-role/index.js +4 -0
- package/table/table-role/index.js.map +1 -0
- package/table/table-role/table-role-helper.d.ts +22 -0
- package/table/table-role/table-role-helper.d.ts.map +1 -0
- package/table/table-role/table-role-helper.js +47 -0
- package/table/table-role/table-role-helper.js.map +1 -0
- package/table/thead.d.ts +2 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +4 -3
- package/table/thead.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +86 -86
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +24 -24
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +130 -130
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +10 -10
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +40 -40
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +128 -128
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +27 -27
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +42 -42
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +84 -84
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +148 -148
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +43 -43
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +50 -50
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +6 -6
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +124 -124
- package/wizard/styles.selectors.js +31 -31
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"hover-area": "awsui_hover-
|
|
7
|
-
"popover-body": "awsui_popover-
|
|
5
|
+
"root": "awsui_root_1t44z_1uvfo_93",
|
|
6
|
+
"hover-area": "awsui_hover-area_1t44z_1uvfo_107",
|
|
7
|
+
"popover-body": "awsui_popover-body_1t44z_1uvfo_113"
|
|
8
8
|
};
|
|
9
9
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"dimmed": "
|
|
5
|
-
"root": "
|
|
6
|
-
"list": "
|
|
7
|
-
"list-item": "awsui_list-
|
|
8
|
-
"key": "
|
|
4
|
+
"dimmed": "awsui_dimmed_10ipo_123j7_93",
|
|
5
|
+
"root": "awsui_root_10ipo_123j7_122",
|
|
6
|
+
"list": "awsui_list_10ipo_123j7_135",
|
|
7
|
+
"list-item": "awsui_list-item_10ipo_123j7_142",
|
|
8
|
+
"key": "awsui_key_10ipo_123j7_147"
|
|
9
9
|
};
|
|
10
10
|
|
|
@@ -90,9 +90,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
94
|
-
transition: opacity var(--motion-duration-transition-quick-
|
|
95
|
-
transition-delay: var(--motion-duration-transition-quick-
|
|
93
|
+
.awsui_dimmed_10ipo_123j7_93:not(#\9) {
|
|
94
|
+
transition: opacity var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
|
|
95
|
+
transition-delay: var(--motion-duration-transition-quick-6npj01, 90ms);
|
|
96
96
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
97
97
|
border-collapse: separate;
|
|
98
98
|
border-spacing: 0;
|
|
@@ -122,21 +122,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
122
122
|
widows: 2;
|
|
123
123
|
word-spacing: normal;
|
|
124
124
|
box-sizing: border-box;
|
|
125
|
-
font-size: var(--font-body-m-size-
|
|
126
|
-
line-height: var(--font-body-m-line-height-
|
|
127
|
-
color: var(--color-text-body-default-
|
|
125
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
126
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
127
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
128
128
|
font-weight: 400;
|
|
129
|
-
font-family: var(--font-family-base-
|
|
129
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
130
130
|
-webkit-font-smoothing: auto;
|
|
131
131
|
-moz-osx-font-smoothing: auto;
|
|
132
132
|
}
|
|
133
133
|
@media (prefers-reduced-motion: reduce) {
|
|
134
|
-
.
|
|
134
|
+
.awsui_dimmed_10ipo_123j7_93:not(#\9) {
|
|
135
135
|
animation: none;
|
|
136
136
|
transition: none;
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
|
-
.awsui-motion-disabled .
|
|
139
|
+
.awsui-motion-disabled .awsui_dimmed_10ipo_123j7_93:not(#\9), .awsui-mode-entering .awsui_dimmed_10ipo_123j7_93:not(#\9) {
|
|
140
140
|
animation: none;
|
|
141
141
|
transition: none;
|
|
142
142
|
}
|
|
@@ -145,7 +145,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
145
145
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
146
146
|
SPDX-License-Identifier: Apache-2.0
|
|
147
147
|
*/
|
|
148
|
-
.
|
|
148
|
+
.awsui_root_10ipo_123j7_122:not(#\9) {
|
|
149
149
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
150
150
|
border-collapse: separate;
|
|
151
151
|
border-spacing: 0;
|
|
@@ -175,34 +175,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
175
175
|
widows: 2;
|
|
176
176
|
word-spacing: normal;
|
|
177
177
|
box-sizing: border-box;
|
|
178
|
-
font-size: var(--font-body-m-size-
|
|
179
|
-
line-height: var(--font-body-m-line-height-
|
|
180
|
-
color: var(--color-text-body-default-
|
|
178
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
179
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
180
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
181
181
|
font-weight: 400;
|
|
182
|
-
font-family: var(--font-family-base-
|
|
182
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
183
183
|
-webkit-font-smoothing: auto;
|
|
184
184
|
-moz-osx-font-smoothing: auto;
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
.
|
|
187
|
+
.awsui_list_10ipo_123j7_135:not(#\9) {
|
|
188
188
|
display: flex;
|
|
189
189
|
margin: 0;
|
|
190
190
|
padding: 0;
|
|
191
191
|
list-style: none;
|
|
192
192
|
flex-direction: column;
|
|
193
193
|
}
|
|
194
|
-
.
|
|
194
|
+
.awsui_list_10ipo_123j7_135 > .awsui_list-item_10ipo_123j7_142:not(#\9) {
|
|
195
195
|
display: inline-flex;
|
|
196
196
|
justify-content: space-between;
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
.
|
|
199
|
+
.awsui_key_10ipo_123j7_147:not(#\9) {
|
|
200
200
|
display: inline-flex;
|
|
201
201
|
align-items: flex-start;
|
|
202
|
-
color: var(--color-text-group-label-
|
|
203
|
-
margin-right: var(--space-xxl-
|
|
202
|
+
color: var(--color-text-group-label-zuh0h0, #414d5c);
|
|
203
|
+
margin-right: var(--space-xxl-cu2m1r, 32px);
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
.
|
|
206
|
+
.awsui_dimmed_10ipo_123j7_93:not(#\9) {
|
|
207
207
|
opacity: 0.35;
|
|
208
208
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"dimmed": "
|
|
6
|
-
"root": "
|
|
7
|
-
"list": "
|
|
8
|
-
"list-item": "awsui_list-
|
|
9
|
-
"key": "
|
|
5
|
+
"dimmed": "awsui_dimmed_10ipo_123j7_93",
|
|
6
|
+
"root": "awsui_root_10ipo_123j7_122",
|
|
7
|
+
"list": "awsui_list_10ipo_123j7_135",
|
|
8
|
+
"list-item": "awsui_list-item_10ipo_123j7_142",
|
|
9
|
+
"key": "awsui_key_10ipo_123j7_147"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"marker": "
|
|
5
|
-
"marker--line": "awsui_marker--
|
|
6
|
-
"marker--rectangle": "awsui_marker--
|
|
7
|
-
"marker--hollow-rectangle": "awsui_marker--hollow-
|
|
8
|
-
"marker--dashed": "awsui_marker--
|
|
4
|
+
"marker": "awsui_marker_1isd1_1t1b0_93",
|
|
5
|
+
"marker--line": "awsui_marker--line_1isd1_1t1b0_111",
|
|
6
|
+
"marker--rectangle": "awsui_marker--rectangle_1isd1_1t1b0_115",
|
|
7
|
+
"marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1t1b0_119",
|
|
8
|
+
"marker--dashed": "awsui_marker--dashed_1isd1_1t1b0_131"
|
|
9
9
|
};
|
|
10
10
|
|
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_marker_1isd1_1t1b0_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -120,47 +120,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: var(--font-body-m-size-
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
125
|
-
color: var(--color-text-body-default-
|
|
123
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
124
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
125
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
|
-
font-family: var(--font-family-base-
|
|
127
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
128
|
-webkit-font-smoothing: auto;
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
|
-
margin-right: var(--space-xxs-
|
|
131
|
-
margin-top: var(--space-xxs-
|
|
130
|
+
margin-right: var(--space-xxs-p8yyaw, 4px);
|
|
131
|
+
margin-top: var(--space-xxs-p8yyaw, 4px);
|
|
132
132
|
border-radius: 2px;
|
|
133
133
|
width: 14px;
|
|
134
134
|
flex-shrink: 0;
|
|
135
135
|
cursor: inherit;
|
|
136
136
|
}
|
|
137
|
-
.awsui_marker--
|
|
137
|
+
.awsui_marker--line_1isd1_1t1b0_111:not(#\9) {
|
|
138
138
|
margin-top: 9px;
|
|
139
139
|
height: 4px;
|
|
140
140
|
}
|
|
141
|
-
.awsui_marker--
|
|
141
|
+
.awsui_marker--rectangle_1isd1_1t1b0_115:not(#\9) {
|
|
142
142
|
height: 14px;
|
|
143
143
|
border-radius: 2px;
|
|
144
144
|
}
|
|
145
|
-
.awsui_marker--hollow-
|
|
145
|
+
.awsui_marker--hollow-rectangle_1isd1_1t1b0_119:not(#\9) {
|
|
146
146
|
height: 14px;
|
|
147
147
|
border-radius: 2px;
|
|
148
148
|
}
|
|
149
|
-
.awsui_marker--hollow-
|
|
149
|
+
.awsui_marker--hollow-rectangle_1isd1_1t1b0_119:not(#\9)::after {
|
|
150
150
|
content: "";
|
|
151
151
|
display: block;
|
|
152
152
|
margin: 2px;
|
|
153
153
|
height: 10px;
|
|
154
|
-
background-color: var(--color-background-container-content-
|
|
154
|
+
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
155
155
|
opacity: 0.5;
|
|
156
156
|
}
|
|
157
|
-
.awsui_marker--
|
|
157
|
+
.awsui_marker--dashed_1isd1_1t1b0_131:not(#\9) {
|
|
158
158
|
height: 4px;
|
|
159
159
|
width: 6px;
|
|
160
160
|
margin-top: 9px;
|
|
161
161
|
margin-right: 12px;
|
|
162
162
|
}
|
|
163
|
-
.awsui_marker--
|
|
163
|
+
.awsui_marker--dashed_1isd1_1t1b0_131:not(#\9)::after {
|
|
164
164
|
content: "";
|
|
165
165
|
display: block;
|
|
166
166
|
width: 6px;
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"marker": "
|
|
6
|
-
"marker--line": "awsui_marker--
|
|
7
|
-
"marker--rectangle": "awsui_marker--
|
|
8
|
-
"marker--hollow-rectangle": "awsui_marker--hollow-
|
|
9
|
-
"marker--dashed": "awsui_marker--
|
|
5
|
+
"marker": "awsui_marker_1isd1_1t1b0_93",
|
|
6
|
+
"marker--line": "awsui_marker--line_1isd1_1t1b0_111",
|
|
7
|
+
"marker--rectangle": "awsui_marker--rectangle_1isd1_1t1b0_115",
|
|
8
|
+
"marker--hollow-rectangle": "awsui_marker--hollow-rectangle_1isd1_1t1b0_119",
|
|
9
|
+
"marker--dashed": "awsui_marker--dashed_1isd1_1t1b0_131"
|
|
10
10
|
};
|
|
11
11
|
|
|
@@ -6,10 +6,10 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.
|
|
9
|
+
.awsui_root_11n0s_6tm6j_9:not(#\9) {
|
|
10
10
|
/* used in test-utils */
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
color: var(--color-text-empty-
|
|
13
|
+
.awsui_empty_11n0s_6tm6j_13:not(#\9) {
|
|
14
|
+
color: var(--color-text-empty-2wfcyr, #5f6b7a);
|
|
15
15
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"empty": "
|
|
5
|
+
"root": "awsui_root_11n0s_6tm6j_9",
|
|
6
|
+
"empty": "awsui_empty_11n0s_6tm6j_13"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"wrapper": "
|
|
5
|
-
"wrapper--fit-height": "awsui_wrapper--fit-
|
|
6
|
-
"inner-wrapper--fit-height": "awsui_inner-wrapper--fit-
|
|
7
|
-
"has-default-filter": "awsui_has-default-
|
|
8
|
-
"content": "
|
|
9
|
-
"content--reserve-filter": "awsui_content--reserve-
|
|
10
|
-
"content--reserve-legend": "awsui_content--reserve-
|
|
11
|
-
"content--fit-height": "awsui_content--fit-
|
|
12
|
-
"filter-container": "awsui_filter-
|
|
4
|
+
"wrapper": "awsui_wrapper_z5mul_12kmg_93",
|
|
5
|
+
"wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12kmg_107",
|
|
6
|
+
"inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12kmg_112",
|
|
7
|
+
"has-default-filter": "awsui_has-default-filter_z5mul_12kmg_118",
|
|
8
|
+
"content": "awsui_content_z5mul_12kmg_122",
|
|
9
|
+
"content--reserve-filter": "awsui_content--reserve-filter_z5mul_12kmg_129",
|
|
10
|
+
"content--reserve-legend": "awsui_content--reserve-legend_z5mul_12kmg_133",
|
|
11
|
+
"content--fit-height": "awsui_content--fit-height_z5mul_12kmg_137",
|
|
12
|
+
"filter-container": "awsui_filter-container_z5mul_12kmg_141"
|
|
13
13
|
};
|
|
14
14
|
|
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_wrapper_z5mul_12kmg_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -120,50 +120,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
120
120
|
widows: 2;
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
|
-
font-size: var(--font-body-m-size-
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
125
|
-
color: var(--color-text-body-default-
|
|
123
|
+
font-size: var(--font-body-m-size-dhtyxm, 14px);
|
|
124
|
+
line-height: var(--font-body-m-line-height-5wv9x1, 20px);
|
|
125
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
|
-
font-family: var(--font-family-base-
|
|
127
|
+
font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
128
|
-webkit-font-smoothing: auto;
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
position: relative;
|
|
131
131
|
display: block;
|
|
132
132
|
}
|
|
133
|
-
.awsui_wrapper--fit-
|
|
133
|
+
.awsui_wrapper--fit-height_z5mul_12kmg_107:not(#\9) {
|
|
134
134
|
height: 100%;
|
|
135
135
|
overflow-y: auto;
|
|
136
136
|
}
|
|
137
137
|
|
|
138
|
-
.awsui_inner-wrapper--fit-
|
|
138
|
+
.awsui_inner-wrapper--fit-height_z5mul_12kmg_112:not(#\9) {
|
|
139
139
|
display: flex;
|
|
140
140
|
flex-direction: column;
|
|
141
141
|
height: 100%;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.awsui_has-default-
|
|
144
|
+
.awsui_has-default-filter_z5mul_12kmg_118 > :not(#\9):first-child {
|
|
145
145
|
flex: 280px 0 1;
|
|
146
146
|
}
|
|
147
147
|
|
|
148
|
-
.
|
|
148
|
+
.awsui_content_z5mul_12kmg_122:not(#\9) {
|
|
149
149
|
display: flex;
|
|
150
150
|
position: relative;
|
|
151
151
|
justify-content: center;
|
|
152
152
|
align-items: center;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
.awsui_content--reserve-
|
|
156
|
-
margin-top: calc(2 * var(--font-body-m-line-height-
|
|
155
|
+
.awsui_content--reserve-filter_z5mul_12kmg_129:not(#\9) {
|
|
156
|
+
margin-top: calc(2 * var(--font-body-m-line-height-5wv9x1, 20px));
|
|
157
157
|
}
|
|
158
158
|
|
|
159
|
-
.awsui_content--reserve-
|
|
160
|
-
margin-bottom: calc(2 * var(--font-body-m-line-height-
|
|
159
|
+
.awsui_content--reserve-legend_z5mul_12kmg_133:not(#\9) {
|
|
160
|
+
margin-bottom: calc(2 * var(--font-body-m-line-height-5wv9x1, 20px));
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
-
.awsui_content--fit-
|
|
163
|
+
.awsui_content--fit-height_z5mul_12kmg_137:not(#\9) {
|
|
164
164
|
flex: 1;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
.awsui_filter-
|
|
167
|
+
.awsui_filter-container_z5mul_12kmg_141:not(#\9) {
|
|
168
168
|
/* used in test-utils */
|
|
169
169
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"wrapper": "
|
|
6
|
-
"wrapper--fit-height": "awsui_wrapper--fit-
|
|
7
|
-
"inner-wrapper--fit-height": "awsui_inner-wrapper--fit-
|
|
8
|
-
"has-default-filter": "awsui_has-default-
|
|
9
|
-
"content": "
|
|
10
|
-
"content--reserve-filter": "awsui_content--reserve-
|
|
11
|
-
"content--reserve-legend": "awsui_content--reserve-
|
|
12
|
-
"content--fit-height": "awsui_content--fit-
|
|
13
|
-
"filter-container": "awsui_filter-
|
|
5
|
+
"wrapper": "awsui_wrapper_z5mul_12kmg_93",
|
|
6
|
+
"wrapper--fit-height": "awsui_wrapper--fit-height_z5mul_12kmg_107",
|
|
7
|
+
"inner-wrapper--fit-height": "awsui_inner-wrapper--fit-height_z5mul_12kmg_112",
|
|
8
|
+
"has-default-filter": "awsui_has-default-filter_z5mul_12kmg_118",
|
|
9
|
+
"content": "awsui_content_z5mul_12kmg_122",
|
|
10
|
+
"content--reserve-filter": "awsui_content--reserve-filter_z5mul_12kmg_129",
|
|
11
|
+
"content--reserve-legend": "awsui_content--reserve-legend_z5mul_12kmg_133",
|
|
12
|
+
"content--fit-height": "awsui_content--fit-height_z5mul_12kmg_137",
|
|
13
|
+
"filter-container": "awsui_filter-container_z5mul_12kmg_141"
|
|
14
14
|
};
|
|
15
15
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"styled-box": "awsui_styled-
|
|
6
|
-
"styled-box-checked": "awsui_styled-box-
|
|
7
|
-
"styled-box-indeterminate": "awsui_styled-box-
|
|
8
|
-
"styled-box-disabled": "awsui_styled-box-
|
|
9
|
-
"styled-line": "awsui_styled-
|
|
10
|
-
"styled-line-disabled": "awsui_styled-line-
|
|
4
|
+
"root": "awsui_root_1fn7j_uydos_93",
|
|
5
|
+
"styled-box": "awsui_styled-box_1fn7j_uydos_100",
|
|
6
|
+
"styled-box-checked": "awsui_styled-box-checked_1fn7j_uydos_106",
|
|
7
|
+
"styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_uydos_106",
|
|
8
|
+
"styled-box-disabled": "awsui_styled-box-disabled_1fn7j_uydos_110",
|
|
9
|
+
"styled-line": "awsui_styled-line_1fn7j_uydos_124",
|
|
10
|
+
"styled-line-disabled": "awsui_styled-line-disabled_1fn7j_uydos_129"
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -90,42 +90,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_root_1fn7j_uydos_93:not(#\9) {
|
|
94
94
|
position: absolute;
|
|
95
95
|
width: 100%;
|
|
96
96
|
height: 100%;
|
|
97
97
|
top: 0;
|
|
98
98
|
left: 0;
|
|
99
99
|
}
|
|
100
|
-
.
|
|
101
|
-
fill: var(--color-background-control-default-
|
|
102
|
-
stroke: var(--color-border-control-default-
|
|
103
|
-
stroke-width: var(--border-field-width-
|
|
104
|
-
transition: fill var(--motion-duration-transition-quick-
|
|
100
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
|
|
101
|
+
fill: var(--color-background-control-default-qzruqy, #ffffff);
|
|
102
|
+
stroke: var(--color-border-control-default-0fzxw0, #7d8998);
|
|
103
|
+
stroke-width: var(--border-field-width-09w7vk, 2px);
|
|
104
|
+
transition: fill var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear), stroke var(--motion-duration-transition-quick-6npj01, 90ms) var(--motion-easing-transition-quick-l9jfsx, linear);
|
|
105
105
|
}
|
|
106
|
-
.
|
|
107
|
-
fill: var(--color-background-control-checked-
|
|
108
|
-
stroke: var(--color-border-control-checked-
|
|
106
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-box-checked_1fn7j_uydos_106:not(#\9), .awsui_root_1fn7j_uydos_93 > .awsui_styled-box-indeterminate_1fn7j_uydos_106:not(#\9) {
|
|
107
|
+
fill: var(--color-background-control-checked-w517i0, #0972d3);
|
|
108
|
+
stroke: var(--color-border-control-checked-wlsmbn, #0972d3);
|
|
109
109
|
}
|
|
110
|
-
.
|
|
111
|
-
fill: var(--color-background-control-disabled-
|
|
112
|
-
stroke: var(--color-border-control-disabled-
|
|
110
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-box-disabled_1fn7j_uydos_110:not(#\9) {
|
|
111
|
+
fill: var(--color-background-control-disabled-pwkvgd, #d1d5db);
|
|
112
|
+
stroke: var(--color-border-control-disabled-bv2kkn, #d1d5db);
|
|
113
113
|
}
|
|
114
114
|
@media (prefers-reduced-motion: reduce) {
|
|
115
|
-
.
|
|
115
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
|
|
116
116
|
animation: none;
|
|
117
117
|
transition: none;
|
|
118
118
|
}
|
|
119
119
|
}
|
|
120
|
-
.awsui-motion-disabled .
|
|
120
|
+
.awsui-motion-disabled .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9), .awsui-mode-entering .awsui_root_1fn7j_uydos_93 > .awsui_styled-box_1fn7j_uydos_100:not(#\9) {
|
|
121
121
|
animation: none;
|
|
122
122
|
transition: none;
|
|
123
123
|
}
|
|
124
|
-
.
|
|
125
|
-
stroke: var(--color-foreground-control-default-
|
|
124
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-line_1fn7j_uydos_124:not(#\9) {
|
|
125
|
+
stroke: var(--color-foreground-control-default-wq2gpa, #ffffff);
|
|
126
126
|
stroke-width: 2;
|
|
127
127
|
fill: none;
|
|
128
128
|
}
|
|
129
|
-
.
|
|
130
|
-
stroke: var(--color-foreground-control-disabled-
|
|
129
|
+
.awsui_root_1fn7j_uydos_93 > .awsui_styled-line-disabled_1fn7j_uydos_129:not(#\9) {
|
|
130
|
+
stroke: var(--color-foreground-control-disabled-zmz2k2, #ffffff);
|
|
131
131
|
}
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"styled-box": "awsui_styled-
|
|
7
|
-
"styled-box-checked": "awsui_styled-box-
|
|
8
|
-
"styled-box-indeterminate": "awsui_styled-box-
|
|
9
|
-
"styled-box-disabled": "awsui_styled-box-
|
|
10
|
-
"styled-line": "awsui_styled-
|
|
11
|
-
"styled-line-disabled": "awsui_styled-line-
|
|
5
|
+
"root": "awsui_root_1fn7j_uydos_93",
|
|
6
|
+
"styled-box": "awsui_styled-box_1fn7j_uydos_100",
|
|
7
|
+
"styled-box-checked": "awsui_styled-box-checked_1fn7j_uydos_106",
|
|
8
|
+
"styled-box-indeterminate": "awsui_styled-box-indeterminate_1fn7j_uydos_106",
|
|
9
|
+
"styled-box-disabled": "awsui_styled-box-disabled_1fn7j_uydos_110",
|
|
10
|
+
"styled-line": "awsui_styled-line_1fn7j_uydos_124",
|
|
11
|
+
"styled-line-disabled": "awsui_styled-line-disabled_1fn7j_uydos_129"
|
|
12
12
|
};
|
|
13
13
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"background-fill": "awsui_background-
|
|
5
|
-
"content": "
|
|
4
|
+
"background-fill": "awsui_background-fill_1fi2u_15exz_9",
|
|
5
|
+
"content": "awsui_content_1fi2u_15exz_15"
|
|
6
6
|
};
|
|
7
7
|
|
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
7
|
SPDX-License-Identifier: Apache-2.0
|
|
8
8
|
*/
|
|
9
|
-
.awsui_background-
|
|
10
|
-
background-color: var(--color-background-layout-main-
|
|
9
|
+
.awsui_background-fill_1fi2u_15exz_9:not(#\9) {
|
|
10
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
11
11
|
position: absolute;
|
|
12
|
-
color: var(--color-text-body-default-
|
|
12
|
+
color: var(--color-text-body-default-2sxhhn, #000716);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.
|
|
15
|
+
.awsui_content_1fi2u_15exz_15:not(#\9) {
|
|
16
16
|
position: relative;
|
|
17
17
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"background-fill": "awsui_background-
|
|
6
|
-
"content": "
|
|
5
|
+
"background-fill": "awsui_background-fill_1fi2u_15exz_9",
|
|
6
|
+
"content": "awsui_content_1fi2u_15exz_15"
|
|
7
7
|
};
|
|
8
8
|
|
|
@@ -138,12 +138,15 @@ export interface DropdownProps extends ExpandToViewport {
|
|
|
138
138
|
}
|
|
139
139
|
export interface ExpandToViewport {
|
|
140
140
|
/**
|
|
141
|
-
*
|
|
141
|
+
* By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.
|
|
142
|
+
* Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and
|
|
142
143
|
* [React Portals](https://reactjs.org/docs/portals.html).
|
|
143
|
-
*
|
|
144
|
-
*
|
|
145
|
-
*
|
|
146
|
-
*
|
|
144
|
+
*
|
|
145
|
+
* Set this property if the dropdown would otherwise be constrained by a scrollable container,
|
|
146
|
+
* for example inside table and split view layouts.
|
|
147
|
+
*
|
|
148
|
+
* However, use discretion. We recommend you don't enable this property unless necessary
|
|
149
|
+
* because fixed positioning results in a slight, visible lag when scrolling complex pages.
|
|
147
150
|
*/
|
|
148
151
|
expandToViewport?: boolean;
|
|
149
152
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC9D,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;QAaI;IACJ,WAAW,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAExF;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAEvF;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AAC9D,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAsB,SAAQ,gBAAgB;IAC7D;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;;;;;;;;;;QAaI;IACJ,WAAW,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,CAAC;IAClD;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAExF;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC;IAEvF;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;OAUG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../../events';\nimport React from 'react';\n\nexport type OptionsFilteringType = 'none' | 'auto' | 'manual';\nexport interface OptionsLoadItemsDetail {\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n}\n\nexport interface BaseDropdownHostProps extends ExpandToViewport {\n /**\n * If you have more than 500 options, enable this flag to apply a performance optimization\n * that makes the filtering experience smoother. We don't recommend enabling the feature if you\n * have less than 500 options, because the improvements to performance are offset by a\n * visible scrolling lag.\n *\n * When you set this flag to `true`, it removes options that are not currently in view from the DOM.\n * If your test accesses such options, you need to first scroll the options container\n * to the correct offset, before performing any operations on them. Use the element returned\n * by the `findOptionsContainer` test utility for this.\n */\n virtualScroll?: boolean;\n\n /**\n * Use this event to implement the asynchronous behavior for the component.\n *\n * The event is called in the following situations:\n * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.\n * * The user clicks on the recovery button in the error state.\n * * The user types inside the input field.\n * * The user focuses the input field.\n *\n * The detail object contains the following properties:\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n **/\n onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;\n}\n\nexport interface DropdownProps extends ExpandToViewport {\n /**\n * Trigger element.\n */\n trigger: React.ReactNode;\n /**\n * \"Sticky\" header of the dropdown content\n */\n header?: React.ReactNode;\n /**\n * Footer slot fixed at the bottom of the dropdown\n */\n footer?: React.ReactNode;\n /**\n * Dropdown content elements.\n */\n children?: React.ReactNode;\n /**\n * Updating content key triggers dropdown position re-evaluation.\n */\n contentKey?: string;\n /**\n * Open state of the dropdown.\n */\n open?: boolean;\n /**\n * Called when a user clicks outside of the dropdown content, when it is open.\n */\n onDropdownClose?: NonCancelableEventHandler<null>;\n /**\n * Called when a mouse button is pressed inside the dropdown content.\n */\n onMouseDown?: React.MouseEventHandler;\n /**\n * Dropdown id\n */\n dropdownId?: string;\n /**\n * Stretches dropdown to occupy entire width.\n */\n stretchWidth?: boolean;\n /**\n * Stretches dropdown to occupy entire height.\n */\n stretchHeight?: boolean;\n\n /**\n * Stretches the trigger to the height of the dropdown container.\n */\n stretchTriggerHeight?: boolean;\n\n /**\n * Whether the dropdown content should be at least as wide as the trigger.\n *\n * @defaultValue true\n */\n stretchToTriggerWidth?: boolean;\n\n /**\n * Determines that the dropdown should preferably be aligned to the center of the trigger\n * instead of dropping left or right.\n */\n preferCenter?: boolean;\n\n /**\n * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).\n */\n interior?: boolean;\n /**\n * Sets the min width of the dropdown (in px)\n */\n minWidth?: number;\n /**\n * Whether the dropdown will have a scrollbar or not\n */\n scrollable?: boolean;\n\n /**\n * Whether the dropdown will have a focus loop including trigger, header, content and footer.\n */\n loopFocus?: boolean;\n\n /**\n * Called when focus enters the trigger or dropdown content.\n */\n onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * Called when focus leaves the trigger or dropdown content.\n */\n onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * ID for the dropdown content wrapper\n */\n dropdownContentId?: string;\n /**\n * HTML role for the dropdown content wrapper\n */\n dropdownContentRole?: string;\n /**\n * Labelledby for the dropdown (required when role=\"dialog\")\n */\n ariaLabelledby?: string;\n /**\n * Describedby for the dropdown (recommended when role=\"dialog\")\n */\n ariaDescribedby?: string;\n}\n\nexport interface ExpandToViewport {\n /**\n * Enabling this property will allow the dropdown to extend beyond
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["internal/components/dropdown/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../../events';\nimport React from 'react';\n\nexport type OptionsFilteringType = 'none' | 'auto' | 'manual';\nexport interface OptionsLoadItemsDetail {\n filteringText: string;\n firstPage: boolean;\n samePage: boolean;\n}\n\nexport interface BaseDropdownHostProps extends ExpandToViewport {\n /**\n * If you have more than 500 options, enable this flag to apply a performance optimization\n * that makes the filtering experience smoother. We don't recommend enabling the feature if you\n * have less than 500 options, because the improvements to performance are offset by a\n * visible scrolling lag.\n *\n * When you set this flag to `true`, it removes options that are not currently in view from the DOM.\n * If your test accesses such options, you need to first scroll the options container\n * to the correct offset, before performing any operations on them. Use the element returned\n * by the `findOptionsContainer` test utility for this.\n */\n virtualScroll?: boolean;\n\n /**\n * Use this event to implement the asynchronous behavior for the component.\n *\n * The event is called in the following situations:\n * * The user scrolls to the end of the list of options, if `statusType` is set to `pending`.\n * * The user clicks on the recovery button in the error state.\n * * The user types inside the input field.\n * * The user focuses the input field.\n *\n * The detail object contains the following properties:\n * * `filteringText` - The value that you need to use to fetch options.\n * * `firstPage` - Indicates that you should fetch the first page of options that match the `filteringText`.\n * * `samePage` - Indicates that you should fetch the same page that you have previously fetched (for example, when the user clicks on the recovery button).\n **/\n onLoadItems?: NonCancelableEventHandler<OptionsLoadItemsDetail>;\n}\n\nexport interface DropdownProps extends ExpandToViewport {\n /**\n * Trigger element.\n */\n trigger: React.ReactNode;\n /**\n * \"Sticky\" header of the dropdown content\n */\n header?: React.ReactNode;\n /**\n * Footer slot fixed at the bottom of the dropdown\n */\n footer?: React.ReactNode;\n /**\n * Dropdown content elements.\n */\n children?: React.ReactNode;\n /**\n * Updating content key triggers dropdown position re-evaluation.\n */\n contentKey?: string;\n /**\n * Open state of the dropdown.\n */\n open?: boolean;\n /**\n * Called when a user clicks outside of the dropdown content, when it is open.\n */\n onDropdownClose?: NonCancelableEventHandler<null>;\n /**\n * Called when a mouse button is pressed inside the dropdown content.\n */\n onMouseDown?: React.MouseEventHandler;\n /**\n * Dropdown id\n */\n dropdownId?: string;\n /**\n * Stretches dropdown to occupy entire width.\n */\n stretchWidth?: boolean;\n /**\n * Stretches dropdown to occupy entire height.\n */\n stretchHeight?: boolean;\n\n /**\n * Stretches the trigger to the height of the dropdown container.\n */\n stretchTriggerHeight?: boolean;\n\n /**\n * Whether the dropdown content should be at least as wide as the trigger.\n *\n * @defaultValue true\n */\n stretchToTriggerWidth?: boolean;\n\n /**\n * Determines that the dropdown should preferably be aligned to the center of the trigger\n * instead of dropping left or right.\n */\n preferCenter?: boolean;\n\n /**\n * Indicates if this dropdown lies within a parent dropdown and positions itself relative to it (as a fly out).\n */\n interior?: boolean;\n /**\n * Sets the min width of the dropdown (in px)\n */\n minWidth?: number;\n /**\n * Whether the dropdown will have a scrollbar or not\n */\n scrollable?: boolean;\n\n /**\n * Whether the dropdown will have a focus loop including trigger, header, content and footer.\n */\n loopFocus?: boolean;\n\n /**\n * Called when focus enters the trigger or dropdown content.\n */\n onFocus?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * Called when focus leaves the trigger or dropdown content.\n */\n onBlur?: NonCancelableEventHandler<Pick<React.FocusEvent, 'target' | 'relatedTarget'>>;\n\n /**\n * ID for the dropdown content wrapper\n */\n dropdownContentId?: string;\n /**\n * HTML role for the dropdown content wrapper\n */\n dropdownContentRole?: string;\n /**\n * Labelledby for the dropdown (required when role=\"dialog\")\n */\n ariaLabelledby?: string;\n /**\n * Describedby for the dropdown (recommended when role=\"dialog\")\n */\n ariaDescribedby?: string;\n}\n\nexport interface ExpandToViewport {\n /**\n * By default, the dropdown height is constrained to fit inside the height of its next scrollable container element.\n * Enabling this property will allow the dropdown to extend beyond that container by using fixed positioning and\n * [React Portals](https://reactjs.org/docs/portals.html).\n *\n * Set this property if the dropdown would otherwise be constrained by a scrollable container,\n * for example inside table and split view layouts.\n *\n * However, use discretion. We recommend you don't enable this property unless necessary\n * because fixed positioning results in a slight, visible lag when scrolling complex pages.\n */\n expandToViewport?: boolean;\n}\n"]}
|