@cloudscape-design/components 3.0.1365 → 3.0.1366
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/action-card/styles.css.js +17 -17
- package/action-card/styles.scoped.css +117 -117
- package/action-card/styles.selectors.js +17 -17
- package/alert/actions-wrapper/styles.css.js +1 -1
- package/alert/actions-wrapper/styles.scoped.css +3 -3
- package/alert/actions-wrapper/styles.selectors.js +1 -1
- package/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +67 -67
- package/alert/styles.selectors.js +27 -27
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +22 -22
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +13 -13
- package/annotation-context/annotation/styles.scoped.css +23 -23
- package/annotation-context/annotation/styles.selectors.js +13 -13
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -10
- package/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/app-layout/drawer/styles.css.js +14 -14
- package/app-layout/drawer/styles.scoped.css +25 -25
- package/app-layout/drawer/styles.selectors.js +14 -14
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +13 -13
- 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/resize/styles.css.js +5 -5
- package/app-layout/resize/styles.scoped.css +14 -14
- package/app-layout/resize/styles.selectors.js +5 -5
- package/app-layout/styles.css.js +12 -12
- package/app-layout/styles.scoped.css +18 -18
- package/app-layout/styles.selectors.js +12 -12
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +15 -15
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +288 -288
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +112 -112
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +15 -15
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/app-layout/visual-refresh-toolbar/notifications/styles.css.js +3 -3
- package/app-layout/visual-refresh-toolbar/notifications/styles.scoped.css +4 -4
- package/app-layout/visual-refresh-toolbar/notifications/styles.selectors.js +3 -3
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +74 -74
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +44 -44
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +11 -11
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +32 -32
- package/attribute-editor/styles.selectors.js +15 -15
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +11 -11
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +220 -220
- package/box/styles.scoped.css +433 -433
- package/box/styles.selectors.js +220 -220
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +30 -30
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -14
- package/breadcrumb-group/styles.scoped.css +32 -32
- package/breadcrumb-group/styles.selectors.js +14 -14
- package/button/styles.css.js +23 -23
- package/button/styles.scoped.css +295 -295
- package/button/styles.selectors.js +23 -23
- package/button-dropdown/category-elements/styles.css.js +18 -18
- package/button-dropdown/category-elements/styles.scoped.css +37 -37
- package/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/button-dropdown/filter.d.ts +1 -1
- package/button-dropdown/filter.d.ts.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +9 -3
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +45 -45
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/button-dropdown/styles.css.js +23 -23
- package/button-dropdown/styles.scoped.css +40 -40
- package/button-dropdown/styles.selectors.js +23 -23
- package/button-dropdown/utils/use-button-dropdown.d.ts +5 -2
- package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/button-dropdown/utils/use-button-dropdown.js +14 -2
- package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +6 -6
- package/button-group/styles.selectors.js +4 -4
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +62 -62
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +39 -38
- package/cards/styles.scoped.css +54 -51
- package/cards/styles.selectors.js +39 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +16 -16
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +4 -4
- package/code-editor/resizable-box/styles.scoped.css +9 -9
- package/code-editor/resizable-box/styles.selectors.js +4 -4
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +159 -159
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +52 -52
- package/collection-preferences/styles.selectors.js +38 -38
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +12 -12
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +51 -51
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +33 -33
- package/container/styles.scoped.css +73 -72
- package/container/styles.selectors.js +33 -33
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +30 -30
- package/content-layout/styles.selectors.js +14 -14
- package/copy-to-clipboard/styles.css.js +5 -5
- package/copy-to-clipboard/styles.scoped.css +7 -7
- package/copy-to-clipboard/styles.selectors.js +5 -5
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +10 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/date-range-picker/calendar/grids/styles.scoped.css +69 -69
- package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/date-range-picker/relative-range/styles.css.js +6 -6
- package/date-range-picker/relative-range/styles.scoped.css +13 -13
- package/date-range-picker/relative-range/styles.selectors.js +6 -6
- package/date-range-picker/styles.css.js +23 -23
- package/date-range-picker/styles.scoped.css +46 -46
- package/date-range-picker/styles.selectors.js +23 -23
- package/divider/styles.css.js +6 -6
- package/divider/styles.scoped.css +8 -8
- package/divider/styles.selectors.js +6 -6
- package/drawer/styles.css.js +29 -29
- package/drawer/styles.scoped.css +47 -47
- package/drawer/styles.selectors.js +29 -29
- package/dropdown/styles.css.js +20 -20
- package/dropdown/styles.scoped.css +54 -54
- package/dropdown/styles.selectors.js +20 -20
- package/expandable-section/styles.css.js +43 -43
- package/expandable-section/styles.scoped.css +129 -129
- package/expandable-section/styles.selectors.js +43 -43
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +6 -6
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/styles.css.js +5 -5
- package/file-input/styles.scoped.css +18 -18
- package/file-input/styles.selectors.js +5 -5
- package/file-token-group/styles.css.js +23 -23
- package/file-token-group/styles.scoped.css +52 -52
- package/file-token-group/styles.selectors.js +23 -23
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +4 -4
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +249 -249
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +16 -16
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +44 -44
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +58 -58
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +35 -35
- package/header/styles.scoped.css +83 -83
- package/header/styles.selectors.js +35 -35
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +100 -100
- package/help-panel/styles.selectors.js +6 -6
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +10 -10
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +42 -42
- package/icon/styles.scoped.css +118 -118
- package/icon/styles.selectors.js +42 -42
- package/input/index.d.ts.map +1 -1
- package/input/index.js +3 -2
- package/input/index.js.map +1 -1
- package/input/interfaces.d.ts +6 -0
- package/input/interfaces.d.ts.map +1 -1
- package/input/interfaces.js.map +1 -1
- package/input/internal.d.ts +0 -1
- package/input/internal.d.ts.map +1 -1
- package/input/internal.js +26 -12
- package/input/internal.js.map +1 -1
- package/input/styles.css.js +29 -28
- package/input/styles.scoped.css +159 -156
- package/input/styles.selectors.js +29 -28
- package/internal/base-component/styles.scoped.css +2 -2
- package/internal/base-theme/styles.scoped.css +319 -319
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +22 -22
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +14 -14
- package/internal/components/button-trigger/styles.scoped.css +43 -43
- package/internal/components/button-trigger/styles.selectors.js +14 -14
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +16 -16
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +6 -6
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +19 -19
- package/internal/components/chart-series-details/styles.scoped.css +39 -39
- package/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +9 -9
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/checkbox-icon/styles.css.js +9 -9
- package/internal/components/checkbox-icon/styles.scoped.css +10 -10
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/drag-handle/styles.css.js +14 -14
- package/internal/components/drag-handle/styles.scoped.css +21 -21
- package/internal/components/drag-handle/styles.selectors.js +14 -14
- package/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
- package/internal/components/drag-handle-wrapper/index.js +2 -1
- package/internal/components/drag-handle-wrapper/index.js.map +1 -1
- package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/internal/components/drag-handle-wrapper/styles.scoped.css +84 -84
- package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +5 -5
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/expand-toggle-button/styles.css.js +4 -4
- package/internal/components/expand-toggle-button/styles.scoped.css +21 -21
- package/internal/components/expand-toggle-button/styles.selectors.js +4 -4
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +18 -18
- 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 +34 -34
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/radio-button/styles.css.js +7 -7
- package/internal/components/radio-button/styles.scoped.css +24 -24
- package/internal/components/radio-button/styles.selectors.js +7 -7
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +66 -66
- package/internal/components/selectable-item/styles.selectors.js +22 -22
- package/internal/components/sortable-area/styles.css.js +8 -8
- package/internal/components/sortable-area/styles.scoped.css +17 -17
- package/internal/components/sortable-area/styles.selectors.js +8 -8
- package/internal/components/structured-item/styles.css.js +7 -7
- package/internal/components/structured-item/styles.scoped.css +11 -11
- package/internal/components/structured-item/styles.selectors.js +7 -7
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +33 -33
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +2 -2
- package/internal/environment.json +2 -2
- package/internal/generated/custom-css-properties/index.d.ts +1 -0
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +174 -173
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/generated/styles/tokens.js +200 -200
- package/internal/generated/theming/index.cjs +200 -200
- package/internal/generated/theming/index.js +200 -200
- package/internal/manifest.json +1 -1
- package/internal/utils/focus-visible.d.ts +14 -0
- package/internal/utils/focus-visible.d.ts.map +1 -0
- package/internal/utils/focus-visible.js +21 -0
- package/internal/utils/focus-visible.js.map +1 -0
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +94 -94
- package/item-card/styles.selectors.js +14 -14
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +14 -14
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +21 -21
- package/link/styles.scoped.css +112 -112
- package/link/styles.selectors.js +21 -21
- package/list/styles.css.js +5 -5
- package/list/styles.scoped.css +9 -9
- package/list/styles.selectors.js +5 -5
- package/manifest.json +2 -2
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +18 -18
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +31 -31
- package/modal/styles.scoped.css +65 -65
- package/modal/styles.selectors.js +31 -31
- package/multiselect/styles.css.js +5 -5
- package/multiselect/styles.scoped.css +6 -6
- package/multiselect/styles.selectors.js +5 -5
- package/package.json +1 -1
- package/pagination/internal.js +1 -1
- package/pagination/internal.js.map +1 -1
- package/pagination/styles.css.js +12 -12
- package/pagination/styles.scoped.css +36 -36
- package/pagination/styles.selectors.js +12 -12
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +58 -58
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +58 -58
- package/popover/styles.scoped.css +102 -102
- package/popover/styles.selectors.js +58 -58
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +64 -64
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +26 -26
- package/prompt-input/styles.scoped.css +127 -127
- package/prompt-input/styles.selectors.js +26 -26
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +54 -54
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +75 -75
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +5 -5
- package/radio-group/styles.scoped.css +10 -10
- package/radio-group/styles.selectors.js +5 -5
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +13 -13
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +67 -67
- package/segmented-control/styles.selectors.js +16 -16
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/filter.d.ts.map +1 -1
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +38 -38
- package/select/parts/styles.selectors.js +21 -21
- package/side-navigation/styles.css.js +64 -64
- package/side-navigation/styles.scoped.css +162 -162
- package/side-navigation/styles.selectors.js +64 -64
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +205 -205
- package/slider/styles.selectors.js +26 -26
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +40 -40
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +14 -14
- package/spinner/styles.scoped.css +55 -55
- package/spinner/styles.selectors.js +14 -14
- package/split-panel/styles.css.js +38 -38
- package/split-panel/styles.scoped.css +84 -84
- package/split-panel/styles.selectors.js +38 -38
- package/status-indicator/styles.css.js +25 -25
- package/status-indicator/styles.scoped.css +50 -50
- package/status-indicator/styles.selectors.js +25 -25
- package/steps/styles.css.js +17 -17
- package/steps/styles.scoped.css +51 -51
- package/steps/styles.selectors.js +17 -17
- package/table/body-cell/styles.css.js +48 -48
- package/table/body-cell/styles.scoped.css +816 -816
- package/table/body-cell/styles.selectors.js +48 -48
- package/table/header-cell/styles.css.js +38 -38
- package/table/header-cell/styles.scoped.css +156 -156
- package/table/header-cell/styles.selectors.js +38 -38
- package/table/resizer/styles.css.js +17 -17
- package/table/resizer/styles.scoped.css +39 -39
- package/table/resizer/styles.selectors.js +17 -17
- package/table/selection/styles.css.js +4 -4
- package/table/selection/styles.scoped.css +6 -6
- package/table/selection/styles.selectors.js +4 -4
- package/table/styles.css.js +37 -37
- package/table/styles.scoped.css +73 -70
- package/table/styles.selectors.js +37 -37
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +105 -105
- package/tabs/styles.selectors.js +30 -30
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -14
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/input/index.d.ts +1 -0
- package/test-utils/dom/input/index.js +3 -0
- package/test-utils/dom/input/index.js.map +1 -1
- package/test-utils/selectors/input/index.d.ts +1 -0
- package/test-utils/selectors/input/index.js +3 -0
- package/test-utils/selectors/input/index.js.map +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +73 -73
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +5 -5
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +9 -9
- package/textarea/styles.scoped.css +55 -55
- package/textarea/styles.selectors.js +9 -9
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +123 -123
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +24 -24
- package/toggle/styles.selectors.js +10 -10
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +58 -58
- package/token/styles.selectors.js +14 -14
- package/token-group/styles.css.js +5 -5
- package/token-group/styles.scoped.css +5 -5
- package/token-group/styles.selectors.js +5 -5
- package/tooltip/styles.css.js +2 -2
- package/tooltip/styles.scoped.css +5 -5
- package/tooltip/styles.selectors.js +2 -2
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +97 -97
- package/top-navigation/styles.selectors.js +47 -47
- package/tree-view/styles.css.js +2 -2
- package/tree-view/styles.scoped.css +4 -4
- package/tree-view/styles.selectors.js +2 -2
- package/tree-view/tree-item/styles.css.js +10 -10
- package/tree-view/tree-item/styles.scoped.css +15 -15
- package/tree-view/tree-item/styles.selectors.js +10 -10
- package/tree-view/vertical-connector/styles.css.js +3 -3
- package/tree-view/vertical-connector/styles.scoped.css +4 -4
- package/tree-view/vertical-connector/styles.selectors.js +3 -3
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +26 -26
- 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 -33
- 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 -7
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +79 -79
- package/wizard/styles.selectors.js +30 -30
|
@@ -6,42 +6,42 @@
|
|
|
6
6
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
7
7
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
8
8
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
9
|
-
div.
|
|
9
|
+
div.awsui_background_hyvsj_vhpj7_9:not(#\9) {
|
|
10
10
|
display: contents;
|
|
11
11
|
}
|
|
12
|
-
div.
|
|
12
|
+
div.awsui_background_hyvsj_vhpj7_9 > .awsui_scrolling-background_hyvsj_vhpj7_12:not(#\9) {
|
|
13
13
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
14
14
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
15
15
|
grid-column: 1/span 5;
|
|
16
16
|
grid-row: 1/9;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
.
|
|
19
|
+
.awsui_breadcrumbs_hyvsj_vhpj7_19:not(#\9) {
|
|
20
20
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
21
21
|
grid-area: breadcrumbs;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.awsui_drawers-
|
|
24
|
+
.awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
|
|
25
25
|
background-color: transparent;
|
|
26
26
|
display: flex;
|
|
27
27
|
grid-column: 5;
|
|
28
28
|
grid-row: 1/span 9;
|
|
29
|
-
block-size: var(--awsui-content-height-
|
|
29
|
+
block-size: var(--awsui-content-height-66120l);
|
|
30
30
|
pointer-events: none;
|
|
31
31
|
position: sticky;
|
|
32
|
-
inset-block-start: var(--awsui-offset-top-
|
|
32
|
+
inset-block-start: var(--awsui-offset-top-66120l);
|
|
33
33
|
z-index: 830;
|
|
34
34
|
}
|
|
35
|
-
.awsui_drawers-
|
|
35
|
+
.awsui_drawers-container_hyvsj_vhpj7_24.awsui_has-open-drawer_hyvsj_vhpj7_35:not(#\9) {
|
|
36
36
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
37
37
|
}
|
|
38
38
|
@media (min-width: 689px) {
|
|
39
|
-
.awsui_drawers-
|
|
40
|
-
max-inline-size: calc(var(--awsui-layout-width-
|
|
39
|
+
.awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
|
|
40
|
+
max-inline-size: calc(var(--awsui-layout-width-66120l) - var(--awsui-main-offset-left-66120l) - var(--awsui-default-min-content-width-66120l) - var(--awsui-content-gap-right-66120l));
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
@media (max-width: 688px) {
|
|
44
|
-
.awsui_drawers-
|
|
44
|
+
.awsui_drawers-container_hyvsj_vhpj7_24:not(#\9) {
|
|
45
45
|
position: fixed;
|
|
46
46
|
inset-inline-end: 0;
|
|
47
47
|
z-index: 1001;
|
|
@@ -53,12 +53,12 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
|
|
|
53
53
|
relative to the body.
|
|
54
54
|
*/
|
|
55
55
|
}
|
|
56
|
-
.awsui_drawers-
|
|
57
|
-
inset-block-start: var(--awsui-header-height-
|
|
56
|
+
.awsui_drawers-container_hyvsj_vhpj7_24.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
|
|
57
|
+
inset-block-start: var(--awsui-header-height-66120l);
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.awsui_drawers-desktop-triggers-
|
|
61
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9) {
|
|
62
62
|
border-collapse: separate;
|
|
63
63
|
border-spacing: 0;
|
|
64
64
|
box-sizing: border-box;
|
|
@@ -96,36 +96,36 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
|
|
|
96
96
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
97
97
|
overscroll-behavior-y: contain;
|
|
98
98
|
}
|
|
99
|
-
.awsui_drawers-desktop-triggers-
|
|
99
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99).awsui_has-open-drawer_hyvsj_vhpj7_35 {
|
|
100
100
|
inline-size: 0;
|
|
101
101
|
}
|
|
102
|
-
.awsui_drawers-desktop-triggers-
|
|
102
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61.awsui_has-multiple-triggers_hyvsj_vhpj7_99.awsui_has-open-drawer_hyvsj_vhpj7_35:not(#\9) {
|
|
103
103
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
104
104
|
}
|
|
105
|
-
.awsui_drawers-desktop-triggers-
|
|
106
|
-
inline-size: calc(var(--space-layout-toggle-padding-
|
|
105
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_vhpj7_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
|
|
106
|
+
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
.awsui_drawers-mobile-triggers-
|
|
109
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_vhpj7_109:not(#\9) {
|
|
110
110
|
display: flex;
|
|
111
111
|
justify-content: flex-end;
|
|
112
112
|
}
|
|
113
113
|
|
|
114
|
-
.awsui_drawers-trigger-
|
|
114
|
+
.awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9) {
|
|
115
115
|
align-items: center;
|
|
116
116
|
display: flex;
|
|
117
117
|
flex-direction: column;
|
|
118
|
-
gap: var(--space-xs-
|
|
119
|
-
padding-block-start: var(--space-scaled-s-
|
|
120
|
-
inline-size: calc(var(--space-layout-toggle-padding-
|
|
118
|
+
gap: var(--space-xs-m9b7jf, 8px);
|
|
119
|
+
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
120
|
+
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
121
121
|
}
|
|
122
|
-
.awsui_drawers-trigger-
|
|
122
|
+
.awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99).awsui_has-open-drawer_hyvsj_vhpj7_35 {
|
|
123
123
|
opacity: 0;
|
|
124
124
|
}
|
|
125
|
-
.awsui_drawers-trigger-
|
|
125
|
+
.awsui_drawers-trigger-content_hyvsj_vhpj7_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_vhpj7_99):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
|
|
126
126
|
opacity: 1;
|
|
127
127
|
}
|
|
128
|
-
.awsui_drawers-trigger-
|
|
128
|
+
.awsui_drawers-trigger-content_hyvsj_vhpj7_114 > .awsui_drawers-trigger-overflow_hyvsj_vhpj7_128:not(#\9) {
|
|
129
129
|
padding-block: 0;
|
|
130
130
|
padding-inline: 1px;
|
|
131
131
|
display: flex;
|
|
@@ -134,19 +134,19 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
@media (max-width: 688px) {
|
|
137
|
-
.awsui_drawers-
|
|
137
|
+
.awsui_drawers-trigger_hyvsj_vhpj7_114:not(#\9) {
|
|
138
138
|
inline-size: 40px;
|
|
139
139
|
display: flex;
|
|
140
140
|
justify-content: center;
|
|
141
141
|
}
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
.
|
|
145
|
-
--awsui-drawer-size-
|
|
144
|
+
.awsui_drawer_hyvsj_vhpj7_24:not(#\9) {
|
|
145
|
+
--awsui-drawer-size-66120l: 290px;
|
|
146
146
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
147
147
|
border-color: transparent;
|
|
148
148
|
display: grid;
|
|
149
|
-
grid-template-columns: var(--space-m-
|
|
149
|
+
grid-template-columns: var(--space-m-n8iq8o, 16px) 1fr;
|
|
150
150
|
flex-shrink: 0;
|
|
151
151
|
block-size: 100%;
|
|
152
152
|
overflow-y: hidden;
|
|
@@ -156,28 +156,28 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
|
|
|
156
156
|
pointer-events: auto;
|
|
157
157
|
word-wrap: break-word;
|
|
158
158
|
}
|
|
159
|
-
.
|
|
159
|
+
.awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159:not(#\9) {
|
|
160
160
|
grid-column: 1/span 2;
|
|
161
161
|
grid-row: 1;
|
|
162
|
-
inline-size: var(--awsui-drawer-size-
|
|
162
|
+
inline-size: var(--awsui-drawer-size-66120l);
|
|
163
163
|
display: grid;
|
|
164
|
-
grid-template-columns: var(--space-m-
|
|
165
|
-
grid-template-rows: var(--size-vertical-panel-icon-offset-
|
|
164
|
+
grid-template-columns: var(--space-m-n8iq8o, 16px) 1fr auto var(--space-m-n8iq8o, 16px);
|
|
165
|
+
grid-template-rows: var(--size-vertical-panel-icon-offset-4593ko, 15px) auto 1fr;
|
|
166
166
|
overflow-y: auto;
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
.awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-close-button_hyvsj_vhpj7_168:not(#\9) {
|
|
169
169
|
grid-column: 3;
|
|
170
170
|
grid-row: 2;
|
|
171
171
|
z-index: 1;
|
|
172
172
|
}
|
|
173
|
-
.
|
|
173
|
+
.awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-content_hyvsj_vhpj7_159:not(#\9) {
|
|
174
174
|
grid-column: 1/span 4;
|
|
175
|
-
block-size: var(--awsui-content-height-
|
|
175
|
+
block-size: var(--awsui-content-height-66120l);
|
|
176
176
|
}
|
|
177
|
-
.
|
|
177
|
+
.awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-content-container_hyvsj_vhpj7_159 > .awsui_drawer-content_hyvsj_vhpj7_159.awsui_drawer-content-hidden_hyvsj_vhpj7_177:not(#\9) {
|
|
178
178
|
display: none;
|
|
179
179
|
}
|
|
180
|
-
.
|
|
180
|
+
.awsui_drawer_hyvsj_vhpj7_24 > .awsui_drawer-slider_hyvsj_vhpj7_180:not(#\9) {
|
|
181
181
|
grid-column: 1;
|
|
182
182
|
grid-row: 1;
|
|
183
183
|
block-size: 100%;
|
|
@@ -185,29 +185,29 @@ div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:
|
|
|
185
185
|
align-items: center;
|
|
186
186
|
z-index: 850;
|
|
187
187
|
}
|
|
188
|
-
.
|
|
188
|
+
.awsui_drawer_hyvsj_vhpj7_24:not(#\9):not(.awsui_is-drawer-open_hyvsj_vhpj7_188) {
|
|
189
189
|
opacity: 0;
|
|
190
190
|
inline-size: 0;
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
.awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
|
|
193
193
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
194
194
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
195
195
|
opacity: 1;
|
|
196
|
-
inline-size: var(--awsui-drawer-size-
|
|
196
|
+
inline-size: var(--awsui-drawer-size-66120l);
|
|
197
197
|
}
|
|
198
198
|
@media (min-width: 2541px) {
|
|
199
|
-
.
|
|
200
|
-
--awsui-drawer-size-
|
|
199
|
+
.awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
|
|
200
|
+
--awsui-drawer-size-66120l: 320px;
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
@media (max-width: 688px) {
|
|
204
|
-
.
|
|
205
|
-
--awsui-drawer-size-
|
|
204
|
+
.awsui_drawer_hyvsj_vhpj7_24.awsui_is-drawer-open_hyvsj_vhpj7_188:not(#\9) {
|
|
205
|
+
--awsui-drawer-size-66120l: 100vw;
|
|
206
206
|
inline-size: 100vw;
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
header.
|
|
210
|
+
header.awsui_content_hyvsj_vhpj7_210:not(#\9) {
|
|
211
211
|
grid-area: header;
|
|
212
212
|
}
|
|
213
213
|
|
|
@@ -224,35 +224,35 @@ The minimum content width property is set to zero and applied under all
|
|
|
224
224
|
circumstances regardless of whether the minContentWidth property is
|
|
225
225
|
explicitly set in script.
|
|
226
226
|
*/
|
|
227
|
-
.
|
|
228
|
-
--awsui-breadcrumbs-gap-
|
|
229
|
-
--awsui-content-gap-left-
|
|
230
|
-
--awsui-content-gap-right-
|
|
231
|
-
--awsui-content-height-
|
|
232
|
-
--awsui-default-max-content-width-
|
|
233
|
-
--awsui-default-min-content-width-
|
|
234
|
-
--awsui-footer-height-
|
|
235
|
-
--awsui-header-gap-
|
|
236
|
-
--awsui-header-height-
|
|
237
|
-
--awsui-layout-width-
|
|
238
|
-
--awsui-main-gap-
|
|
239
|
-
--awsui-main-offset-left-
|
|
240
|
-
--awsui-main-template-rows-
|
|
241
|
-
--awsui-max-content-width-
|
|
242
|
-
--awsui-min-content-width-
|
|
243
|
-
--awsui-mobile-bar-height-
|
|
244
|
-
--awsui-notifications-height-
|
|
245
|
-
--awsui-offset-top-
|
|
246
|
-
--awsui-overlap-height-
|
|
247
|
-
--awsui-toggles-left-width-
|
|
248
|
-
--awsui-toggles-right-width-
|
|
227
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9) {
|
|
228
|
+
--awsui-breadcrumbs-gap-66120l: 0px;
|
|
229
|
+
--awsui-content-gap-left-66120l: 0px;
|
|
230
|
+
--awsui-content-gap-right-66120l: 0px;
|
|
231
|
+
--awsui-content-height-66120l: calc(100vh - var(--awsui-header-height-66120l) - var(--awsui-footer-height-66120l));
|
|
232
|
+
--awsui-default-max-content-width-66120l: 1280px;
|
|
233
|
+
--awsui-default-min-content-width-66120l: 0px;
|
|
234
|
+
--awsui-footer-height-66120l: 0px;
|
|
235
|
+
--awsui-header-gap-66120l: 0px;
|
|
236
|
+
--awsui-header-height-66120l: 0px;
|
|
237
|
+
--awsui-layout-width-66120l: 0px;
|
|
238
|
+
--awsui-main-gap-66120l: 0px;
|
|
239
|
+
--awsui-main-offset-left-66120l: 0px;
|
|
240
|
+
--awsui-main-template-rows-66120l: 1fr;
|
|
241
|
+
--awsui-max-content-width-66120l: 0px;
|
|
242
|
+
--awsui-min-content-width-66120l: 280px;
|
|
243
|
+
--awsui-mobile-bar-height-66120l: calc(2 * var(--space-m-n8iq8o, 16px) + var(--space-scaled-xs-pajbd1, 8px));
|
|
244
|
+
--awsui-notifications-height-66120l: 0px;
|
|
245
|
+
--awsui-offset-top-66120l: var(--awsui-header-height-66120l);
|
|
246
|
+
--awsui-overlap-height-66120l: var(--space-dark-header-overlap-distance-16rv3i, 36px);
|
|
247
|
+
--awsui-toggles-left-width-66120l: 0px;
|
|
248
|
+
--awsui-toggles-right-width-66120l: 0px;
|
|
249
249
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
250
250
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
251
251
|
display: grid;
|
|
252
252
|
grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
253
|
-
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-
|
|
254
|
-
grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-
|
|
255
|
-
min-block-size: var(--awsui-content-height-
|
|
253
|
+
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-66120l), 1fr) minmax(var(--awsui-default-min-content-width-66120l), var(--awsui-default-max-content-width-66120l)) minmax(var(--awsui-content-gap-right-66120l), 1fr) min-content;
|
|
254
|
+
grid-template-rows: auto auto var(--awsui-breadcrumbs-gap-66120l) auto var(--awsui-header-gap-66120l) auto var(--awsui-main-gap-66120l) var(--awsui-overlap-height-66120l) var(--awsui-main-template-rows-66120l);
|
|
255
|
+
min-block-size: var(--awsui-content-height-66120l);
|
|
256
256
|
position: relative;
|
|
257
257
|
/*
|
|
258
258
|
Add unified max-width for AppLayout content based on breakpoints. Only use the max content
|
|
@@ -296,114 +296,114 @@ explicitly set in script.
|
|
|
296
296
|
*/
|
|
297
297
|
}
|
|
298
298
|
@media (min-width: 1401px) {
|
|
299
|
-
.
|
|
300
|
-
--awsui-default-max-content-width-
|
|
299
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
|
|
300
|
+
--awsui-default-max-content-width-66120l: 1280px;
|
|
301
301
|
}
|
|
302
302
|
}
|
|
303
303
|
@media (min-width: 1921px) {
|
|
304
|
-
.
|
|
305
|
-
--awsui-default-max-content-width-
|
|
304
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
|
|
305
|
+
--awsui-default-max-content-width-66120l: 1440px;
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
308
|
@media (min-width: 2541px) {
|
|
309
|
-
.
|
|
310
|
-
--awsui-default-max-content-width-
|
|
309
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299) {
|
|
310
|
+
--awsui-default-max-content-width-66120l: 1620px;
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
@media (min-width: 1401px) {
|
|
314
|
-
.
|
|
315
|
-
--awsui-default-max-content-width-
|
|
314
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
|
|
315
|
+
--awsui-default-max-content-width-66120l: 1280px;
|
|
316
316
|
}
|
|
317
317
|
}
|
|
318
318
|
@media (min-width: 1921px) {
|
|
319
|
-
.
|
|
320
|
-
--awsui-default-max-content-width-
|
|
319
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
|
|
320
|
+
--awsui-default-max-content-width-66120l: 1620px;
|
|
321
321
|
}
|
|
322
322
|
}
|
|
323
323
|
@media (min-width: 2541px) {
|
|
324
|
-
.
|
|
325
|
-
--awsui-default-max-content-width-
|
|
324
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-dashboard_hyvsj_vhpj7_314 {
|
|
325
|
+
--awsui-default-max-content-width-66120l: 2160px;
|
|
326
326
|
}
|
|
327
327
|
}
|
|
328
|
-
.
|
|
329
|
-
--awsui-default-max-content-width-
|
|
328
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-table_hyvsj_vhpj7_328, .awsui_layout_hyvsj_vhpj7_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_vhpj7_299).awsui_content-type-cards_hyvsj_vhpj7_328 {
|
|
329
|
+
--awsui-default-max-content-width-66120l: 100%;
|
|
330
330
|
}
|
|
331
|
-
.
|
|
332
|
-
--awsui-default-max-content-width-
|
|
331
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-max-content-width_hyvsj_vhpj7_299:not(#\9) {
|
|
332
|
+
--awsui-default-max-content-width-66120l: var(--awsui-max-content-width-66120l);
|
|
333
333
|
}
|
|
334
|
-
.
|
|
335
|
-
--awsui-overlap-height-
|
|
334
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_is-overlap-disabled_hyvsj_vhpj7_334:not(#\9) {
|
|
335
|
+
--awsui-overlap-height-66120l: 0;
|
|
336
336
|
}
|
|
337
|
-
.
|
|
338
|
-
--awsui-mobile-bar-height-
|
|
337
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_is-hide-mobile-toolbar_hyvsj_vhpj7_337:not(#\9) {
|
|
338
|
+
--awsui-mobile-bar-height-66120l: 0px;
|
|
339
339
|
}
|
|
340
340
|
@media (min-width: 993px) {
|
|
341
|
-
.
|
|
342
|
-
--awsui-default-min-content-width-
|
|
341
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9) {
|
|
342
|
+
--awsui-default-min-content-width-66120l: var(--awsui-min-content-width-66120l, 280px);
|
|
343
343
|
}
|
|
344
344
|
}
|
|
345
345
|
@media (max-width: 992px) {
|
|
346
|
-
.
|
|
347
|
-
--awsui-default-min-content-width-
|
|
346
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9) {
|
|
347
|
+
--awsui-default-min-content-width-66120l: 0px;
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
@media (min-width: 689px) {
|
|
351
|
-
.
|
|
352
|
-
--awsui-content-gap-left-
|
|
351
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-content-gap-left_hyvsj_vhpj7_351:not(#\9) {
|
|
352
|
+
--awsui-content-gap-left-66120l: var(--space-layout-content-horizontal-axaoos, 24px);
|
|
353
353
|
}
|
|
354
|
-
.
|
|
355
|
-
--awsui-content-gap-right-
|
|
354
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-content-gap-right_hyvsj_vhpj7_354:not(#\9) {
|
|
355
|
+
--awsui-content-gap-right-66120l: var(--space-layout-content-horizontal-axaoos, 24px);
|
|
356
356
|
}
|
|
357
357
|
}
|
|
358
358
|
@media (max-width: 688px) {
|
|
359
|
-
.
|
|
360
|
-
--awsui-content-gap-left-
|
|
361
|
-
--awsui-content-gap-right-
|
|
359
|
+
.awsui_layout_hyvsj_vhpj7_227:not(#\9) {
|
|
360
|
+
--awsui-content-gap-left-66120l: var(--space-l-dpyxli, 20px);
|
|
361
|
+
--awsui-content-gap-right-66120l: var(--space-l-dpyxli, 20px);
|
|
362
362
|
}
|
|
363
363
|
}
|
|
364
|
-
.
|
|
365
|
-
--awsui-breadcrumbs-gap-
|
|
364
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364:not(#\9) {
|
|
365
|
+
--awsui-breadcrumbs-gap-66120l: var(--space-scaled-m-lfeh3i, 16px);
|
|
366
366
|
}
|
|
367
|
-
.
|
|
368
|
-
--awsui-header-gap-
|
|
367
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-header_hyvsj_vhpj7_367:not(#\9), .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364).awsui_has-header_hyvsj_vhpj7_367 {
|
|
368
|
+
--awsui-header-gap-66120l: var(--space-scaled-xs-pajbd1, 8px);
|
|
369
369
|
}
|
|
370
|
-
.
|
|
371
|
-
--awsui-header-gap-
|
|
370
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364.awsui_has-header_hyvsj_vhpj7_367:not(#\9) {
|
|
371
|
+
--awsui-header-gap-66120l: var(--space-scaled-xs-pajbd1, 8px);
|
|
372
372
|
}
|
|
373
|
-
.
|
|
374
|
-
--awsui-main-gap-
|
|
373
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364):not(.awsui_has-header_hyvsj_vhpj7_367) {
|
|
374
|
+
--awsui-main-gap-66120l: var(--space-xs-m9b7jf, 8px);
|
|
375
375
|
}
|
|
376
|
-
.
|
|
377
|
-
--awsui-main-gap-
|
|
376
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-breadcrumbs_hyvsj_vhpj7_364:not(#\9):not(.awsui_has-header_hyvsj_vhpj7_367) {
|
|
377
|
+
--awsui-main-gap-66120l: var(--space-scaled-xxs-j00t0m, 4px);
|
|
378
378
|
}
|
|
379
|
-
.
|
|
380
|
-
--awsui-main-gap-
|
|
379
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-header_hyvsj_vhpj7_367:not(#\9) {
|
|
380
|
+
--awsui-main-gap-66120l: var(--space-content-header-padding-bottom-yv2yex, 16px);
|
|
381
381
|
}
|
|
382
|
-
.
|
|
383
|
-
--awsui-main-gap-
|
|
382
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_vhpj7_382) {
|
|
383
|
+
--awsui-main-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
|
|
384
384
|
}
|
|
385
|
-
.
|
|
386
|
-
--awsui-main-gap-
|
|
385
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
|
|
386
|
+
--awsui-main-gap-66120l: 0px;
|
|
387
387
|
}
|
|
388
388
|
@media (max-width: 688px) {
|
|
389
|
-
.
|
|
390
|
-
--awsui-header-gap-
|
|
389
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-header_hyvsj_vhpj7_367:not(#\9) {
|
|
390
|
+
--awsui-header-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
|
|
391
391
|
}
|
|
392
|
-
.
|
|
393
|
-
--awsui-header-gap-
|
|
392
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364).awsui_has-header_hyvsj_vhpj7_367 {
|
|
393
|
+
--awsui-header-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
|
|
394
394
|
}
|
|
395
|
-
.
|
|
396
|
-
--awsui-main-gap-
|
|
395
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-notifications_hyvsj_vhpj7_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_vhpj7_364):not(.awsui_has-header_hyvsj_vhpj7_367), .awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_vhpj7_382) {
|
|
396
|
+
--awsui-main-gap-66120l: var(--space-scaled-s-2crg2b, 12px);
|
|
397
397
|
}
|
|
398
|
-
.
|
|
399
|
-
--awsui-main-gap-
|
|
398
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_content-first-child-main_hyvsj_vhpj7_382.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
|
|
399
|
+
--awsui-main-gap-66120l: 0px;
|
|
400
400
|
}
|
|
401
401
|
}
|
|
402
|
-
.
|
|
403
|
-
--awsui-toggles-left-width-
|
|
402
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-left-toggles-gutter_hyvsj_vhpj7_402:not(#\9) {
|
|
403
|
+
--awsui-toggles-left-width-66120l: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
404
404
|
}
|
|
405
|
-
.
|
|
406
|
-
--awsui-toggles-right-width-
|
|
405
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_has-right-toggles-gutter_hyvsj_vhpj7_405:not(#\9) {
|
|
406
|
+
--awsui-toggles-right-width-66120l: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
407
407
|
}
|
|
408
408
|
|
|
409
409
|
/*
|
|
@@ -416,34 +416,34 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
416
416
|
position: sticky will be the value of the notifications height in addition to the
|
|
417
417
|
notifications top margin and some additional vertical space for aesthetics.
|
|
418
418
|
*/
|
|
419
|
-
.
|
|
420
|
-
--awsui-main-template-rows-
|
|
421
|
-
--awsui-offset-top-
|
|
422
|
-
block-size: var(--awsui-content-height-
|
|
419
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
|
|
420
|
+
--awsui-main-template-rows-66120l: 1fr auto;
|
|
421
|
+
--awsui-offset-top-66120l: 0px;
|
|
422
|
+
block-size: var(--awsui-content-height-66120l);
|
|
423
423
|
overflow-y: scroll;
|
|
424
424
|
}
|
|
425
|
-
.
|
|
426
|
-
--awsui-main-template-rows-
|
|
425
|
+
.awsui_layout_hyvsj_vhpj7_227.awsui_disable-body-scroll_hyvsj_vhpj7_56.awsui_has-split-panel_hyvsj_vhpj7_425.awsui_split-panel-position-bottom_hyvsj_vhpj7_425:not(#\9) {
|
|
426
|
+
--awsui-main-template-rows-66120l: repeat(2, auto);
|
|
427
427
|
}
|
|
428
428
|
|
|
429
429
|
/*
|
|
430
430
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
431
431
|
when the navigation or tools drawers are open in responsive viewports.
|
|
432
432
|
*/
|
|
433
|
-
.awsui_block-body-
|
|
433
|
+
.awsui_block-body-scroll_hyvsj_vhpj7_433:not(#\9) {
|
|
434
434
|
overflow: hidden;
|
|
435
435
|
}
|
|
436
436
|
|
|
437
437
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
438
|
-
.
|
|
439
|
-
.
|
|
438
|
+
.awsui_unfocusable_hyvsj_vhpj7_438:not(#\9),
|
|
439
|
+
.awsui_unfocusable_hyvsj_vhpj7_438 *:not(#\9) {
|
|
440
440
|
visibility: hidden !important;
|
|
441
441
|
}
|
|
442
442
|
|
|
443
443
|
/* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */
|
|
444
|
-
.
|
|
444
|
+
.awsui_container_hyvsj_vhpj7_444:not(#\9) {
|
|
445
445
|
grid-area: main;
|
|
446
|
-
padding-block-end: var(--space-layout-content-bottom-
|
|
446
|
+
padding-block-end: var(--space-layout-content-bottom-adv8e9, 40px);
|
|
447
447
|
/*
|
|
448
448
|
If the split panel is in the bottom position additional padding will need to be
|
|
449
449
|
added to the content area. This is to ensure that the user is able to scroll
|
|
@@ -458,64 +458,64 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
458
458
|
on the right, we decrement the column end by one.
|
|
459
459
|
*/
|
|
460
460
|
}
|
|
461
|
-
.
|
|
462
|
-
padding-block-end: calc(var(--awsui-split-panel-height-
|
|
461
|
+
.awsui_container_hyvsj_vhpj7_444.awsui_has-split-panel_hyvsj_vhpj7_425.awsui_split-panel-position-bottom_hyvsj_vhpj7_425:not(#\9) {
|
|
462
|
+
padding-block-end: calc(var(--awsui-split-panel-height-66120l) + var(--space-layout-content-bottom-adv8e9, 40px));
|
|
463
463
|
}
|
|
464
|
-
.
|
|
464
|
+
.awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382:not(#\9) {
|
|
465
465
|
grid-column: 1/6;
|
|
466
466
|
padding-block: 0;
|
|
467
467
|
padding-inline: 0;
|
|
468
468
|
}
|
|
469
469
|
@media (min-width: 689px) {
|
|
470
|
-
.
|
|
470
|
+
.awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-navigation-open_hyvsj_vhpj7_470:not(#\9) {
|
|
471
471
|
grid-column-start: 2;
|
|
472
472
|
}
|
|
473
|
-
.
|
|
473
|
+
.awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-tools-open_hyvsj_vhpj7_473:not(#\9), .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_split-panel-position-side_hyvsj_vhpj7_473:not(#\9), .awsui_container_hyvsj_vhpj7_444.awsui_disable-content-paddings_hyvsj_vhpj7_382.awsui_has-active-drawer_hyvsj_vhpj7_473:not(#\9) {
|
|
474
474
|
grid-column-end: 5;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
477
|
|
|
478
|
-
section.awsui_mobile-
|
|
478
|
+
section.awsui_mobile-toolbar_hyvsj_vhpj7_478:not(#\9) {
|
|
479
479
|
align-items: center;
|
|
480
480
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
481
481
|
border-block-end: 1px solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
482
|
-
box-shadow: var(--shadow-sticky-
|
|
482
|
+
box-shadow: var(--shadow-sticky-ukzbip, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
483
483
|
box-sizing: border-box;
|
|
484
|
-
block-size: var(--awsui-mobile-bar-height-
|
|
484
|
+
block-size: var(--awsui-mobile-bar-height-66120l);
|
|
485
485
|
display: grid;
|
|
486
486
|
grid-area: mobileToolbar;
|
|
487
487
|
grid-column: 1/span 5;
|
|
488
488
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
489
489
|
padding-block: 0;
|
|
490
|
-
padding-inline: var(--space-m-
|
|
490
|
+
padding-inline: var(--space-m-n8iq8o, 16px);
|
|
491
491
|
position: sticky;
|
|
492
|
-
inset-block-start: var(--awsui-offset-top-
|
|
492
|
+
inset-block-start: var(--awsui-offset-top-66120l);
|
|
493
493
|
z-index: 1000;
|
|
494
494
|
}
|
|
495
|
-
section.awsui_mobile-
|
|
495
|
+
section.awsui_mobile-toolbar_hyvsj_vhpj7_478:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_vhpj7_495) {
|
|
496
496
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
497
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
497
|
+
box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
498
498
|
}
|
|
499
|
-
section.awsui_mobile-
|
|
499
|
+
section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-nav_hyvsj_vhpj7_499:not(#\9) {
|
|
500
500
|
grid-column: 1;
|
|
501
|
-
margin-inline-end: var(--space-m-
|
|
501
|
+
margin-inline-end: var(--space-m-n8iq8o, 16px);
|
|
502
502
|
}
|
|
503
|
-
section.awsui_mobile-
|
|
503
|
+
section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_vhpj7_503:not(#\9) {
|
|
504
504
|
grid-column: 2;
|
|
505
505
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
506
506
|
}
|
|
507
|
-
section.awsui_mobile-
|
|
507
|
+
section.awsui_mobile-toolbar_hyvsj_vhpj7_478 > .awsui_mobile-toolbar-tools_hyvsj_vhpj7_507:not(#\9) {
|
|
508
508
|
grid-column: 3;
|
|
509
|
-
margin-inline-start: var(--space-m-
|
|
509
|
+
margin-inline-start: var(--space-m-n8iq8o, 16px);
|
|
510
510
|
}
|
|
511
511
|
|
|
512
|
-
.awsui_navigation-
|
|
512
|
+
.awsui_navigation-container_hyvsj_vhpj7_512:not(#\9) {
|
|
513
513
|
display: flex;
|
|
514
514
|
grid-column: 1;
|
|
515
515
|
grid-row: 1/span 9;
|
|
516
|
-
block-size: var(--awsui-content-height-
|
|
516
|
+
block-size: var(--awsui-content-height-66120l);
|
|
517
517
|
position: sticky;
|
|
518
|
-
inset-block-start: var(--awsui-offset-top-
|
|
518
|
+
inset-block-start: var(--awsui-offset-top-66120l);
|
|
519
519
|
z-index: 830;
|
|
520
520
|
/*
|
|
521
521
|
The navigation and tools containers (that contain the toggle buttons)
|
|
@@ -530,7 +530,7 @@ section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
530
530
|
pointer-events: none;
|
|
531
531
|
}
|
|
532
532
|
@media (max-width: 688px) {
|
|
533
|
-
.awsui_navigation-
|
|
533
|
+
.awsui_navigation-container_hyvsj_vhpj7_512:not(#\9) {
|
|
534
534
|
inset-inline-start: 0;
|
|
535
535
|
position: fixed;
|
|
536
536
|
z-index: 1001;
|
|
@@ -542,20 +542,20 @@ section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
542
542
|
relative to the body.
|
|
543
543
|
*/
|
|
544
544
|
}
|
|
545
|
-
.awsui_navigation-
|
|
546
|
-
inset-block-start: var(--awsui-header-height-
|
|
545
|
+
.awsui_navigation-container_hyvsj_vhpj7_512.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
|
|
546
|
+
inset-block-start: var(--awsui-header-height-66120l);
|
|
547
547
|
}
|
|
548
548
|
}
|
|
549
549
|
|
|
550
|
-
nav.awsui_show-
|
|
551
|
-
padding-block: var(--space-scaled-s-
|
|
552
|
-
padding-inline: var(--space-layout-toggle-padding-
|
|
550
|
+
nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9) {
|
|
551
|
+
padding-block: var(--space-scaled-s-2crg2b, 12px);
|
|
552
|
+
padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
|
|
553
553
|
/*
|
|
554
554
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
555
555
|
take control in responsive viewports.
|
|
556
556
|
*/
|
|
557
557
|
}
|
|
558
|
-
@keyframes
|
|
558
|
+
@keyframes awsui_showButtons_hyvsj_vhpj7_1 {
|
|
559
559
|
0% {
|
|
560
560
|
opacity: 0;
|
|
561
561
|
}
|
|
@@ -563,31 +563,31 @@ nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9) {
|
|
|
563
563
|
opacity: 1;
|
|
564
564
|
}
|
|
565
565
|
}
|
|
566
|
-
nav.awsui_show-
|
|
566
|
+
nav.awsui_show-navigation_hyvsj_vhpj7_550.awsui_is-navigation-open_hyvsj_vhpj7_470:not(#\9) {
|
|
567
567
|
display: none;
|
|
568
568
|
}
|
|
569
569
|
@media (min-width: 689px) {
|
|
570
|
-
nav.awsui_show-
|
|
570
|
+
nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470) {
|
|
571
571
|
display: block;
|
|
572
572
|
}
|
|
573
|
-
nav.awsui_show-
|
|
574
|
-
animation:
|
|
573
|
+
nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
|
|
574
|
+
animation: awsui_showButtons_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
|
|
575
575
|
}
|
|
576
576
|
}
|
|
577
577
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
578
|
-
nav.awsui_show-
|
|
578
|
+
nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
|
|
579
579
|
animation: none;
|
|
580
580
|
transition: none;
|
|
581
581
|
}
|
|
582
582
|
}
|
|
583
583
|
@media (min-width: 689px) {
|
|
584
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
584
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_vhpj7_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470).awsui_animating_hyvsj_vhpj7_573 {
|
|
585
585
|
animation: none;
|
|
586
586
|
transition: none;
|
|
587
587
|
}
|
|
588
588
|
}
|
|
589
589
|
|
|
590
|
-
nav.
|
|
590
|
+
nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9) {
|
|
591
591
|
background-color: var(--color-background-layout-panel-content-89bszq, #ffffff);
|
|
592
592
|
inset-block-end: 0;
|
|
593
593
|
block-size: 100%;
|
|
@@ -607,70 +607,70 @@ nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
|
|
|
607
607
|
prevent unwanted text wrapping.
|
|
608
608
|
*/
|
|
609
609
|
}
|
|
610
|
-
@keyframes
|
|
610
|
+
@keyframes awsui_openNavigation_hyvsj_vhpj7_1 {
|
|
611
611
|
from {
|
|
612
612
|
opacity: 0;
|
|
613
|
-
inline-size: calc(var(--space-layout-toggle-padding-
|
|
613
|
+
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
614
614
|
}
|
|
615
615
|
to {
|
|
616
616
|
opacity: 1;
|
|
617
|
-
inline-size: var(--awsui-navigation-width-
|
|
617
|
+
inline-size: var(--awsui-navigation-width-66120l);
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
|
-
nav.
|
|
620
|
+
nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9):not(.awsui_is-navigation-open_hyvsj_vhpj7_470) {
|
|
621
621
|
inline-size: 0;
|
|
622
622
|
display: none;
|
|
623
623
|
}
|
|
624
|
-
nav.
|
|
625
|
-
animation:
|
|
624
|
+
nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
625
|
+
animation: awsui_openNavigation_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
|
|
626
626
|
}
|
|
627
627
|
@media (prefers-reduced-motion: reduce) {
|
|
628
|
-
nav.
|
|
628
|
+
nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
629
629
|
animation: none;
|
|
630
630
|
transition: none;
|
|
631
631
|
}
|
|
632
632
|
}
|
|
633
|
-
.awsui-motion-disabled nav.
|
|
633
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_vhpj7_512.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
634
634
|
animation: none;
|
|
635
635
|
transition: none;
|
|
636
636
|
}
|
|
637
|
-
nav.
|
|
638
|
-
inline-size: var(--awsui-navigation-width-
|
|
637
|
+
nav.awsui_navigation_hyvsj_vhpj7_512 > .awsui_animated-content_hyvsj_vhpj7_637:not(#\9) {
|
|
638
|
+
inline-size: var(--awsui-navigation-width-66120l);
|
|
639
639
|
}
|
|
640
|
-
nav.
|
|
640
|
+
nav.awsui_navigation_hyvsj_vhpj7_512 > .awsui_content-container_hyvsj_vhpj7_640:not(#\9) {
|
|
641
641
|
flex-grow: 1;
|
|
642
642
|
}
|
|
643
643
|
@media (max-width: 688px) {
|
|
644
|
-
nav.
|
|
645
|
-
--awsui-navigation-width-
|
|
644
|
+
nav.awsui_navigation_hyvsj_vhpj7_512:not(#\9) {
|
|
645
|
+
--awsui-navigation-width-66120l: 100vw;
|
|
646
646
|
}
|
|
647
647
|
}
|
|
648
648
|
|
|
649
|
-
.awsui_hide-
|
|
649
|
+
.awsui_hide-navigation_hyvsj_vhpj7_649:not(#\9) {
|
|
650
650
|
position: absolute;
|
|
651
|
-
inset-inline-end: var(--space-m-
|
|
652
|
-
inset-block-start: var(--size-vertical-panel-icon-offset-
|
|
651
|
+
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
652
|
+
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
653
653
|
}
|
|
654
654
|
|
|
655
|
-
.
|
|
655
|
+
.awsui_notifications_hyvsj_vhpj7_655:not(#\9) {
|
|
656
656
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
657
657
|
grid-area: notifications;
|
|
658
658
|
z-index: 850;
|
|
659
659
|
}
|
|
660
|
-
.
|
|
661
|
-
padding-block-start: var(--space-scaled-s-
|
|
660
|
+
.awsui_notifications_hyvsj_vhpj7_655.awsui_has-notification-content_hyvsj_vhpj7_660:not(#\9) {
|
|
661
|
+
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
662
662
|
}
|
|
663
663
|
@media (min-width: 689px) {
|
|
664
|
-
.
|
|
665
|
-
--awsui-flashbar-sticky-bottom-margin-
|
|
664
|
+
.awsui_notifications_hyvsj_vhpj7_655.awsui_sticky-notifications_hyvsj_vhpj7_664:not(#\9) {
|
|
665
|
+
--awsui-flashbar-sticky-bottom-margin-66120l: var(--space-xxl-xj5vu7, 32px);
|
|
666
666
|
position: sticky;
|
|
667
|
-
inset-block-start: var(--awsui-offset-top-
|
|
667
|
+
inset-block-start: var(--awsui-offset-top-66120l);
|
|
668
668
|
}
|
|
669
|
-
.
|
|
669
|
+
.awsui_notifications_hyvsj_vhpj7_655.awsui_sticky-notifications_hyvsj_vhpj7_664:not(#\9):not(.awsui_high-contrast_hyvsj_vhpj7_669) {
|
|
670
670
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
671
671
|
}
|
|
672
|
-
.
|
|
673
|
-
padding-block-start: var(--space-xs-
|
|
672
|
+
.awsui_notifications_hyvsj_vhpj7_655.awsui_has-notification-content_hyvsj_vhpj7_660:not(#\9) {
|
|
673
|
+
padding-block-start: var(--space-xs-m9b7jf, 8px);
|
|
674
674
|
}
|
|
675
675
|
}
|
|
676
676
|
|
|
@@ -680,13 +680,13 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
680
680
|
consume the remaining vertical space in the grid after the notifications
|
|
681
681
|
and breadcrumbs.
|
|
682
682
|
*/
|
|
683
|
-
section.awsui_split-panel-
|
|
683
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683:not(#\9) {
|
|
684
684
|
/*
|
|
685
685
|
The align self property will position the split panel at the bottom of the grid row.
|
|
686
686
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
687
687
|
*/
|
|
688
688
|
align-self: end;
|
|
689
|
-
inset-block-end: var(--awsui-footer-height-
|
|
689
|
+
inset-block-end: var(--awsui-footer-height-66120l);
|
|
690
690
|
display: none;
|
|
691
691
|
grid-column: 1/6;
|
|
692
692
|
grid-row: 9;
|
|
@@ -716,47 +716,47 @@ section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9) {
|
|
|
716
716
|
apply the animation to the height property.
|
|
717
717
|
*/
|
|
718
718
|
}
|
|
719
|
-
@keyframes
|
|
719
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_vhpj7_1 {
|
|
720
720
|
from {
|
|
721
|
-
block-size: var(--awsui-split-panel-reported-header-size-
|
|
721
|
+
block-size: var(--awsui-split-panel-reported-header-size-66120l, 0);
|
|
722
722
|
}
|
|
723
723
|
to {
|
|
724
|
-
block-size: var(--awsui-split-panel-reported-size-
|
|
724
|
+
block-size: var(--awsui-split-panel-reported-size-66120l);
|
|
725
725
|
}
|
|
726
726
|
}
|
|
727
|
-
section.awsui_split-panel-
|
|
727
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
|
|
728
728
|
inset-block-end: 0;
|
|
729
729
|
}
|
|
730
|
-
section.awsui_split-panel-
|
|
730
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-navigation-open_hyvsj_vhpj7_470.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
|
|
731
731
|
grid-column-start: 2;
|
|
732
732
|
}
|
|
733
|
-
section.awsui_split-panel-
|
|
733
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_has-open-drawer_hyvsj_vhpj7_35.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
|
|
734
734
|
grid-column-end: 5;
|
|
735
735
|
}
|
|
736
|
-
section.awsui_split-panel-
|
|
736
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
|
|
737
737
|
display: block;
|
|
738
738
|
}
|
|
739
|
-
section.awsui_split-panel-
|
|
739
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683:not(#\9):not(.awsui_is-split-panel-open_hyvsj_vhpj7_473).awsui_position-bottom_hyvsj_vhpj7_730 {
|
|
740
740
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
741
741
|
}
|
|
742
|
-
section.awsui_split-panel-
|
|
743
|
-
box-shadow: var(--shadow-split-bottom-
|
|
742
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
|
|
743
|
+
box-shadow: var(--shadow-split-bottom-p8ki2v, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
744
744
|
}
|
|
745
|
-
section.awsui_split-panel-
|
|
746
|
-
animation:
|
|
745
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
746
|
+
animation: awsui_openSplitPanelBottom_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
|
|
747
747
|
}
|
|
748
748
|
@media (prefers-reduced-motion: reduce) {
|
|
749
|
-
section.awsui_split-panel-
|
|
749
|
+
section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
750
750
|
animation: none;
|
|
751
751
|
transition: none;
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
754
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_vhpj7_683.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-bottom_hyvsj_vhpj7_730.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
755
755
|
animation: none;
|
|
756
756
|
transition: none;
|
|
757
757
|
}
|
|
758
758
|
|
|
759
|
-
section.awsui_split-panel-
|
|
759
|
+
section.awsui_split-panel-side_hyvsj_vhpj7_759:not(#\9) {
|
|
760
760
|
block-size: 100%;
|
|
761
761
|
overflow-x: hidden;
|
|
762
762
|
pointer-events: auto;
|
|
@@ -766,15 +766,15 @@ section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9) {
|
|
|
766
766
|
be persistent in the DOM when closed.
|
|
767
767
|
*/
|
|
768
768
|
}
|
|
769
|
-
section.awsui_split-panel-
|
|
769
|
+
section.awsui_split-panel-side_hyvsj_vhpj7_759:not(#\9):not(.awsui_is-split-panel-open_hyvsj_vhpj7_473), section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_position-bottom_hyvsj_vhpj7_730:not(#\9) {
|
|
770
770
|
inline-size: 0;
|
|
771
771
|
}
|
|
772
|
-
section.awsui_split-panel-
|
|
773
|
-
max-inline-size: var(--awsui-split-panel-max-width-
|
|
774
|
-
min-inline-size: var(--awsui-split-panel-min-width-
|
|
772
|
+
section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-side_hyvsj_vhpj7_772:not(#\9) {
|
|
773
|
+
max-inline-size: var(--awsui-split-panel-max-width-66120l, 280px);
|
|
774
|
+
min-inline-size: var(--awsui-split-panel-min-width-66120l, 280px);
|
|
775
775
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
776
776
|
}
|
|
777
|
-
section.awsui_split-panel-
|
|
777
|
+
section.awsui_split-panel-side_hyvsj_vhpj7_759.awsui_is-split-panel-open_hyvsj_vhpj7_473.awsui_position-side_hyvsj_vhpj7_772:not(#\9):not(.awsui_has-open-drawer_hyvsj_vhpj7_35) {
|
|
778
778
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-9oapph, #c6c6cd);
|
|
779
779
|
}
|
|
780
780
|
|
|
@@ -787,22 +787,22 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
787
787
|
property. The content gap right is computed in the Layout styles based on the
|
|
788
788
|
viewport size and state of the Tools drawer.
|
|
789
789
|
*/
|
|
790
|
-
.awsui_tools-
|
|
791
|
-
--awsui-tools-max-width-
|
|
790
|
+
.awsui_tools-container_hyvsj_vhpj7_790:not(#\9) {
|
|
791
|
+
--awsui-tools-max-width-66120l: calc(var(--awsui-layout-width-66120l) - var(--awsui-main-offset-left-66120l) - var(--awsui-default-min-content-width-66120l) - var(--awsui-content-gap-right-66120l));
|
|
792
792
|
display: flex;
|
|
793
793
|
grid-column: 5;
|
|
794
794
|
grid-row: 1/span 9;
|
|
795
|
-
block-size: var(--awsui-content-height-
|
|
796
|
-
max-inline-size: var(--awsui-tools-max-width-
|
|
795
|
+
block-size: var(--awsui-content-height-66120l);
|
|
796
|
+
max-inline-size: var(--awsui-tools-max-width-66120l);
|
|
797
797
|
position: sticky;
|
|
798
|
-
inset-block-start: var(--awsui-offset-top-
|
|
798
|
+
inset-block-start: var(--awsui-offset-top-66120l);
|
|
799
799
|
z-index: 830;
|
|
800
800
|
pointer-events: none;
|
|
801
801
|
}
|
|
802
802
|
@media (max-width: 688px) {
|
|
803
|
-
.awsui_tools-
|
|
804
|
-
--awsui-tools-max-width-
|
|
805
|
-
--awsui-tools-width-
|
|
803
|
+
.awsui_tools-container_hyvsj_vhpj7_790:not(#\9) {
|
|
804
|
+
--awsui-tools-max-width-66120l: none;
|
|
805
|
+
--awsui-tools-width-66120l: auto;
|
|
806
806
|
position: fixed;
|
|
807
807
|
inset-inline-end: 0;
|
|
808
808
|
z-index: 1001;
|
|
@@ -814,12 +814,12 @@ viewport size and state of the Tools drawer.
|
|
|
814
814
|
relative to the body.
|
|
815
815
|
*/
|
|
816
816
|
}
|
|
817
|
-
.awsui_tools-
|
|
818
|
-
inset-block-start: var(--awsui-header-height-
|
|
817
|
+
.awsui_tools-container_hyvsj_vhpj7_790.awsui_disable-body-scroll_hyvsj_vhpj7_56:not(#\9) {
|
|
818
|
+
inset-block-start: var(--awsui-header-height-66120l);
|
|
819
819
|
}
|
|
820
820
|
}
|
|
821
821
|
|
|
822
|
-
.
|
|
822
|
+
.awsui_tools_hyvsj_vhpj7_790:not(#\9) {
|
|
823
823
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
824
824
|
flex-shrink: 0;
|
|
825
825
|
block-size: 100%;
|
|
@@ -842,54 +842,54 @@ viewport size and state of the Tools drawer.
|
|
|
842
842
|
in the side position.
|
|
843
843
|
*/
|
|
844
844
|
}
|
|
845
|
-
@keyframes
|
|
845
|
+
@keyframes awsui_openTools_hyvsj_vhpj7_1 {
|
|
846
846
|
from {
|
|
847
|
-
opacity: var(--awsui-tools-animation-starting-opacity-
|
|
848
|
-
inline-size: calc(var(--space-layout-toggle-padding-
|
|
847
|
+
opacity: var(--awsui-tools-animation-starting-opacity-66120l, 0);
|
|
848
|
+
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
849
849
|
}
|
|
850
850
|
to {
|
|
851
851
|
opacity: 1;
|
|
852
|
-
inline-size: var(--awsui-tools-width-
|
|
852
|
+
inline-size: var(--awsui-tools-width-66120l);
|
|
853
853
|
}
|
|
854
854
|
}
|
|
855
|
-
.
|
|
855
|
+
.awsui_tools_hyvsj_vhpj7_790:not(#\9):not(.awsui_is-tools-open_hyvsj_vhpj7_473) {
|
|
856
856
|
inline-size: 0;
|
|
857
857
|
display: none;
|
|
858
858
|
}
|
|
859
|
-
.
|
|
859
|
+
.awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473:not(#\9) {
|
|
860
860
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
861
861
|
}
|
|
862
|
-
.
|
|
863
|
-
animation:
|
|
862
|
+
.awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
863
|
+
animation: awsui_openTools_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
|
|
864
864
|
}
|
|
865
865
|
@media (prefers-reduced-motion: reduce) {
|
|
866
|
-
.
|
|
866
|
+
.awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
867
867
|
animation: none;
|
|
868
868
|
transition: none;
|
|
869
869
|
}
|
|
870
870
|
}
|
|
871
|
-
.awsui-motion-disabled .
|
|
871
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
872
872
|
animation: none;
|
|
873
873
|
transition: none;
|
|
874
874
|
}
|
|
875
|
-
.
|
|
876
|
-
inline-size: var(--awsui-tools-width-
|
|
875
|
+
.awsui_tools_hyvsj_vhpj7_790 > .awsui_animated-content_hyvsj_vhpj7_637:not(#\9) {
|
|
876
|
+
inline-size: var(--awsui-tools-width-66120l);
|
|
877
877
|
}
|
|
878
878
|
@media (min-width: 689px) {
|
|
879
|
-
.
|
|
879
|
+
.awsui_tools_hyvsj_vhpj7_790.awsui_is-tools-open_hyvsj_vhpj7_473.awsui_has-tools-form-persistence_hyvsj_vhpj7_879:not(#\9) {
|
|
880
880
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
881
881
|
}
|
|
882
882
|
}
|
|
883
883
|
@media (max-width: 688px) {
|
|
884
|
-
.
|
|
885
|
-
--awsui-tools-width-
|
|
884
|
+
.awsui_tools_hyvsj_vhpj7_790:not(#\9) {
|
|
885
|
+
--awsui-tools-width-66120l: 100vw;
|
|
886
886
|
}
|
|
887
887
|
}
|
|
888
888
|
|
|
889
|
-
.awsui_hide-
|
|
889
|
+
.awsui_hide-tools_hyvsj_vhpj7_889:not(#\9) {
|
|
890
890
|
position: absolute;
|
|
891
|
-
inset-inline-end: var(--space-m-
|
|
892
|
-
inset-block-start: var(--size-vertical-panel-icon-offset-
|
|
891
|
+
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
892
|
+
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
893
893
|
z-index: 1;
|
|
894
894
|
}
|
|
895
895
|
|
|
@@ -898,7 +898,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
898
898
|
the calculation used to determine the Split Panel maximum width in the
|
|
899
899
|
handleSplitPanelMaxWidth function in the context.
|
|
900
900
|
*/
|
|
901
|
-
.awsui_show-
|
|
901
|
+
.awsui_show-tools_hyvsj_vhpj7_901:not(#\9) {
|
|
902
902
|
border-collapse: separate;
|
|
903
903
|
border-spacing: 0;
|
|
904
904
|
box-sizing: border-box;
|
|
@@ -929,14 +929,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
929
929
|
-webkit-font-smoothing: auto;
|
|
930
930
|
-moz-osx-font-smoothing: auto;
|
|
931
931
|
box-sizing: border-box;
|
|
932
|
-
padding-block: var(--space-scaled-s-
|
|
933
|
-
padding-inline: var(--space-layout-toggle-padding-
|
|
932
|
+
padding-block: var(--space-scaled-s-2crg2b, 12px);
|
|
933
|
+
padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
|
|
934
934
|
/*
|
|
935
935
|
Apply the animation only in desktop viewports because the MobileToolbar will
|
|
936
936
|
take control in responsive viewports.
|
|
937
937
|
*/
|
|
938
938
|
}
|
|
939
|
-
@keyframes
|
|
939
|
+
@keyframes awsui_showButtons_hyvsj_vhpj7_1 {
|
|
940
940
|
0% {
|
|
941
941
|
opacity: 0;
|
|
942
942
|
}
|
|
@@ -944,53 +944,53 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
944
944
|
opacity: 1;
|
|
945
945
|
}
|
|
946
946
|
}
|
|
947
|
-
.awsui_show-
|
|
947
|
+
.awsui_show-tools_hyvsj_vhpj7_901:not(#\9):not(.awsui_has-tools-form_hyvsj_vhpj7_879) {
|
|
948
948
|
display: none;
|
|
949
949
|
}
|
|
950
950
|
@media (min-width: 689px) {
|
|
951
|
-
.awsui_show-
|
|
951
|
+
.awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879:not(#\9) {
|
|
952
952
|
display: flex;
|
|
953
953
|
flex-direction: column;
|
|
954
|
-
gap: var(--space-xs-
|
|
954
|
+
gap: var(--space-xs-m9b7jf, 8px);
|
|
955
955
|
}
|
|
956
|
-
.awsui_show-
|
|
957
|
-
animation:
|
|
956
|
+
.awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
957
|
+
animation: awsui_showButtons_hyvsj_vhpj7_1 var(--motion-duration-refresh-only-fast-y8f250, 115ms);
|
|
958
958
|
}
|
|
959
959
|
}
|
|
960
960
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
961
|
-
.awsui_show-
|
|
961
|
+
.awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
962
962
|
animation: none;
|
|
963
963
|
transition: none;
|
|
964
964
|
}
|
|
965
965
|
}
|
|
966
966
|
@media (min-width: 689px) {
|
|
967
|
-
.awsui-motion-disabled .awsui_show-
|
|
967
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form_hyvsj_vhpj7_879.awsui_animating_hyvsj_vhpj7_573:not(#\9) {
|
|
968
968
|
animation: none;
|
|
969
969
|
transition: none;
|
|
970
970
|
}
|
|
971
|
-
.awsui_show-
|
|
971
|
+
.awsui_show-tools_hyvsj_vhpj7_901.awsui_has-tools-form-persistence_hyvsj_vhpj7_879:not(#\9) {
|
|
972
972
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
973
973
|
z-index: 1;
|
|
974
974
|
}
|
|
975
975
|
}
|
|
976
976
|
|
|
977
|
-
.awsui_trigger-button-
|
|
977
|
+
.awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9) {
|
|
978
978
|
background: var(--color-background-layout-toggle-default-2hgjdu, #424650);
|
|
979
979
|
border-start-start-radius: 50%;
|
|
980
980
|
border-start-end-radius: 50%;
|
|
981
981
|
border-end-start-radius: 50%;
|
|
982
982
|
border-end-end-radius: 50%;
|
|
983
|
-
block-size: var(--space-layout-toggle-diameter-
|
|
984
|
-
inline-size: var(--space-layout-toggle-diameter-
|
|
983
|
+
block-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
984
|
+
inline-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
985
985
|
}
|
|
986
|
-
.awsui_trigger-button-
|
|
986
|
+
.awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9):hover {
|
|
987
987
|
background: var(--color-background-layout-toggle-hover-0cpm7g, #656871);
|
|
988
988
|
}
|
|
989
|
-
.awsui_trigger-button-
|
|
989
|
+
.awsui_trigger-button-styles_hyvsj_vhpj7_977:not(#\9):active {
|
|
990
990
|
background: var(--color-background-layout-toggle-active-ap91vm, #424650);
|
|
991
991
|
}
|
|
992
992
|
|
|
993
|
-
.awsui_trigger-badge-
|
|
993
|
+
.awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9) {
|
|
994
994
|
position: absolute;
|
|
995
995
|
inset-block-start: 0;
|
|
996
996
|
inset-inline-start: 0;
|
|
@@ -1000,7 +1000,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1000
1000
|
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");
|
|
1001
1001
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1002
1002
|
}
|
|
1003
|
-
.awsui_trigger-badge-
|
|
1003
|
+
.awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):dir(rtl) {
|
|
1004
1004
|
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");
|
|
1005
1005
|
}
|
|
1006
1006
|
|
|
@@ -1009,7 +1009,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1009
1009
|
the calculation used to determine the Split Panel maximum width in the
|
|
1010
1010
|
handleSplitPanelMaxWidth function in the context.
|
|
1011
1011
|
*/
|
|
1012
|
-
.
|
|
1012
|
+
.awsui_trigger_hyvsj_vhpj7_977:not(#\9) {
|
|
1013
1013
|
border-block: none;
|
|
1014
1014
|
border-inline: none;
|
|
1015
1015
|
padding-inline: 0;
|
|
@@ -1018,14 +1018,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1018
1018
|
pointer-events: auto;
|
|
1019
1019
|
position: relative;
|
|
1020
1020
|
}
|
|
1021
|
-
body[data-awsui-focus-visible=true] .
|
|
1021
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
|
|
1022
1022
|
position: relative;
|
|
1023
1023
|
}
|
|
1024
|
-
body[data-awsui-focus-visible=true] .
|
|
1024
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
|
|
1025
1025
|
outline: 2px dotted transparent;
|
|
1026
1026
|
outline-offset: calc(3px - 1px);
|
|
1027
1027
|
}
|
|
1028
|
-
body[data-awsui-focus-visible=true] .
|
|
1028
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus::before {
|
|
1029
1029
|
content: " ";
|
|
1030
1030
|
display: block;
|
|
1031
1031
|
position: absolute;
|
|
@@ -1039,49 +1039,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focu
|
|
|
1039
1039
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
1040
1040
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
|
|
1041
1041
|
}
|
|
1042
|
-
.
|
|
1042
|
+
.awsui_trigger_hyvsj_vhpj7_977:not(#\9):focus {
|
|
1043
1043
|
outline: none;
|
|
1044
1044
|
}
|
|
1045
|
-
.
|
|
1045
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9) {
|
|
1046
1046
|
background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
|
|
1047
1047
|
color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
|
|
1048
1048
|
}
|
|
1049
|
-
.
|
|
1049
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9):hover {
|
|
1050
1050
|
background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
|
|
1051
1051
|
}
|
|
1052
|
-
.
|
|
1052
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045:not(#\9):active {
|
|
1053
1053
|
background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
|
|
1054
1054
|
}
|
|
1055
|
-
.
|
|
1055
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9) {
|
|
1056
1056
|
background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
|
|
1057
1057
|
color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
|
|
1058
1058
|
}
|
|
1059
|
-
.
|
|
1059
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):hover {
|
|
1060
1060
|
background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
|
|
1061
1061
|
}
|
|
1062
|
-
.
|
|
1062
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_selected_hyvsj_vhpj7_1045 > .awsui_trigger-badge-wrapper_hyvsj_vhpj7_993:not(#\9):active {
|
|
1063
1063
|
background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
|
|
1064
1064
|
}
|
|
1065
|
-
.
|
|
1065
|
+
.awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9), .awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9):hover, .awsui_trigger_hyvsj_vhpj7_977.awsui_badge_hyvsj_vhpj7_1065:not(#\9):active {
|
|
1066
1066
|
background: transparent;
|
|
1067
1067
|
}
|
|
1068
1068
|
|
|
1069
|
-
.awsui_trigger-
|
|
1069
|
+
.awsui_trigger-wrapper_hyvsj_vhpj7_1069:not(#\9) {
|
|
1070
1070
|
position: relative;
|
|
1071
1071
|
border-start-start-radius: 50%;
|
|
1072
1072
|
border-start-end-radius: 50%;
|
|
1073
1073
|
border-end-start-radius: 50%;
|
|
1074
1074
|
border-end-end-radius: 50%;
|
|
1075
1075
|
}
|
|
1076
|
-
.awsui_trigger-
|
|
1077
|
-
box-shadow: var(--shadow-panel-toggle-
|
|
1076
|
+
.awsui_trigger-wrapper_hyvsj_vhpj7_1069:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_vhpj7_495) {
|
|
1077
|
+
box-shadow: var(--shadow-panel-toggle-a81wj1, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1078
1078
|
}
|
|
1079
1079
|
|
|
1080
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1080
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_vhpj7_1080:not(#\9) {
|
|
1081
1081
|
/* used in test-utils*/
|
|
1082
1082
|
}
|
|
1083
1083
|
|
|
1084
|
-
.
|
|
1084
|
+
.awsui_dot_hyvsj_vhpj7_1084:not(#\9) {
|
|
1085
1085
|
position: absolute;
|
|
1086
1086
|
inline-size: 9px;
|
|
1087
1087
|
block-size: 9px;
|
|
@@ -1094,6 +1094,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focu
|
|
|
1094
1094
|
inset-inline-end: 0;
|
|
1095
1095
|
}
|
|
1096
1096
|
|
|
1097
|
-
.awsui_trigger-
|
|
1097
|
+
.awsui_trigger-tooltip_hyvsj_vhpj7_1097:not(#\9) {
|
|
1098
1098
|
/* used in test-utils */
|
|
1099
1099
|
}
|