@cloudscape-design/components 3.0.648 → 3.0.650
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 +39 -41
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +18 -20
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +31 -32
- 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 +6 -8
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/index.js +2 -2
- package/app-layout/drawer/index.js.map +1 -1
- package/app-layout/drawer/styles.css.js +13 -13
- package/app-layout/drawer/styles.scoped.css +21 -23
- package/app-layout/drawer/styles.selectors.js +13 -13
- package/app-layout/mobile-toolbar/index.js +1 -1
- package/app-layout/mobile-toolbar/index.js.map +1 -1
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +8 -10
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/skeleton/styles.css.js +11 -11
- package/app-layout/skeleton/styles.scoped.css +20 -22
- package/app-layout/skeleton/styles.selectors.js +11 -11
- package/app-layout/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +2 -4
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +16 -16
- package/app-layout/styles.scoped.css +19 -21
- package/app-layout/styles.selectors.js +16 -16
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +6 -8
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/utils/sticky-offsets.d.ts +1 -1
- package/app-layout/utils/sticky-offsets.d.ts.map +1 -1
- package/app-layout/utils/sticky-offsets.js +2 -2
- package/app-layout/utils/sticky-offsets.js.map +1 -1
- package/app-layout/visual-refresh/background.d.ts.map +1 -1
- package/app-layout/visual-refresh/background.js +2 -5
- package/app-layout/visual-refresh/background.js.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
- package/app-layout/visual-refresh/breadcrumbs.js +1 -2
- package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts +0 -2
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +2 -7
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/drawers.js +2 -2
- package/app-layout/visual-refresh/drawers.js.map +1 -1
- package/app-layout/visual-refresh/layout.d.ts.map +1 -1
- package/app-layout/visual-refresh/layout.js +1 -3
- package/app-layout/visual-refresh/layout.js.map +1 -1
- package/app-layout/visual-refresh/main.d.ts.map +1 -1
- package/app-layout/visual-refresh/main.js +2 -4
- package/app-layout/visual-refresh/main.js.map +1 -1
- package/app-layout/visual-refresh/navigation.js +2 -2
- package/app-layout/visual-refresh/navigation.js.map +1 -1
- package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
- package/app-layout/visual-refresh/notifications.js +3 -1
- package/app-layout/visual-refresh/notifications.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +82 -83
- package/app-layout/visual-refresh/styles.scoped.css +169 -196
- package/app-layout/visual-refresh/styles.selectors.js +82 -83
- package/app-layout/visual-refresh/tools.js +2 -2
- package/app-layout/visual-refresh/tools.js.map +1 -1
- package/app-layout/visual-refresh/trigger-button.js +1 -1
- package/app-layout/visual-refresh/trigger-button.js.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.d.ts +0 -6
- package/app-layout/visual-refresh/use-background-overlap.d.ts.map +1 -1
- package/app-layout/visual-refresh/use-background-overlap.js +0 -6
- package/app-layout/visual-refresh/use-background-overlap.js.map +1 -1
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +9 -11
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +24 -26
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +5 -7
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +191 -191
- package/box/styles.scoped.css +248 -446
- package/box/styles.selectors.js +191 -191
- package/breadcrumb-group/item/styles.css.js +8 -8
- package/breadcrumb-group/item/styles.scoped.css +16 -18
- package/breadcrumb-group/item/styles.selectors.js +8 -8
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +12 -14
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +19 -19
- package/button/styles.scoped.css +153 -155
- package/button/styles.selectors.js +19 -19
- package/button-dropdown/category-elements/category-element.js +1 -1
- package/button-dropdown/category-elements/category-element.js.map +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js +1 -1
- package/button-dropdown/category-elements/mobile-expandable-category-element.js.map +1 -1
- package/button-dropdown/category-elements/styles.css.js +14 -14
- package/button-dropdown/category-elements/styles.scoped.css +24 -25
- package/button-dropdown/category-elements/styles.selectors.js +14 -14
- package/button-dropdown/item-element/styles.css.js +11 -11
- package/button-dropdown/item-element/styles.scoped.css +16 -17
- package/button-dropdown/item-element/styles.selectors.js +11 -11
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js +1 -1
- package/button-dropdown/mobile-expandable-group/mobile-expandable-group.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -7
- 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 +22 -24
- package/button-dropdown/styles.selectors.js +15 -15
- package/calendar/styles.css.js +20 -20
- package/calendar/styles.scoped.css +42 -44
- package/calendar/styles.selectors.js +20 -20
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +50 -52
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +5 -7
- 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 +5 -6
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -147
- 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 +17 -21
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +44 -52
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +43 -45
- package/column-layout/styles.selectors.js +13 -13
- package/container/internal.d.ts.map +1 -1
- package/container/internal.js +7 -25
- package/container/internal.js.map +1 -1
- package/container/styles.css.js +30 -29
- package/container/styles.scoped.css +60 -55
- package/container/styles.selectors.js +30 -29
- package/container/use-sticky-header.d.ts +3 -2
- package/container/use-sticky-header.d.ts.map +1 -1
- package/container/use-sticky-header.js +5 -3
- package/container/use-sticky-header.js.map +1 -1
- package/content-layout/internal.js +2 -2
- package/content-layout/internal.js.map +1 -1
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +16 -18
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +9 -11
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +27 -27
- package/date-range-picker/calendar/grids/styles.scoped.css +42 -44
- package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +13 -15
- 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 +48 -50
- package/date-range-picker/styles.selectors.js +39 -39
- package/drawer/implementation.js +2 -2
- package/drawer/implementation.js.map +1 -1
- package/drawer/styles.css.js +3 -3
- package/drawer/styles.scoped.css +10 -11
- package/drawer/styles.selectors.js +3 -3
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +65 -66
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/dropzone/styles.css.js +2 -2
- package/file-upload/dropzone/styles.scoped.css +2 -4
- 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 +7 -9
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +146 -154
- package/flashbar/styles.selectors.js +47 -47
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +8 -10
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +38 -40
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +54 -56
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +50 -52
- package/header/styles.selectors.js +34 -34
- package/help-panel/implementation.js +2 -2
- package/help-panel/implementation.js.map +1 -1
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +78 -68
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +7 -9
- package/hotspot/styles.selectors.js +7 -7
- package/icon/icons.js +1 -1
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon/styles.css.js +37 -37
- package/icon/styles.scoped.css +84 -67
- package/icon/styles.selectors.js +37 -37
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +34 -36
- package/input/styles.selectors.js +13 -13
- package/internal/analytics/index.d.ts +7 -1
- package/internal/analytics/index.d.ts.map +1 -1
- package/internal/analytics/index.js +10 -0
- package/internal/analytics/index.js.map +1 -1
- package/internal/analytics/interfaces.d.ts +12 -0
- package/internal/analytics/interfaces.d.ts.map +1 -1
- package/internal/analytics/interfaces.js.map +1 -1
- package/internal/base-component/index.d.ts +5 -3
- package/internal/base-component/index.d.ts.map +1 -1
- package/internal/base-component/index.js.map +1 -1
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -26
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +11 -11
- package/internal/components/button-trigger/styles.scoped.css +26 -28
- package/internal/components/button-trigger/styles.selectors.js +11 -11
- package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
- package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +3 -5
- 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 +15 -17
- 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 +5 -7
- 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 +3 -5
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-popover-footer/styles.css.js +1 -1
- package/internal/components/chart-popover-footer/styles.scoped.css +3 -3
- package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +33 -35
- 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 +7 -9
- 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 +9 -11
- 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 +8 -10
- 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 +41 -41
- 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 +3 -5
- 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 +2 -4
- 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 +13 -15
- 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 +6 -8
- 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 +13 -15
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/highlight-match.d.ts.map +1 -1
- package/internal/components/option/highlight-match.js +1 -2
- package/internal/components/option/highlight-match.js.map +1 -1
- package/internal/components/option/index.js +2 -2
- package/internal/components/option/index.js.map +1 -1
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +29 -31
- 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 +2 -4
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +10 -12
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +1 -3
- 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 +29 -31
- 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 +20 -23
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/context/reset-contexts-for-modal.d.ts.map +1 -1
- package/internal/context/reset-contexts-for-modal.js +6 -8
- package/internal/context/reset-contexts-for-modal.js.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.d.ts +16 -2
- package/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
- package/internal/context/single-tab-stop-navigation-context.js +51 -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/hooks/use-table-interaction-metrics/index.d.ts +10 -0
- package/internal/hooks/use-table-interaction-metrics/index.d.ts.map +1 -0
- package/internal/hooks/use-table-interaction-metrics/index.js +47 -0
- package/internal/hooks/use-table-interaction-metrics/index.js.map +1 -0
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -73
- 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 +17 -19
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +38 -40
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +2 -4
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +23 -25
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +48 -50
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/index.d.ts +1 -1
- package/popover/index.d.ts.map +1 -1
- package/popover/index.js +2 -2
- package/popover/index.js.map +1 -1
- package/popover/interfaces.d.ts +5 -0
- package/popover/interfaces.d.ts.map +1 -1
- package/popover/interfaces.js.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +50 -49
- package/popover/styles.scoped.css +78 -78
- package/popover/styles.selectors.js +50 -49
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +33 -37
- package/progress-bar/styles.selectors.js +19 -19
- package/property-filter/styles.css.js +32 -32
- package/property-filter/styles.scoped.css +34 -36
- package/property-filter/styles.selectors.js +32 -32
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +15 -17
- 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 +9 -9
- 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 +33 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +18 -19
- package/select/parts/styles.selectors.js +16 -16
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +1 -3
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +38 -40
- package/side-navigation/styles.selectors.js +28 -28
- package/slider/internal.js +1 -1
- package/slider/internal.js.map +1 -1
- package/slider/slider-labels.js +1 -1
- package/slider/slider-labels.js.map +1 -1
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +62 -64
- package/slider/styles.selectors.js +25 -25
- package/slider/tick-marks.js +2 -2
- package/slider/tick-marks.js.map +1 -1
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +24 -26
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +20 -21
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +28 -24
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/side.js +3 -3
- package/split-panel/side.js.map +1 -1
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +41 -46
- package/split-panel/styles.selectors.js +26 -26
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +29 -31
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/styles.css.js +45 -45
- package/table/body-cell/styles.scoped.css +175 -174
- package/table/body-cell/styles.selectors.js +45 -45
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +15 -15
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +54 -54
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +23 -17
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +14 -16
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/selection-control.js +1 -1
- package/table/selection/selection-control.js.map +1 -1
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +3 -5
- package/table/selection/styles.selectors.js +3 -3
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +7 -9
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +39 -43
- package/table/styles.selectors.js +34 -34
- package/table/table-role/grid-navigation.d.ts.map +1 -1
- package/table/table-role/grid-navigation.js +40 -67
- package/table/table-role/grid-navigation.js.map +1 -1
- package/table/thead.d.ts +1 -0
- package/table/thead.d.ts.map +1 -1
- package/table/thead.js +5 -2
- package/table/thead.js.map +1 -1
- package/table/tools-header.d.ts +2 -1
- package/table/tools-header.d.ts.map +1 -1
- package/table/tools-header.js +4 -4
- package/table/tools-header.js.map +1 -1
- package/tabs/styles.css.js +22 -22
- package/tabs/styles.scoped.css +42 -46
- package/tabs/styles.selectors.js +22 -22
- package/tabs/tab-header-bar.d.ts.map +1 -1
- package/tabs/tab-header-bar.js +19 -47
- package/tabs/tab-header-bar.js.map +1 -1
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +10 -12
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +60 -62
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +3 -5
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +15 -17
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +70 -72
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -16
- package/toggle/styles.selectors.js +8 -8
- package/token-group/dismiss-button.d.ts.map +1 -1
- package/token-group/dismiss-button.js +1 -2
- package/token-group/dismiss-button.js.map +1 -1
- package/token-group/styles.css.js +9 -9
- package/token-group/styles.scoped.css +19 -22
- package/token-group/styles.selectors.js +9 -9
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +42 -44
- 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 +66 -68
- 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 +21 -23
- 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 +27 -30
- 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 +1 -3
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +62 -61
- package/wizard/styles.selectors.js +30 -30
- package/wizard/wizard-form-header.js +1 -1
- package/wizard/wizard-form-header.js.map +1 -1
- package/wizard/wizard-form.js +1 -1
- package/wizard/wizard-form.js.map +1 -1
- package/wizard/wizard-navigation.js +3 -3
- package/wizard/wizard-navigation.js.map +1 -1
- package/internal/context/app-layout-context.d.ts +0 -8
- package/internal/context/app-layout-context.d.ts.map +0 -1
- package/internal/context/app-layout-context.js +0 -9
- package/internal/context/app-layout-context.js.map +0 -1
|
@@ -2,8 +2,6 @@
|
|
|
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 plugin/no-unsupported-browser-features */
|
|
6
|
-
/* stylelint-enable plugin/no-unsupported-browser-features */
|
|
7
5
|
/*
|
|
8
6
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
9
7
|
SPDX-License-Identifier: Apache-2.0
|
|
@@ -96,48 +94,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
96
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
97
95
|
SPDX-License-Identifier: Apache-2.0
|
|
98
96
|
*/
|
|
99
|
-
div.
|
|
97
|
+
div.awsui_background_hyvsj_1cs1p_97:not(#\9) {
|
|
100
98
|
display: contents;
|
|
101
99
|
}
|
|
102
|
-
div.
|
|
100
|
+
div.awsui_background_hyvsj_1cs1p_97 > .awsui_scrolling-background_hyvsj_1cs1p_100:not(#\9) {
|
|
103
101
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
104
102
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
105
103
|
grid-column: 1/span 5;
|
|
106
104
|
grid-row: 1/10;
|
|
107
105
|
}
|
|
108
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9) {
|
|
109
|
-
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
110
|
-
grid-column: 1/span 5;
|
|
111
|
-
grid-row: 1/10;
|
|
112
|
-
position: sticky;
|
|
113
|
-
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
114
|
-
z-index: 799;
|
|
115
|
-
}
|
|
116
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108:not(#\9):not(.awsui_has-sticky-notifications_hyvsj_5tvh0_116) {
|
|
117
|
-
block-size: calc(var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6));
|
|
118
|
-
}
|
|
119
|
-
div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.awsui_has-sticky-notifications_hyvsj_5tvh0_116:not(#\9) {
|
|
120
|
-
block-size: calc(
|
|
121
|
-
var(--awsui-notifications-gap-7t5ed6) + var(--awsui-notifications-height-7t5ed6) + var(--space-scaled-s-aqzyko, 12px) + var(--awsui-overlap-height-7t5ed6)
|
|
122
|
-
);
|
|
123
|
-
}
|
|
124
106
|
|
|
125
107
|
/*
|
|
126
108
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
127
109
|
SPDX-License-Identifier: Apache-2.0
|
|
128
110
|
*/
|
|
129
|
-
.
|
|
111
|
+
.awsui_breadcrumbs_hyvsj_1cs1p_111:not(#\9) {
|
|
130
112
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
131
113
|
grid-area: breadcrumbs;
|
|
132
|
-
/*
|
|
133
|
-
If a child component tells the AppLayout to have a sticky
|
|
134
|
-
background (typically because of a stickyHeader with a
|
|
135
|
-
full-page variant) the z-index of the breadcrumbs needs to
|
|
136
|
-
be lifted so it doesn't render behind the background element.
|
|
137
|
-
*/
|
|
138
|
-
}
|
|
139
|
-
.awsui_breadcrumbs_hyvsj_5tvh0_129.awsui_has-sticky-background_hyvsj_5tvh0_139:not(#\9) {
|
|
140
|
-
z-index: 799;
|
|
141
114
|
}
|
|
142
115
|
|
|
143
116
|
/*
|
|
@@ -148,7 +121,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
148
121
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
149
122
|
SPDX-License-Identifier: Apache-2.0
|
|
150
123
|
*/
|
|
151
|
-
.awsui_drawers-
|
|
124
|
+
.awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
|
|
152
125
|
background-color: transparent;
|
|
153
126
|
display: flex;
|
|
154
127
|
grid-column: 5;
|
|
@@ -159,18 +132,16 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
159
132
|
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
160
133
|
z-index: 830;
|
|
161
134
|
}
|
|
162
|
-
.awsui_drawers-
|
|
135
|
+
.awsui_drawers-container_hyvsj_1cs1p_124.awsui_has-open-drawer_hyvsj_1cs1p_135:not(#\9) {
|
|
163
136
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
164
137
|
}
|
|
165
138
|
@media (min-width: 689px) {
|
|
166
|
-
.awsui_drawers-
|
|
167
|
-
/* stylelint-disable scss/operator-no-newline-after */
|
|
139
|
+
.awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
|
|
168
140
|
max-inline-size: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
169
|
-
/* stylelint-enable scss/operator-no-newline-after */
|
|
170
141
|
}
|
|
171
142
|
}
|
|
172
143
|
@media (max-width: 688px) {
|
|
173
|
-
.awsui_drawers-
|
|
144
|
+
.awsui_drawers-container_hyvsj_1cs1p_124:not(#\9) {
|
|
174
145
|
position: fixed;
|
|
175
146
|
inset-inline-end: 0;
|
|
176
147
|
z-index: 1001;
|
|
@@ -182,12 +153,12 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
182
153
|
relative to the body.
|
|
183
154
|
*/
|
|
184
155
|
}
|
|
185
|
-
.awsui_drawers-
|
|
156
|
+
.awsui_drawers-container_hyvsj_1cs1p_124.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
|
|
186
157
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
187
158
|
}
|
|
188
159
|
}
|
|
189
160
|
|
|
190
|
-
.awsui_drawers-desktop-triggers-
|
|
161
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9) {
|
|
191
162
|
border-collapse: separate;
|
|
192
163
|
border-spacing: 0;
|
|
193
164
|
box-sizing: border-box;
|
|
@@ -229,21 +200,21 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
229
200
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
230
201
|
overscroll-behavior-y: contain;
|
|
231
202
|
}
|
|
232
|
-
.awsui_drawers-desktop-triggers-
|
|
203
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202).awsui_has-open-drawer_hyvsj_1cs1p_135 {
|
|
233
204
|
inline-size: 0;
|
|
234
205
|
}
|
|
235
|
-
.awsui_drawers-desktop-triggers-
|
|
206
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161.awsui_has-multiple-triggers_hyvsj_1cs1p_202.awsui_has-open-drawer_hyvsj_1cs1p_135:not(#\9) {
|
|
236
207
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
237
208
|
}
|
|
238
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1cs1p_161:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
|
|
239
210
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
240
211
|
}
|
|
241
212
|
|
|
242
|
-
.awsui_drawers-mobile-triggers-
|
|
213
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1cs1p_212:not(#\9) {
|
|
243
214
|
display: flex;
|
|
244
215
|
}
|
|
245
216
|
|
|
246
|
-
.awsui_drawers-trigger-
|
|
217
|
+
.awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9) {
|
|
247
218
|
align-items: center;
|
|
248
219
|
display: flex;
|
|
249
220
|
flex-direction: column;
|
|
@@ -251,13 +222,13 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
251
222
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
252
223
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
253
224
|
}
|
|
254
|
-
.awsui_drawers-trigger-
|
|
225
|
+
.awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202).awsui_has-open-drawer_hyvsj_1cs1p_135 {
|
|
255
226
|
opacity: 0;
|
|
256
227
|
}
|
|
257
|
-
.awsui_drawers-trigger-
|
|
228
|
+
.awsui_drawers-trigger-content_hyvsj_1cs1p_216:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1cs1p_202):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
|
|
258
229
|
opacity: 1;
|
|
259
230
|
}
|
|
260
|
-
.awsui_drawers-trigger-
|
|
231
|
+
.awsui_drawers-trigger-content_hyvsj_1cs1p_216 > .awsui_drawers-trigger-overflow_hyvsj_1cs1p_230:not(#\9) {
|
|
261
232
|
padding-block: 0;
|
|
262
233
|
padding-inline: 1px;
|
|
263
234
|
display: flex;
|
|
@@ -266,14 +237,14 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
266
237
|
}
|
|
267
238
|
|
|
268
239
|
@media (max-width: 688px) {
|
|
269
|
-
.awsui_drawers-
|
|
240
|
+
.awsui_drawers-trigger_hyvsj_1cs1p_216:not(#\9) {
|
|
270
241
|
inline-size: 40px;
|
|
271
242
|
display: flex;
|
|
272
243
|
justify-content: center;
|
|
273
244
|
}
|
|
274
245
|
}
|
|
275
246
|
|
|
276
|
-
.
|
|
247
|
+
.awsui_drawer_hyvsj_1cs1p_124:not(#\9) {
|
|
277
248
|
--awsui-drawer-size-7t5ed6: 290px;
|
|
278
249
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
279
250
|
border-color: transparent;
|
|
@@ -288,7 +259,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
288
259
|
pointer-events: auto;
|
|
289
260
|
word-wrap: break-word;
|
|
290
261
|
}
|
|
291
|
-
.
|
|
262
|
+
.awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261:not(#\9) {
|
|
292
263
|
grid-column: 1/span 2;
|
|
293
264
|
grid-row: 1;
|
|
294
265
|
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
@@ -297,41 +268,41 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
297
268
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
298
269
|
overflow-y: auto;
|
|
299
270
|
}
|
|
300
|
-
.
|
|
271
|
+
.awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-close-button_hyvsj_1cs1p_270:not(#\9) {
|
|
301
272
|
grid-column: 3;
|
|
302
273
|
grid-row: 2;
|
|
303
274
|
z-index: 1;
|
|
304
275
|
}
|
|
305
|
-
.
|
|
276
|
+
.awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-content_hyvsj_1cs1p_261:not(#\9) {
|
|
306
277
|
grid-column: 1/span 4;
|
|
307
278
|
}
|
|
308
|
-
.
|
|
279
|
+
.awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-content-container_hyvsj_1cs1p_261 > .awsui_drawer-content_hyvsj_1cs1p_261.awsui_drawer-content-hidden_hyvsj_1cs1p_278:not(#\9) {
|
|
309
280
|
display: none;
|
|
310
281
|
}
|
|
311
|
-
.
|
|
282
|
+
.awsui_drawer_hyvsj_1cs1p_124 > .awsui_drawer-slider_hyvsj_1cs1p_281:not(#\9) {
|
|
312
283
|
grid-column: 1;
|
|
313
284
|
grid-row: 1;
|
|
314
285
|
block-size: 100%;
|
|
315
286
|
display: flex;
|
|
316
287
|
align-items: center;
|
|
317
288
|
}
|
|
318
|
-
.
|
|
289
|
+
.awsui_drawer_hyvsj_1cs1p_124:not(#\9):not(.awsui_is-drawer-open_hyvsj_1cs1p_288) {
|
|
319
290
|
opacity: 0;
|
|
320
291
|
inline-size: 0;
|
|
321
292
|
}
|
|
322
|
-
.
|
|
293
|
+
.awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
|
|
323
294
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
324
295
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
325
296
|
opacity: 1;
|
|
326
297
|
inline-size: var(--awsui-drawer-size-7t5ed6);
|
|
327
298
|
}
|
|
328
299
|
@media (min-width: 2541px) {
|
|
329
|
-
.
|
|
300
|
+
.awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
|
|
330
301
|
--awsui-drawer-size-7t5ed6: 320px;
|
|
331
302
|
}
|
|
332
303
|
}
|
|
333
304
|
@media (max-width: 688px) {
|
|
334
|
-
.
|
|
305
|
+
.awsui_drawer_hyvsj_1cs1p_124.awsui_is-drawer-open_hyvsj_1cs1p_288:not(#\9) {
|
|
335
306
|
--awsui-drawer-size-7t5ed6: 100vw;
|
|
336
307
|
inline-size: 100vw;
|
|
337
308
|
}
|
|
@@ -341,7 +312,7 @@ div.awsui_background_hyvsj_5tvh0_99 > .awsui_sticky-background_hyvsj_5tvh0_108.a
|
|
|
341
312
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
342
313
|
SPDX-License-Identifier: Apache-2.0
|
|
343
314
|
*/
|
|
344
|
-
header.
|
|
315
|
+
header.awsui_content_hyvsj_1cs1p_314:not(#\9) {
|
|
345
316
|
grid-area: header;
|
|
346
317
|
}
|
|
347
318
|
|
|
@@ -362,7 +333,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
362
333
|
circumstances regardless of whether the minContentWidth property is
|
|
363
334
|
explicitly set in script.
|
|
364
335
|
*/
|
|
365
|
-
.
|
|
336
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9) {
|
|
366
337
|
--awsui-breadcrumbs-gap-7t5ed6: 0px;
|
|
367
338
|
--awsui-content-gap-left-7t5ed6: 0px;
|
|
368
339
|
--awsui-content-gap-right-7t5ed6: 0px;
|
|
@@ -435,119 +406,113 @@ explicitly set in script.
|
|
|
435
406
|
*/
|
|
436
407
|
}
|
|
437
408
|
@media (min-width: 1401px) {
|
|
438
|
-
.
|
|
409
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
|
|
439
410
|
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
440
411
|
}
|
|
441
412
|
}
|
|
442
413
|
@media (min-width: 1921px) {
|
|
443
|
-
.
|
|
414
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
|
|
444
415
|
--awsui-default-max-content-width-7t5ed6: 1440px;
|
|
445
416
|
}
|
|
446
417
|
}
|
|
447
418
|
@media (min-width: 2541px) {
|
|
448
|
-
.
|
|
419
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408) {
|
|
449
420
|
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
450
421
|
}
|
|
451
422
|
}
|
|
452
423
|
@media (min-width: 1401px) {
|
|
453
|
-
.
|
|
424
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
|
|
454
425
|
--awsui-default-max-content-width-7t5ed6: 1280px;
|
|
455
426
|
}
|
|
456
427
|
}
|
|
457
428
|
@media (min-width: 1921px) {
|
|
458
|
-
.
|
|
429
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
|
|
459
430
|
--awsui-default-max-content-width-7t5ed6: 1620px;
|
|
460
431
|
}
|
|
461
432
|
}
|
|
462
433
|
@media (min-width: 2541px) {
|
|
463
|
-
.
|
|
434
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-dashboard_hyvsj_1cs1p_423 {
|
|
464
435
|
--awsui-default-max-content-width-7t5ed6: 2160px;
|
|
465
436
|
}
|
|
466
437
|
}
|
|
467
|
-
.
|
|
438
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-table_hyvsj_1cs1p_437, .awsui_layout_hyvsj_1cs1p_335:not(#\9):not(.awsui_has-max-content-width_hyvsj_1cs1p_408).awsui_content-type-cards_hyvsj_1cs1p_437 {
|
|
468
439
|
--awsui-default-max-content-width-7t5ed6: 100%;
|
|
469
440
|
}
|
|
470
|
-
.
|
|
441
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-max-content-width_hyvsj_1cs1p_408:not(#\9) {
|
|
471
442
|
--awsui-default-max-content-width-7t5ed6: var(--awsui-max-content-width-7t5ed6);
|
|
472
443
|
}
|
|
473
|
-
.
|
|
444
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_is-overlap-disabled_hyvsj_1cs1p_443:not(#\9) {
|
|
474
445
|
--awsui-overlap-height-7t5ed6: 0;
|
|
475
446
|
}
|
|
476
|
-
.
|
|
447
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_is-hide-mobile-toolbar_hyvsj_1cs1p_446:not(#\9) {
|
|
477
448
|
--awsui-mobile-bar-height-7t5ed6: 0px;
|
|
478
449
|
}
|
|
479
450
|
@media (min-width: 993px) {
|
|
480
|
-
.
|
|
451
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9) {
|
|
481
452
|
--awsui-default-min-content-width-7t5ed6: var(--awsui-min-content-width-7t5ed6, 280px);
|
|
482
453
|
}
|
|
483
454
|
}
|
|
484
455
|
@media (max-width: 992px) {
|
|
485
|
-
.
|
|
456
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9) {
|
|
486
457
|
--awsui-default-min-content-width-7t5ed6: 0px;
|
|
487
458
|
}
|
|
488
459
|
}
|
|
489
460
|
@media (min-width: 689px) {
|
|
490
|
-
.
|
|
461
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-content-gap-left_hyvsj_1cs1p_460:not(#\9) {
|
|
491
462
|
--awsui-content-gap-left-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
492
463
|
}
|
|
493
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-content-gap-right_hyvsj_1cs1p_463:not(#\9) {
|
|
494
465
|
--awsui-content-gap-right-7t5ed6: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
495
466
|
}
|
|
496
467
|
}
|
|
497
468
|
@media (max-width: 688px) {
|
|
498
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_1cs1p_335:not(#\9) {
|
|
499
470
|
--awsui-content-gap-left-7t5ed6: var(--space-l-t419sm, 20px);
|
|
500
471
|
--awsui-content-gap-right-7t5ed6: var(--space-l-t419sm, 20px);
|
|
501
472
|
}
|
|
502
473
|
}
|
|
503
|
-
.
|
|
504
|
-
--awsui-notifications-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
505
|
-
}
|
|
506
|
-
.awsui_layout_hyvsj_5tvh0_364.awsui_has-breadcrumbs_hyvsj_5tvh0_505:not(#\9) {
|
|
474
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473:not(#\9) {
|
|
507
475
|
--awsui-breadcrumbs-gap-7t5ed6: var(--space-scaled-m-mo5yse, 16px);
|
|
508
476
|
}
|
|
509
|
-
.
|
|
477
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-header_hyvsj_1cs1p_476:not(#\9), .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473).awsui_has-header_hyvsj_1cs1p_476 {
|
|
510
478
|
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
511
479
|
}
|
|
512
|
-
.
|
|
480
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473.awsui_has-header_hyvsj_1cs1p_476:not(#\9) {
|
|
513
481
|
--awsui-header-gap-7t5ed6: var(--space-scaled-xs-26e2du, 8px);
|
|
514
482
|
}
|
|
515
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473):not(.awsui_has-header_hyvsj_1cs1p_476) {
|
|
516
484
|
--awsui-main-gap-7t5ed6: var(--space-xs-zb16t3, 8px);
|
|
517
485
|
}
|
|
518
|
-
.
|
|
486
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-breadcrumbs_hyvsj_1cs1p_473:not(#\9):not(.awsui_has-header_hyvsj_1cs1p_476) {
|
|
519
487
|
--awsui-main-gap-7t5ed6: var(--space-scaled-xxs-7597g1, 4px);
|
|
520
488
|
}
|
|
521
|
-
.
|
|
489
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-header_hyvsj_1cs1p_476:not(#\9) {
|
|
522
490
|
--awsui-main-gap-7t5ed6: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
523
491
|
}
|
|
524
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cs1p_491) {
|
|
525
493
|
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
526
494
|
}
|
|
527
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
|
|
528
496
|
--awsui-main-gap-7t5ed6: 0px;
|
|
529
497
|
}
|
|
530
498
|
@media (max-width: 688px) {
|
|
531
|
-
.
|
|
532
|
-
--awsui-notifications-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
533
|
-
}
|
|
534
|
-
.awsui_layout_hyvsj_5tvh0_364.awsui_content-first-child-header_hyvsj_5tvh0_508:not(#\9) {
|
|
499
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-header_hyvsj_1cs1p_476:not(#\9) {
|
|
535
500
|
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
536
501
|
}
|
|
537
|
-
.
|
|
502
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473).awsui_has-header_hyvsj_1cs1p_476 {
|
|
538
503
|
--awsui-header-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
539
504
|
}
|
|
540
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-notifications_hyvsj_1cs1p_476:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1cs1p_473):not(.awsui_has-header_hyvsj_1cs1p_476), .awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1cs1p_491) {
|
|
541
506
|
--awsui-main-gap-7t5ed6: var(--space-scaled-s-aqzyko, 12px);
|
|
542
507
|
}
|
|
543
|
-
.
|
|
508
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_content-first-child-main_hyvsj_1cs1p_491.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
|
|
544
509
|
--awsui-main-gap-7t5ed6: 0px;
|
|
545
510
|
}
|
|
546
511
|
}
|
|
547
|
-
.
|
|
512
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-left-toggles-gutter_hyvsj_1cs1p_511:not(#\9) {
|
|
548
513
|
--awsui-toggles-left-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
549
514
|
}
|
|
550
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_has-right-toggles-gutter_hyvsj_1cs1p_514:not(#\9) {
|
|
551
516
|
--awsui-toggles-right-width-7t5ed6: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
552
517
|
}
|
|
553
518
|
|
|
@@ -561,13 +526,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
561
526
|
position: sticky will be the value of the notifications height in addition to the
|
|
562
527
|
notifications top margin and some additional vertical space for aesthetics.
|
|
563
528
|
*/
|
|
564
|
-
.
|
|
529
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
|
|
565
530
|
--awsui-main-template-rows-7t5ed6: 1fr auto;
|
|
566
531
|
--awsui-offset-top-7t5ed6: 0px;
|
|
567
532
|
block-size: var(--awsui-content-height-7t5ed6);
|
|
568
533
|
overflow-y: scroll;
|
|
569
534
|
}
|
|
570
|
-
.
|
|
535
|
+
.awsui_layout_hyvsj_1cs1p_335.awsui_disable-body-scroll_hyvsj_1cs1p_156.awsui_has-split-panel_hyvsj_1cs1p_534.awsui_split-panel-position-bottom_hyvsj_1cs1p_534:not(#\9) {
|
|
571
536
|
--awsui-main-template-rows-7t5ed6: repeat(2, auto);
|
|
572
537
|
}
|
|
573
538
|
|
|
@@ -575,13 +540,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
575
540
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
576
541
|
when the navigation or tools drawers are open in responsive viewports.
|
|
577
542
|
*/
|
|
578
|
-
.awsui_block-body-
|
|
543
|
+
.awsui_block-body-scroll_hyvsj_1cs1p_542:not(#\9) {
|
|
579
544
|
overflow: hidden;
|
|
580
545
|
}
|
|
581
546
|
|
|
582
547
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
583
|
-
.
|
|
584
|
-
.
|
|
548
|
+
.awsui_unfocusable_hyvsj_1cs1p_547:not(#\9),
|
|
549
|
+
.awsui_unfocusable_hyvsj_1cs1p_547 *:not(#\9) {
|
|
585
550
|
visibility: hidden !important;
|
|
586
551
|
}
|
|
587
552
|
|
|
@@ -590,7 +555,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
590
555
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
591
556
|
SPDX-License-Identifier: Apache-2.0
|
|
592
557
|
*/
|
|
593
|
-
.
|
|
558
|
+
.awsui_container_hyvsj_1cs1p_557:not(#\9) {
|
|
594
559
|
grid-area: main;
|
|
595
560
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
596
561
|
/*
|
|
@@ -607,19 +572,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
607
572
|
on the right, we decrement the column end by one.
|
|
608
573
|
*/
|
|
609
574
|
}
|
|
610
|
-
.
|
|
575
|
+
.awsui_container_hyvsj_1cs1p_557.awsui_has-split-panel_hyvsj_1cs1p_534.awsui_split-panel-position-bottom_hyvsj_1cs1p_534:not(#\9) {
|
|
611
576
|
padding-block-end: calc(var(--awsui-split-panel-height-7t5ed6) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
612
577
|
}
|
|
613
|
-
.
|
|
578
|
+
.awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491:not(#\9) {
|
|
614
579
|
grid-column: 1/6;
|
|
615
580
|
padding-block: 0;
|
|
616
581
|
padding-inline: 0;
|
|
617
582
|
}
|
|
618
583
|
@media (min-width: 689px) {
|
|
619
|
-
.
|
|
584
|
+
.awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-navigation-open_hyvsj_1cs1p_583:not(#\9) {
|
|
620
585
|
grid-column-start: 2;
|
|
621
586
|
}
|
|
622
|
-
.
|
|
587
|
+
.awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-tools-open_hyvsj_1cs1p_586:not(#\9), .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_split-panel-position-side_hyvsj_1cs1p_586:not(#\9), .awsui_container_hyvsj_1cs1p_557.awsui_disable-content-paddings_hyvsj_1cs1p_491.awsui_has-active-drawer_hyvsj_1cs1p_586:not(#\9) {
|
|
623
588
|
grid-column-end: 5;
|
|
624
589
|
}
|
|
625
590
|
}
|
|
@@ -628,7 +593,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
628
593
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
629
594
|
SPDX-License-Identifier: Apache-2.0
|
|
630
595
|
*/
|
|
631
|
-
section.awsui_mobile-
|
|
596
|
+
section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9) {
|
|
632
597
|
align-items: center;
|
|
633
598
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
634
599
|
border-block-end: 1px solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
@@ -645,19 +610,19 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630:not(#\9) {
|
|
|
645
610
|
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
646
611
|
z-index: 1000;
|
|
647
612
|
}
|
|
648
|
-
section.awsui_mobile-
|
|
613
|
+
section.awsui_mobile-toolbar_hyvsj_1cs1p_595:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cs1p_612) {
|
|
649
614
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
650
615
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
651
616
|
}
|
|
652
|
-
section.awsui_mobile-
|
|
617
|
+
section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-nav_hyvsj_1cs1p_616:not(#\9) {
|
|
653
618
|
grid-column: 1;
|
|
654
619
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
655
620
|
}
|
|
656
|
-
section.awsui_mobile-
|
|
621
|
+
section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1cs1p_620:not(#\9) {
|
|
657
622
|
grid-column: 2;
|
|
658
623
|
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
659
624
|
}
|
|
660
|
-
section.awsui_mobile-
|
|
625
|
+
section.awsui_mobile-toolbar_hyvsj_1cs1p_595 > .awsui_mobile-toolbar-tools_hyvsj_1cs1p_624:not(#\9) {
|
|
661
626
|
grid-column: 3;
|
|
662
627
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
663
628
|
}
|
|
@@ -666,7 +631,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
666
631
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
667
632
|
SPDX-License-Identifier: Apache-2.0
|
|
668
633
|
*/
|
|
669
|
-
.awsui_navigation-
|
|
634
|
+
.awsui_navigation-container_hyvsj_1cs1p_633:not(#\9) {
|
|
670
635
|
display: flex;
|
|
671
636
|
grid-column: 1;
|
|
672
637
|
grid-row: 1/span 10;
|
|
@@ -687,7 +652,7 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
687
652
|
pointer-events: none;
|
|
688
653
|
}
|
|
689
654
|
@media (max-width: 688px) {
|
|
690
|
-
.awsui_navigation-
|
|
655
|
+
.awsui_navigation-container_hyvsj_1cs1p_633:not(#\9) {
|
|
691
656
|
inset-inline-start: 0;
|
|
692
657
|
position: fixed;
|
|
693
658
|
z-index: 1001;
|
|
@@ -699,12 +664,12 @@ section.awsui_mobile-toolbar_hyvsj_5tvh0_630 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
699
664
|
relative to the body.
|
|
700
665
|
*/
|
|
701
666
|
}
|
|
702
|
-
.awsui_navigation-
|
|
667
|
+
.awsui_navigation-container_hyvsj_1cs1p_633.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
|
|
703
668
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
704
669
|
}
|
|
705
670
|
}
|
|
706
671
|
|
|
707
|
-
nav.awsui_show-
|
|
672
|
+
nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9) {
|
|
708
673
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
709
674
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
710
675
|
/*
|
|
@@ -712,7 +677,7 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
|
|
|
712
677
|
take control in responsive viewports.
|
|
713
678
|
*/
|
|
714
679
|
}
|
|
715
|
-
@keyframes
|
|
680
|
+
@keyframes awsui_showButtons_hyvsj_1cs1p_1 {
|
|
716
681
|
0% {
|
|
717
682
|
opacity: 0;
|
|
718
683
|
}
|
|
@@ -720,31 +685,31 @@ nav.awsui_show-navigation_hyvsj_5tvh0_706:not(#\9) {
|
|
|
720
685
|
opacity: 1;
|
|
721
686
|
}
|
|
722
687
|
}
|
|
723
|
-
nav.awsui_show-
|
|
688
|
+
nav.awsui_show-navigation_hyvsj_1cs1p_671.awsui_is-navigation-open_hyvsj_1cs1p_583:not(#\9) {
|
|
724
689
|
display: none;
|
|
725
690
|
}
|
|
726
691
|
@media (min-width: 689px) {
|
|
727
|
-
nav.awsui_show-
|
|
692
|
+
nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583) {
|
|
728
693
|
display: block;
|
|
729
694
|
}
|
|
730
|
-
nav.awsui_show-
|
|
731
|
-
animation:
|
|
695
|
+
nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
|
|
696
|
+
animation: awsui_showButtons_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
732
697
|
}
|
|
733
698
|
}
|
|
734
699
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
735
|
-
nav.awsui_show-
|
|
700
|
+
nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
|
|
736
701
|
animation: none;
|
|
737
702
|
transition: none;
|
|
738
703
|
}
|
|
739
704
|
}
|
|
740
705
|
@media (min-width: 689px) {
|
|
741
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
706
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1cs1p_671:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583).awsui_animating_hyvsj_1cs1p_694 {
|
|
742
707
|
animation: none;
|
|
743
708
|
transition: none;
|
|
744
709
|
}
|
|
745
710
|
}
|
|
746
711
|
|
|
747
|
-
nav.
|
|
712
|
+
nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
|
|
748
713
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
749
714
|
inset-block-end: 0;
|
|
750
715
|
block-size: 100%;
|
|
@@ -762,7 +727,7 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
|
762
727
|
prevent unwanted text wrapping.
|
|
763
728
|
*/
|
|
764
729
|
}
|
|
765
|
-
@keyframes
|
|
730
|
+
@keyframes awsui_openNavigation_hyvsj_1cs1p_1 {
|
|
766
731
|
from {
|
|
767
732
|
opacity: 0;
|
|
768
733
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -772,33 +737,33 @@ nav.awsui_navigation_hyvsj_5tvh0_668:not(#\9) {
|
|
|
772
737
|
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
773
738
|
}
|
|
774
739
|
}
|
|
775
|
-
nav.
|
|
740
|
+
nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9):not(.awsui_is-navigation-open_hyvsj_1cs1p_583) {
|
|
776
741
|
inline-size: 0;
|
|
777
742
|
display: none;
|
|
778
743
|
}
|
|
779
|
-
nav.
|
|
780
|
-
animation:
|
|
744
|
+
nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
745
|
+
animation: awsui_openNavigation_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
781
746
|
}
|
|
782
747
|
@media (prefers-reduced-motion: reduce) {
|
|
783
|
-
nav.
|
|
748
|
+
nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
784
749
|
animation: none;
|
|
785
750
|
transition: none;
|
|
786
751
|
}
|
|
787
752
|
}
|
|
788
|
-
.awsui-motion-disabled nav.
|
|
753
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1cs1p_633.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
789
754
|
animation: none;
|
|
790
755
|
transition: none;
|
|
791
756
|
}
|
|
792
|
-
nav.
|
|
757
|
+
nav.awsui_navigation_hyvsj_1cs1p_633 > .awsui_animated-content_hyvsj_1cs1p_756:not(#\9) {
|
|
793
758
|
inline-size: var(--awsui-navigation-width-7t5ed6);
|
|
794
759
|
}
|
|
795
760
|
@media (max-width: 688px) {
|
|
796
|
-
nav.
|
|
761
|
+
nav.awsui_navigation_hyvsj_1cs1p_633:not(#\9) {
|
|
797
762
|
--awsui-navigation-width-7t5ed6: 100vw;
|
|
798
763
|
}
|
|
799
764
|
}
|
|
800
765
|
|
|
801
|
-
.awsui_hide-
|
|
766
|
+
.awsui_hide-navigation_hyvsj_1cs1p_765:not(#\9) {
|
|
802
767
|
position: absolute;
|
|
803
768
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
804
769
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -808,16 +773,25 @@ nav.awsui_navigation_hyvsj_5tvh0_668 > .awsui_animated-content_hyvsj_5tvh0_791:n
|
|
|
808
773
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
809
774
|
SPDX-License-Identifier: Apache-2.0
|
|
810
775
|
*/
|
|
811
|
-
.
|
|
776
|
+
.awsui_notifications_hyvsj_1cs1p_775:not(#\9) {
|
|
812
777
|
color: var(--color-text-body-default-at06ol, #000716);
|
|
813
778
|
grid-area: notifications;
|
|
814
779
|
z-index: 850;
|
|
815
780
|
}
|
|
781
|
+
.awsui_notifications_hyvsj_1cs1p_775.awsui_has-notification-content_hyvsj_1cs1p_780:not(#\9) {
|
|
782
|
+
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
783
|
+
}
|
|
816
784
|
@media (min-width: 689px) {
|
|
817
|
-
.
|
|
785
|
+
.awsui_notifications_hyvsj_1cs1p_775.awsui_sticky-notifications_hyvsj_1cs1p_784:not(#\9) {
|
|
818
786
|
--awsui-flashbar-sticky-bottom-margin-7t5ed6: var(--space-xxl-cu2m1r, 32px);
|
|
819
787
|
position: sticky;
|
|
820
|
-
inset-block-start:
|
|
788
|
+
inset-block-start: var(--awsui-offset-top-7t5ed6);
|
|
789
|
+
}
|
|
790
|
+
.awsui_notifications_hyvsj_1cs1p_775.awsui_sticky-notifications_hyvsj_1cs1p_784:not(#\9):not(.awsui_high-contrast_hyvsj_1cs1p_789) {
|
|
791
|
+
background-color: var(--color-background-layout-main-nx09lr, #ffffff);
|
|
792
|
+
}
|
|
793
|
+
.awsui_notifications_hyvsj_1cs1p_775.awsui_has-notification-content_hyvsj_1cs1p_780:not(#\9) {
|
|
794
|
+
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
821
795
|
}
|
|
822
796
|
}
|
|
823
797
|
|
|
@@ -831,7 +805,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
831
805
|
consume the remaining vertical space in the grid after the notifications
|
|
832
806
|
and breadcrumbs.
|
|
833
807
|
*/
|
|
834
|
-
section.awsui_split-panel-
|
|
808
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9) {
|
|
835
809
|
/*
|
|
836
810
|
The align self property will position the split panel at the bottom of the grid row.
|
|
837
811
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -867,7 +841,7 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
|
|
|
867
841
|
apply the animation to the height property.
|
|
868
842
|
*/
|
|
869
843
|
}
|
|
870
|
-
@keyframes
|
|
844
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1cs1p_1 {
|
|
871
845
|
from {
|
|
872
846
|
block-size: var(--awsui-split-panel-reported-header-size-7t5ed6, 0);
|
|
873
847
|
}
|
|
@@ -875,39 +849,39 @@ section.awsui_split-panel-bottom_hyvsj_5tvh0_833:not(#\9) {
|
|
|
875
849
|
block-size: var(--awsui-split-panel-reported-size-7t5ed6);
|
|
876
850
|
}
|
|
877
851
|
}
|
|
878
|
-
section.awsui_split-panel-
|
|
852
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
|
|
879
853
|
inset-block-end: 0;
|
|
880
854
|
}
|
|
881
|
-
section.awsui_split-panel-
|
|
855
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-navigation-open_hyvsj_1cs1p_583.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
|
|
882
856
|
grid-column-start: 2;
|
|
883
857
|
}
|
|
884
|
-
section.awsui_split-panel-
|
|
858
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_has-open-drawer_hyvsj_1cs1p_135.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
|
|
885
859
|
grid-column-end: 5;
|
|
886
860
|
}
|
|
887
|
-
section.awsui_split-panel-
|
|
861
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
|
|
888
862
|
display: block;
|
|
889
863
|
}
|
|
890
|
-
section.awsui_split-panel-
|
|
864
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cs1p_586).awsui_position-bottom_hyvsj_1cs1p_854 {
|
|
891
865
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
892
866
|
}
|
|
893
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
|
|
894
868
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
895
869
|
}
|
|
896
|
-
section.awsui_split-panel-
|
|
897
|
-
animation:
|
|
870
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
871
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
898
872
|
}
|
|
899
873
|
@media (prefers-reduced-motion: reduce) {
|
|
900
|
-
section.awsui_split-panel-
|
|
874
|
+
section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
901
875
|
animation: none;
|
|
902
876
|
transition: none;
|
|
903
877
|
}
|
|
904
878
|
}
|
|
905
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
879
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1cs1p_807.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-bottom_hyvsj_1cs1p_854.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
906
880
|
animation: none;
|
|
907
881
|
transition: none;
|
|
908
882
|
}
|
|
909
883
|
|
|
910
|
-
section.awsui_split-panel-
|
|
884
|
+
section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9) {
|
|
911
885
|
block-size: 100%;
|
|
912
886
|
overflow-x: hidden;
|
|
913
887
|
pointer-events: auto;
|
|
@@ -917,15 +891,15 @@ section.awsui_split-panel-side_hyvsj_5tvh0_909:not(#\9) {
|
|
|
917
891
|
be persistent in the DOM when closed.
|
|
918
892
|
*/
|
|
919
893
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
894
|
+
section.awsui_split-panel-side_hyvsj_1cs1p_883:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1cs1p_586), section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_position-bottom_hyvsj_1cs1p_854:not(#\9) {
|
|
921
895
|
inline-size: 0;
|
|
922
896
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
897
|
+
section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-side_hyvsj_1cs1p_896:not(#\9) {
|
|
924
898
|
max-inline-size: var(--awsui-split-panel-max-width-7t5ed6, 280px);
|
|
925
899
|
min-inline-size: var(--awsui-split-panel-min-width-7t5ed6, 280px);
|
|
926
900
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
927
901
|
}
|
|
928
|
-
section.awsui_split-panel-
|
|
902
|
+
section.awsui_split-panel-side_hyvsj_1cs1p_883.awsui_is-split-panel-open_hyvsj_1cs1p_586.awsui_position-side_hyvsj_1cs1p_896:not(#\9):not(.awsui_has-open-drawer_hyvsj_1cs1p_135) {
|
|
929
903
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-93n0qu, #b6bec9);
|
|
930
904
|
}
|
|
931
905
|
|
|
@@ -942,10 +916,8 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
942
916
|
property. The content gap right is computed in the Layout styles based on the
|
|
943
917
|
viewport size and state of the Tools drawer.
|
|
944
918
|
*/
|
|
945
|
-
.awsui_tools-
|
|
946
|
-
/* stylelint-disable scss/operator-no-newline-after */
|
|
919
|
+
.awsui_tools-container_hyvsj_1cs1p_918:not(#\9) {
|
|
947
920
|
--awsui-tools-max-width-7t5ed6: calc(var(--awsui-layout-width-7t5ed6) - var(--awsui-main-offset-left-7t5ed6) - var(--awsui-default-min-content-width-7t5ed6) - var(--awsui-content-gap-right-7t5ed6));
|
|
948
|
-
/* stylelint-enable scss/operator-no-newline-after */
|
|
949
921
|
display: flex;
|
|
950
922
|
grid-column: 5;
|
|
951
923
|
grid-row: 1/span 10;
|
|
@@ -957,7 +929,7 @@ viewport size and state of the Tools drawer.
|
|
|
957
929
|
pointer-events: none;
|
|
958
930
|
}
|
|
959
931
|
@media (max-width: 688px) {
|
|
960
|
-
.awsui_tools-
|
|
932
|
+
.awsui_tools-container_hyvsj_1cs1p_918:not(#\9) {
|
|
961
933
|
--awsui-tools-max-width-7t5ed6: none;
|
|
962
934
|
--awsui-tools-width-7t5ed6: auto;
|
|
963
935
|
position: fixed;
|
|
@@ -971,12 +943,12 @@ viewport size and state of the Tools drawer.
|
|
|
971
943
|
relative to the body.
|
|
972
944
|
*/
|
|
973
945
|
}
|
|
974
|
-
.awsui_tools-
|
|
946
|
+
.awsui_tools-container_hyvsj_1cs1p_918.awsui_disable-body-scroll_hyvsj_1cs1p_156:not(#\9) {
|
|
975
947
|
inset-block-start: var(--awsui-header-height-7t5ed6);
|
|
976
948
|
}
|
|
977
949
|
}
|
|
978
950
|
|
|
979
|
-
.
|
|
951
|
+
.awsui_tools_hyvsj_1cs1p_918:not(#\9) {
|
|
980
952
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
981
953
|
flex-shrink: 0;
|
|
982
954
|
block-size: 100%;
|
|
@@ -999,7 +971,7 @@ viewport size and state of the Tools drawer.
|
|
|
999
971
|
in the side position.
|
|
1000
972
|
*/
|
|
1001
973
|
}
|
|
1002
|
-
@keyframes
|
|
974
|
+
@keyframes awsui_openTools_hyvsj_1cs1p_1 {
|
|
1003
975
|
from {
|
|
1004
976
|
opacity: var(--awsui-tools-animation-starting-opacity-7t5ed6, 0);
|
|
1005
977
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1009,41 +981,41 @@ viewport size and state of the Tools drawer.
|
|
|
1009
981
|
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1010
982
|
}
|
|
1011
983
|
}
|
|
1012
|
-
.
|
|
984
|
+
.awsui_tools_hyvsj_1cs1p_918:not(#\9):not(.awsui_is-tools-open_hyvsj_1cs1p_586) {
|
|
1013
985
|
inline-size: 0;
|
|
1014
986
|
display: none;
|
|
1015
987
|
}
|
|
1016
|
-
.
|
|
988
|
+
.awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586:not(#\9) {
|
|
1017
989
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1018
990
|
}
|
|
1019
|
-
.
|
|
1020
|
-
animation:
|
|
991
|
+
.awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
992
|
+
animation: awsui_openTools_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1021
993
|
}
|
|
1022
994
|
@media (prefers-reduced-motion: reduce) {
|
|
1023
|
-
.
|
|
995
|
+
.awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
1024
996
|
animation: none;
|
|
1025
997
|
transition: none;
|
|
1026
998
|
}
|
|
1027
999
|
}
|
|
1028
|
-
.awsui-motion-disabled .
|
|
1000
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
1029
1001
|
animation: none;
|
|
1030
1002
|
transition: none;
|
|
1031
1003
|
}
|
|
1032
|
-
.
|
|
1004
|
+
.awsui_tools_hyvsj_1cs1p_918 > .awsui_animated-content_hyvsj_1cs1p_756:not(#\9) {
|
|
1033
1005
|
inline-size: var(--awsui-tools-width-7t5ed6);
|
|
1034
1006
|
}
|
|
1035
1007
|
@media (min-width: 689px) {
|
|
1036
|
-
.
|
|
1008
|
+
.awsui_tools_hyvsj_1cs1p_918.awsui_is-tools-open_hyvsj_1cs1p_586.awsui_has-tools-form-persistence_hyvsj_1cs1p_1007:not(#\9) {
|
|
1037
1009
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
|
|
1038
1010
|
}
|
|
1039
1011
|
}
|
|
1040
1012
|
@media (max-width: 688px) {
|
|
1041
|
-
.
|
|
1013
|
+
.awsui_tools_hyvsj_1cs1p_918:not(#\9) {
|
|
1042
1014
|
--awsui-tools-width-7t5ed6: 100vw;
|
|
1043
1015
|
}
|
|
1044
1016
|
}
|
|
1045
1017
|
|
|
1046
|
-
.awsui_hide-
|
|
1018
|
+
.awsui_hide-tools_hyvsj_1cs1p_1017:not(#\9) {
|
|
1047
1019
|
position: absolute;
|
|
1048
1020
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1049
1021
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1055,7 +1027,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1055
1027
|
the calculation used to determine the Split Panel maximum width in the
|
|
1056
1028
|
handleSplitPanelMaxWidth function in the context.
|
|
1057
1029
|
*/
|
|
1058
|
-
.awsui_show-
|
|
1030
|
+
.awsui_show-tools_hyvsj_1cs1p_1029:not(#\9) {
|
|
1059
1031
|
border-collapse: separate;
|
|
1060
1032
|
border-spacing: 0;
|
|
1061
1033
|
box-sizing: border-box;
|
|
@@ -1097,7 +1069,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1097
1069
|
take control in responsive viewports.
|
|
1098
1070
|
*/
|
|
1099
1071
|
}
|
|
1100
|
-
@keyframes
|
|
1072
|
+
@keyframes awsui_showButtons_hyvsj_1cs1p_1 {
|
|
1101
1073
|
0% {
|
|
1102
1074
|
opacity: 0;
|
|
1103
1075
|
}
|
|
@@ -1105,31 +1077,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1105
1077
|
opacity: 1;
|
|
1106
1078
|
}
|
|
1107
1079
|
}
|
|
1108
|
-
.awsui_show-
|
|
1080
|
+
.awsui_show-tools_hyvsj_1cs1p_1029:not(#\9):not(.awsui_has-tools-form_hyvsj_1cs1p_1007) {
|
|
1109
1081
|
display: none;
|
|
1110
1082
|
}
|
|
1111
1083
|
@media (min-width: 689px) {
|
|
1112
|
-
.awsui_show-
|
|
1084
|
+
.awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007:not(#\9) {
|
|
1113
1085
|
display: flex;
|
|
1114
1086
|
flex-direction: column;
|
|
1115
1087
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1116
1088
|
}
|
|
1117
|
-
.awsui_show-
|
|
1118
|
-
animation:
|
|
1089
|
+
.awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
1090
|
+
animation: awsui_showButtons_hyvsj_1cs1p_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1119
1091
|
}
|
|
1120
1092
|
}
|
|
1121
1093
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1122
|
-
.awsui_show-
|
|
1094
|
+
.awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
1123
1095
|
animation: none;
|
|
1124
1096
|
transition: none;
|
|
1125
1097
|
}
|
|
1126
1098
|
}
|
|
1127
1099
|
@media (min-width: 689px) {
|
|
1128
|
-
.awsui-motion-disabled .awsui_show-
|
|
1100
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form_hyvsj_1cs1p_1007.awsui_animating_hyvsj_1cs1p_694:not(#\9) {
|
|
1129
1101
|
animation: none;
|
|
1130
1102
|
transition: none;
|
|
1131
1103
|
}
|
|
1132
|
-
.awsui_show-
|
|
1104
|
+
.awsui_show-tools_hyvsj_1cs1p_1029.awsui_has-tools-form-persistence_hyvsj_1cs1p_1007:not(#\9) {
|
|
1133
1105
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
1134
1106
|
z-index: 1;
|
|
1135
1107
|
}
|
|
@@ -1139,7 +1111,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1139
1111
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1140
1112
|
SPDX-License-Identifier: Apache-2.0
|
|
1141
1113
|
*/
|
|
1142
|
-
.awsui_trigger-badge-
|
|
1114
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9) {
|
|
1143
1115
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1144
1116
|
border-start-start-radius: 50%;
|
|
1145
1117
|
border-start-end-radius: 50%;
|
|
@@ -1154,14 +1126,15 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1154
1126
|
justify-content: center;
|
|
1155
1127
|
align-items: center;
|
|
1156
1128
|
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");
|
|
1129
|
+
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1157
1130
|
}
|
|
1158
|
-
.awsui_trigger-badge-
|
|
1131
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):hover {
|
|
1159
1132
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1160
1133
|
}
|
|
1161
|
-
.awsui_trigger-badge-
|
|
1134
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):active {
|
|
1162
1135
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1163
1136
|
}
|
|
1164
|
-
.awsui_trigger-badge-
|
|
1137
|
+
.awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):dir(rtl) {
|
|
1165
1138
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1166
1139
|
}
|
|
1167
1140
|
|
|
@@ -1170,7 +1143,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1170
1143
|
the calculation used to determine the Split Panel maximum width in the
|
|
1171
1144
|
handleSplitPanelMaxWidth function in the context.
|
|
1172
1145
|
*/
|
|
1173
|
-
.
|
|
1146
|
+
.awsui_trigger_hyvsj_1cs1p_1112:not(#\9) {
|
|
1174
1147
|
background: var(--color-background-layout-toggle-default-o2evu2, #414d5c);
|
|
1175
1148
|
border-start-start-radius: 50%;
|
|
1176
1149
|
border-start-end-radius: 50%;
|
|
@@ -1186,20 +1159,20 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1186
1159
|
pointer-events: auto;
|
|
1187
1160
|
position: relative;
|
|
1188
1161
|
}
|
|
1189
|
-
.
|
|
1162
|
+
.awsui_trigger_hyvsj_1cs1p_1112:not(#\9):hover {
|
|
1190
1163
|
background: var(--color-background-layout-toggle-hover-awem6j, #5f6b7a);
|
|
1191
1164
|
}
|
|
1192
|
-
.
|
|
1165
|
+
.awsui_trigger_hyvsj_1cs1p_1112:not(#\9):active {
|
|
1193
1166
|
background: var(--color-background-layout-toggle-active-aa8dko, #414d5c);
|
|
1194
1167
|
}
|
|
1195
|
-
body[data-awsui-focus-visible=true] .
|
|
1168
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
|
|
1196
1169
|
position: relative;
|
|
1197
1170
|
}
|
|
1198
|
-
body[data-awsui-focus-visible=true] .
|
|
1171
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
|
|
1199
1172
|
outline: 2px dotted transparent;
|
|
1200
1173
|
outline-offset: calc(3px - 1px);
|
|
1201
1174
|
}
|
|
1202
|
-
body[data-awsui-focus-visible=true] .
|
|
1175
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus::before {
|
|
1203
1176
|
content: " ";
|
|
1204
1177
|
display: block;
|
|
1205
1178
|
position: absolute;
|
|
@@ -1213,45 +1186,45 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_5tvh0_1140:not(#\9):foc
|
|
|
1213
1186
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1214
1187
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
1215
1188
|
}
|
|
1216
|
-
.
|
|
1189
|
+
.awsui_trigger_hyvsj_1cs1p_1112:not(#\9):focus {
|
|
1217
1190
|
outline: none;
|
|
1218
1191
|
}
|
|
1219
|
-
.
|
|
1192
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9) {
|
|
1220
1193
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1221
1194
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1222
1195
|
}
|
|
1223
|
-
.
|
|
1196
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9):hover {
|
|
1224
1197
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1225
1198
|
}
|
|
1226
|
-
.
|
|
1199
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190:not(#\9):active {
|
|
1227
1200
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1228
1201
|
}
|
|
1229
|
-
.
|
|
1202
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9) {
|
|
1230
1203
|
background: var(--color-background-layout-toggle-selected-default-caco0q, #0972d3);
|
|
1231
1204
|
color: var(--color-text-layout-toggle-selected-b93usl, #ffffff);
|
|
1232
1205
|
}
|
|
1233
|
-
.
|
|
1206
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):hover {
|
|
1234
1207
|
background: var(--color-background-layout-toggle-selected-hover-kjak2q, #065299);
|
|
1235
1208
|
}
|
|
1236
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_selected_hyvsj_1cs1p_1190 > .awsui_trigger-badge-wrapper_hyvsj_1cs1p_1112:not(#\9):active {
|
|
1237
1210
|
background: var(--color-background-layout-toggle-selected-active-xfk480, #0972d3);
|
|
1238
1211
|
}
|
|
1239
|
-
.
|
|
1212
|
+
.awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9), .awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9):hover, .awsui_trigger_hyvsj_1cs1p_1112.awsui_badge_hyvsj_1cs1p_1210:not(#\9):active {
|
|
1240
1213
|
background: transparent;
|
|
1241
1214
|
}
|
|
1242
1215
|
|
|
1243
|
-
.awsui_trigger-
|
|
1216
|
+
.awsui_trigger-wrapper_hyvsj_1cs1p_1214:not(#\9) {
|
|
1244
1217
|
position: relative;
|
|
1245
1218
|
border-start-start-radius: 50%;
|
|
1246
1219
|
border-start-end-radius: 50%;
|
|
1247
1220
|
border-end-start-radius: 50%;
|
|
1248
1221
|
border-end-end-radius: 50%;
|
|
1249
1222
|
}
|
|
1250
|
-
.awsui_trigger-
|
|
1223
|
+
.awsui_trigger-wrapper_hyvsj_1cs1p_1214:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1cs1p_612) {
|
|
1251
1224
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1252
1225
|
}
|
|
1253
1226
|
|
|
1254
|
-
.
|
|
1227
|
+
.awsui_dot_hyvsj_1cs1p_1225:not(#\9) {
|
|
1255
1228
|
position: absolute;
|
|
1256
1229
|
inline-size: 9px;
|
|
1257
1230
|
block-size: 9px;
|