@cloudscape-design/components 3.0.533 → 3.0.535
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 +25 -25
- package/alert/styles.scoped.css +45 -39
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +24 -18
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +36 -30
- 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 +12 -6
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +12 -12
- package/app-layout/drawer/styles.scoped.css +26 -20
- package/app-layout/drawer/styles.selectors.js +12 -12
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +14 -8
- 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/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +8 -2
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +16 -16
- package/app-layout/styles.scoped.css +25 -19
- package/app-layout/styles.selectors.js +16 -16
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +12 -6
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +294 -288
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +15 -9
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +30 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/autosuggest-option.d.ts +0 -1
- package/autosuggest/autosuggest-option.d.ts.map +1 -1
- package/autosuggest/autosuggest-option.js +2 -4
- package/autosuggest/autosuggest-option.js.map +1 -1
- package/autosuggest/internal.d.ts.map +1 -1
- package/autosuggest/internal.js +2 -5
- package/autosuggest/internal.js.map +1 -1
- package/autosuggest/options-controller.d.ts +2 -1
- package/autosuggest/options-controller.d.ts.map +1 -1
- package/autosuggest/options-controller.js +15 -3
- package/autosuggest/options-controller.js.map +1 -1
- package/autosuggest/options-list.d.ts +2 -2
- package/autosuggest/options-list.d.ts.map +1 -1
- package/autosuggest/options-list.js +2 -2
- package/autosuggest/options-list.js.map +1 -1
- package/autosuggest/plain-list.d.ts +2 -3
- package/autosuggest/plain-list.d.ts.map +1 -1
- package/autosuggest/plain-list.js +2 -2
- package/autosuggest/plain-list.js.map +1 -1
- package/autosuggest/virtual-list.d.ts +1 -1
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +2 -2
- package/autosuggest/virtual-list.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +11 -5
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +190 -190
- package/box/styles.scoped.css +253 -235
- package/box/styles.selectors.js +190 -190
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +23 -17
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +18 -12
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +157 -151
- 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 +29 -23
- package/button-dropdown/category-elements/styles.selectors.js +13 -13
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +24 -18
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +11 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +15 -15
- package/button-dropdown/styles.scoped.css +28 -22
- package/button-dropdown/styles.selectors.js +15 -15
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +44 -38
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +40 -40
- package/cards/styles.scoped.css +56 -50
- package/cards/styles.selectors.js +40 -40
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +11 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +135 -129
- 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 +29 -17
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +68 -44
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +49 -43
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +30 -30
- package/container/styles.scoped.css +60 -54
- package/container/styles.selectors.js +30 -30
- package/content-layout/styles.css.js +7 -7
- package/content-layout/styles.scoped.css +19 -13
- package/content-layout/styles.selectors.js +7 -7
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +15 -9
- 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 +48 -42
- 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 +19 -13
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +39 -39
- package/date-range-picker/styles.scoped.css +54 -48
- package/date-range-picker/styles.selectors.js +39 -39
- package/drawer/styles.css.js +3 -3
- package/drawer/styles.scoped.css +14 -8
- package/drawer/styles.selectors.js +3 -3
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +68 -62
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +8 -2
- 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 +13 -7
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +177 -171
- package/flashbar/styles.selectors.js +47 -47
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +14 -8
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +35 -29
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +60 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +80 -50
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +69 -63
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +13 -7
- package/hotspot/styles.selectors.js +7 -7
- package/icon/internal.d.ts.map +1 -1
- package/icon/internal.js +1 -1
- package/icon/internal.js.map +1 -1
- package/icon/styles.css.js +36 -21
- package/icon/styles.scoped.css +92 -48
- package/icon/styles.selectors.js +36 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +36 -30
- package/input/styles.selectors.js +12 -12
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +26 -20
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +10 -10
- package/internal/components/button-trigger/styles.scoped.css +30 -24
- package/internal/components/button-trigger/styles.selectors.js +10 -10
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +9 -3
- 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 +21 -15
- 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 +11 -5
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +9 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +39 -33
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +13 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -9
- 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 +14 -8
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +62 -36
- 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 -3
- 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 -2
- 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 +19 -13
- 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 -6
- 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 +19 -13
- 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 +35 -29
- 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 +8 -2
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +7 -1
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +35 -29
- 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 +26 -20
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/context/single-tab-stop-navigation-context.js +1 -1
- package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +46 -40
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/scrollable-containers.d.ts +1 -1
- package/internal/utils/scrollable-containers.js +1 -1
- package/internal/utils/scrollable-containers.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +77 -71
- 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 +23 -17
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +44 -38
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +8 -2
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +29 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +54 -48
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +94 -64
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +44 -32
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/property-filter-autosuggest.js +2 -1
- package/property-filter/property-filter-autosuggest.js.map +1 -1
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +39 -33
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +21 -15
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +39 -33
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +22 -16
- package/select/parts/styles.selectors.js +16 -16
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +7 -1
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +44 -38
- package/side-navigation/styles.selectors.js +28 -28
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +30 -24
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +58 -26
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +87 -75
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +35 -29
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
- package/table/body-cell/disabled-inline-editor.js +3 -1
- package/table/body-cell/disabled-inline-editor.js.map +1 -1
- package/table/body-cell/index.d.ts.map +1 -1
- package/table/body-cell/index.js +3 -1
- package/table/body-cell/index.js.map +1 -1
- package/table/body-cell/styles.css.js +30 -30
- package/table/body-cell/styles.scoped.css +107 -77
- package/table/body-cell/styles.selectors.js +30 -30
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +6 -3
- package/table/body-cell/td-element.js.map +1 -1
- package/table/header-cell/index.d.ts.map +1 -1
- package/table/header-cell/index.js +7 -4
- 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 +86 -38
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/header-cell/th-element.d.ts +2 -1
- package/table/header-cell/th-element.d.ts.map +1 -1
- package/table/header-cell/th-element.js +9 -5
- package/table/header-cell/th-element.js.map +1 -1
- package/table/interfaces.d.ts +5 -0
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +53 -45
- package/table/internal.js.map +1 -1
- package/table/no-data-cell.js +1 -1
- package/table/no-data-cell.js.map +1 -1
- package/table/resizer/index.d.ts.map +1 -1
- package/table/resizer/index.js +4 -2
- package/table/resizer/index.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +20 -14
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/selection-control.d.ts +3 -1
- package/table/selection/selection-control.d.ts.map +1 -1
- package/table/selection/selection-control.js +2 -2
- package/table/selection/selection-control.js.map +1 -1
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +9 -3
- package/table/selection/styles.selectors.js +3 -3
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +13 -7
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +35 -35
- package/table/styles.scoped.css +46 -40
- package/table/styles.selectors.js +35 -35
- package/table/table-role/grid-navigation.d.ts.map +1 -1
- package/table/table-role/grid-navigation.js +38 -24
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/table-role/table-role-helper.d.ts.map +1 -1
- package/table/table-role/table-role-helper.js +1 -3
- package/table/table-role/table-role-helper.js.map +1 -1
- package/table/table-role/utils.d.ts +1 -0
- package/table/table-role/utils.d.ts.map +1 -1
- package/table/table-role/utils.js +7 -2
- package/table/table-role/utils.js.map +1 -1
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +2 -2
- package/table/thead.js.map +1 -1
- package/table/use-table-focus-navigation.d.ts +9 -1
- package/table/use-table-focus-navigation.d.ts.map +1 -1
- package/table/use-table-focus-navigation.js +3 -3
- package/table/use-table-focus-navigation.js.map +1 -1
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +51 -39
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +16 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +66 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +9 -3
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +18 -12
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +76 -70
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +19 -13
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +22 -16
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +48 -42
- 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 +72 -66
- 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 +27 -21
- 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 +33 -27
- 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 +7 -1
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +74 -68
- package/wizard/styles.selectors.js +32 -32
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
+
/* stylelint-disable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
|
|
6
|
+
/* stylelint-enable @cloudscape-design/no-implicit-descendant, plugin/no-unsupported-browser-features, selector-combinator-disallowed-list */
|
|
7
|
+
/*
|
|
8
|
+
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
|
+
SPDX-License-Identifier: Apache-2.0
|
|
10
|
+
*/
|
|
5
11
|
/*
|
|
6
12
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
13
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -90,29 +96,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
96
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
97
|
SPDX-License-Identifier: Apache-2.0
|
|
92
98
|
*/
|
|
93
|
-
div.
|
|
99
|
+
div.awsui_background_hyvsj_1s5no_99:not(#\9) {
|
|
94
100
|
display: contents;
|
|
95
101
|
}
|
|
96
|
-
div.
|
|
102
|
+
div.awsui_background_hyvsj_1s5no_99 > .awsui_scrolling-background_hyvsj_1s5no_102:not(#\9) {
|
|
97
103
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
98
104
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
99
105
|
grid-column: 1/span 5;
|
|
100
106
|
grid-row: 1/10;
|
|
101
107
|
}
|
|
102
|
-
div.
|
|
108
|
+
div.awsui_background_hyvsj_1s5no_99 > .awsui_sticky-background_hyvsj_1s5no_108:not(#\9) {
|
|
103
109
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
110
|
grid-column: 1/span 5;
|
|
105
111
|
grid-row: 1/10;
|
|
106
112
|
position: sticky;
|
|
107
|
-
inset-block-start: var(--awsui-header-height-
|
|
113
|
+
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
108
114
|
z-index: 799;
|
|
109
115
|
}
|
|
110
|
-
div.
|
|
111
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-
|
|
116
|
+
div.awsui_background_hyvsj_1s5no_99 > .awsui_sticky-background_hyvsj_1s5no_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1s5no_116) {
|
|
117
|
+
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-iof9y8));
|
|
112
118
|
}
|
|
113
|
-
div.
|
|
119
|
+
div.awsui_background_hyvsj_1s5no_99 > .awsui_sticky-background_hyvsj_1s5no_108.awsui_has-sticky-notifications_hyvsj_1s5no_116:not(#\9) {
|
|
114
120
|
block-size: calc(
|
|
115
|
-
var(--awsui-notifications-gap-
|
|
121
|
+
var(--awsui-notifications-gap-iof9y8) + var(--awsui-notifications-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-iof9y8)
|
|
116
122
|
);
|
|
117
123
|
}
|
|
118
124
|
|
|
@@ -120,7 +126,7 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
120
126
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
127
|
SPDX-License-Identifier: Apache-2.0
|
|
122
128
|
*/
|
|
123
|
-
.
|
|
129
|
+
.awsui_breadcrumbs_hyvsj_1s5no_129:not(#\9) {
|
|
124
130
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
125
131
|
grid-area: breadcrumbs;
|
|
126
132
|
/*
|
|
@@ -130,7 +136,7 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
130
136
|
be lifted so it doesn't render behind the background element.
|
|
131
137
|
*/
|
|
132
138
|
}
|
|
133
|
-
.
|
|
139
|
+
.awsui_breadcrumbs_hyvsj_1s5no_129.awsui_has-sticky-background_hyvsj_1s5no_139:not(#\9) {
|
|
134
140
|
z-index: 799;
|
|
135
141
|
}
|
|
136
142
|
|
|
@@ -142,29 +148,29 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
142
148
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
143
149
|
SPDX-License-Identifier: Apache-2.0
|
|
144
150
|
*/
|
|
145
|
-
.awsui_drawers-
|
|
151
|
+
.awsui_drawers-container_hyvsj_1s5no_151:not(#\9) {
|
|
146
152
|
background-color: transparent;
|
|
147
153
|
display: flex;
|
|
148
154
|
grid-column: 5;
|
|
149
155
|
grid-row: 1/span 10;
|
|
150
|
-
block-size: var(--awsui-content-height-
|
|
156
|
+
block-size: var(--awsui-content-height-iof9y8);
|
|
151
157
|
pointer-events: none;
|
|
152
158
|
position: sticky;
|
|
153
|
-
inset-block-start: var(--awsui-offset-top-
|
|
159
|
+
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
154
160
|
z-index: 830;
|
|
155
161
|
}
|
|
156
|
-
.awsui_drawers-
|
|
162
|
+
.awsui_drawers-container_hyvsj_1s5no_151.awsui_has-open-drawer_hyvsj_1s5no_162:not(#\9) {
|
|
157
163
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
158
164
|
}
|
|
159
165
|
@media (min-width: 689px) {
|
|
160
|
-
.awsui_drawers-
|
|
166
|
+
.awsui_drawers-container_hyvsj_1s5no_151:not(#\9) {
|
|
161
167
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
162
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
168
|
+
max-inline-size: calc(var(--awsui-layout-width-iof9y8) - var(--awsui-main-offset-left-iof9y8) - var(--awsui-default-min-content-width-iof9y8) - var(--awsui-content-gap-right-iof9y8));
|
|
163
169
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
164
170
|
}
|
|
165
171
|
}
|
|
166
172
|
@media (max-width: 688px) {
|
|
167
|
-
.awsui_drawers-
|
|
173
|
+
.awsui_drawers-container_hyvsj_1s5no_151:not(#\9) {
|
|
168
174
|
position: fixed;
|
|
169
175
|
inset-inline-end: 0;
|
|
170
176
|
z-index: 1001;
|
|
@@ -176,12 +182,12 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
176
182
|
relative to the body.
|
|
177
183
|
*/
|
|
178
184
|
}
|
|
179
|
-
.awsui_drawers-
|
|
180
|
-
inset-block-start: var(--awsui-header-height-
|
|
185
|
+
.awsui_drawers-container_hyvsj_1s5no_151.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9) {
|
|
186
|
+
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
181
187
|
}
|
|
182
188
|
}
|
|
183
189
|
|
|
184
|
-
.awsui_drawers-desktop-triggers-
|
|
190
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s5no_190:not(#\9) {
|
|
185
191
|
border-collapse: separate;
|
|
186
192
|
border-spacing: 0;
|
|
187
193
|
box-sizing: border-box;
|
|
@@ -223,21 +229,21 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
223
229
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
224
230
|
overscroll-behavior-y: contain;
|
|
225
231
|
}
|
|
226
|
-
.awsui_drawers-desktop-triggers-
|
|
232
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s5no_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s5no_231).awsui_has-open-drawer_hyvsj_1s5no_162 {
|
|
227
233
|
inline-size: 0;
|
|
228
234
|
}
|
|
229
|
-
.awsui_drawers-desktop-triggers-
|
|
235
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s5no_190.awsui_has-multiple-triggers_hyvsj_1s5no_231.awsui_has-open-drawer_hyvsj_1s5no_162:not(#\9) {
|
|
230
236
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
231
237
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
238
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1s5no_190:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s5no_231):not(.awsui_has-open-drawer_hyvsj_1s5no_162) {
|
|
233
239
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
234
240
|
}
|
|
235
241
|
|
|
236
|
-
.awsui_drawers-mobile-triggers-
|
|
242
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1s5no_241:not(#\9) {
|
|
237
243
|
display: flex;
|
|
238
244
|
}
|
|
239
245
|
|
|
240
|
-
.awsui_drawers-trigger-
|
|
246
|
+
.awsui_drawers-trigger-content_hyvsj_1s5no_245:not(#\9) {
|
|
241
247
|
align-items: center;
|
|
242
248
|
display: flex;
|
|
243
249
|
flex-direction: column;
|
|
@@ -245,13 +251,13 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
245
251
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
246
252
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
247
253
|
}
|
|
248
|
-
.awsui_drawers-trigger-
|
|
254
|
+
.awsui_drawers-trigger-content_hyvsj_1s5no_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s5no_231).awsui_has-open-drawer_hyvsj_1s5no_162 {
|
|
249
255
|
opacity: 0;
|
|
250
256
|
}
|
|
251
|
-
.awsui_drawers-trigger-
|
|
257
|
+
.awsui_drawers-trigger-content_hyvsj_1s5no_245:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1s5no_231):not(.awsui_has-open-drawer_hyvsj_1s5no_162) {
|
|
252
258
|
opacity: 1;
|
|
253
259
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
260
|
+
.awsui_drawers-trigger-content_hyvsj_1s5no_245 > .awsui_drawers-trigger-overflow_hyvsj_1s5no_259:not(#\9) {
|
|
255
261
|
padding-block: 0;
|
|
256
262
|
padding-inline: 1px;
|
|
257
263
|
display: flex;
|
|
@@ -260,15 +266,15 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
260
266
|
}
|
|
261
267
|
|
|
262
268
|
@media (max-width: 688px) {
|
|
263
|
-
.awsui_drawers-
|
|
269
|
+
.awsui_drawers-trigger_hyvsj_1s5no_245:not(#\9) {
|
|
264
270
|
inline-size: 40px;
|
|
265
271
|
display: flex;
|
|
266
272
|
justify-content: center;
|
|
267
273
|
}
|
|
268
274
|
}
|
|
269
275
|
|
|
270
|
-
.
|
|
271
|
-
--awsui-drawer-size-
|
|
276
|
+
.awsui_drawer_hyvsj_1s5no_151:not(#\9) {
|
|
277
|
+
--awsui-drawer-size-iof9y8: 290px;
|
|
272
278
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
273
279
|
border-color: transparent;
|
|
274
280
|
display: grid;
|
|
@@ -282,51 +288,51 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
282
288
|
pointer-events: auto;
|
|
283
289
|
word-wrap: break-word;
|
|
284
290
|
}
|
|
285
|
-
.
|
|
291
|
+
.awsui_drawer_hyvsj_1s5no_151 > .awsui_drawer-content-container_hyvsj_1s5no_290:not(#\9) {
|
|
286
292
|
grid-column: 1/span 2;
|
|
287
293
|
grid-row: 1;
|
|
288
|
-
inline-size: var(--awsui-drawer-size-
|
|
294
|
+
inline-size: var(--awsui-drawer-size-iof9y8);
|
|
289
295
|
display: grid;
|
|
290
296
|
grid-template-columns: var(--space-m-udix3p, 16px) 1fr auto var(--space-m-udix3p, 16px);
|
|
291
297
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
292
298
|
overflow-y: auto;
|
|
293
299
|
}
|
|
294
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_1s5no_151 > .awsui_drawer-content-container_hyvsj_1s5no_290 > .awsui_drawer-close-button_hyvsj_1s5no_299:not(#\9) {
|
|
295
301
|
grid-column: 3;
|
|
296
302
|
grid-row: 2;
|
|
297
303
|
z-index: 1;
|
|
298
304
|
}
|
|
299
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_1s5no_151 > .awsui_drawer-content-container_hyvsj_1s5no_290 > .awsui_drawer-content_hyvsj_1s5no_290:not(#\9) {
|
|
300
306
|
grid-column: 1/span 4;
|
|
301
307
|
}
|
|
302
|
-
.
|
|
308
|
+
.awsui_drawer_hyvsj_1s5no_151 > .awsui_drawer-content-container_hyvsj_1s5no_290 > .awsui_drawer-content_hyvsj_1s5no_290.awsui_drawer-content-hidden_hyvsj_1s5no_307:not(#\9) {
|
|
303
309
|
display: none;
|
|
304
310
|
}
|
|
305
|
-
.
|
|
311
|
+
.awsui_drawer_hyvsj_1s5no_151 > .awsui_drawer-slider_hyvsj_1s5no_310:not(#\9) {
|
|
306
312
|
grid-column: 1;
|
|
307
313
|
grid-row: 1;
|
|
308
314
|
block-size: 100%;
|
|
309
315
|
display: flex;
|
|
310
316
|
align-items: center;
|
|
311
317
|
}
|
|
312
|
-
.
|
|
318
|
+
.awsui_drawer_hyvsj_1s5no_151:not(#\9):not(.awsui_is-drawer-open_hyvsj_1s5no_317) {
|
|
313
319
|
opacity: 0;
|
|
314
320
|
inline-size: 0;
|
|
315
321
|
}
|
|
316
|
-
.
|
|
322
|
+
.awsui_drawer_hyvsj_1s5no_151.awsui_is-drawer-open_hyvsj_1s5no_317:not(#\9) {
|
|
317
323
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
318
324
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
319
325
|
opacity: 1;
|
|
320
|
-
inline-size: var(--awsui-drawer-size-
|
|
326
|
+
inline-size: var(--awsui-drawer-size-iof9y8);
|
|
321
327
|
}
|
|
322
328
|
@media (min-width: 2541px) {
|
|
323
|
-
.
|
|
324
|
-
--awsui-drawer-size-
|
|
329
|
+
.awsui_drawer_hyvsj_1s5no_151.awsui_is-drawer-open_hyvsj_1s5no_317:not(#\9) {
|
|
330
|
+
--awsui-drawer-size-iof9y8: 320px;
|
|
325
331
|
}
|
|
326
332
|
}
|
|
327
333
|
@media (max-width: 688px) {
|
|
328
|
-
.
|
|
329
|
-
--awsui-drawer-size-
|
|
334
|
+
.awsui_drawer_hyvsj_1s5no_151.awsui_is-drawer-open_hyvsj_1s5no_317:not(#\9) {
|
|
335
|
+
--awsui-drawer-size-iof9y8: 100vw;
|
|
330
336
|
inline-size: 100vw;
|
|
331
337
|
}
|
|
332
338
|
}
|
|
@@ -335,7 +341,7 @@ div.awsui_background_hyvsj_16ig6_93 > .awsui_sticky-background_hyvsj_16ig6_102.a
|
|
|
335
341
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
336
342
|
SPDX-License-Identifier: Apache-2.0
|
|
337
343
|
*/
|
|
338
|
-
header.
|
|
344
|
+
header.awsui_content_hyvsj_1s5no_343:not(#\9) {
|
|
339
345
|
grid-area: header;
|
|
340
346
|
}
|
|
341
347
|
|
|
@@ -356,37 +362,37 @@ The minimum content width property is set to zero and applied under all
|
|
|
356
362
|
circumstances regardless of whether the minContentWidth property is
|
|
357
363
|
explicitly set in script.
|
|
358
364
|
*/
|
|
359
|
-
.
|
|
360
|
-
--awsui-breadcrumbs-gap-
|
|
361
|
-
--awsui-content-gap-left-
|
|
362
|
-
--awsui-content-gap-right-
|
|
363
|
-
--awsui-content-height-
|
|
364
|
-
--awsui-container-first-gap-
|
|
365
|
-
--awsui-container-first-overlap-extension-
|
|
366
|
-
--awsui-default-max-content-width-
|
|
367
|
-
--awsui-default-min-content-width-
|
|
368
|
-
--awsui-footer-height-
|
|
369
|
-
--awsui-header-gap-
|
|
370
|
-
--awsui-header-height-
|
|
371
|
-
--awsui-layout-width-
|
|
372
|
-
--awsui-main-gap-
|
|
373
|
-
--awsui-main-offset-left-
|
|
374
|
-
--awsui-main-template-rows-
|
|
375
|
-
--awsui-max-content-width-
|
|
376
|
-
--awsui-min-content-width-
|
|
377
|
-
--awsui-mobile-bar-height-
|
|
378
|
-
--awsui-notifications-gap-
|
|
379
|
-
--awsui-notifications-height-
|
|
380
|
-
--awsui-offset-top-
|
|
381
|
-
--awsui-offset-top-with-notifications-
|
|
382
|
-
--awsui-overlap-height-
|
|
365
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9) {
|
|
366
|
+
--awsui-breadcrumbs-gap-iof9y8: 0px;
|
|
367
|
+
--awsui-content-gap-left-iof9y8: 0px;
|
|
368
|
+
--awsui-content-gap-right-iof9y8: 0px;
|
|
369
|
+
--awsui-content-height-iof9y8: calc(100vh - var(--awsui-header-height-iof9y8) - var(--awsui-footer-height-iof9y8));
|
|
370
|
+
--awsui-container-first-gap-iof9y8: 0px;
|
|
371
|
+
--awsui-container-first-overlap-extension-iof9y8: 0px;
|
|
372
|
+
--awsui-default-max-content-width-iof9y8: 1280px;
|
|
373
|
+
--awsui-default-min-content-width-iof9y8: 0px;
|
|
374
|
+
--awsui-footer-height-iof9y8: 0px;
|
|
375
|
+
--awsui-header-gap-iof9y8: 0px;
|
|
376
|
+
--awsui-header-height-iof9y8: 0px;
|
|
377
|
+
--awsui-layout-width-iof9y8: 0px;
|
|
378
|
+
--awsui-main-gap-iof9y8: 0px;
|
|
379
|
+
--awsui-main-offset-left-iof9y8: 0px;
|
|
380
|
+
--awsui-main-template-rows-iof9y8: 1fr;
|
|
381
|
+
--awsui-max-content-width-iof9y8: 0px;
|
|
382
|
+
--awsui-min-content-width-iof9y8: 280px;
|
|
383
|
+
--awsui-mobile-bar-height-iof9y8: calc(2 * var(--space-m-udix3p, 16px) + var(--space-scaled-xs-26e2du, 8px));
|
|
384
|
+
--awsui-notifications-gap-iof9y8: 0px;
|
|
385
|
+
--awsui-notifications-height-iof9y8: 0px;
|
|
386
|
+
--awsui-offset-top-iof9y8: var(--awsui-header-height-iof9y8);
|
|
387
|
+
--awsui-offset-top-with-notifications-iof9y8: 0px;
|
|
388
|
+
--awsui-overlap-height-iof9y8: var(--space-dark-header-overlap-distance-lxpp0s, 36px);
|
|
383
389
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
384
390
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
385
391
|
display: grid;
|
|
386
392
|
grid-template-areas: ". . mobileToolbar . ." ". . notificationsGap . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
387
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
388
|
-
grid-template-rows: auto var(--awsui-notifications-gap-
|
|
389
|
-
min-block-size: var(--awsui-content-height-
|
|
393
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-iof9y8), 1fr) minmax(var(--awsui-default-min-content-width-iof9y8), var(--awsui-default-max-content-width-iof9y8)) minmax(var(--awsui-content-gap-right-iof9y8), 1fr) min-content;
|
|
394
|
+
grid-template-rows: auto var(--awsui-notifications-gap-iof9y8) auto var(--awsui-breadcrumbs-gap-iof9y8) auto var(--awsui-header-gap-iof9y8) auto var(--awsui-main-gap-iof9y8) var(--awsui-overlap-height-iof9y8) var(--awsui-main-template-rows-iof9y8);
|
|
395
|
+
min-block-size: var(--awsui-content-height-iof9y8);
|
|
390
396
|
position: relative;
|
|
391
397
|
/*
|
|
392
398
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -439,140 +445,140 @@ explicitly set in script.
|
|
|
439
445
|
*/
|
|
440
446
|
}
|
|
441
447
|
@media (min-width: 1401px) {
|
|
442
|
-
.
|
|
443
|
-
--awsui-default-max-content-width-
|
|
448
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447) {
|
|
449
|
+
--awsui-default-max-content-width-iof9y8: 1280px;
|
|
444
450
|
}
|
|
445
451
|
}
|
|
446
452
|
@media (min-width: 1921px) {
|
|
447
|
-
.
|
|
448
|
-
--awsui-default-max-content-width-
|
|
453
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447) {
|
|
454
|
+
--awsui-default-max-content-width-iof9y8: 1440px;
|
|
449
455
|
}
|
|
450
456
|
}
|
|
451
457
|
@media (min-width: 2541px) {
|
|
452
|
-
.
|
|
453
|
-
--awsui-default-max-content-width-
|
|
458
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447) {
|
|
459
|
+
--awsui-default-max-content-width-iof9y8: 1620px;
|
|
454
460
|
}
|
|
455
461
|
}
|
|
456
462
|
@media (min-width: 1401px) {
|
|
457
|
-
.
|
|
458
|
-
--awsui-default-max-content-width-
|
|
463
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447).awsui_content-type-dashboard_hyvsj_1s5no_462 {
|
|
464
|
+
--awsui-default-max-content-width-iof9y8: 1280px;
|
|
459
465
|
}
|
|
460
466
|
}
|
|
461
467
|
@media (min-width: 1921px) {
|
|
462
|
-
.
|
|
463
|
-
--awsui-default-max-content-width-
|
|
468
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447).awsui_content-type-dashboard_hyvsj_1s5no_462 {
|
|
469
|
+
--awsui-default-max-content-width-iof9y8: 1620px;
|
|
464
470
|
}
|
|
465
471
|
}
|
|
466
472
|
@media (min-width: 2541px) {
|
|
467
|
-
.
|
|
468
|
-
--awsui-default-max-content-width-
|
|
473
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447).awsui_content-type-dashboard_hyvsj_1s5no_462 {
|
|
474
|
+
--awsui-default-max-content-width-iof9y8: 2160px;
|
|
469
475
|
}
|
|
470
476
|
}
|
|
471
|
-
.
|
|
472
|
-
--awsui-default-max-content-width-
|
|
477
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447).awsui_content-type-table_hyvsj_1s5no_476, .awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-max-content-width_hyvsj_1s5no_447).awsui_content-type-cards_hyvsj_1s5no_476 {
|
|
478
|
+
--awsui-default-max-content-width-iof9y8: 100%;
|
|
473
479
|
}
|
|
474
|
-
.
|
|
475
|
-
--awsui-default-max-content-width-
|
|
480
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-max-content-width_hyvsj_1s5no_447:not(#\9) {
|
|
481
|
+
--awsui-default-max-content-width-iof9y8: var(--awsui-max-content-width-iof9y8);
|
|
476
482
|
}
|
|
477
|
-
.
|
|
478
|
-
--awsui-overlap-height-
|
|
483
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_is-overlap-disabled_hyvsj_1s5no_482:not(#\9) {
|
|
484
|
+
--awsui-overlap-height-iof9y8: 0;
|
|
479
485
|
}
|
|
480
|
-
.
|
|
481
|
-
--awsui-mobile-bar-height-
|
|
486
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_is-hide-mobile-toolbar_hyvsj_1s5no_485:not(#\9) {
|
|
487
|
+
--awsui-mobile-bar-height-iof9y8: 0px;
|
|
482
488
|
}
|
|
483
489
|
@media (min-width: 993px) {
|
|
484
|
-
.
|
|
485
|
-
--awsui-default-min-content-width-
|
|
490
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9) {
|
|
491
|
+
--awsui-default-min-content-width-iof9y8: var(--awsui-min-content-width-iof9y8, 280px);
|
|
486
492
|
}
|
|
487
493
|
}
|
|
488
494
|
@media (max-width: 992px) {
|
|
489
|
-
.
|
|
490
|
-
--awsui-default-min-content-width-
|
|
495
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9) {
|
|
496
|
+
--awsui-default-min-content-width-iof9y8: 0px;
|
|
491
497
|
}
|
|
492
498
|
}
|
|
493
|
-
.
|
|
494
|
-
--awsui-offset-top-with-notifications-
|
|
499
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1s5no_116):not(.awsui_has-sticky-background_hyvsj_1s5no_139) {
|
|
500
|
+
--awsui-offset-top-with-notifications-iof9y8: var(--awsui-header-height-iof9y8);
|
|
495
501
|
}
|
|
496
|
-
.
|
|
497
|
-
--awsui-offset-top-with-notifications-
|
|
502
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1s5no_116).awsui_has-sticky-background_hyvsj_1s5no_139 {
|
|
503
|
+
--awsui-offset-top-with-notifications-iof9y8: calc(var(--awsui-header-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px));
|
|
498
504
|
}
|
|
499
|
-
.
|
|
500
|
-
--awsui-offset-top-with-notifications-
|
|
501
|
-
var(--awsui-offset-top-
|
|
502
|
-
var(--awsui-notifications-height-
|
|
505
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-sticky-notifications_hyvsj_1s5no_116:not(#\9):not(.awsui_has-sticky-background_hyvsj_1s5no_139) {
|
|
506
|
+
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
507
|
+
var(--awsui-offset-top-iof9y8) + var(--awsui-notifications-gap-iof9y8) +
|
|
508
|
+
var(--awsui-notifications-height-iof9y8) + var(--space-xxxs-zbmxqb, 2px)
|
|
503
509
|
);
|
|
504
510
|
}
|
|
505
|
-
.
|
|
506
|
-
--awsui-offset-top-with-notifications-
|
|
507
|
-
var(--awsui-offset-top-
|
|
508
|
-
var(--awsui-notifications-height-
|
|
511
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-sticky-notifications_hyvsj_1s5no_116.awsui_has-sticky-background_hyvsj_1s5no_139:not(#\9) {
|
|
512
|
+
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
513
|
+
var(--awsui-offset-top-iof9y8) + var(--awsui-notifications-gap-iof9y8) +
|
|
514
|
+
var(--awsui-notifications-height-iof9y8) + var(--space-scaled-s-aqzyko, 12px)
|
|
509
515
|
);
|
|
510
516
|
}
|
|
511
517
|
@media (min-width: 689px) {
|
|
512
|
-
.
|
|
513
|
-
--awsui-content-gap-left-
|
|
518
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-content-gap-left_hyvsj_1s5no_517:not(#\9) {
|
|
519
|
+
--awsui-content-gap-left-iof9y8: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
514
520
|
}
|
|
515
|
-
.
|
|
516
|
-
--awsui-content-gap-right-
|
|
521
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-content-gap-right_hyvsj_1s5no_520:not(#\9) {
|
|
522
|
+
--awsui-content-gap-right-iof9y8: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
517
523
|
}
|
|
518
524
|
}
|
|
519
525
|
@media (max-width: 688px) {
|
|
520
|
-
.
|
|
521
|
-
--awsui-content-gap-left-
|
|
522
|
-
--awsui-content-gap-right-
|
|
526
|
+
.awsui_layout_hyvsj_1s5no_364:not(#\9) {
|
|
527
|
+
--awsui-content-gap-left-iof9y8: var(--space-l-t419sm, 20px);
|
|
528
|
+
--awsui-content-gap-right-iof9y8: var(--space-l-t419sm, 20px);
|
|
523
529
|
}
|
|
524
530
|
}
|
|
525
|
-
.
|
|
526
|
-
--awsui-notifications-gap-
|
|
531
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9) {
|
|
532
|
+
--awsui-notifications-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
527
533
|
}
|
|
528
|
-
.
|
|
529
|
-
--awsui-breadcrumbs-gap-
|
|
534
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-breadcrumbs_hyvsj_1s5no_533:not(#\9) {
|
|
535
|
+
--awsui-breadcrumbs-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
530
536
|
}
|
|
531
|
-
.
|
|
532
|
-
--awsui-header-gap-
|
|
537
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-header_hyvsj_1s5no_536:not(#\9), .awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s5no_533).awsui_has-header_hyvsj_1s5no_536 {
|
|
538
|
+
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
533
539
|
}
|
|
534
|
-
.
|
|
535
|
-
--awsui-header-gap-
|
|
540
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-breadcrumbs_hyvsj_1s5no_533.awsui_has-header_hyvsj_1s5no_536:not(#\9) {
|
|
541
|
+
--awsui-header-gap-iof9y8: var(--space-scaled-xs-26e2du, 8px);
|
|
536
542
|
}
|
|
537
|
-
.
|
|
538
|
-
--awsui-main-gap-
|
|
543
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s5no_533):not(.awsui_has-header_hyvsj_1s5no_536) {
|
|
544
|
+
--awsui-main-gap-iof9y8: var(--space-xs-zb16t3, 8px);
|
|
539
545
|
}
|
|
540
|
-
.
|
|
541
|
-
--awsui-container-first-gap-
|
|
546
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-breadcrumbs_hyvsj_1s5no_533:not(#\9):not(.awsui_has-header_hyvsj_1s5no_536) {
|
|
547
|
+
--awsui-container-first-gap-iof9y8: calc(var(--awsui-breadcrumbs-gap-iof9y8) - var(--awsui-main-gap-iof9y8));
|
|
542
548
|
}
|
|
543
|
-
.
|
|
544
|
-
--awsui-main-gap-
|
|
549
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-breadcrumbs_hyvsj_1s5no_533:not(#\9):not(.awsui_has-header_hyvsj_1s5no_536).awsui_is-overlap-disabled_hyvsj_1s5no_482 {
|
|
550
|
+
--awsui-main-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
545
551
|
}
|
|
546
|
-
.
|
|
547
|
-
--awsui-main-gap-
|
|
552
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-breadcrumbs_hyvsj_1s5no_533:not(#\9):not(.awsui_has-header_hyvsj_1s5no_536):not(.awsui_is-overlap-disabled_hyvsj_1s5no_482) {
|
|
553
|
+
--awsui-main-gap-iof9y8: var(--space-scaled-xxs-7597g1, 4px);
|
|
548
554
|
}
|
|
549
|
-
.
|
|
550
|
-
--awsui-main-gap-
|
|
555
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_has-header_hyvsj_1s5no_536:not(#\9) {
|
|
556
|
+
--awsui-main-gap-iof9y8: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
551
557
|
}
|
|
552
|
-
.
|
|
553
|
-
--awsui-main-gap-
|
|
558
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-main_hyvsj_1s5no_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1s5no_482), .awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-main_hyvsj_1s5no_557.awsui_is-overlap-disabled_hyvsj_1s5no_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s5no_557) {
|
|
559
|
+
--awsui-main-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
554
560
|
}
|
|
555
561
|
@media (min-width: 689px) {
|
|
556
|
-
.
|
|
557
|
-
--awsui-container-first-overlap-extension-
|
|
558
|
-
--awsui-container-first-gap-
|
|
562
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-main_hyvsj_1s5no_557:not(#\9):not(.awsui_has-header_hyvsj_1s5no_536) {
|
|
563
|
+
--awsui-container-first-overlap-extension-iof9y8: var(--space-m-udix3p, 16px);
|
|
564
|
+
--awsui-container-first-gap-iof9y8: var(--space-xxs-p8yyaw, 4px);
|
|
559
565
|
}
|
|
560
566
|
}
|
|
561
567
|
@media (max-width: 688px) {
|
|
562
|
-
.
|
|
563
|
-
--awsui-notifications-gap-
|
|
568
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9) {
|
|
569
|
+
--awsui-notifications-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
564
570
|
}
|
|
565
|
-
.
|
|
566
|
-
--awsui-header-gap-
|
|
571
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-header_hyvsj_1s5no_536:not(#\9) {
|
|
572
|
+
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
567
573
|
}
|
|
568
|
-
.
|
|
569
|
-
--awsui-header-gap-
|
|
574
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s5no_533).awsui_has-header_hyvsj_1s5no_536 {
|
|
575
|
+
--awsui-header-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
570
576
|
}
|
|
571
|
-
.
|
|
572
|
-
--awsui-main-gap-
|
|
577
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-notifications_hyvsj_1s5no_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1s5no_533):not(.awsui_has-header_hyvsj_1s5no_536), .awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-main_hyvsj_1s5no_557:not(#\9):not(.awsui_is-overlap-disabled_hyvsj_1s5no_482) {
|
|
578
|
+
--awsui-main-gap-iof9y8: var(--space-scaled-s-aqzyko, 12px);
|
|
573
579
|
}
|
|
574
|
-
.
|
|
575
|
-
--awsui-main-gap-
|
|
580
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_content-first-child-main_hyvsj_1s5no_557.awsui_is-overlap-disabled_hyvsj_1s5no_482:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1s5no_557) {
|
|
581
|
+
--awsui-main-gap-iof9y8: var(--space-scaled-m-mo5yse, 16px);
|
|
576
582
|
}
|
|
577
583
|
}
|
|
578
584
|
|
|
@@ -586,21 +592,21 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
586
592
|
position: sticky will be the value of the notifications height in addition to the
|
|
587
593
|
notifications top margin and some additional vertical space for aesthetics.
|
|
588
594
|
*/
|
|
589
|
-
.
|
|
590
|
-
--awsui-main-template-rows-
|
|
591
|
-
--awsui-offset-top-
|
|
592
|
-
block-size: var(--awsui-content-height-
|
|
595
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9) {
|
|
596
|
+
--awsui-main-template-rows-iof9y8: 1fr auto;
|
|
597
|
+
--awsui-offset-top-iof9y8: 0px;
|
|
598
|
+
block-size: var(--awsui-content-height-iof9y8);
|
|
593
599
|
overflow-y: scroll;
|
|
594
600
|
}
|
|
595
|
-
.
|
|
596
|
-
--awsui-main-template-rows-
|
|
601
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_disable-body-scroll_hyvsj_1s5no_185.awsui_has-split-panel_hyvsj_1s5no_600.awsui_split-panel-position-bottom_hyvsj_1s5no_600:not(#\9) {
|
|
602
|
+
--awsui-main-template-rows-iof9y8: repeat(2, auto);
|
|
597
603
|
}
|
|
598
|
-
.
|
|
599
|
-
--awsui-offset-top-with-notifications-
|
|
604
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_1s5no_116) {
|
|
605
|
+
--awsui-offset-top-with-notifications-iof9y8: 0px;
|
|
600
606
|
}
|
|
601
|
-
.
|
|
602
|
-
--awsui-offset-top-with-notifications-
|
|
603
|
-
var(--awsui-notifications-height-
|
|
607
|
+
.awsui_layout_hyvsj_1s5no_364.awsui_disable-body-scroll_hyvsj_1s5no_185.awsui_has-sticky-notifications_hyvsj_1s5no_116:not(#\9) {
|
|
608
|
+
--awsui-offset-top-with-notifications-iof9y8: calc(
|
|
609
|
+
var(--awsui-notifications-height-iof9y8) + var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
|
|
604
610
|
);
|
|
605
611
|
}
|
|
606
612
|
|
|
@@ -608,13 +614,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
608
614
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
609
615
|
when the navigation or tools drawers are open in responsive viewports.
|
|
610
616
|
*/
|
|
611
|
-
.awsui_block-body-
|
|
617
|
+
.awsui_block-body-scroll_hyvsj_1s5no_616:not(#\9) {
|
|
612
618
|
overflow: hidden;
|
|
613
619
|
}
|
|
614
620
|
|
|
615
621
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
616
|
-
.
|
|
617
|
-
.
|
|
622
|
+
.awsui_unfocusable_hyvsj_1s5no_621:not(#\9),
|
|
623
|
+
.awsui_unfocusable_hyvsj_1s5no_621 *:not(#\9) {
|
|
618
624
|
visibility: hidden !important;
|
|
619
625
|
}
|
|
620
626
|
|
|
@@ -623,7 +629,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
623
629
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
624
630
|
SPDX-License-Identifier: Apache-2.0
|
|
625
631
|
*/
|
|
626
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_1s5no_631:not(#\9) {
|
|
627
633
|
grid-area: main;
|
|
628
634
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
629
635
|
/*
|
|
@@ -640,19 +646,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
640
646
|
on the right, we decrement the column end by one.
|
|
641
647
|
*/
|
|
642
648
|
}
|
|
643
|
-
.
|
|
644
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
649
|
+
.awsui_container_hyvsj_1s5no_631.awsui_has-split-panel_hyvsj_1s5no_600.awsui_split-panel-position-bottom_hyvsj_1s5no_600:not(#\9) {
|
|
650
|
+
padding-block-end: calc(var(--awsui-split-panel-height-iof9y8) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
645
651
|
}
|
|
646
|
-
.
|
|
652
|
+
.awsui_container_hyvsj_1s5no_631.awsui_disable-content-paddings_hyvsj_1s5no_557:not(#\9) {
|
|
647
653
|
grid-column: 1/6;
|
|
648
654
|
padding-block: 0;
|
|
649
655
|
padding-inline: 0;
|
|
650
656
|
}
|
|
651
657
|
@media (min-width: 689px) {
|
|
652
|
-
.
|
|
658
|
+
.awsui_container_hyvsj_1s5no_631.awsui_disable-content-paddings_hyvsj_1s5no_557.awsui_is-navigation-open_hyvsj_1s5no_657:not(#\9) {
|
|
653
659
|
grid-column-start: 2;
|
|
654
660
|
}
|
|
655
|
-
.
|
|
661
|
+
.awsui_container_hyvsj_1s5no_631.awsui_disable-content-paddings_hyvsj_1s5no_557.awsui_is-tools-open_hyvsj_1s5no_660:not(#\9), .awsui_container_hyvsj_1s5no_631.awsui_disable-content-paddings_hyvsj_1s5no_557.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_split-panel-position-side_hyvsj_1s5no_660:not(#\9), .awsui_container_hyvsj_1s5no_631.awsui_disable-content-paddings_hyvsj_1s5no_557.awsui_has-active-drawer_hyvsj_1s5no_660:not(#\9) {
|
|
656
662
|
grid-column-end: 5;
|
|
657
663
|
}
|
|
658
664
|
}
|
|
@@ -661,13 +667,13 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
661
667
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
662
668
|
SPDX-License-Identifier: Apache-2.0
|
|
663
669
|
*/
|
|
664
|
-
section.awsui_mobile-
|
|
670
|
+
section.awsui_mobile-toolbar_hyvsj_1s5no_669:not(#\9) {
|
|
665
671
|
align-items: center;
|
|
666
672
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
667
673
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
668
674
|
box-shadow: var(--shadow-sticky-blixp9, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
669
675
|
box-sizing: border-box;
|
|
670
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
676
|
+
block-size: var(--awsui-mobile-bar-height-iof9y8);
|
|
671
677
|
display: grid;
|
|
672
678
|
grid-area: mobileToolbar;
|
|
673
679
|
grid-column: 1/span 5;
|
|
@@ -675,22 +681,22 @@ section.awsui_mobile-toolbar_hyvsj_16ig6_663:not(#\9) {
|
|
|
675
681
|
padding-block: 0;
|
|
676
682
|
padding-inline: var(--space-m-udix3p, 16px);
|
|
677
683
|
position: sticky;
|
|
678
|
-
inset-block-start: var(--awsui-offset-top-
|
|
684
|
+
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
679
685
|
z-index: 1000;
|
|
680
686
|
}
|
|
681
|
-
section.awsui_mobile-
|
|
687
|
+
section.awsui_mobile-toolbar_hyvsj_1s5no_669:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1s5no_686) {
|
|
682
688
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
683
689
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
684
690
|
}
|
|
685
|
-
section.awsui_mobile-
|
|
691
|
+
section.awsui_mobile-toolbar_hyvsj_1s5no_669 > .awsui_mobile-toolbar-nav_hyvsj_1s5no_690:not(#\9) {
|
|
686
692
|
grid-column: 1;
|
|
687
693
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
688
694
|
}
|
|
689
|
-
section.awsui_mobile-
|
|
695
|
+
section.awsui_mobile-toolbar_hyvsj_1s5no_669 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1s5no_694:not(#\9) {
|
|
690
696
|
grid-column: 2;
|
|
691
697
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
692
698
|
}
|
|
693
|
-
section.awsui_mobile-
|
|
699
|
+
section.awsui_mobile-toolbar_hyvsj_1s5no_669 > .awsui_mobile-toolbar-tools_hyvsj_1s5no_698:not(#\9) {
|
|
694
700
|
grid-column: 3;
|
|
695
701
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
696
702
|
}
|
|
@@ -699,14 +705,14 @@ section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
699
705
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
700
706
|
SPDX-License-Identifier: Apache-2.0
|
|
701
707
|
*/
|
|
702
|
-
.awsui_navigation-
|
|
703
|
-
--awsui-navigation-width-
|
|
708
|
+
.awsui_navigation-container_hyvsj_1s5no_707:not(#\9) {
|
|
709
|
+
--awsui-navigation-width-iof9y8: 280px;
|
|
704
710
|
display: flex;
|
|
705
711
|
grid-column: 1;
|
|
706
712
|
grid-row: 1/span 10;
|
|
707
|
-
block-size: var(--awsui-content-height-
|
|
713
|
+
block-size: var(--awsui-content-height-iof9y8);
|
|
708
714
|
position: sticky;
|
|
709
|
-
inset-block-start: var(--awsui-offset-top-
|
|
715
|
+
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
710
716
|
z-index: 830;
|
|
711
717
|
/*
|
|
712
718
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -721,12 +727,12 @@ section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
721
727
|
pointer-events: none;
|
|
722
728
|
}
|
|
723
729
|
@media (min-width: 2541px) {
|
|
724
|
-
.awsui_navigation-
|
|
725
|
-
--awsui-navigation-width-
|
|
730
|
+
.awsui_navigation-container_hyvsj_1s5no_707:not(#\9) {
|
|
731
|
+
--awsui-navigation-width-iof9y8: 320px;
|
|
726
732
|
}
|
|
727
733
|
}
|
|
728
734
|
@media (max-width: 688px) {
|
|
729
|
-
.awsui_navigation-
|
|
735
|
+
.awsui_navigation-container_hyvsj_1s5no_707:not(#\9) {
|
|
730
736
|
inset-inline-start: 0;
|
|
731
737
|
position: fixed;
|
|
732
738
|
z-index: 1001;
|
|
@@ -738,12 +744,12 @@ section.awsui_mobile-toolbar_hyvsj_16ig6_663 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
738
744
|
relative to the body.
|
|
739
745
|
*/
|
|
740
746
|
}
|
|
741
|
-
.awsui_navigation-
|
|
742
|
-
inset-block-start: var(--awsui-header-height-
|
|
747
|
+
.awsui_navigation-container_hyvsj_1s5no_707.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9) {
|
|
748
|
+
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
743
749
|
}
|
|
744
750
|
}
|
|
745
751
|
|
|
746
|
-
nav.awsui_show-
|
|
752
|
+
nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9) {
|
|
747
753
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
748
754
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
749
755
|
/*
|
|
@@ -751,7 +757,7 @@ nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9) {
|
|
|
751
757
|
take control in responsive viewports.
|
|
752
758
|
*/
|
|
753
759
|
}
|
|
754
|
-
@keyframes
|
|
760
|
+
@keyframes awsui_showButtons_hyvsj_1s5no_1 {
|
|
755
761
|
0% {
|
|
756
762
|
opacity: 0;
|
|
757
763
|
}
|
|
@@ -759,31 +765,31 @@ nav.awsui_show-navigation_hyvsj_16ig6_745:not(#\9) {
|
|
|
759
765
|
opacity: 1;
|
|
760
766
|
}
|
|
761
767
|
}
|
|
762
|
-
nav.awsui_show-
|
|
768
|
+
nav.awsui_show-navigation_hyvsj_1s5no_751.awsui_is-navigation-open_hyvsj_1s5no_657:not(#\9) {
|
|
763
769
|
display: none;
|
|
764
770
|
}
|
|
765
771
|
@media (min-width: 689px) {
|
|
766
|
-
nav.awsui_show-
|
|
772
|
+
nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657) {
|
|
767
773
|
display: block;
|
|
768
774
|
}
|
|
769
|
-
nav.awsui_show-
|
|
770
|
-
animation:
|
|
775
|
+
nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657).awsui_animating_hyvsj_1s5no_774 {
|
|
776
|
+
animation: awsui_showButtons_hyvsj_1s5no_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
771
777
|
}
|
|
772
778
|
}
|
|
773
779
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
774
|
-
nav.awsui_show-
|
|
780
|
+
nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657).awsui_animating_hyvsj_1s5no_774 {
|
|
775
781
|
animation: none;
|
|
776
782
|
transition: none;
|
|
777
783
|
}
|
|
778
784
|
}
|
|
779
785
|
@media (min-width: 689px) {
|
|
780
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
786
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657).awsui_animating_hyvsj_1s5no_774, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1s5no_751:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657).awsui_animating_hyvsj_1s5no_774 {
|
|
781
787
|
animation: none;
|
|
782
788
|
transition: none;
|
|
783
789
|
}
|
|
784
790
|
}
|
|
785
791
|
|
|
786
|
-
nav.
|
|
792
|
+
nav.awsui_navigation_hyvsj_1s5no_707:not(#\9) {
|
|
787
793
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
788
794
|
inset-block-end: 0;
|
|
789
795
|
block-size: 100%;
|
|
@@ -801,43 +807,43 @@ nav.awsui_navigation_hyvsj_16ig6_701:not(#\9) {
|
|
|
801
807
|
prevent unwanted text wrapping.
|
|
802
808
|
*/
|
|
803
809
|
}
|
|
804
|
-
@keyframes
|
|
810
|
+
@keyframes awsui_openNavigation_hyvsj_1s5no_1 {
|
|
805
811
|
from {
|
|
806
812
|
opacity: 0;
|
|
807
813
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
808
814
|
}
|
|
809
815
|
to {
|
|
810
816
|
opacity: 1;
|
|
811
|
-
inline-size: var(--awsui-navigation-width-
|
|
817
|
+
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
812
818
|
}
|
|
813
819
|
}
|
|
814
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_1s5no_707:not(#\9):not(.awsui_is-navigation-open_hyvsj_1s5no_657) {
|
|
815
821
|
inline-size: 0;
|
|
816
822
|
display: none;
|
|
817
823
|
}
|
|
818
|
-
nav.
|
|
819
|
-
animation:
|
|
824
|
+
nav.awsui_navigation_hyvsj_1s5no_707.awsui_is-navigation-open_hyvsj_1s5no_657.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
825
|
+
animation: awsui_openNavigation_hyvsj_1s5no_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
820
826
|
}
|
|
821
827
|
@media (prefers-reduced-motion: reduce) {
|
|
822
|
-
nav.
|
|
828
|
+
nav.awsui_navigation_hyvsj_1s5no_707.awsui_is-navigation-open_hyvsj_1s5no_657.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
823
829
|
animation: none;
|
|
824
830
|
transition: none;
|
|
825
831
|
}
|
|
826
832
|
}
|
|
827
|
-
.awsui-motion-disabled nav.
|
|
833
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1s5no_707.awsui_is-navigation-open_hyvsj_1s5no_657.awsui_animating_hyvsj_1s5no_774:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1s5no_707.awsui_is-navigation-open_hyvsj_1s5no_657.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
828
834
|
animation: none;
|
|
829
835
|
transition: none;
|
|
830
836
|
}
|
|
831
|
-
nav.
|
|
832
|
-
inline-size: var(--awsui-navigation-width-
|
|
837
|
+
nav.awsui_navigation_hyvsj_1s5no_707 > .awsui_animated-content_hyvsj_1s5no_836:not(#\9) {
|
|
838
|
+
inline-size: var(--awsui-navigation-width-iof9y8);
|
|
833
839
|
}
|
|
834
840
|
@media (max-width: 688px) {
|
|
835
|
-
nav.
|
|
836
|
-
--awsui-navigation-width-
|
|
841
|
+
nav.awsui_navigation_hyvsj_1s5no_707:not(#\9) {
|
|
842
|
+
--awsui-navigation-width-iof9y8: 100vw;
|
|
837
843
|
}
|
|
838
844
|
}
|
|
839
845
|
|
|
840
|
-
.awsui_hide-
|
|
846
|
+
.awsui_hide-navigation_hyvsj_1s5no_845:not(#\9) {
|
|
841
847
|
position: absolute;
|
|
842
848
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
843
849
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -847,16 +853,16 @@ nav.awsui_navigation_hyvsj_16ig6_701 > .awsui_animated-content_hyvsj_16ig6_830:n
|
|
|
847
853
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
848
854
|
SPDX-License-Identifier: Apache-2.0
|
|
849
855
|
*/
|
|
850
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_1s5no_855:not(#\9) {
|
|
851
857
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
852
858
|
grid-area: notifications;
|
|
853
859
|
z-index: 850;
|
|
854
860
|
}
|
|
855
861
|
@media (min-width: 689px) {
|
|
856
|
-
.
|
|
857
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
862
|
+
.awsui_notifications_hyvsj_1s5no_855.awsui_sticky-notifications_hyvsj_1s5no_861:not(#\9) {
|
|
863
|
+
--awsui-flashbar-sticky-bottom-margin-iof9y8: var(--space-xxl-cu2m1r, 32px);
|
|
858
864
|
position: sticky;
|
|
859
|
-
inset-block-start: calc(var(--awsui-offset-top-
|
|
865
|
+
inset-block-start: calc(var(--awsui-offset-top-iof9y8) + var(--space-xs-zb16t3, 8px));
|
|
860
866
|
}
|
|
861
867
|
}
|
|
862
868
|
|
|
@@ -870,13 +876,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
870
876
|
consume the remaining vertical space in the grid after the notifications
|
|
871
877
|
and breadcrumbs.
|
|
872
878
|
*/
|
|
873
|
-
section.awsui_split-panel-
|
|
879
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878:not(#\9) {
|
|
874
880
|
/*
|
|
875
881
|
The align self property will position the split panel at the bottom of the grid row.
|
|
876
882
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
877
883
|
*/
|
|
878
884
|
align-self: end;
|
|
879
|
-
inset-block-end: var(--awsui-footer-height-
|
|
885
|
+
inset-block-end: var(--awsui-footer-height-iof9y8);
|
|
880
886
|
display: none;
|
|
881
887
|
grid-column: 1/6;
|
|
882
888
|
grid-row: 10;
|
|
@@ -906,47 +912,47 @@ section.awsui_split-panel-bottom_hyvsj_16ig6_872:not(#\9) {
|
|
|
906
912
|
apply the animation to the height property.
|
|
907
913
|
*/
|
|
908
914
|
}
|
|
909
|
-
@keyframes
|
|
915
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1s5no_1 {
|
|
910
916
|
from {
|
|
911
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
917
|
+
block-size: var(--awsui-split-panel-reported-header-size-iof9y8, 0);
|
|
912
918
|
}
|
|
913
919
|
to {
|
|
914
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
920
|
+
block-size: var(--awsui-split-panel-reported-size-iof9y8);
|
|
915
921
|
}
|
|
916
922
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9) {
|
|
918
924
|
inset-block-end: 0;
|
|
919
925
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-navigation-open_hyvsj_1s5no_657.awsui_position-bottom_hyvsj_1s5no_925:not(#\9) {
|
|
921
927
|
grid-column-start: 2;
|
|
922
928
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_has-open-drawer_hyvsj_1s5no_162.awsui_position-bottom_hyvsj_1s5no_925:not(#\9) {
|
|
924
930
|
grid-column-end: 5;
|
|
925
931
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
932
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_position-bottom_hyvsj_1s5no_925:not(#\9) {
|
|
927
933
|
display: block;
|
|
928
934
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
935
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1s5no_660).awsui_position-bottom_hyvsj_1s5no_925 {
|
|
930
936
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
931
937
|
}
|
|
932
|
-
section.awsui_split-panel-
|
|
938
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-bottom_hyvsj_1s5no_925:not(#\9) {
|
|
933
939
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
934
940
|
}
|
|
935
|
-
section.awsui_split-panel-
|
|
936
|
-
animation:
|
|
941
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-bottom_hyvsj_1s5no_925.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
942
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1s5no_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
937
943
|
}
|
|
938
944
|
@media (prefers-reduced-motion: reduce) {
|
|
939
|
-
section.awsui_split-panel-
|
|
945
|
+
section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-bottom_hyvsj_1s5no_925.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
940
946
|
animation: none;
|
|
941
947
|
transition: none;
|
|
942
948
|
}
|
|
943
949
|
}
|
|
944
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
950
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-bottom_hyvsj_1s5no_925.awsui_animating_hyvsj_1s5no_774:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1s5no_878.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-bottom_hyvsj_1s5no_925.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
945
951
|
animation: none;
|
|
946
952
|
transition: none;
|
|
947
953
|
}
|
|
948
954
|
|
|
949
|
-
section.awsui_split-panel-
|
|
955
|
+
section.awsui_split-panel-side_hyvsj_1s5no_954:not(#\9) {
|
|
950
956
|
block-size: 100%;
|
|
951
957
|
overflow-x: hidden;
|
|
952
958
|
pointer-events: auto;
|
|
@@ -956,15 +962,15 @@ section.awsui_split-panel-side_hyvsj_16ig6_948:not(#\9) {
|
|
|
956
962
|
be persistent in the DOM when closed.
|
|
957
963
|
*/
|
|
958
964
|
}
|
|
959
|
-
section.awsui_split-panel-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_1s5no_954:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1s5no_660), section.awsui_split-panel-side_hyvsj_1s5no_954.awsui_position-bottom_hyvsj_1s5no_925:not(#\9) {
|
|
960
966
|
inline-size: 0;
|
|
961
967
|
}
|
|
962
|
-
section.awsui_split-panel-
|
|
963
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
964
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
968
|
+
section.awsui_split-panel-side_hyvsj_1s5no_954.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-side_hyvsj_1s5no_967:not(#\9) {
|
|
969
|
+
max-inline-size: var(--awsui-split-panel-max-width-iof9y8, 280px);
|
|
970
|
+
min-inline-size: var(--awsui-split-panel-min-width-iof9y8, 280px);
|
|
965
971
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
966
972
|
}
|
|
967
|
-
section.awsui_split-panel-
|
|
973
|
+
section.awsui_split-panel-side_hyvsj_1s5no_954.awsui_is-split-panel-open_hyvsj_1s5no_660.awsui_position-side_hyvsj_1s5no_967:not(#\9):not(.awsui_has-open-drawer_hyvsj_1s5no_162) {
|
|
968
974
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
969
975
|
}
|
|
970
976
|
|
|
@@ -981,30 +987,30 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
981
987
|
property. The content gap right is computed in the Layout styles based on the
|
|
982
988
|
viewport size and state of the Tools drawer.
|
|
983
989
|
*/
|
|
984
|
-
.awsui_tools-
|
|
990
|
+
.awsui_tools-container_hyvsj_1s5no_989:not(#\9) {
|
|
985
991
|
/* stylelint-disable scss/operator-no-newline-after */
|
|
986
|
-
--awsui-tools-max-width-
|
|
992
|
+
--awsui-tools-max-width-iof9y8: calc(var(--awsui-layout-width-iof9y8) - var(--awsui-main-offset-left-iof9y8) - var(--awsui-default-min-content-width-iof9y8) - var(--awsui-content-gap-right-iof9y8));
|
|
987
993
|
/* stylelint-enable scss/operator-no-newline-after */
|
|
988
|
-
--awsui-tools-width-
|
|
994
|
+
--awsui-tools-width-iof9y8: 290px;
|
|
989
995
|
display: flex;
|
|
990
996
|
grid-column: 5;
|
|
991
997
|
grid-row: 1/span 10;
|
|
992
|
-
block-size: var(--awsui-content-height-
|
|
993
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
998
|
+
block-size: var(--awsui-content-height-iof9y8);
|
|
999
|
+
max-inline-size: var(--awsui-tools-max-width-iof9y8);
|
|
994
1000
|
position: sticky;
|
|
995
|
-
inset-block-start: var(--awsui-offset-top-
|
|
1001
|
+
inset-block-start: var(--awsui-offset-top-iof9y8);
|
|
996
1002
|
z-index: 830;
|
|
997
1003
|
pointer-events: none;
|
|
998
1004
|
}
|
|
999
1005
|
@media (min-width: 2541px) {
|
|
1000
|
-
.awsui_tools-
|
|
1001
|
-
--awsui-tools-width-
|
|
1006
|
+
.awsui_tools-container_hyvsj_1s5no_989:not(#\9) {
|
|
1007
|
+
--awsui-tools-width-iof9y8: 360px;
|
|
1002
1008
|
}
|
|
1003
1009
|
}
|
|
1004
1010
|
@media (max-width: 688px) {
|
|
1005
|
-
.awsui_tools-
|
|
1006
|
-
--awsui-tools-max-width-
|
|
1007
|
-
--awsui-tools-width-
|
|
1011
|
+
.awsui_tools-container_hyvsj_1s5no_989:not(#\9) {
|
|
1012
|
+
--awsui-tools-max-width-iof9y8: none;
|
|
1013
|
+
--awsui-tools-width-iof9y8: auto;
|
|
1008
1014
|
position: fixed;
|
|
1009
1015
|
inset-inline-end: 0;
|
|
1010
1016
|
z-index: 1001;
|
|
@@ -1016,12 +1022,12 @@ viewport size and state of the Tools drawer.
|
|
|
1016
1022
|
relative to the body.
|
|
1017
1023
|
*/
|
|
1018
1024
|
}
|
|
1019
|
-
.awsui_tools-
|
|
1020
|
-
inset-block-start: var(--awsui-header-height-
|
|
1025
|
+
.awsui_tools-container_hyvsj_1s5no_989.awsui_disable-body-scroll_hyvsj_1s5no_185:not(#\9) {
|
|
1026
|
+
inset-block-start: var(--awsui-header-height-iof9y8);
|
|
1021
1027
|
}
|
|
1022
1028
|
}
|
|
1023
1029
|
|
|
1024
|
-
.
|
|
1030
|
+
.awsui_tools_hyvsj_1s5no_989:not(#\9) {
|
|
1025
1031
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1026
1032
|
flex-shrink: 0;
|
|
1027
1033
|
block-size: 100%;
|
|
@@ -1044,51 +1050,51 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1050
|
in the side position.
|
|
1045
1051
|
*/
|
|
1046
1052
|
}
|
|
1047
|
-
@keyframes
|
|
1053
|
+
@keyframes awsui_openTools_hyvsj_1s5no_1 {
|
|
1048
1054
|
from {
|
|
1049
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
1055
|
+
opacity: var(--awsui-tools-animation-starting-opacity-iof9y8, 0);
|
|
1050
1056
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
1051
1057
|
}
|
|
1052
1058
|
to {
|
|
1053
1059
|
opacity: 1;
|
|
1054
|
-
inline-size: var(--awsui-tools-width-
|
|
1060
|
+
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1055
1061
|
}
|
|
1056
1062
|
}
|
|
1057
|
-
.
|
|
1063
|
+
.awsui_tools_hyvsj_1s5no_989:not(#\9):not(.awsui_is-tools-open_hyvsj_1s5no_660) {
|
|
1058
1064
|
inline-size: 0;
|
|
1059
1065
|
display: none;
|
|
1060
1066
|
}
|
|
1061
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660:not(#\9) {
|
|
1062
1068
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1063
1069
|
}
|
|
1064
|
-
.
|
|
1065
|
-
animation:
|
|
1070
|
+
.awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1071
|
+
animation: awsui_openTools_hyvsj_1s5no_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1066
1072
|
}
|
|
1067
1073
|
@media (prefers-reduced-motion: reduce) {
|
|
1068
|
-
.
|
|
1074
|
+
.awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1069
1075
|
animation: none;
|
|
1070
1076
|
transition: none;
|
|
1071
1077
|
}
|
|
1072
1078
|
}
|
|
1073
|
-
.awsui-motion-disabled .
|
|
1079
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660.awsui_animating_hyvsj_1s5no_774:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1074
1080
|
animation: none;
|
|
1075
1081
|
transition: none;
|
|
1076
1082
|
}
|
|
1077
|
-
.
|
|
1078
|
-
inline-size: var(--awsui-tools-width-
|
|
1083
|
+
.awsui_tools_hyvsj_1s5no_989 > .awsui_animated-content_hyvsj_1s5no_836:not(#\9) {
|
|
1084
|
+
inline-size: var(--awsui-tools-width-iof9y8);
|
|
1079
1085
|
}
|
|
1080
1086
|
@media (min-width: 689px) {
|
|
1081
|
-
.
|
|
1087
|
+
.awsui_tools_hyvsj_1s5no_989.awsui_is-tools-open_hyvsj_1s5no_660.awsui_has-tools-form-persistence_hyvsj_1s5no_1086:not(#\9) {
|
|
1082
1088
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1083
1089
|
}
|
|
1084
1090
|
}
|
|
1085
1091
|
@media (max-width: 688px) {
|
|
1086
|
-
.
|
|
1087
|
-
--awsui-tools-width-
|
|
1092
|
+
.awsui_tools_hyvsj_1s5no_989:not(#\9) {
|
|
1093
|
+
--awsui-tools-width-iof9y8: 100vw;
|
|
1088
1094
|
}
|
|
1089
1095
|
}
|
|
1090
1096
|
|
|
1091
|
-
.awsui_hide-
|
|
1097
|
+
.awsui_hide-tools_hyvsj_1s5no_1096:not(#\9) {
|
|
1092
1098
|
position: absolute;
|
|
1093
1099
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1094
1100
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1100,7 +1106,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1100
1106
|
the calculation used to determine the Split Panel maximum width in the
|
|
1101
1107
|
handleSplitPanelMaxWidth function in the context.
|
|
1102
1108
|
*/
|
|
1103
|
-
.awsui_show-
|
|
1109
|
+
.awsui_show-tools_hyvsj_1s5no_1108:not(#\9) {
|
|
1104
1110
|
border-collapse: separate;
|
|
1105
1111
|
border-spacing: 0;
|
|
1106
1112
|
box-sizing: border-box;
|
|
@@ -1142,7 +1148,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1142
1148
|
take control in responsive viewports.
|
|
1143
1149
|
*/
|
|
1144
1150
|
}
|
|
1145
|
-
@keyframes
|
|
1151
|
+
@keyframes awsui_showButtons_hyvsj_1s5no_1 {
|
|
1146
1152
|
0% {
|
|
1147
1153
|
opacity: 0;
|
|
1148
1154
|
}
|
|
@@ -1150,31 +1156,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1150
1156
|
opacity: 1;
|
|
1151
1157
|
}
|
|
1152
1158
|
}
|
|
1153
|
-
.awsui_show-
|
|
1159
|
+
.awsui_show-tools_hyvsj_1s5no_1108:not(#\9):not(.awsui_has-tools-form_hyvsj_1s5no_1086) {
|
|
1154
1160
|
display: none;
|
|
1155
1161
|
}
|
|
1156
1162
|
@media (min-width: 689px) {
|
|
1157
|
-
.awsui_show-
|
|
1163
|
+
.awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form_hyvsj_1s5no_1086:not(#\9) {
|
|
1158
1164
|
display: flex;
|
|
1159
1165
|
flex-direction: column;
|
|
1160
1166
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1161
1167
|
}
|
|
1162
|
-
.awsui_show-
|
|
1163
|
-
animation:
|
|
1168
|
+
.awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form_hyvsj_1s5no_1086.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1169
|
+
animation: awsui_showButtons_hyvsj_1s5no_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1164
1170
|
}
|
|
1165
1171
|
}
|
|
1166
1172
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1167
|
-
.awsui_show-
|
|
1173
|
+
.awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form_hyvsj_1s5no_1086.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1168
1174
|
animation: none;
|
|
1169
1175
|
transition: none;
|
|
1170
1176
|
}
|
|
1171
1177
|
}
|
|
1172
1178
|
@media (min-width: 689px) {
|
|
1173
|
-
.awsui-motion-disabled .awsui_show-
|
|
1179
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form_hyvsj_1s5no_1086.awsui_animating_hyvsj_1s5no_774:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form_hyvsj_1s5no_1086.awsui_animating_hyvsj_1s5no_774:not(#\9) {
|
|
1174
1180
|
animation: none;
|
|
1175
1181
|
transition: none;
|
|
1176
1182
|
}
|
|
1177
|
-
.awsui_show-
|
|
1183
|
+
.awsui_show-tools_hyvsj_1s5no_1108.awsui_has-tools-form-persistence_hyvsj_1s5no_1086:not(#\9) {
|
|
1178
1184
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1179
1185
|
z-index: 1;
|
|
1180
1186
|
}
|
|
@@ -1184,7 +1190,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1184
1190
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1185
1191
|
SPDX-License-Identifier: Apache-2.0
|
|
1186
1192
|
*/
|
|
1187
|
-
.awsui_trigger-badge-
|
|
1193
|
+
.awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9) {
|
|
1188
1194
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1189
1195
|
border-start-start-radius: 50%;
|
|
1190
1196
|
border-start-end-radius: 50%;
|
|
@@ -1200,10 +1206,10 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1200
1206
|
align-items: center;
|
|
1201
1207
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1202
1208
|
}
|
|
1203
|
-
.awsui_trigger-badge-
|
|
1209
|
+
.awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9):hover {
|
|
1204
1210
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1205
1211
|
}
|
|
1206
|
-
.awsui_trigger-badge-
|
|
1212
|
+
.awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9):active {
|
|
1207
1213
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1208
1214
|
}
|
|
1209
1215
|
|
|
@@ -1212,7 +1218,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1212
1218
|
the calculation used to determine the Split Panel maximum width in the
|
|
1213
1219
|
handleSplitPanelMaxWidth function in the context.
|
|
1214
1220
|
*/
|
|
1215
|
-
.
|
|
1221
|
+
.awsui_trigger_hyvsj_1s5no_1191:not(#\9) {
|
|
1216
1222
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1217
1223
|
border-start-start-radius: 50%;
|
|
1218
1224
|
border-start-end-radius: 50%;
|
|
@@ -1227,20 +1233,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1227
1233
|
pointer-events: auto;
|
|
1228
1234
|
position: relative;
|
|
1229
1235
|
}
|
|
1230
|
-
.
|
|
1236
|
+
.awsui_trigger_hyvsj_1s5no_1191:not(#\9):hover {
|
|
1231
1237
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1232
1238
|
}
|
|
1233
|
-
.
|
|
1239
|
+
.awsui_trigger_hyvsj_1s5no_1191:not(#\9):active {
|
|
1234
1240
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1235
1241
|
}
|
|
1236
|
-
body[data-awsui-focus-visible=true] .
|
|
1242
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s5no_1191:not(#\9):focus {
|
|
1237
1243
|
position: relative;
|
|
1238
1244
|
}
|
|
1239
|
-
body[data-awsui-focus-visible=true] .
|
|
1245
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s5no_1191:not(#\9):focus {
|
|
1240
1246
|
outline: 2px dotted transparent;
|
|
1241
1247
|
outline-offset: calc(3px - 1px);
|
|
1242
1248
|
}
|
|
1243
|
-
body[data-awsui-focus-visible=true] .
|
|
1249
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1s5no_1191:not(#\9):focus::before {
|
|
1244
1250
|
content: " ";
|
|
1245
1251
|
display: block;
|
|
1246
1252
|
position: absolute;
|
|
@@ -1254,45 +1260,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_16ig6_1185:not(#\9):foc
|
|
|
1254
1260
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1255
1261
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1256
1262
|
}
|
|
1257
|
-
.
|
|
1263
|
+
.awsui_trigger_hyvsj_1s5no_1191:not(#\9):focus {
|
|
1258
1264
|
outline: none;
|
|
1259
1265
|
}
|
|
1260
|
-
.
|
|
1266
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264:not(#\9) {
|
|
1261
1267
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1262
1268
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1263
1269
|
}
|
|
1264
|
-
.
|
|
1270
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264:not(#\9):hover {
|
|
1265
1271
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1266
1272
|
}
|
|
1267
|
-
.
|
|
1273
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264:not(#\9):active {
|
|
1268
1274
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1269
1275
|
}
|
|
1270
|
-
.
|
|
1276
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264 > .awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9) {
|
|
1271
1277
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1272
1278
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1273
1279
|
}
|
|
1274
|
-
.
|
|
1280
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264 > .awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9):hover {
|
|
1275
1281
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1276
1282
|
}
|
|
1277
|
-
.
|
|
1283
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_selected_hyvsj_1s5no_1264 > .awsui_trigger-badge-wrapper_hyvsj_1s5no_1191:not(#\9):active {
|
|
1278
1284
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1279
1285
|
}
|
|
1280
|
-
.
|
|
1286
|
+
.awsui_trigger_hyvsj_1s5no_1191.awsui_badge_hyvsj_1s5no_1284:not(#\9), .awsui_trigger_hyvsj_1s5no_1191.awsui_badge_hyvsj_1s5no_1284:not(#\9):hover, .awsui_trigger_hyvsj_1s5no_1191.awsui_badge_hyvsj_1s5no_1284:not(#\9):active {
|
|
1281
1287
|
background: transparent;
|
|
1282
1288
|
}
|
|
1283
1289
|
|
|
1284
|
-
.awsui_trigger-
|
|
1290
|
+
.awsui_trigger-wrapper_hyvsj_1s5no_1288:not(#\9) {
|
|
1285
1291
|
position: relative;
|
|
1286
1292
|
border-start-start-radius: 50%;
|
|
1287
1293
|
border-start-end-radius: 50%;
|
|
1288
1294
|
border-end-start-radius: 50%;
|
|
1289
1295
|
border-end-end-radius: 50%;
|
|
1290
1296
|
}
|
|
1291
|
-
.awsui_trigger-
|
|
1297
|
+
.awsui_trigger-wrapper_hyvsj_1s5no_1288:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1s5no_686) {
|
|
1292
1298
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1293
1299
|
}
|
|
1294
1300
|
|
|
1295
|
-
.
|
|
1301
|
+
.awsui_dot_hyvsj_1s5no_1299:not(#\9) {
|
|
1296
1302
|
position: absolute;
|
|
1297
1303
|
inline-size: 9px;
|
|
1298
1304
|
block-size: 9px;
|