@cloudscape-design/components 3.0.991 → 3.0.993
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 +27 -27
- package/alert/styles.scoped.css +56 -56
- package/alert/styles.selectors.js +27 -27
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +28 -28
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +43 -43
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/drawer/styles.css.js +14 -14
- package/app-layout/drawer/styles.scoped.css +31 -31
- 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 +12 -12
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/styles.css.js +12 -12
- package/app-layout/styles.scoped.css +15 -15
- package/app-layout/styles.selectors.js +12 -12
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +7 -7
- 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 +199 -199
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +17 -17
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +43 -43
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +17 -17
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- 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 +21 -21
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +46 -46
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +21 -21
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +18 -18
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +5 -5
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +25 -25
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +5 -5
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +10 -10
- 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 +12 -12
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +191 -191
- package/box/styles.scoped.css +250 -250
- package/box/styles.selectors.js +191 -191
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +32 -32
- 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 +22 -22
- package/button/styles.scoped.css +131 -131
- package/button/styles.selectors.js +22 -22
- package/button-dropdown/category-elements/styles.css.js +15 -15
- package/button-dropdown/category-elements/styles.scoped.css +35 -35
- package/button-dropdown/category-elements/styles.selectors.js +15 -15
- package/button-dropdown/item-element/styles.css.js +16 -16
- package/button-dropdown/item-element/styles.scoped.css +40 -40
- package/button-dropdown/item-element/styles.selectors.js +16 -16
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -7
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +21 -21
- package/button-dropdown/styles.scoped.css +31 -31
- package/button-dropdown/styles.selectors.js +21 -21
- 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 +60 -60
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +60 -60
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +176 -176
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +16 -16
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +48 -48
- 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 +9 -9
- 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 +47 -47
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +33 -33
- package/container/styles.scoped.css +68 -68
- package/container/styles.selectors.js +33 -33
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +19 -19
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +11 -11
- 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 +74 -74
- package/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/date-range-picker/styles.css.js +23 -23
- package/date-range-picker/styles.scoped.css +40 -40
- package/date-range-picker/styles.selectors.js +23 -23
- package/drawer/styles.css.js +8 -8
- package/drawer/styles.scoped.css +16 -16
- package/drawer/styles.selectors.js +8 -8
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +76 -76
- package/expandable-section/styles.selectors.js +34 -34
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +12 -12
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/styles.css.js +6 -6
- package/file-input/styles.scoped.css +11 -11
- package/file-input/styles.selectors.js +6 -6
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +46 -46
- package/file-token-group/styles.selectors.js +22 -22
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +151 -151
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +9 -9
- 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 +55 -55
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +54 -54
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +84 -84
- package/help-panel/styles.selectors.js +6 -6
- package/icon/styles.css.js +39 -39
- package/icon/styles.scoped.css +100 -100
- package/icon/styles.selectors.js +39 -39
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +63 -63
- package/input/styles.selectors.js +13 -13
- package/internal/base-component/styles.scoped.css +1193 -1193
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -23
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +55 -55
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/cartesian-chart/styles.css.js +28 -28
- package/internal/components/cartesian-chart/styles.scoped.css +36 -36
- package/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +4 -4
- 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 +16 -16
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +6 -6
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/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 +37 -37
- 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/chart-status-container/styles.css.js +2 -2
- package/internal/components/chart-status-container/styles.scoped.css +3 -3
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +10 -10
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +9 -9
- package/internal/components/checkbox-icon/styles.scoped.css +17 -17
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/drag-handle/styles.css.js +12 -12
- package/internal/components/drag-handle/styles.scoped.css +24 -24
- package/internal/components/drag-handle/styles.selectors.js +12 -12
- package/internal/components/drag-handle-wrapper/styles.css.js +21 -21
- package/internal/components/drag-handle-wrapper/styles.scoped.css +38 -38
- package/internal/components/drag-handle-wrapper/styles.selectors.js +21 -21
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +42 -42
- 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 +5 -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 +4 -4
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +19 -19
- 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 +37 -37
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +4 -4
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/panel-resize-handle/styles.css.js +2 -2
- package/internal/components/panel-resize-handle/styles.scoped.css +7 -7
- package/internal/components/panel-resize-handle/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +21 -21
- package/internal/components/selectable-item/styles.scoped.css +69 -69
- package/internal/components/selectable-item/styles.selectors.js +21 -21
- package/internal/components/sortable-area/styles.css.js +8 -8
- package/internal/components/sortable-area/styles.scoped.css +21 -21
- package/internal/components/sortable-area/styles.selectors.js +8 -8
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +30 -30
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/styles/tokens.js +222 -222
- package/internal/generated/theming/index.cjs +232 -232
- package/internal/generated/theming/index.cjs.d.ts +2 -2
- package/internal/generated/theming/index.d.ts +2 -2
- package/internal/generated/theming/index.js +232 -232
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +13 -13
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +98 -98
- package/link/styles.selectors.js +20 -20
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +45 -45
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +3 -3
- package/multiselect/styles.scoped.css +5 -5
- package/multiselect/styles.selectors.js +3 -3
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +38 -38
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +53 -53
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +56 -56
- package/popover/styles.scoped.css +101 -101
- package/popover/styles.selectors.js +56 -56
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +36 -36
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +15 -15
- package/prompt-input/styles.scoped.css +83 -83
- package/prompt-input/styles.selectors.js +15 -15
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +55 -55
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +52 -52
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +27 -27
- package/radio-group/styles.selectors.js +10 -10
- 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/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/s3-resource-selector/s3-modal/styles.scoped.css +4 -4
- package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/segmented-control/styles.css.js +16 -16
- package/segmented-control/styles.scoped.css +56 -56
- package/segmented-control/styles.selectors.js +16 -16
- package/select/parts/styles.css.js +20 -20
- package/select/parts/styles.scoped.css +32 -32
- package/select/parts/styles.selectors.js +20 -20
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +2 -2
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +55 -55
- package/side-navigation/styles.selectors.js +30 -30
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +152 -152
- package/slider/styles.selectors.js +26 -26
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +21 -21
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +44 -44
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +27 -27
- package/split-panel/styles.scoped.css +55 -55
- package/split-panel/styles.selectors.js +27 -27
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +43 -43
- package/status-indicator/styles.selectors.js +23 -23
- package/steps/styles.css.js +6 -6
- package/steps/styles.scoped.css +9 -9
- package/steps/styles.selectors.js +6 -6
- package/table/body-cell/styles.css.js +46 -46
- package/table/body-cell/styles.scoped.css +401 -401
- package/table/body-cell/styles.selectors.js +46 -46
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +18 -18
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +28 -28
- package/table/header-cell/styles.scoped.css +84 -84
- package/table/header-cell/styles.selectors.js +28 -28
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +22 -22
- package/table/resizer/styles.selectors.js +8 -8
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +10 -10
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +48 -48
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +65 -65
- package/tabs/styles.selectors.js +30 -30
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +15 -15
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +71 -71
- 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 +5 -5
- package/textarea/styles.scoped.css +39 -39
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +90 -90
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +27 -27
- package/toggle/styles.selectors.js +10 -10
- package/toggle-button/styles.css.js +3 -3
- package/toggle-button/styles.scoped.css +6 -6
- package/toggle-button/styles.selectors.js +3 -3
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +33 -33
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +23 -23
- package/top-navigation/1.0-beta/styles.scoped.css +44 -44
- package/top-navigation/1.0-beta/styles.selectors.js +23 -23
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +86 -86
- 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 +25 -25
- 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 +35 -35
- 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 +2 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +83 -83
- package/wizard/styles.selectors.js +30 -30
|
@@ -146,12 +146,12 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
div.
|
|
149
|
+
div.awsui_background_hyvsj_d1fap_149:not(#\9) {
|
|
150
150
|
display: contents;
|
|
151
151
|
}
|
|
152
|
-
div.
|
|
153
|
-
background-color: var(--color-background-layout-main-
|
|
154
|
-
color: var(--color-text-body-default-
|
|
152
|
+
div.awsui_background_hyvsj_d1fap_149 > .awsui_scrolling-background_hyvsj_d1fap_152:not(#\9) {
|
|
153
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
154
|
+
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
155
155
|
grid-column: 1/span 5;
|
|
156
156
|
grid-row: 1/9;
|
|
157
157
|
}
|
|
@@ -160,8 +160,8 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
160
160
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
161
|
SPDX-License-Identifier: Apache-2.0
|
|
162
162
|
*/
|
|
163
|
-
.
|
|
164
|
-
background-color: var(--color-background-layout-main-
|
|
163
|
+
.awsui_breadcrumbs_hyvsj_d1fap_163:not(#\9) {
|
|
164
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
165
165
|
grid-area: breadcrumbs;
|
|
166
166
|
}
|
|
167
167
|
|
|
@@ -173,7 +173,7 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
173
173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
174
174
|
SPDX-License-Identifier: Apache-2.0
|
|
175
175
|
*/
|
|
176
|
-
.awsui_drawers-
|
|
176
|
+
.awsui_drawers-container_hyvsj_d1fap_176:not(#\9) {
|
|
177
177
|
background-color: transparent;
|
|
178
178
|
display: flex;
|
|
179
179
|
grid-column: 5;
|
|
@@ -184,16 +184,16 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
184
184
|
inset-block-start: var(--awsui-offset-top-xgujsu);
|
|
185
185
|
z-index: 830;
|
|
186
186
|
}
|
|
187
|
-
.awsui_drawers-
|
|
188
|
-
background-color: var(--color-background-container-content-
|
|
187
|
+
.awsui_drawers-container_hyvsj_d1fap_176.awsui_has-open-drawer_hyvsj_d1fap_187:not(#\9) {
|
|
188
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
189
189
|
}
|
|
190
190
|
@media (min-width: 689px) {
|
|
191
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_d1fap_176:not(#\9) {
|
|
192
192
|
max-inline-size: calc(var(--awsui-layout-width-xgujsu) - var(--awsui-main-offset-left-xgujsu) - var(--awsui-default-min-content-width-xgujsu) - var(--awsui-content-gap-right-xgujsu));
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
@media (max-width: 688px) {
|
|
196
|
-
.awsui_drawers-
|
|
196
|
+
.awsui_drawers-container_hyvsj_d1fap_176:not(#\9) {
|
|
197
197
|
position: fixed;
|
|
198
198
|
inset-inline-end: 0;
|
|
199
199
|
z-index: 1001;
|
|
@@ -205,12 +205,12 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
205
205
|
relative to the body.
|
|
206
206
|
*/
|
|
207
207
|
}
|
|
208
|
-
.awsui_drawers-
|
|
208
|
+
.awsui_drawers-container_hyvsj_d1fap_176.awsui_disable-body-scroll_hyvsj_d1fap_208:not(#\9) {
|
|
209
209
|
inset-block-start: var(--awsui-header-height-xgujsu);
|
|
210
210
|
}
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
.awsui_drawers-desktop-triggers-
|
|
213
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_d1fap_213:not(#\9) {
|
|
214
214
|
border-collapse: separate;
|
|
215
215
|
border-spacing: 0;
|
|
216
216
|
box-sizing: border-box;
|
|
@@ -236,7 +236,7 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
236
236
|
word-spacing: normal;
|
|
237
237
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
238
238
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
239
|
-
color: var(--color-text-body-default-
|
|
239
|
+
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
240
240
|
font-weight: 400;
|
|
241
241
|
font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
242
242
|
-webkit-font-smoothing: auto;
|
|
@@ -249,22 +249,22 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
249
249
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
250
250
|
overscroll-behavior-y: contain;
|
|
251
251
|
}
|
|
252
|
-
.awsui_drawers-desktop-triggers-
|
|
252
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_d1fap_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_d1fap_251).awsui_has-open-drawer_hyvsj_d1fap_187 {
|
|
253
253
|
inline-size: 0;
|
|
254
254
|
}
|
|
255
|
-
.awsui_drawers-desktop-triggers-
|
|
256
|
-
background-color: var(--color-background-container-content-
|
|
255
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_d1fap_213.awsui_has-multiple-triggers_hyvsj_d1fap_251.awsui_has-open-drawer_hyvsj_d1fap_187:not(#\9) {
|
|
256
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
257
257
|
}
|
|
258
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_d1fap_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_d1fap_251):not(.awsui_has-open-drawer_hyvsj_d1fap_187) {
|
|
259
259
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
.awsui_drawers-mobile-triggers-
|
|
262
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_d1fap_261:not(#\9) {
|
|
263
263
|
display: flex;
|
|
264
264
|
justify-content: flex-end;
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.awsui_drawers-trigger-
|
|
267
|
+
.awsui_drawers-trigger-content_hyvsj_d1fap_266:not(#\9) {
|
|
268
268
|
align-items: center;
|
|
269
269
|
display: flex;
|
|
270
270
|
flex-direction: column;
|
|
@@ -272,13 +272,13 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
272
272
|
padding-block-start: var(--space-scaled-s-8ozaad, 12px);
|
|
273
273
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
274
274
|
}
|
|
275
|
-
.awsui_drawers-trigger-
|
|
275
|
+
.awsui_drawers-trigger-content_hyvsj_d1fap_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_d1fap_251).awsui_has-open-drawer_hyvsj_d1fap_187 {
|
|
276
276
|
opacity: 0;
|
|
277
277
|
}
|
|
278
|
-
.awsui_drawers-trigger-
|
|
278
|
+
.awsui_drawers-trigger-content_hyvsj_d1fap_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_d1fap_251):not(.awsui_has-open-drawer_hyvsj_d1fap_187) {
|
|
279
279
|
opacity: 1;
|
|
280
280
|
}
|
|
281
|
-
.awsui_drawers-trigger-
|
|
281
|
+
.awsui_drawers-trigger-content_hyvsj_d1fap_266 > .awsui_drawers-trigger-overflow_hyvsj_d1fap_280:not(#\9) {
|
|
282
282
|
padding-block: 0;
|
|
283
283
|
padding-inline: 1px;
|
|
284
284
|
display: flex;
|
|
@@ -287,16 +287,16 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
287
287
|
}
|
|
288
288
|
|
|
289
289
|
@media (max-width: 688px) {
|
|
290
|
-
.awsui_drawers-
|
|
290
|
+
.awsui_drawers-trigger_hyvsj_d1fap_266:not(#\9) {
|
|
291
291
|
inline-size: 40px;
|
|
292
292
|
display: flex;
|
|
293
293
|
justify-content: center;
|
|
294
294
|
}
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_d1fap_176:not(#\9) {
|
|
298
298
|
--awsui-drawer-size-xgujsu: 290px;
|
|
299
|
-
background-color: var(--color-background-container-content-
|
|
299
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
300
300
|
border-color: transparent;
|
|
301
301
|
display: grid;
|
|
302
302
|
grid-template-columns: var(--space-m-dsumyt, 16px) 1fr;
|
|
@@ -309,7 +309,7 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
309
309
|
pointer-events: auto;
|
|
310
310
|
word-wrap: break-word;
|
|
311
311
|
}
|
|
312
|
-
.
|
|
312
|
+
.awsui_drawer_hyvsj_d1fap_176 > .awsui_drawer-content-container_hyvsj_d1fap_311:not(#\9) {
|
|
313
313
|
grid-column: 1/span 2;
|
|
314
314
|
grid-row: 1;
|
|
315
315
|
inline-size: var(--awsui-drawer-size-xgujsu);
|
|
@@ -318,42 +318,42 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
318
318
|
grid-template-rows: var(--size-vertical-panel-icon-offset-z959cw, 15px) auto 1fr;
|
|
319
319
|
overflow-y: auto;
|
|
320
320
|
}
|
|
321
|
-
.
|
|
321
|
+
.awsui_drawer_hyvsj_d1fap_176 > .awsui_drawer-content-container_hyvsj_d1fap_311 > .awsui_drawer-close-button_hyvsj_d1fap_320:not(#\9) {
|
|
322
322
|
grid-column: 3;
|
|
323
323
|
grid-row: 2;
|
|
324
324
|
z-index: 1;
|
|
325
325
|
}
|
|
326
|
-
.
|
|
326
|
+
.awsui_drawer_hyvsj_d1fap_176 > .awsui_drawer-content-container_hyvsj_d1fap_311 > .awsui_drawer-content_hyvsj_d1fap_311:not(#\9) {
|
|
327
327
|
grid-column: 1/span 4;
|
|
328
328
|
block-size: var(--awsui-content-height-xgujsu);
|
|
329
329
|
}
|
|
330
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_d1fap_176 > .awsui_drawer-content-container_hyvsj_d1fap_311 > .awsui_drawer-content_hyvsj_d1fap_311.awsui_drawer-content-hidden_hyvsj_d1fap_329:not(#\9) {
|
|
331
331
|
display: none;
|
|
332
332
|
}
|
|
333
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_d1fap_176 > .awsui_drawer-slider_hyvsj_d1fap_332:not(#\9) {
|
|
334
334
|
grid-column: 1;
|
|
335
335
|
grid-row: 1;
|
|
336
336
|
block-size: 100%;
|
|
337
337
|
display: flex;
|
|
338
338
|
align-items: center;
|
|
339
339
|
}
|
|
340
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_d1fap_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_d1fap_339) {
|
|
341
341
|
opacity: 0;
|
|
342
342
|
inline-size: 0;
|
|
343
343
|
}
|
|
344
|
-
.
|
|
345
|
-
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-
|
|
346
|
-
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-
|
|
344
|
+
.awsui_drawer_hyvsj_d1fap_176.awsui_is-drawer-open_hyvsj_d1fap_339:not(#\9) {
|
|
345
|
+
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
346
|
+
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
347
347
|
opacity: 1;
|
|
348
348
|
inline-size: var(--awsui-drawer-size-xgujsu);
|
|
349
349
|
}
|
|
350
350
|
@media (min-width: 2541px) {
|
|
351
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_d1fap_176.awsui_is-drawer-open_hyvsj_d1fap_339:not(#\9) {
|
|
352
352
|
--awsui-drawer-size-xgujsu: 320px;
|
|
353
353
|
}
|
|
354
354
|
}
|
|
355
355
|
@media (max-width: 688px) {
|
|
356
|
-
.
|
|
356
|
+
.awsui_drawer_hyvsj_d1fap_176.awsui_is-drawer-open_hyvsj_d1fap_339:not(#\9) {
|
|
357
357
|
--awsui-drawer-size-xgujsu: 100vw;
|
|
358
358
|
inline-size: 100vw;
|
|
359
359
|
}
|
|
@@ -363,7 +363,7 @@ div.awsui_background_hyvsj_tjj1z_149 > .awsui_scrolling-background_hyvsj_tjj1z_1
|
|
|
363
363
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
364
364
|
SPDX-License-Identifier: Apache-2.0
|
|
365
365
|
*/
|
|
366
|
-
header.
|
|
366
|
+
header.awsui_content_hyvsj_d1fap_365:not(#\9) {
|
|
367
367
|
grid-area: header;
|
|
368
368
|
}
|
|
369
369
|
|
|
@@ -388,7 +388,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
388
388
|
circumstances regardless of whether the minContentWidth property is
|
|
389
389
|
explicitly set in script.
|
|
390
390
|
*/
|
|
391
|
-
.
|
|
391
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9) {
|
|
392
392
|
--awsui-breadcrumbs-gap-xgujsu: 0px;
|
|
393
393
|
--awsui-content-gap-left-xgujsu: 0px;
|
|
394
394
|
--awsui-content-gap-right-xgujsu: 0px;
|
|
@@ -410,8 +410,8 @@ explicitly set in script.
|
|
|
410
410
|
--awsui-overlap-height-xgujsu: var(--space-dark-header-overlap-distance-ld45ap, 36px);
|
|
411
411
|
--awsui-toggles-left-width-xgujsu: 0px;
|
|
412
412
|
--awsui-toggles-right-width-xgujsu: 0px;
|
|
413
|
-
background-color: var(--color-background-layout-main-
|
|
414
|
-
color: var(--color-text-body-default-
|
|
413
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
414
|
+
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
415
415
|
display: grid;
|
|
416
416
|
grid-template-areas: ". . mobileToolbar . ." ". . notifications . ." ". . breadcrumbsGap . ." ". . breadcrumbs . ." ". . headerGap . ." ". . header . ." ". . mainGap . ." ". . main . ." ". . main . .";
|
|
417
417
|
grid-template-columns: min-content minmax(var(--awsui-content-gap-left-xgujsu), 1fr) minmax(var(--awsui-default-min-content-width-xgujsu), var(--awsui-default-max-content-width-xgujsu)) minmax(var(--awsui-content-gap-right-xgujsu), 1fr) min-content;
|
|
@@ -460,113 +460,113 @@ explicitly set in script.
|
|
|
460
460
|
*/
|
|
461
461
|
}
|
|
462
462
|
@media (min-width: 1401px) {
|
|
463
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462) {
|
|
464
464
|
--awsui-default-max-content-width-xgujsu: 1280px;
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
@media (min-width: 1921px) {
|
|
468
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462) {
|
|
469
469
|
--awsui-default-max-content-width-xgujsu: 1440px;
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
472
|
@media (min-width: 2541px) {
|
|
473
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462) {
|
|
474
474
|
--awsui-default-max-content-width-xgujsu: 1620px;
|
|
475
475
|
}
|
|
476
476
|
}
|
|
477
477
|
@media (min-width: 1401px) {
|
|
478
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462).awsui_content-type-dashboard_hyvsj_d1fap_477 {
|
|
479
479
|
--awsui-default-max-content-width-xgujsu: 1280px;
|
|
480
480
|
}
|
|
481
481
|
}
|
|
482
482
|
@media (min-width: 1921px) {
|
|
483
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462).awsui_content-type-dashboard_hyvsj_d1fap_477 {
|
|
484
484
|
--awsui-default-max-content-width-xgujsu: 1620px;
|
|
485
485
|
}
|
|
486
486
|
}
|
|
487
487
|
@media (min-width: 2541px) {
|
|
488
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462).awsui_content-type-dashboard_hyvsj_d1fap_477 {
|
|
489
489
|
--awsui-default-max-content-width-xgujsu: 2160px;
|
|
490
490
|
}
|
|
491
491
|
}
|
|
492
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462).awsui_content-type-table_hyvsj_d1fap_491, .awsui_layout_hyvsj_d1fap_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_d1fap_462).awsui_content-type-cards_hyvsj_d1fap_491 {
|
|
493
493
|
--awsui-default-max-content-width-xgujsu: 100%;
|
|
494
494
|
}
|
|
495
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-max-content-width_hyvsj_d1fap_462:not(#\9) {
|
|
496
496
|
--awsui-default-max-content-width-xgujsu: var(--awsui-max-content-width-xgujsu);
|
|
497
497
|
}
|
|
498
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_is-overlap-disabled_hyvsj_d1fap_497:not(#\9) {
|
|
499
499
|
--awsui-overlap-height-xgujsu: 0;
|
|
500
500
|
}
|
|
501
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_is-hide-mobile-toolbar_hyvsj_d1fap_500:not(#\9) {
|
|
502
502
|
--awsui-mobile-bar-height-xgujsu: 0px;
|
|
503
503
|
}
|
|
504
504
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9) {
|
|
506
506
|
--awsui-default-min-content-width-xgujsu: var(--awsui-min-content-width-xgujsu, 280px);
|
|
507
507
|
}
|
|
508
508
|
}
|
|
509
509
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9) {
|
|
511
511
|
--awsui-default-min-content-width-xgujsu: 0px;
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
514
|
@media (min-width: 689px) {
|
|
515
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-content-gap-left_hyvsj_d1fap_514:not(#\9) {
|
|
516
516
|
--awsui-content-gap-left-xgujsu: var(--space-layout-content-horizontal-buc0zz, 24px);
|
|
517
517
|
}
|
|
518
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-content-gap-right_hyvsj_d1fap_517:not(#\9) {
|
|
519
519
|
--awsui-content-gap-right-xgujsu: var(--space-layout-content-horizontal-buc0zz, 24px);
|
|
520
520
|
}
|
|
521
521
|
}
|
|
522
522
|
@media (max-width: 688px) {
|
|
523
|
-
.
|
|
523
|
+
.awsui_layout_hyvsj_d1fap_390:not(#\9) {
|
|
524
524
|
--awsui-content-gap-left-xgujsu: var(--space-l-2ud1p3, 20px);
|
|
525
525
|
--awsui-content-gap-right-xgujsu: var(--space-l-2ud1p3, 20px);
|
|
526
526
|
}
|
|
527
527
|
}
|
|
528
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-breadcrumbs_hyvsj_d1fap_527:not(#\9) {
|
|
529
529
|
--awsui-breadcrumbs-gap-xgujsu: var(--space-scaled-m-m892r9, 16px);
|
|
530
530
|
}
|
|
531
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-header_hyvsj_d1fap_530:not(#\9), .awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-notifications_hyvsj_d1fap_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_d1fap_527).awsui_has-header_hyvsj_d1fap_530 {
|
|
532
532
|
--awsui-header-gap-xgujsu: var(--space-scaled-xs-xwoogq, 8px);
|
|
533
533
|
}
|
|
534
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-breadcrumbs_hyvsj_d1fap_527.awsui_has-header_hyvsj_d1fap_530:not(#\9) {
|
|
535
535
|
--awsui-header-gap-xgujsu: var(--space-scaled-xs-xwoogq, 8px);
|
|
536
536
|
}
|
|
537
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-notifications_hyvsj_d1fap_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_d1fap_527):not(.awsui_has-header_hyvsj_d1fap_530) {
|
|
538
538
|
--awsui-main-gap-xgujsu: var(--space-xs-ymlm0b, 8px);
|
|
539
539
|
}
|
|
540
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-breadcrumbs_hyvsj_d1fap_527:not(#\9):not(.awsui_has-header_hyvsj_d1fap_530) {
|
|
541
541
|
--awsui-main-gap-xgujsu: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
542
542
|
}
|
|
543
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-header_hyvsj_d1fap_530:not(#\9) {
|
|
544
544
|
--awsui-main-gap-xgujsu: var(--space-content-header-padding-bottom-rvy5xz, 16px);
|
|
545
545
|
}
|
|
546
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-main_hyvsj_d1fap_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_d1fap_545) {
|
|
547
547
|
--awsui-main-gap-xgujsu: var(--space-scaled-s-8ozaad, 12px);
|
|
548
548
|
}
|
|
549
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-main_hyvsj_d1fap_545.awsui_disable-content-paddings_hyvsj_d1fap_545:not(#\9) {
|
|
550
550
|
--awsui-main-gap-xgujsu: 0px;
|
|
551
551
|
}
|
|
552
552
|
@media (max-width: 688px) {
|
|
553
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-header_hyvsj_d1fap_530:not(#\9) {
|
|
554
554
|
--awsui-header-gap-xgujsu: var(--space-scaled-s-8ozaad, 12px);
|
|
555
555
|
}
|
|
556
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-notifications_hyvsj_d1fap_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_d1fap_527).awsui_has-header_hyvsj_d1fap_530 {
|
|
557
557
|
--awsui-header-gap-xgujsu: var(--space-scaled-s-8ozaad, 12px);
|
|
558
558
|
}
|
|
559
|
-
.
|
|
559
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-notifications_hyvsj_d1fap_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_d1fap_527):not(.awsui_has-header_hyvsj_d1fap_530), .awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-main_hyvsj_d1fap_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_d1fap_545) {
|
|
560
560
|
--awsui-main-gap-xgujsu: var(--space-scaled-s-8ozaad, 12px);
|
|
561
561
|
}
|
|
562
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_content-first-child-main_hyvsj_d1fap_545.awsui_disable-content-paddings_hyvsj_d1fap_545:not(#\9) {
|
|
563
563
|
--awsui-main-gap-xgujsu: 0px;
|
|
564
564
|
}
|
|
565
565
|
}
|
|
566
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-left-toggles-gutter_hyvsj_d1fap_565:not(#\9) {
|
|
567
567
|
--awsui-toggles-left-width-xgujsu: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
|
|
568
568
|
}
|
|
569
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_has-right-toggles-gutter_hyvsj_d1fap_568:not(#\9) {
|
|
570
570
|
--awsui-toggles-right-width-xgujsu: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
|
|
571
571
|
}
|
|
572
572
|
|
|
@@ -580,13 +580,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
580
580
|
position: sticky will be the value of the notifications height in addition to the
|
|
581
581
|
notifications top margin and some additional vertical space for aesthetics.
|
|
582
582
|
*/
|
|
583
|
-
.
|
|
583
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_disable-body-scroll_hyvsj_d1fap_208:not(#\9) {
|
|
584
584
|
--awsui-main-template-rows-xgujsu: 1fr auto;
|
|
585
585
|
--awsui-offset-top-xgujsu: 0px;
|
|
586
586
|
block-size: var(--awsui-content-height-xgujsu);
|
|
587
587
|
overflow-y: scroll;
|
|
588
588
|
}
|
|
589
|
-
.
|
|
589
|
+
.awsui_layout_hyvsj_d1fap_390.awsui_disable-body-scroll_hyvsj_d1fap_208.awsui_has-split-panel_hyvsj_d1fap_588.awsui_split-panel-position-bottom_hyvsj_d1fap_588:not(#\9) {
|
|
590
590
|
--awsui-main-template-rows-xgujsu: repeat(2, auto);
|
|
591
591
|
}
|
|
592
592
|
|
|
@@ -594,13 +594,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
594
594
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
595
595
|
when the navigation or tools drawers are open in responsive viewports.
|
|
596
596
|
*/
|
|
597
|
-
.awsui_block-body-
|
|
597
|
+
.awsui_block-body-scroll_hyvsj_d1fap_596:not(#\9) {
|
|
598
598
|
overflow: hidden;
|
|
599
599
|
}
|
|
600
600
|
|
|
601
601
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
602
|
-
.
|
|
603
|
-
.
|
|
602
|
+
.awsui_unfocusable_hyvsj_d1fap_601:not(#\9),
|
|
603
|
+
.awsui_unfocusable_hyvsj_d1fap_601 *:not(#\9) {
|
|
604
604
|
visibility: hidden !important;
|
|
605
605
|
}
|
|
606
606
|
|
|
@@ -609,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
609
609
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
610
610
|
SPDX-License-Identifier: Apache-2.0
|
|
611
611
|
*/
|
|
612
|
-
.
|
|
612
|
+
.awsui_container_hyvsj_d1fap_611:not(#\9) {
|
|
613
613
|
grid-area: main;
|
|
614
614
|
padding-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
|
|
615
615
|
/*
|
|
@@ -626,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
626
626
|
on the right, we decrement the column end by one.
|
|
627
627
|
*/
|
|
628
628
|
}
|
|
629
|
-
.
|
|
629
|
+
.awsui_container_hyvsj_d1fap_611.awsui_has-split-panel_hyvsj_d1fap_588.awsui_split-panel-position-bottom_hyvsj_d1fap_588:not(#\9) {
|
|
630
630
|
padding-block-end: calc(var(--awsui-split-panel-height-xgujsu) + var(--space-layout-content-bottom-zeb1g9, 40px));
|
|
631
631
|
}
|
|
632
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_d1fap_611.awsui_disable-content-paddings_hyvsj_d1fap_545:not(#\9) {
|
|
633
633
|
grid-column: 1/6;
|
|
634
634
|
padding-block: 0;
|
|
635
635
|
padding-inline: 0;
|
|
636
636
|
}
|
|
637
637
|
@media (min-width: 689px) {
|
|
638
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_d1fap_611.awsui_disable-content-paddings_hyvsj_d1fap_545.awsui_is-navigation-open_hyvsj_d1fap_637:not(#\9) {
|
|
639
639
|
grid-column-start: 2;
|
|
640
640
|
}
|
|
641
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_d1fap_611.awsui_disable-content-paddings_hyvsj_d1fap_545.awsui_is-tools-open_hyvsj_d1fap_640:not(#\9), .awsui_container_hyvsj_d1fap_611.awsui_disable-content-paddings_hyvsj_d1fap_545.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_split-panel-position-side_hyvsj_d1fap_640:not(#\9), .awsui_container_hyvsj_d1fap_611.awsui_disable-content-paddings_hyvsj_d1fap_545.awsui_has-active-drawer_hyvsj_d1fap_640:not(#\9) {
|
|
642
642
|
grid-column-end: 5;
|
|
643
643
|
}
|
|
644
644
|
}
|
|
@@ -651,10 +651,10 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
651
651
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
652
652
|
SPDX-License-Identifier: Apache-2.0
|
|
653
653
|
*/
|
|
654
|
-
section.awsui_mobile-
|
|
654
|
+
section.awsui_mobile-toolbar_hyvsj_d1fap_653:not(#\9) {
|
|
655
655
|
align-items: center;
|
|
656
|
-
background-color: var(--color-background-layout-main-
|
|
657
|
-
border-block-end: 1px solid var(--color-border-divider-default-
|
|
656
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
657
|
+
border-block-end: 1px solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
658
658
|
box-shadow: var(--shadow-sticky-lolw8j, 0px 4px 8px 1px rgba(0, 7, 22, 0.1));
|
|
659
659
|
box-sizing: border-box;
|
|
660
660
|
block-size: var(--awsui-mobile-bar-height-xgujsu);
|
|
@@ -668,19 +668,19 @@ section.awsui_mobile-toolbar_hyvsj_tjj1z_653:not(#\9) {
|
|
|
668
668
|
inset-block-start: var(--awsui-offset-top-xgujsu);
|
|
669
669
|
z-index: 1000;
|
|
670
670
|
}
|
|
671
|
-
section.awsui_mobile-
|
|
672
|
-
background-color: var(--color-background-layout-main-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_d1fap_653:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_d1fap_670) {
|
|
672
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
673
673
|
box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
674
674
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_d1fap_653 > .awsui_mobile-toolbar-nav_hyvsj_d1fap_674:not(#\9) {
|
|
676
676
|
grid-column: 1;
|
|
677
677
|
margin-inline-end: var(--space-m-dsumyt, 16px);
|
|
678
678
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_d1fap_653 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_d1fap_678:not(#\9) {
|
|
680
680
|
grid-column: 2;
|
|
681
|
-
background-color: var(--color-background-layout-main-
|
|
681
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
682
682
|
}
|
|
683
|
-
section.awsui_mobile-
|
|
683
|
+
section.awsui_mobile-toolbar_hyvsj_d1fap_653 > .awsui_mobile-toolbar-tools_hyvsj_d1fap_682:not(#\9) {
|
|
684
684
|
grid-column: 3;
|
|
685
685
|
margin-inline-start: var(--space-m-dsumyt, 16px);
|
|
686
686
|
}
|
|
@@ -689,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_tjj1z_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
689
689
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
690
690
|
SPDX-License-Identifier: Apache-2.0
|
|
691
691
|
*/
|
|
692
|
-
.awsui_navigation-
|
|
692
|
+
.awsui_navigation-container_hyvsj_d1fap_691:not(#\9) {
|
|
693
693
|
display: flex;
|
|
694
694
|
grid-column: 1;
|
|
695
695
|
grid-row: 1/span 9;
|
|
@@ -710,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_tjj1z_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
710
710
|
pointer-events: none;
|
|
711
711
|
}
|
|
712
712
|
@media (max-width: 688px) {
|
|
713
|
-
.awsui_navigation-
|
|
713
|
+
.awsui_navigation-container_hyvsj_d1fap_691:not(#\9) {
|
|
714
714
|
inset-inline-start: 0;
|
|
715
715
|
position: fixed;
|
|
716
716
|
z-index: 1001;
|
|
@@ -722,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_tjj1z_653 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
722
722
|
relative to the body.
|
|
723
723
|
*/
|
|
724
724
|
}
|
|
725
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_d1fap_691.awsui_disable-body-scroll_hyvsj_d1fap_208:not(#\9) {
|
|
726
726
|
inset-block-start: var(--awsui-header-height-xgujsu);
|
|
727
727
|
}
|
|
728
728
|
}
|
|
729
729
|
|
|
730
|
-
nav.awsui_show-
|
|
730
|
+
nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9) {
|
|
731
731
|
padding-block: var(--space-scaled-s-8ozaad, 12px);
|
|
732
732
|
padding-inline: var(--space-layout-toggle-padding-chwlhz, 12px);
|
|
733
733
|
/*
|
|
@@ -735,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_tjj1z_729:not(#\9) {
|
|
|
735
735
|
take control in responsive viewports.
|
|
736
736
|
*/
|
|
737
737
|
}
|
|
738
|
-
@keyframes
|
|
738
|
+
@keyframes awsui_showButtons_hyvsj_d1fap_1 {
|
|
739
739
|
0% {
|
|
740
740
|
opacity: 0;
|
|
741
741
|
}
|
|
@@ -743,32 +743,32 @@ nav.awsui_show-navigation_hyvsj_tjj1z_729:not(#\9) {
|
|
|
743
743
|
opacity: 1;
|
|
744
744
|
}
|
|
745
745
|
}
|
|
746
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_d1fap_729.awsui_is-navigation-open_hyvsj_d1fap_637:not(#\9) {
|
|
747
747
|
display: none;
|
|
748
748
|
}
|
|
749
749
|
@media (min-width: 689px) {
|
|
750
|
-
nav.awsui_show-
|
|
750
|
+
nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637) {
|
|
751
751
|
display: block;
|
|
752
752
|
}
|
|
753
|
-
nav.awsui_show-
|
|
754
|
-
animation:
|
|
753
|
+
nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637).awsui_animating_hyvsj_d1fap_752 {
|
|
754
|
+
animation: awsui_showButtons_hyvsj_d1fap_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
755
755
|
}
|
|
756
756
|
}
|
|
757
757
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
758
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637).awsui_animating_hyvsj_d1fap_752 {
|
|
759
759
|
animation: none;
|
|
760
760
|
transition: none;
|
|
761
761
|
}
|
|
762
762
|
}
|
|
763
763
|
@media (min-width: 689px) {
|
|
764
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
764
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637).awsui_animating_hyvsj_d1fap_752, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_d1fap_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637).awsui_animating_hyvsj_d1fap_752 {
|
|
765
765
|
animation: none;
|
|
766
766
|
transition: none;
|
|
767
767
|
}
|
|
768
768
|
}
|
|
769
769
|
|
|
770
|
-
nav.
|
|
771
|
-
background-color: var(--color-background-container-content-
|
|
770
|
+
nav.awsui_navigation_hyvsj_d1fap_691:not(#\9) {
|
|
771
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
772
772
|
inset-block-end: 0;
|
|
773
773
|
block-size: 100%;
|
|
774
774
|
overflow-x: hidden;
|
|
@@ -778,7 +778,7 @@ nav.awsui_navigation_hyvsj_tjj1z_691:not(#\9) {
|
|
|
778
778
|
position: relative;
|
|
779
779
|
word-wrap: break-word;
|
|
780
780
|
pointer-events: auto;
|
|
781
|
-
border-inline-end: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-
|
|
781
|
+
border-inline-end: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
782
782
|
display: flex;
|
|
783
783
|
flex-direction: column;
|
|
784
784
|
/*
|
|
@@ -787,7 +787,7 @@ nav.awsui_navigation_hyvsj_tjj1z_691:not(#\9) {
|
|
|
787
787
|
prevent unwanted text wrapping.
|
|
788
788
|
*/
|
|
789
789
|
}
|
|
790
|
-
@keyframes
|
|
790
|
+
@keyframes awsui_openNavigation_hyvsj_d1fap_1 {
|
|
791
791
|
from {
|
|
792
792
|
opacity: 0;
|
|
793
793
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
@@ -797,36 +797,36 @@ nav.awsui_navigation_hyvsj_tjj1z_691:not(#\9) {
|
|
|
797
797
|
inline-size: var(--awsui-navigation-width-xgujsu);
|
|
798
798
|
}
|
|
799
799
|
}
|
|
800
|
-
nav.
|
|
800
|
+
nav.awsui_navigation_hyvsj_d1fap_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_d1fap_637) {
|
|
801
801
|
inline-size: 0;
|
|
802
802
|
display: none;
|
|
803
803
|
}
|
|
804
|
-
nav.
|
|
805
|
-
animation:
|
|
804
|
+
nav.awsui_navigation_hyvsj_d1fap_691.awsui_is-navigation-open_hyvsj_d1fap_637.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
805
|
+
animation: awsui_openNavigation_hyvsj_d1fap_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
806
806
|
}
|
|
807
807
|
@media (prefers-reduced-motion: reduce) {
|
|
808
|
-
nav.
|
|
808
|
+
nav.awsui_navigation_hyvsj_d1fap_691.awsui_is-navigation-open_hyvsj_d1fap_637.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
809
809
|
animation: none;
|
|
810
810
|
transition: none;
|
|
811
811
|
}
|
|
812
812
|
}
|
|
813
|
-
.awsui-motion-disabled nav.
|
|
813
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_d1fap_691.awsui_is-navigation-open_hyvsj_d1fap_637.awsui_animating_hyvsj_d1fap_752:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_d1fap_691.awsui_is-navigation-open_hyvsj_d1fap_637.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
814
814
|
animation: none;
|
|
815
815
|
transition: none;
|
|
816
816
|
}
|
|
817
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_d1fap_691 > .awsui_animated-content_hyvsj_d1fap_816:not(#\9) {
|
|
818
818
|
inline-size: var(--awsui-navigation-width-xgujsu);
|
|
819
819
|
}
|
|
820
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_d1fap_691 > .awsui_content-container_hyvsj_d1fap_819:not(#\9) {
|
|
821
821
|
flex-grow: 1;
|
|
822
822
|
}
|
|
823
823
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_d1fap_691:not(#\9) {
|
|
825
825
|
--awsui-navigation-width-xgujsu: 100vw;
|
|
826
826
|
}
|
|
827
827
|
}
|
|
828
828
|
|
|
829
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_d1fap_828:not(#\9) {
|
|
830
830
|
position: absolute;
|
|
831
831
|
inset-inline-end: var(--space-m-dsumyt, 16px);
|
|
832
832
|
inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
|
|
@@ -836,24 +836,24 @@ nav.awsui_navigation_hyvsj_tjj1z_691 > .awsui_content-container_hyvsj_tjj1z_819:
|
|
|
836
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
837
|
SPDX-License-Identifier: Apache-2.0
|
|
838
838
|
*/
|
|
839
|
-
.
|
|
840
|
-
color: var(--color-text-body-default-
|
|
839
|
+
.awsui_notifications_hyvsj_d1fap_838:not(#\9) {
|
|
840
|
+
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
841
841
|
grid-area: notifications;
|
|
842
842
|
z-index: 850;
|
|
843
843
|
}
|
|
844
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_d1fap_838.awsui_has-notification-content_hyvsj_d1fap_843:not(#\9) {
|
|
845
845
|
padding-block-start: var(--space-scaled-s-8ozaad, 12px);
|
|
846
846
|
}
|
|
847
847
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_d1fap_838.awsui_sticky-notifications_hyvsj_d1fap_847:not(#\9) {
|
|
849
849
|
--awsui-flashbar-sticky-bottom-margin-xgujsu: var(--space-xxl-32srm4, 32px);
|
|
850
850
|
position: sticky;
|
|
851
851
|
inset-block-start: var(--awsui-offset-top-xgujsu);
|
|
852
852
|
}
|
|
853
|
-
.
|
|
854
|
-
background-color: var(--color-background-layout-main-
|
|
853
|
+
.awsui_notifications_hyvsj_d1fap_838.awsui_sticky-notifications_hyvsj_d1fap_847:not(#\9):not(.awsui_high-contrast_hyvsj_d1fap_852) {
|
|
854
|
+
background-color: var(--color-background-layout-main-5ilwcb, #ffffff);
|
|
855
855
|
}
|
|
856
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_d1fap_838.awsui_has-notification-content_hyvsj_d1fap_843:not(#\9) {
|
|
857
857
|
padding-block-start: var(--space-xs-ymlm0b, 8px);
|
|
858
858
|
}
|
|
859
859
|
}
|
|
@@ -868,7 +868,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
868
868
|
consume the remaining vertical space in the grid after the notifications
|
|
869
869
|
and breadcrumbs.
|
|
870
870
|
*/
|
|
871
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870:not(#\9) {
|
|
872
872
|
/*
|
|
873
873
|
The align self property will position the split panel at the bottom of the grid row.
|
|
874
874
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -904,7 +904,7 @@ section.awsui_split-panel-bottom_hyvsj_tjj1z_870:not(#\9) {
|
|
|
904
904
|
apply the animation to the height property.
|
|
905
905
|
*/
|
|
906
906
|
}
|
|
907
|
-
@keyframes
|
|
907
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_d1fap_1 {
|
|
908
908
|
from {
|
|
909
909
|
block-size: var(--awsui-split-panel-reported-header-size-xgujsu, 0);
|
|
910
910
|
}
|
|
@@ -912,39 +912,39 @@ section.awsui_split-panel-bottom_hyvsj_tjj1z_870:not(#\9) {
|
|
|
912
912
|
block-size: var(--awsui-split-panel-reported-size-xgujsu);
|
|
913
913
|
}
|
|
914
914
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_disable-body-scroll_hyvsj_d1fap_208:not(#\9) {
|
|
916
916
|
inset-block-end: 0;
|
|
917
917
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-navigation-open_hyvsj_d1fap_637.awsui_position-bottom_hyvsj_d1fap_917:not(#\9) {
|
|
919
919
|
grid-column-start: 2;
|
|
920
920
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_has-open-drawer_hyvsj_d1fap_187.awsui_position-bottom_hyvsj_d1fap_917:not(#\9) {
|
|
922
922
|
grid-column-end: 5;
|
|
923
923
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_position-bottom_hyvsj_d1fap_917:not(#\9) {
|
|
925
925
|
display: block;
|
|
926
926
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870:not(#\9):not(.awsui_is-split-panel-open_hyvsj_d1fap_640).awsui_position-bottom_hyvsj_d1fap_917 {
|
|
928
928
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
929
929
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-bottom_hyvsj_d1fap_917:not(#\9) {
|
|
931
931
|
box-shadow: var(--shadow-split-bottom-vlyulf, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
932
932
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
934
|
-
animation:
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-bottom_hyvsj_d1fap_917.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
934
|
+
animation: awsui_openSplitPanelBottom_hyvsj_d1fap_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
935
935
|
}
|
|
936
936
|
@media (prefers-reduced-motion: reduce) {
|
|
937
|
-
section.awsui_split-panel-
|
|
937
|
+
section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-bottom_hyvsj_d1fap_917.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
938
938
|
animation: none;
|
|
939
939
|
transition: none;
|
|
940
940
|
}
|
|
941
941
|
}
|
|
942
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
942
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-bottom_hyvsj_d1fap_917.awsui_animating_hyvsj_d1fap_752:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_d1fap_870.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-bottom_hyvsj_d1fap_917.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
943
943
|
animation: none;
|
|
944
944
|
transition: none;
|
|
945
945
|
}
|
|
946
946
|
|
|
947
|
-
section.awsui_split-panel-
|
|
947
|
+
section.awsui_split-panel-side_hyvsj_d1fap_946:not(#\9) {
|
|
948
948
|
block-size: 100%;
|
|
949
949
|
overflow-x: hidden;
|
|
950
950
|
pointer-events: auto;
|
|
@@ -954,16 +954,16 @@ section.awsui_split-panel-side_hyvsj_tjj1z_946:not(#\9) {
|
|
|
954
954
|
be persistent in the DOM when closed.
|
|
955
955
|
*/
|
|
956
956
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_d1fap_946:not(#\9):not(.awsui_is-split-panel-open_hyvsj_d1fap_640), section.awsui_split-panel-side_hyvsj_d1fap_946.awsui_position-bottom_hyvsj_d1fap_917:not(#\9) {
|
|
958
958
|
inline-size: 0;
|
|
959
959
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-side_hyvsj_d1fap_946.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-side_hyvsj_d1fap_959:not(#\9) {
|
|
961
961
|
max-inline-size: var(--awsui-split-panel-max-width-xgujsu, 280px);
|
|
962
962
|
min-inline-size: var(--awsui-split-panel-min-width-xgujsu, 280px);
|
|
963
|
-
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-
|
|
963
|
+
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
964
964
|
}
|
|
965
|
-
section.awsui_split-panel-
|
|
966
|
-
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-side-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_d1fap_946.awsui_is-split-panel-open_hyvsj_d1fap_640.awsui_position-side_hyvsj_d1fap_959:not(#\9):not(.awsui_has-open-drawer_hyvsj_d1fap_187) {
|
|
966
|
+
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-panel-side-an0w07, #c6c6cd);
|
|
967
967
|
}
|
|
968
968
|
|
|
969
969
|
/*
|
|
@@ -979,7 +979,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
979
979
|
property. The content gap right is computed in the Layout styles based on the
|
|
980
980
|
viewport size and state of the Tools drawer.
|
|
981
981
|
*/
|
|
982
|
-
.awsui_tools-
|
|
982
|
+
.awsui_tools-container_hyvsj_d1fap_981:not(#\9) {
|
|
983
983
|
--awsui-tools-max-width-xgujsu: calc(var(--awsui-layout-width-xgujsu) - var(--awsui-main-offset-left-xgujsu) - var(--awsui-default-min-content-width-xgujsu) - var(--awsui-content-gap-right-xgujsu));
|
|
984
984
|
display: flex;
|
|
985
985
|
grid-column: 5;
|
|
@@ -992,7 +992,7 @@ viewport size and state of the Tools drawer.
|
|
|
992
992
|
pointer-events: none;
|
|
993
993
|
}
|
|
994
994
|
@media (max-width: 688px) {
|
|
995
|
-
.awsui_tools-
|
|
995
|
+
.awsui_tools-container_hyvsj_d1fap_981:not(#\9) {
|
|
996
996
|
--awsui-tools-max-width-xgujsu: none;
|
|
997
997
|
--awsui-tools-width-xgujsu: auto;
|
|
998
998
|
position: fixed;
|
|
@@ -1006,13 +1006,13 @@ viewport size and state of the Tools drawer.
|
|
|
1006
1006
|
relative to the body.
|
|
1007
1007
|
*/
|
|
1008
1008
|
}
|
|
1009
|
-
.awsui_tools-
|
|
1009
|
+
.awsui_tools-container_hyvsj_d1fap_981.awsui_disable-body-scroll_hyvsj_d1fap_208:not(#\9) {
|
|
1010
1010
|
inset-block-start: var(--awsui-header-height-xgujsu);
|
|
1011
1011
|
}
|
|
1012
1012
|
}
|
|
1013
1013
|
|
|
1014
|
-
.
|
|
1015
|
-
background-color: var(--color-background-container-content-
|
|
1014
|
+
.awsui_tools_hyvsj_d1fap_981:not(#\9) {
|
|
1015
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
1016
1016
|
flex-shrink: 0;
|
|
1017
1017
|
block-size: 100%;
|
|
1018
1018
|
overflow-y: auto;
|
|
@@ -1034,7 +1034,7 @@ viewport size and state of the Tools drawer.
|
|
|
1034
1034
|
in the side position.
|
|
1035
1035
|
*/
|
|
1036
1036
|
}
|
|
1037
|
-
@keyframes
|
|
1037
|
+
@keyframes awsui_openTools_hyvsj_d1fap_1 {
|
|
1038
1038
|
from {
|
|
1039
1039
|
opacity: var(--awsui-tools-animation-starting-opacity-xgujsu, 0);
|
|
1040
1040
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
@@ -1044,41 +1044,41 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1044
|
inline-size: var(--awsui-tools-width-xgujsu);
|
|
1045
1045
|
}
|
|
1046
1046
|
}
|
|
1047
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_d1fap_981:not(#\9):not(.awsui_is-tools-open_hyvsj_d1fap_640) {
|
|
1048
1048
|
inline-size: 0;
|
|
1049
1049
|
display: none;
|
|
1050
1050
|
}
|
|
1051
|
-
.
|
|
1052
|
-
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-
|
|
1051
|
+
.awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640:not(#\9) {
|
|
1052
|
+
border-inline-start: solid var(--border-divider-section-width-uwo8my, 1px) var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
1053
1053
|
}
|
|
1054
|
-
.
|
|
1055
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_d1fap_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
1056
1056
|
}
|
|
1057
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1058
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1059
1059
|
animation: none;
|
|
1060
1060
|
transition: none;
|
|
1061
1061
|
}
|
|
1062
1062
|
}
|
|
1063
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640.awsui_animating_hyvsj_d1fap_752:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1064
1064
|
animation: none;
|
|
1065
1065
|
transition: none;
|
|
1066
1066
|
}
|
|
1067
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_d1fap_981 > .awsui_animated-content_hyvsj_d1fap_816:not(#\9) {
|
|
1068
1068
|
inline-size: var(--awsui-tools-width-xgujsu);
|
|
1069
1069
|
}
|
|
1070
1070
|
@media (min-width: 689px) {
|
|
1071
|
-
.
|
|
1072
|
-
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-
|
|
1071
|
+
.awsui_tools_hyvsj_d1fap_981.awsui_is-tools-open_hyvsj_d1fap_640.awsui_has-tools-form-persistence_hyvsj_d1fap_1070:not(#\9) {
|
|
1072
|
+
border-inline-end: var(--border-divider-section-width-uwo8my, 1px) solid var(--color-border-divider-default-nr68jt, #c6c6cd);
|
|
1073
1073
|
}
|
|
1074
1074
|
}
|
|
1075
1075
|
@media (max-width: 688px) {
|
|
1076
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_d1fap_981:not(#\9) {
|
|
1077
1077
|
--awsui-tools-width-xgujsu: 100vw;
|
|
1078
1078
|
}
|
|
1079
1079
|
}
|
|
1080
1080
|
|
|
1081
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_d1fap_1080:not(#\9) {
|
|
1082
1082
|
position: absolute;
|
|
1083
1083
|
inset-inline-end: var(--space-m-dsumyt, 16px);
|
|
1084
1084
|
inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
|
|
@@ -1090,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1090
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1091
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1092
1092
|
*/
|
|
1093
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_d1fap_1092:not(#\9) {
|
|
1094
1094
|
border-collapse: separate;
|
|
1095
1095
|
border-spacing: 0;
|
|
1096
1096
|
box-sizing: border-box;
|
|
@@ -1116,7 +1116,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1116
1116
|
word-spacing: normal;
|
|
1117
1117
|
font-size: var(--font-size-body-m-a7nh2n, 14px);
|
|
1118
1118
|
line-height: var(--line-height-body-m-2mh3ke, 20px);
|
|
1119
|
-
color: var(--color-text-body-default-
|
|
1119
|
+
color: var(--color-text-body-default-vvtq8u, #0f141a);
|
|
1120
1120
|
font-weight: 400;
|
|
1121
1121
|
font-family: var(--font-family-base-gmnpzl, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1122
1122
|
-webkit-font-smoothing: auto;
|
|
@@ -1129,7 +1129,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1129
1129
|
take control in responsive viewports.
|
|
1130
1130
|
*/
|
|
1131
1131
|
}
|
|
1132
|
-
@keyframes
|
|
1132
|
+
@keyframes awsui_showButtons_hyvsj_d1fap_1 {
|
|
1133
1133
|
0% {
|
|
1134
1134
|
opacity: 0;
|
|
1135
1135
|
}
|
|
@@ -1137,32 +1137,32 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1137
1137
|
opacity: 1;
|
|
1138
1138
|
}
|
|
1139
1139
|
}
|
|
1140
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_d1fap_1092:not(#\9):not(.awsui_has-tools-form_hyvsj_d1fap_1070) {
|
|
1141
1141
|
display: none;
|
|
1142
1142
|
}
|
|
1143
1143
|
@media (min-width: 689px) {
|
|
1144
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form_hyvsj_d1fap_1070:not(#\9) {
|
|
1145
1145
|
display: flex;
|
|
1146
1146
|
flex-direction: column;
|
|
1147
1147
|
gap: var(--space-xs-ymlm0b, 8px);
|
|
1148
1148
|
}
|
|
1149
|
-
.awsui_show-
|
|
1150
|
-
animation:
|
|
1149
|
+
.awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form_hyvsj_d1fap_1070.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1150
|
+
animation: awsui_showButtons_hyvsj_d1fap_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
1151
1151
|
}
|
|
1152
1152
|
}
|
|
1153
1153
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1154
|
-
.awsui_show-
|
|
1154
|
+
.awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form_hyvsj_d1fap_1070.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1155
1155
|
animation: none;
|
|
1156
1156
|
transition: none;
|
|
1157
1157
|
}
|
|
1158
1158
|
}
|
|
1159
1159
|
@media (min-width: 689px) {
|
|
1160
|
-
.awsui-motion-disabled .awsui_show-
|
|
1160
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form_hyvsj_d1fap_1070.awsui_animating_hyvsj_d1fap_752:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form_hyvsj_d1fap_1070.awsui_animating_hyvsj_d1fap_752:not(#\9) {
|
|
1161
1161
|
animation: none;
|
|
1162
1162
|
transition: none;
|
|
1163
1163
|
}
|
|
1164
|
-
.awsui_show-
|
|
1165
|
-
background-color: var(--color-background-container-content-
|
|
1164
|
+
.awsui_show-tools_hyvsj_d1fap_1092.awsui_has-tools-form-persistence_hyvsj_d1fap_1070:not(#\9) {
|
|
1165
|
+
background-color: var(--color-background-container-content-6u8rvp, #ffffff);
|
|
1166
1166
|
z-index: 1;
|
|
1167
1167
|
}
|
|
1168
1168
|
}
|
|
@@ -1171,7 +1171,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1171
1171
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1172
1172
|
SPDX-License-Identifier: Apache-2.0
|
|
1173
1173
|
*/
|
|
1174
|
-
.awsui_trigger-button-
|
|
1174
|
+
.awsui_trigger-button-styles_hyvsj_d1fap_1172:not(#\9) {
|
|
1175
1175
|
background: var(--color-background-layout-toggle-default-2hgjdu, #424650);
|
|
1176
1176
|
border-start-start-radius: 50%;
|
|
1177
1177
|
border-start-end-radius: 50%;
|
|
@@ -1180,14 +1180,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1180
1180
|
block-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
|
|
1181
1181
|
inline-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
|
|
1182
1182
|
}
|
|
1183
|
-
.awsui_trigger-button-
|
|
1183
|
+
.awsui_trigger-button-styles_hyvsj_d1fap_1172:not(#\9):hover {
|
|
1184
1184
|
background: var(--color-background-layout-toggle-hover-0cpm7g, #656871);
|
|
1185
1185
|
}
|
|
1186
|
-
.awsui_trigger-button-
|
|
1186
|
+
.awsui_trigger-button-styles_hyvsj_d1fap_1172:not(#\9):active {
|
|
1187
1187
|
background: var(--color-background-layout-toggle-active-ap91vm, #424650);
|
|
1188
1188
|
}
|
|
1189
1189
|
|
|
1190
|
-
.awsui_trigger-badge-
|
|
1190
|
+
.awsui_trigger-badge-wrapper_hyvsj_d1fap_1188:not(#\9) {
|
|
1191
1191
|
position: absolute;
|
|
1192
1192
|
inset-block-start: 0;
|
|
1193
1193
|
inset-inline-start: 0;
|
|
@@ -1197,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1197
1197
|
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");
|
|
1198
1198
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1199
1199
|
}
|
|
1200
|
-
.awsui_trigger-badge-
|
|
1200
|
+
.awsui_trigger-badge-wrapper_hyvsj_d1fap_1188:not(#\9):dir(rtl) {
|
|
1201
1201
|
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");
|
|
1202
1202
|
}
|
|
1203
1203
|
|
|
@@ -1206,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1206
1206
|
the calculation used to determine the Split Panel maximum width in the
|
|
1207
1207
|
handleSplitPanelMaxWidth function in the context.
|
|
1208
1208
|
*/
|
|
1209
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_d1fap_1172:not(#\9) {
|
|
1210
1210
|
border-block: none;
|
|
1211
1211
|
border-inline: none;
|
|
1212
1212
|
padding-inline: 0;
|
|
@@ -1215,14 +1215,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1215
1215
|
pointer-events: auto;
|
|
1216
1216
|
position: relative;
|
|
1217
1217
|
}
|
|
1218
|
-
body[data-awsui-focus-visible=true] .
|
|
1218
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_d1fap_1172:not(#\9):focus {
|
|
1219
1219
|
position: relative;
|
|
1220
1220
|
}
|
|
1221
|
-
body[data-awsui-focus-visible=true] .
|
|
1221
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_d1fap_1172:not(#\9):focus {
|
|
1222
1222
|
outline: 2px dotted transparent;
|
|
1223
1223
|
outline-offset: calc(3px - 1px);
|
|
1224
1224
|
}
|
|
1225
|
-
body[data-awsui-focus-visible=true] .
|
|
1225
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_d1fap_1172:not(#\9):focus::before {
|
|
1226
1226
|
content: " ";
|
|
1227
1227
|
display: block;
|
|
1228
1228
|
position: absolute;
|
|
@@ -1234,51 +1234,51 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tjj1z_1172:not(#\9):foc
|
|
|
1234
1234
|
border-start-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
1235
1235
|
border-end-start-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
1236
1236
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-1uabki, 4px);
|
|
1237
|
-
box-shadow: 0 0 0 2px var(--color-border-item-focused-
|
|
1237
|
+
box-shadow: 0 0 0 2px var(--color-border-item-focused-uk47pl, #006ce0);
|
|
1238
1238
|
}
|
|
1239
|
-
.
|
|
1239
|
+
.awsui_trigger_hyvsj_d1fap_1172:not(#\9):focus {
|
|
1240
1240
|
outline: none;
|
|
1241
1241
|
}
|
|
1242
|
-
.
|
|
1243
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1244
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1242
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240:not(#\9) {
|
|
1243
|
+
background: var(--color-background-layout-toggle-selected-default-izfana, #006ce0);
|
|
1244
|
+
color: var(--color-text-layout-toggle-selected-xpximc, #ffffff);
|
|
1245
1245
|
}
|
|
1246
|
-
.
|
|
1247
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1246
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240:not(#\9):hover {
|
|
1247
|
+
background: var(--color-background-layout-toggle-selected-hover-7953u1, #004a9e);
|
|
1248
1248
|
}
|
|
1249
|
-
.
|
|
1250
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1249
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240:not(#\9):active {
|
|
1250
|
+
background: var(--color-background-layout-toggle-selected-active-zcl8w3, #006ce0);
|
|
1251
1251
|
}
|
|
1252
|
-
.
|
|
1253
|
-
background: var(--color-background-layout-toggle-selected-default-
|
|
1254
|
-
color: var(--color-text-layout-toggle-selected-
|
|
1252
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240 > .awsui_trigger-badge-wrapper_hyvsj_d1fap_1188:not(#\9) {
|
|
1253
|
+
background: var(--color-background-layout-toggle-selected-default-izfana, #006ce0);
|
|
1254
|
+
color: var(--color-text-layout-toggle-selected-xpximc, #ffffff);
|
|
1255
1255
|
}
|
|
1256
|
-
.
|
|
1257
|
-
background: var(--color-background-layout-toggle-selected-hover-
|
|
1256
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240 > .awsui_trigger-badge-wrapper_hyvsj_d1fap_1188:not(#\9):hover {
|
|
1257
|
+
background: var(--color-background-layout-toggle-selected-hover-7953u1, #004a9e);
|
|
1258
1258
|
}
|
|
1259
|
-
.
|
|
1260
|
-
background: var(--color-background-layout-toggle-selected-active-
|
|
1259
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_selected_hyvsj_d1fap_1240 > .awsui_trigger-badge-wrapper_hyvsj_d1fap_1188:not(#\9):active {
|
|
1260
|
+
background: var(--color-background-layout-toggle-selected-active-zcl8w3, #006ce0);
|
|
1261
1261
|
}
|
|
1262
|
-
.
|
|
1262
|
+
.awsui_trigger_hyvsj_d1fap_1172.awsui_badge_hyvsj_d1fap_1260:not(#\9), .awsui_trigger_hyvsj_d1fap_1172.awsui_badge_hyvsj_d1fap_1260:not(#\9):hover, .awsui_trigger_hyvsj_d1fap_1172.awsui_badge_hyvsj_d1fap_1260:not(#\9):active {
|
|
1263
1263
|
background: transparent;
|
|
1264
1264
|
}
|
|
1265
1265
|
|
|
1266
|
-
.awsui_trigger-
|
|
1266
|
+
.awsui_trigger-wrapper_hyvsj_d1fap_1264:not(#\9) {
|
|
1267
1267
|
position: relative;
|
|
1268
1268
|
border-start-start-radius: 50%;
|
|
1269
1269
|
border-start-end-radius: 50%;
|
|
1270
1270
|
border-end-start-radius: 50%;
|
|
1271
1271
|
border-end-end-radius: 50%;
|
|
1272
1272
|
}
|
|
1273
|
-
.awsui_trigger-
|
|
1273
|
+
.awsui_trigger-wrapper_hyvsj_d1fap_1264:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_d1fap_670) {
|
|
1274
1274
|
box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1275
1275
|
}
|
|
1276
1276
|
|
|
1277
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1277
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_d1fap_1275:not(#\9) {
|
|
1278
1278
|
/* used in test-utils*/
|
|
1279
1279
|
}
|
|
1280
1280
|
|
|
1281
|
-
.
|
|
1281
|
+
.awsui_dot_hyvsj_d1fap_1279:not(#\9) {
|
|
1282
1282
|
position: absolute;
|
|
1283
1283
|
inline-size: 9px;
|
|
1284
1284
|
block-size: 9px;
|
|
@@ -1286,11 +1286,11 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_tjj1z_1172:not(#\9):foc
|
|
|
1286
1286
|
border-start-end-radius: 8px;
|
|
1287
1287
|
border-end-start-radius: 8px;
|
|
1288
1288
|
border-end-end-radius: 8px;
|
|
1289
|
-
background-color: var(--color-background-badge-icon-
|
|
1289
|
+
background-color: var(--color-background-badge-icon-jyxnxa, #db0000);
|
|
1290
1290
|
inset-block-start: 0;
|
|
1291
1291
|
inset-inline-end: 0;
|
|
1292
1292
|
}
|
|
1293
1293
|
|
|
1294
|
-
.awsui_trigger-
|
|
1294
|
+
.awsui_trigger-tooltip_hyvsj_d1fap_1292:not(#\9) {
|
|
1295
1295
|
/* used in test-utils */
|
|
1296
1296
|
}
|