@cloudscape-design/components 3.0.1358 → 3.0.1360
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 +203 -347
- package/action-card/styles.selectors.js +17 -17
- package/alert/actions-wrapper/styles.css.js +1 -1
- package/alert/actions-wrapper/styles.scoped.css +2 -6
- package/alert/actions-wrapper/styles.selectors.js +1 -1
- package/alert/styles.css.js +27 -27
- package/alert/styles.scoped.css +63 -251
- package/alert/styles.selectors.js +27 -27
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +51 -227
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +13 -13
- package/annotation-context/annotation/styles.scoped.css +29 -201
- 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 +6 -142
- 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 +22 -198
- 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 +8 -144
- 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 +5 -9
- 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 +12 -144
- package/app-layout/resize/styles.selectors.js +5 -5
- package/app-layout/split-panel/styles.css.js +2 -2
- package/app-layout/split-panel/styles.scoped.css +2 -138
- package/app-layout/split-panel/styles.selectors.js +2 -2
- package/app-layout/styles.css.js +12 -12
- package/app-layout/styles.scoped.css +12 -148
- package/app-layout/styles.selectors.js +12 -12
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +10 -182
- 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 +182 -374
- 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 +105 -281
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/index.js +11 -1
- package/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -145
- 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 +3 -7
- 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 +71 -207
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +1 -133
- package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +40 -176
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +22 -154
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +14 -190
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +15 -15
- package/attribute-editor/styles.scoped.css +38 -174
- package/attribute-editor/styles.selectors.js +15 -15
- package/autosuggest/utils/utils.d.ts.map +1 -1
- package/autosuggest/utils/utils.js +7 -6
- package/autosuggest/utils/utils.js.map +1 -1
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +23 -163
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +220 -220
- package/box/styles.scoped.css +346 -502
- package/box/styles.selectors.js +220 -220
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +34 -166
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -14
- package/breadcrumb-group/styles.scoped.css +41 -173
- package/breadcrumb-group/styles.selectors.js +14 -14
- package/button/styles.css.js +23 -23
- package/button/styles.scoped.css +96 -240
- 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 +44 -176
- package/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/button-dropdown/item-element/styles.css.js +21 -21
- package/button-dropdown/item-element/styles.scoped.css +52 -184
- package/button-dropdown/item-element/styles.selectors.js +21 -21
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +9 -141
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +23 -23
- package/button-dropdown/styles.scoped.css +35 -167
- package/button-dropdown/styles.selectors.js +23 -23
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +9 -177
- package/button-group/styles.selectors.js +4 -4
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +88 -228
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +53 -185
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +14 -146
- 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 +6 -142
- package/code-editor/resizable-box/styles.selectors.js +4 -4
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +207 -351
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +66 -210
- 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 -177
- 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 +50 -218
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +33 -33
- package/container/styles.scoped.css +107 -279
- package/container/styles.selectors.js +33 -33
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +16 -148
- package/content-layout/styles.selectors.js +14 -14
- package/copy-to-clipboard/styles.css.js +5 -5
- package/copy-to-clipboard/styles.scoped.css +6 -10
- package/copy-to-clipboard/styles.selectors.js +5 -5
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +17 -149
- 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 +95 -231
- 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 +10 -142
- 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 +47 -183
- package/date-range-picker/styles.selectors.js +23 -23
- package/divider/styles.css.js +6 -6
- package/divider/styles.scoped.css +13 -145
- package/divider/styles.selectors.js +6 -6
- package/drawer/styles.css.js +29 -29
- package/drawer/styles.scoped.css +61 -237
- package/drawer/styles.selectors.js +29 -29
- package/dropdown/styles.css.js +20 -20
- package/dropdown/styles.scoped.css +58 -194
- package/dropdown/styles.selectors.js +20 -20
- package/expandable-section/styles.css.js +43 -43
- package/expandable-section/styles.scoped.css +133 -269
- package/expandable-section/styles.selectors.js +43 -43
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +7 -175
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/styles.css.js +5 -5
- package/file-input/styles.scoped.css +16 -188
- 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 -240
- package/file-token-group/styles.selectors.js +23 -23
- package/file-upload/styles.css.js +2 -2
- package/file-upload/styles.scoped.css +3 -7
- package/file-upload/styles.selectors.js +2 -2
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +194 -382
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +12 -144
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +57 -193
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +58 -190
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +35 -35
- package/header/styles.scoped.css +117 -293
- package/header/styles.selectors.js +35 -35
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +146 -314
- package/help-panel/styles.selectors.js +6 -6
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +7 -175
- package/hotspot/styles.selectors.js +7 -7
- package/icon/interfaces.d.ts +1 -1
- package/icon/interfaces.d.ts.map +1 -1
- package/icon/interfaces.js.map +1 -1
- package/icon/styles.css.js +42 -41
- package/icon/styles.scoped.css +124 -301
- package/icon/styles.selectors.js +42 -41
- package/input/styles.css.js +28 -28
- package/input/styles.scoped.css +134 -266
- package/input/styles.selectors.js +28 -28
- package/internal/base-component/styles.scoped.css +1 -9
- package/internal/base-theme/styles.scoped.css +424 -424
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +23 -155
- 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 +68 -208
- package/internal/components/button-trigger/styles.selectors.js +14 -14
- package/internal/components/cartesian-chart/styles.css.js +28 -28
- package/internal/components/cartesian-chart/styles.scoped.css +40 -172
- 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 +7 -139
- 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 +22 -158
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +5 -137
- 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 +8 -140
- 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 +46 -182
- 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 +11 -143
- 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 +2 -6
- package/internal/components/chart-status-container/styles.selectors.js +2 -2
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -183
- 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 +10 -142
- 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 +26 -158
- package/internal/components/drag-handle/styles.selectors.js +14 -14
- package/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/internal/components/drag-handle-wrapper/styles.scoped.css +48 -184
- package/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +9 -141
- 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 +6 -138
- 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 -157
- 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 +24 -156
- 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 +39 -175
- 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 +11 -143
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/panel-resize-handle/styles.css.js +3 -3
- package/internal/components/panel-resize-handle/styles.scoped.css +11 -143
- package/internal/components/panel-resize-handle/styles.selectors.js +3 -3
- package/internal/components/radio-button/styles.css.js +7 -7
- package/internal/components/radio-button/styles.scoped.css +17 -149
- package/internal/components/radio-button/styles.selectors.js +7 -7
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +1 -133
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +22 -22
- package/internal/components/selectable-item/styles.scoped.css +93 -225
- 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 +43 -175
- 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 +13 -145
- 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 +41 -221
- 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/styles/tokens.js +314 -314
- package/internal/generated/theming/index.cjs +314 -314
- package/internal/generated/theming/index.js +314 -314
- package/internal/manifest.json +1 -1
- package/item-card/styles.css.js +14 -14
- package/item-card/styles.scoped.css +78 -214
- package/item-card/styles.selectors.js +14 -14
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +21 -153
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +21 -21
- package/link/styles.scoped.css +142 -274
- package/link/styles.selectors.js +21 -21
- package/list/styles.css.js +5 -5
- package/list/styles.scoped.css +12 -144
- package/list/styles.selectors.js +5 -5
- package/live-region/styles.css.js +2 -2
- package/live-region/styles.scoped.css +3 -135
- package/live-region/styles.selectors.js +2 -2
- package/manifest.json +2 -2
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +21 -197
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/styles.css.js +31 -31
- package/modal/styles.scoped.css +64 -204
- package/modal/styles.selectors.js +31 -31
- package/multiselect/styles.css.js +5 -5
- package/multiselect/styles.scoped.css +13 -145
- package/multiselect/styles.selectors.js +5 -5
- package/package.json +1 -1
- package/pagination/styles.css.js +12 -12
- package/pagination/styles.scoped.css +48 -180
- package/pagination/styles.selectors.js +12 -12
- package/panel-layout/styles.css.js +7 -7
- package/panel-layout/styles.scoped.css +22 -194
- package/panel-layout/styles.selectors.js +7 -7
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +60 -200
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +58 -58
- package/popover/styles.scoped.css +140 -288
- package/popover/styles.selectors.js +58 -58
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +42 -214
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +26 -26
- package/prompt-input/styles.scoped.css +124 -256
- 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 +61 -197
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +69 -201
- package/property-filter/styles.selectors.js +39 -39
- package/radio-button/styles.css.js +1 -1
- package/radio-button/styles.scoped.css +5 -137
- package/radio-button/styles.selectors.js +1 -1
- package/radio-group/styles.css.js +5 -5
- package/radio-group/styles.scoped.css +10 -142
- 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 +10 -14
- 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 +6 -174
- 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 +62 -202
- package/segmented-control/styles.selectors.js +16 -16
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +27 -159
- package/select/parts/styles.selectors.js +21 -21
- package/select/styles.css.js +3 -3
- package/select/styles.scoped.css +7 -139
- package/select/styles.selectors.js +3 -3
- package/side-navigation/styles.css.js +64 -64
- package/side-navigation/styles.scoped.css +174 -306
- package/side-navigation/styles.selectors.js +64 -64
- package/skeleton/styles.css.js +15 -15
- package/skeleton/styles.scoped.css +45 -177
- package/skeleton/styles.selectors.js +15 -15
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +81 -217
- package/slider/styles.selectors.js +26 -26
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +24 -156
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +14 -14
- package/spinner/styles.scoped.css +24 -160
- package/spinner/styles.selectors.js +14 -14
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +24 -156
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +38 -38
- package/split-panel/styles.scoped.css +76 -212
- package/split-panel/styles.selectors.js +38 -38
- package/status-indicator/styles.css.js +25 -25
- package/status-indicator/styles.scoped.css +55 -191
- package/status-indicator/styles.selectors.js +25 -25
- package/steps/styles.css.js +17 -17
- package/steps/styles.scoped.css +41 -209
- package/steps/styles.selectors.js +17 -17
- package/table/body-cell/styles.css.js +48 -48
- package/table/body-cell/styles.scoped.css +826 -958
- 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 +118 -286
- package/table/header-cell/styles.selectors.js +38 -38
- package/table/resizer/styles.css.js +17 -17
- package/table/resizer/styles.scoped.css +39 -171
- package/table/resizer/styles.selectors.js +17 -17
- package/table/selection/styles.css.js +4 -4
- package/table/selection/styles.scoped.css +4 -136
- package/table/selection/styles.selectors.js +4 -4
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +11 -179
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +37 -37
- package/table/styles.scoped.css +60 -196
- package/table/styles.selectors.js +37 -37
- package/tabs/styles.css.js +30 -30
- package/tabs/styles.scoped.css +84 -220
- package/tabs/styles.selectors.js +30 -30
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +22 -154
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/button-group/index.js +3 -4
- package/test-utils/dom/button-group/index.js.map +1 -1
- package/test-utils/dom/popover/index.js +3 -4
- package/test-utils/dom/popover/index.js.map +1 -1
- package/test-utils/selectors/button-group/index.js +3 -4
- package/test-utils/selectors/button-group/index.js.map +1 -1
- package/test-utils/selectors/popover/index.js +3 -4
- package/test-utils/selectors/popover/index.js.map +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +127 -259
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +7 -139
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +9 -9
- package/textarea/styles.scoped.css +46 -178
- package/textarea/styles.selectors.js +9 -9
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +96 -264
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +26 -158
- package/toggle/styles.selectors.js +10 -10
- package/toggle-button/styles.css.js +4 -4
- package/toggle-button/styles.scoped.css +4 -8
- package/toggle-button/styles.selectors.js +4 -4
- package/token/styles.css.js +14 -14
- package/token/styles.scoped.css +52 -192
- package/token/styles.selectors.js +14 -14
- package/token-group/styles.css.js +5 -5
- package/token-group/styles.scoped.css +8 -140
- package/token-group/styles.selectors.js +5 -5
- package/tooltip/styles.css.js +2 -2
- package/tooltip/styles.scoped.css +5 -137
- package/tooltip/styles.selectors.js +2 -2
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +118 -250
- package/top-navigation/styles.selectors.js +47 -47
- package/tree-view/styles.css.js +2 -2
- package/tree-view/styles.scoped.css +9 -177
- 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 +17 -193
- 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 +6 -10
- package/tree-view/vertical-connector/styles.selectors.js +3 -3
- package/truncated-text/styles.css.js +1 -1
- package/truncated-text/styles.scoped.css +9 -141
- package/truncated-text/styles.selectors.js +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +37 -205
- 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 +53 -229
- 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 +13 -185
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +81 -213
- package/wizard/styles.selectors.js +30 -30
|
@@ -2,174 +2,26 @@
|
|
|
2
2
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
*/
|
|
5
|
-
/*
|
|
6
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
7
|
-
SPDX-License-Identifier: Apache-2.0
|
|
8
|
-
*/
|
|
9
|
-
/*
|
|
10
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
11
|
-
SPDX-License-Identifier: Apache-2.0
|
|
12
|
-
*/
|
|
13
|
-
/*
|
|
14
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
15
|
-
SPDX-License-Identifier: Apache-2.0
|
|
16
|
-
*/
|
|
17
|
-
/*
|
|
18
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
19
|
-
SPDX-License-Identifier: Apache-2.0
|
|
20
|
-
*/
|
|
21
|
-
/*
|
|
22
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
23
|
-
SPDX-License-Identifier: Apache-2.0
|
|
24
|
-
*/
|
|
25
|
-
/*
|
|
26
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
27
|
-
SPDX-License-Identifier: Apache-2.0
|
|
28
|
-
*/
|
|
29
|
-
/*
|
|
30
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
31
|
-
SPDX-License-Identifier: Apache-2.0
|
|
32
|
-
*/
|
|
33
|
-
/*
|
|
34
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
35
|
-
SPDX-License-Identifier: Apache-2.0
|
|
36
|
-
*/
|
|
37
|
-
/*
|
|
38
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
39
|
-
SPDX-License-Identifier: Apache-2.0
|
|
40
|
-
*/
|
|
41
|
-
/*
|
|
42
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
43
|
-
SPDX-License-Identifier: Apache-2.0
|
|
44
|
-
*/
|
|
45
|
-
/*
|
|
46
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
47
|
-
SPDX-License-Identifier: Apache-2.0
|
|
48
|
-
*/
|
|
49
|
-
/*
|
|
50
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
51
|
-
SPDX-License-Identifier: Apache-2.0
|
|
52
|
-
*/
|
|
53
|
-
/*
|
|
54
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
55
|
-
SPDX-License-Identifier: Apache-2.0
|
|
56
|
-
*/
|
|
57
|
-
/*
|
|
58
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
59
|
-
SPDX-License-Identifier: Apache-2.0
|
|
60
|
-
*/
|
|
61
|
-
/*
|
|
62
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
63
|
-
SPDX-License-Identifier: Apache-2.0
|
|
64
|
-
*/
|
|
65
|
-
/*
|
|
66
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
67
|
-
SPDX-License-Identifier: Apache-2.0
|
|
68
|
-
*/
|
|
69
|
-
/*
|
|
70
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
71
|
-
SPDX-License-Identifier: Apache-2.0
|
|
72
|
-
*/
|
|
73
|
-
/*
|
|
74
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
75
|
-
SPDX-License-Identifier: Apache-2.0
|
|
76
|
-
*/
|
|
77
|
-
/*
|
|
78
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
79
|
-
SPDX-License-Identifier: Apache-2.0
|
|
80
|
-
*/
|
|
81
|
-
/*
|
|
82
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
83
|
-
SPDX-License-Identifier: Apache-2.0
|
|
84
|
-
*/
|
|
85
|
-
/*
|
|
86
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
87
|
-
SPDX-License-Identifier: Apache-2.0
|
|
88
|
-
*/
|
|
89
|
-
/*
|
|
90
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
|
-
SPDX-License-Identifier: Apache-2.0
|
|
92
|
-
*/
|
|
93
|
-
/*
|
|
94
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
|
-
SPDX-License-Identifier: Apache-2.0
|
|
96
|
-
*/
|
|
97
|
-
/*
|
|
98
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
99
|
-
SPDX-License-Identifier: Apache-2.0
|
|
100
|
-
*/
|
|
101
|
-
/*
|
|
102
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
103
|
-
SPDX-License-Identifier: Apache-2.0
|
|
104
|
-
*/
|
|
105
|
-
/*
|
|
106
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
107
|
-
SPDX-License-Identifier: Apache-2.0
|
|
108
|
-
*/
|
|
109
|
-
/*
|
|
110
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
111
|
-
SPDX-License-Identifier: Apache-2.0
|
|
112
|
-
*/
|
|
113
|
-
/*
|
|
114
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
115
|
-
SPDX-License-Identifier: Apache-2.0
|
|
116
|
-
*/
|
|
117
5
|
/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
118
6
|
/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
|
|
119
|
-
/*
|
|
120
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
121
|
-
SPDX-License-Identifier: Apache-2.0
|
|
122
|
-
*/
|
|
123
|
-
/*
|
|
124
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
125
|
-
SPDX-License-Identifier: Apache-2.0
|
|
126
|
-
*/
|
|
127
|
-
/*
|
|
128
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
129
|
-
SPDX-License-Identifier: Apache-2.0
|
|
130
|
-
*/
|
|
131
|
-
/*
|
|
132
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
133
|
-
SPDX-License-Identifier: Apache-2.0
|
|
134
|
-
*/
|
|
135
|
-
/*
|
|
136
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
137
|
-
SPDX-License-Identifier: Apache-2.0
|
|
138
|
-
*/
|
|
139
|
-
/*
|
|
140
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
|
-
SPDX-License-Identifier: Apache-2.0
|
|
142
|
-
*/
|
|
143
7
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
8
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
div.
|
|
9
|
+
div.awsui_background_hyvsj_1oesa_9:not(#\9) {
|
|
146
10
|
display: contents;
|
|
147
11
|
}
|
|
148
|
-
div.
|
|
12
|
+
div.awsui_background_hyvsj_1oesa_9 > .awsui_scrolling-background_hyvsj_1oesa_12:not(#\9) {
|
|
149
13
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
150
14
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
151
15
|
grid-column: 1/span 5;
|
|
152
16
|
grid-row: 1/9;
|
|
153
17
|
}
|
|
154
18
|
|
|
155
|
-
|
|
156
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
|
-
SPDX-License-Identifier: Apache-2.0
|
|
158
|
-
*/
|
|
159
|
-
.awsui_breadcrumbs_hyvsj_vcneu_159:not(#\9) {
|
|
19
|
+
.awsui_breadcrumbs_hyvsj_1oesa_19:not(#\9) {
|
|
160
20
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
161
21
|
grid-area: breadcrumbs;
|
|
162
22
|
}
|
|
163
23
|
|
|
164
|
-
|
|
165
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
166
|
-
SPDX-License-Identifier: Apache-2.0
|
|
167
|
-
*/
|
|
168
|
-
/*
|
|
169
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
170
|
-
SPDX-License-Identifier: Apache-2.0
|
|
171
|
-
*/
|
|
172
|
-
.awsui_drawers-container_hyvsj_vcneu_172:not(#\9) {
|
|
24
|
+
.awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
|
|
173
25
|
background-color: transparent;
|
|
174
26
|
display: flex;
|
|
175
27
|
grid-column: 5;
|
|
@@ -180,16 +32,16 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
180
32
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
181
33
|
z-index: 830;
|
|
182
34
|
}
|
|
183
|
-
.awsui_drawers-
|
|
35
|
+
.awsui_drawers-container_hyvsj_1oesa_24.awsui_has-open-drawer_hyvsj_1oesa_35:not(#\9) {
|
|
184
36
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
185
37
|
}
|
|
186
38
|
@media (min-width: 689px) {
|
|
187
|
-
.awsui_drawers-
|
|
39
|
+
.awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
|
|
188
40
|
max-inline-size: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
|
|
189
41
|
}
|
|
190
42
|
}
|
|
191
43
|
@media (max-width: 688px) {
|
|
192
|
-
.awsui_drawers-
|
|
44
|
+
.awsui_drawers-container_hyvsj_1oesa_24:not(#\9) {
|
|
193
45
|
position: fixed;
|
|
194
46
|
inset-inline-end: 0;
|
|
195
47
|
z-index: 1001;
|
|
@@ -201,12 +53,12 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
201
53
|
relative to the body.
|
|
202
54
|
*/
|
|
203
55
|
}
|
|
204
|
-
.awsui_drawers-
|
|
56
|
+
.awsui_drawers-container_hyvsj_1oesa_24.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
|
|
205
57
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
206
58
|
}
|
|
207
59
|
}
|
|
208
60
|
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
61
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9) {
|
|
210
62
|
border-collapse: separate;
|
|
211
63
|
border-spacing: 0;
|
|
212
64
|
box-sizing: border-box;
|
|
@@ -229,11 +81,11 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
229
81
|
visibility: visible;
|
|
230
82
|
white-space: normal;
|
|
231
83
|
word-spacing: normal;
|
|
232
|
-
font-size: var(--font-size-body-m-
|
|
233
|
-
line-height: var(--line-height-body-m-
|
|
84
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
85
|
+
line-height: var(--line-height-body-m-5xw6xo, 20px);
|
|
234
86
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
235
|
-
font-weight: var(--font-weight-normal-
|
|
236
|
-
font-family: var(--font-family-base-
|
|
87
|
+
font-weight: var(--font-weight-normal-fr92v6, 400);
|
|
88
|
+
font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
237
89
|
-webkit-font-smoothing: auto;
|
|
238
90
|
-moz-osx-font-smoothing: auto;
|
|
239
91
|
background-color: transparent;
|
|
@@ -244,22 +96,22 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
244
96
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
245
97
|
overscroll-behavior-y: contain;
|
|
246
98
|
}
|
|
247
|
-
.awsui_drawers-desktop-triggers-
|
|
99
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99).awsui_has-open-drawer_hyvsj_1oesa_35 {
|
|
248
100
|
inline-size: 0;
|
|
249
101
|
}
|
|
250
|
-
.awsui_drawers-desktop-triggers-
|
|
102
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61.awsui_has-multiple-triggers_hyvsj_1oesa_99.awsui_has-open-drawer_hyvsj_1oesa_35:not(#\9) {
|
|
251
103
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
252
104
|
}
|
|
253
|
-
.awsui_drawers-desktop-triggers-
|
|
105
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_1oesa_61:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
|
|
254
106
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
255
107
|
}
|
|
256
108
|
|
|
257
|
-
.awsui_drawers-mobile-triggers-
|
|
109
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_1oesa_109:not(#\9) {
|
|
258
110
|
display: flex;
|
|
259
111
|
justify-content: flex-end;
|
|
260
112
|
}
|
|
261
113
|
|
|
262
|
-
.awsui_drawers-trigger-
|
|
114
|
+
.awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9) {
|
|
263
115
|
align-items: center;
|
|
264
116
|
display: flex;
|
|
265
117
|
flex-direction: column;
|
|
@@ -267,13 +119,13 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
267
119
|
padding-block-start: var(--space-scaled-s-8ozaad, 12px);
|
|
268
120
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
269
121
|
}
|
|
270
|
-
.awsui_drawers-trigger-
|
|
122
|
+
.awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99).awsui_has-open-drawer_hyvsj_1oesa_35 {
|
|
271
123
|
opacity: 0;
|
|
272
124
|
}
|
|
273
|
-
.awsui_drawers-trigger-
|
|
125
|
+
.awsui_drawers-trigger-content_hyvsj_1oesa_114:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_1oesa_99):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
|
|
274
126
|
opacity: 1;
|
|
275
127
|
}
|
|
276
|
-
.awsui_drawers-trigger-
|
|
128
|
+
.awsui_drawers-trigger-content_hyvsj_1oesa_114 > .awsui_drawers-trigger-overflow_hyvsj_1oesa_128:not(#\9) {
|
|
277
129
|
padding-block: 0;
|
|
278
130
|
padding-inline: 1px;
|
|
279
131
|
display: flex;
|
|
@@ -282,14 +134,14 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
282
134
|
}
|
|
283
135
|
|
|
284
136
|
@media (max-width: 688px) {
|
|
285
|
-
.awsui_drawers-
|
|
137
|
+
.awsui_drawers-trigger_hyvsj_1oesa_114:not(#\9) {
|
|
286
138
|
inline-size: 40px;
|
|
287
139
|
display: flex;
|
|
288
140
|
justify-content: center;
|
|
289
141
|
}
|
|
290
142
|
}
|
|
291
143
|
|
|
292
|
-
.
|
|
144
|
+
.awsui_drawer_hyvsj_1oesa_24:not(#\9) {
|
|
293
145
|
--awsui-drawer-size-esndbs: 290px;
|
|
294
146
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
295
147
|
border-color: transparent;
|
|
@@ -304,7 +156,7 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
304
156
|
pointer-events: auto;
|
|
305
157
|
word-wrap: break-word;
|
|
306
158
|
}
|
|
307
|
-
.
|
|
159
|
+
.awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159:not(#\9) {
|
|
308
160
|
grid-column: 1/span 2;
|
|
309
161
|
grid-row: 1;
|
|
310
162
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
@@ -313,19 +165,19 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
313
165
|
grid-template-rows: var(--size-vertical-panel-icon-offset-z959cw, 15px) auto 1fr;
|
|
314
166
|
overflow-y: auto;
|
|
315
167
|
}
|
|
316
|
-
.
|
|
168
|
+
.awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-close-button_hyvsj_1oesa_168:not(#\9) {
|
|
317
169
|
grid-column: 3;
|
|
318
170
|
grid-row: 2;
|
|
319
171
|
z-index: 1;
|
|
320
172
|
}
|
|
321
|
-
.
|
|
173
|
+
.awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-content_hyvsj_1oesa_159:not(#\9) {
|
|
322
174
|
grid-column: 1/span 4;
|
|
323
175
|
block-size: var(--awsui-content-height-esndbs);
|
|
324
176
|
}
|
|
325
|
-
.
|
|
177
|
+
.awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-content-container_hyvsj_1oesa_159 > .awsui_drawer-content_hyvsj_1oesa_159.awsui_drawer-content-hidden_hyvsj_1oesa_177:not(#\9) {
|
|
326
178
|
display: none;
|
|
327
179
|
}
|
|
328
|
-
.
|
|
180
|
+
.awsui_drawer_hyvsj_1oesa_24 > .awsui_drawer-slider_hyvsj_1oesa_180:not(#\9) {
|
|
329
181
|
grid-column: 1;
|
|
330
182
|
grid-row: 1;
|
|
331
183
|
block-size: 100%;
|
|
@@ -333,44 +185,32 @@ div.awsui_background_hyvsj_vcneu_145 > .awsui_scrolling-background_hyvsj_vcneu_1
|
|
|
333
185
|
align-items: center;
|
|
334
186
|
z-index: 850;
|
|
335
187
|
}
|
|
336
|
-
.
|
|
188
|
+
.awsui_drawer_hyvsj_1oesa_24:not(#\9):not(.awsui_is-drawer-open_hyvsj_1oesa_188) {
|
|
337
189
|
opacity: 0;
|
|
338
190
|
inline-size: 0;
|
|
339
191
|
}
|
|
340
|
-
.
|
|
341
|
-
border-inline-end: var(--border-divider-section-width-
|
|
342
|
-
border-inline-start: solid var(--border-divider-section-width-
|
|
192
|
+
.awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
|
|
193
|
+
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
194
|
+
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
343
195
|
opacity: 1;
|
|
344
196
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
345
197
|
}
|
|
346
198
|
@media (min-width: 2541px) {
|
|
347
|
-
.
|
|
199
|
+
.awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
|
|
348
200
|
--awsui-drawer-size-esndbs: 320px;
|
|
349
201
|
}
|
|
350
202
|
}
|
|
351
203
|
@media (max-width: 688px) {
|
|
352
|
-
.
|
|
204
|
+
.awsui_drawer_hyvsj_1oesa_24.awsui_is-drawer-open_hyvsj_1oesa_188:not(#\9) {
|
|
353
205
|
--awsui-drawer-size-esndbs: 100vw;
|
|
354
206
|
inline-size: 100vw;
|
|
355
207
|
}
|
|
356
208
|
}
|
|
357
209
|
|
|
358
|
-
|
|
359
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
360
|
-
SPDX-License-Identifier: Apache-2.0
|
|
361
|
-
*/
|
|
362
|
-
header.awsui_content_hyvsj_vcneu_362:not(#\9) {
|
|
210
|
+
header.awsui_content_hyvsj_1oesa_210:not(#\9) {
|
|
363
211
|
grid-area: header;
|
|
364
212
|
}
|
|
365
213
|
|
|
366
|
-
/*
|
|
367
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
368
|
-
SPDX-License-Identifier: Apache-2.0
|
|
369
|
-
*/
|
|
370
|
-
/*
|
|
371
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
372
|
-
SPDX-License-Identifier: Apache-2.0
|
|
373
|
-
*/
|
|
374
214
|
/*
|
|
375
215
|
The first and last column definitions have two responsibilities.
|
|
376
216
|
If Navigation and/or Tools exist then that will determine the width of
|
|
@@ -384,7 +224,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
384
224
|
circumstances regardless of whether the minContentWidth property is
|
|
385
225
|
explicitly set in script.
|
|
386
226
|
*/
|
|
387
|
-
.
|
|
227
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9) {
|
|
388
228
|
--awsui-breadcrumbs-gap-esndbs: 0px;
|
|
389
229
|
--awsui-content-gap-left-esndbs: 0px;
|
|
390
230
|
--awsui-content-gap-right-esndbs: 0px;
|
|
@@ -456,113 +296,113 @@ explicitly set in script.
|
|
|
456
296
|
*/
|
|
457
297
|
}
|
|
458
298
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
299
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
|
|
460
300
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
461
301
|
}
|
|
462
302
|
}
|
|
463
303
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
304
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
|
|
465
305
|
--awsui-default-max-content-width-esndbs: 1440px;
|
|
466
306
|
}
|
|
467
307
|
}
|
|
468
308
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
309
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299) {
|
|
470
310
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
471
311
|
}
|
|
472
312
|
}
|
|
473
313
|
@media (min-width: 1401px) {
|
|
474
|
-
.
|
|
314
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
|
|
475
315
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
476
316
|
}
|
|
477
317
|
}
|
|
478
318
|
@media (min-width: 1921px) {
|
|
479
|
-
.
|
|
319
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
|
|
480
320
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
481
321
|
}
|
|
482
322
|
}
|
|
483
323
|
@media (min-width: 2541px) {
|
|
484
|
-
.
|
|
324
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-dashboard_hyvsj_1oesa_314 {
|
|
485
325
|
--awsui-default-max-content-width-esndbs: 2160px;
|
|
486
326
|
}
|
|
487
327
|
}
|
|
488
|
-
.
|
|
328
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-table_hyvsj_1oesa_328, .awsui_layout_hyvsj_1oesa_227:not(#\9):not(.awsui_has-max-content-width_hyvsj_1oesa_299).awsui_content-type-cards_hyvsj_1oesa_328 {
|
|
489
329
|
--awsui-default-max-content-width-esndbs: 100%;
|
|
490
330
|
}
|
|
491
|
-
.
|
|
331
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-max-content-width_hyvsj_1oesa_299:not(#\9) {
|
|
492
332
|
--awsui-default-max-content-width-esndbs: var(--awsui-max-content-width-esndbs);
|
|
493
333
|
}
|
|
494
|
-
.
|
|
334
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_is-overlap-disabled_hyvsj_1oesa_334:not(#\9) {
|
|
495
335
|
--awsui-overlap-height-esndbs: 0;
|
|
496
336
|
}
|
|
497
|
-
.
|
|
337
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_is-hide-mobile-toolbar_hyvsj_1oesa_337:not(#\9) {
|
|
498
338
|
--awsui-mobile-bar-height-esndbs: 0px;
|
|
499
339
|
}
|
|
500
340
|
@media (min-width: 993px) {
|
|
501
|
-
.
|
|
341
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9) {
|
|
502
342
|
--awsui-default-min-content-width-esndbs: var(--awsui-min-content-width-esndbs, 280px);
|
|
503
343
|
}
|
|
504
344
|
}
|
|
505
345
|
@media (max-width: 992px) {
|
|
506
|
-
.
|
|
346
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9) {
|
|
507
347
|
--awsui-default-min-content-width-esndbs: 0px;
|
|
508
348
|
}
|
|
509
349
|
}
|
|
510
350
|
@media (min-width: 689px) {
|
|
511
|
-
.
|
|
351
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-content-gap-left_hyvsj_1oesa_351:not(#\9) {
|
|
512
352
|
--awsui-content-gap-left-esndbs: var(--space-layout-content-horizontal-buc0zz, 24px);
|
|
513
353
|
}
|
|
514
|
-
.
|
|
354
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-content-gap-right_hyvsj_1oesa_354:not(#\9) {
|
|
515
355
|
--awsui-content-gap-right-esndbs: var(--space-layout-content-horizontal-buc0zz, 24px);
|
|
516
356
|
}
|
|
517
357
|
}
|
|
518
358
|
@media (max-width: 688px) {
|
|
519
|
-
.
|
|
359
|
+
.awsui_layout_hyvsj_1oesa_227:not(#\9) {
|
|
520
360
|
--awsui-content-gap-left-esndbs: var(--space-l-2ud1p3, 20px);
|
|
521
361
|
--awsui-content-gap-right-esndbs: var(--space-l-2ud1p3, 20px);
|
|
522
362
|
}
|
|
523
363
|
}
|
|
524
|
-
.
|
|
364
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364:not(#\9) {
|
|
525
365
|
--awsui-breadcrumbs-gap-esndbs: var(--space-scaled-m-m892r9, 16px);
|
|
526
366
|
}
|
|
527
|
-
.
|
|
367
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-header_hyvsj_1oesa_367:not(#\9), .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364).awsui_has-header_hyvsj_1oesa_367 {
|
|
528
368
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-xwoogq, 8px);
|
|
529
369
|
}
|
|
530
|
-
.
|
|
370
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364.awsui_has-header_hyvsj_1oesa_367:not(#\9) {
|
|
531
371
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-xwoogq, 8px);
|
|
532
372
|
}
|
|
533
|
-
.
|
|
373
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364):not(.awsui_has-header_hyvsj_1oesa_367) {
|
|
534
374
|
--awsui-main-gap-esndbs: var(--space-xs-ymlm0b, 8px);
|
|
535
375
|
}
|
|
536
|
-
.
|
|
376
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-breadcrumbs_hyvsj_1oesa_364:not(#\9):not(.awsui_has-header_hyvsj_1oesa_367) {
|
|
537
377
|
--awsui-main-gap-esndbs: var(--space-scaled-xxs-pfm1nx, 4px);
|
|
538
378
|
}
|
|
539
|
-
.
|
|
379
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-header_hyvsj_1oesa_367:not(#\9) {
|
|
540
380
|
--awsui-main-gap-esndbs: var(--space-content-header-padding-bottom-rvy5xz, 16px);
|
|
541
381
|
}
|
|
542
|
-
.
|
|
382
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1oesa_382) {
|
|
543
383
|
--awsui-main-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
|
|
544
384
|
}
|
|
545
|
-
.
|
|
385
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
|
|
546
386
|
--awsui-main-gap-esndbs: 0px;
|
|
547
387
|
}
|
|
548
388
|
@media (max-width: 688px) {
|
|
549
|
-
.
|
|
389
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-header_hyvsj_1oesa_367:not(#\9) {
|
|
550
390
|
--awsui-header-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
|
|
551
391
|
}
|
|
552
|
-
.
|
|
392
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364).awsui_has-header_hyvsj_1oesa_367 {
|
|
553
393
|
--awsui-header-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
|
|
554
394
|
}
|
|
555
|
-
.
|
|
395
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-notifications_hyvsj_1oesa_367:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_1oesa_364):not(.awsui_has-header_hyvsj_1oesa_367), .awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382:not(#\9):not(.awsui_disable-content-paddings_hyvsj_1oesa_382) {
|
|
556
396
|
--awsui-main-gap-esndbs: var(--space-scaled-s-8ozaad, 12px);
|
|
557
397
|
}
|
|
558
|
-
.
|
|
398
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_content-first-child-main_hyvsj_1oesa_382.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
|
|
559
399
|
--awsui-main-gap-esndbs: 0px;
|
|
560
400
|
}
|
|
561
401
|
}
|
|
562
|
-
.
|
|
402
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-left-toggles-gutter_hyvsj_1oesa_402:not(#\9) {
|
|
563
403
|
--awsui-toggles-left-width-esndbs: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
|
|
564
404
|
}
|
|
565
|
-
.
|
|
405
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_has-right-toggles-gutter_hyvsj_1oesa_405:not(#\9) {
|
|
566
406
|
--awsui-toggles-right-width-esndbs: calc(var(--space-layout-toggle-padding-chwlhz, 12px) + 36px);
|
|
567
407
|
}
|
|
568
408
|
|
|
@@ -576,13 +416,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
576
416
|
position: sticky will be the value of the notifications height in addition to the
|
|
577
417
|
notifications top margin and some additional vertical space for aesthetics.
|
|
578
418
|
*/
|
|
579
|
-
.
|
|
419
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
|
|
580
420
|
--awsui-main-template-rows-esndbs: 1fr auto;
|
|
581
421
|
--awsui-offset-top-esndbs: 0px;
|
|
582
422
|
block-size: var(--awsui-content-height-esndbs);
|
|
583
423
|
overflow-y: scroll;
|
|
584
424
|
}
|
|
585
|
-
.
|
|
425
|
+
.awsui_layout_hyvsj_1oesa_227.awsui_disable-body-scroll_hyvsj_1oesa_56.awsui_has-split-panel_hyvsj_1oesa_425.awsui_split-panel-position-bottom_hyvsj_1oesa_425:not(#\9) {
|
|
586
426
|
--awsui-main-template-rows-esndbs: repeat(2, auto);
|
|
587
427
|
}
|
|
588
428
|
|
|
@@ -590,22 +430,18 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
590
430
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
591
431
|
when the navigation or tools drawers are open in responsive viewports.
|
|
592
432
|
*/
|
|
593
|
-
.awsui_block-body-
|
|
433
|
+
.awsui_block-body-scroll_hyvsj_1oesa_433:not(#\9) {
|
|
594
434
|
overflow: hidden;
|
|
595
435
|
}
|
|
596
436
|
|
|
597
437
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
598
|
-
.
|
|
599
|
-
.
|
|
438
|
+
.awsui_unfocusable_hyvsj_1oesa_438:not(#\9),
|
|
439
|
+
.awsui_unfocusable_hyvsj_1oesa_438 *:not(#\9) {
|
|
600
440
|
visibility: hidden !important;
|
|
601
441
|
}
|
|
602
442
|
|
|
603
443
|
/* stylelint-enable selector-max-universal, selector-combinator-disallowed-list */
|
|
604
|
-
|
|
605
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
606
|
-
SPDX-License-Identifier: Apache-2.0
|
|
607
|
-
*/
|
|
608
|
-
.awsui_container_hyvsj_vcneu_608:not(#\9) {
|
|
444
|
+
.awsui_container_hyvsj_1oesa_444:not(#\9) {
|
|
609
445
|
grid-area: main;
|
|
610
446
|
padding-block-end: var(--space-layout-content-bottom-zeb1g9, 40px);
|
|
611
447
|
/*
|
|
@@ -622,32 +458,24 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
622
458
|
on the right, we decrement the column end by one.
|
|
623
459
|
*/
|
|
624
460
|
}
|
|
625
|
-
.
|
|
461
|
+
.awsui_container_hyvsj_1oesa_444.awsui_has-split-panel_hyvsj_1oesa_425.awsui_split-panel-position-bottom_hyvsj_1oesa_425:not(#\9) {
|
|
626
462
|
padding-block-end: calc(var(--awsui-split-panel-height-esndbs) + var(--space-layout-content-bottom-zeb1g9, 40px));
|
|
627
463
|
}
|
|
628
|
-
.
|
|
464
|
+
.awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382:not(#\9) {
|
|
629
465
|
grid-column: 1/6;
|
|
630
466
|
padding-block: 0;
|
|
631
467
|
padding-inline: 0;
|
|
632
468
|
}
|
|
633
469
|
@media (min-width: 689px) {
|
|
634
|
-
.
|
|
470
|
+
.awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-navigation-open_hyvsj_1oesa_470:not(#\9) {
|
|
635
471
|
grid-column-start: 2;
|
|
636
472
|
}
|
|
637
|
-
.
|
|
473
|
+
.awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-tools-open_hyvsj_1oesa_473:not(#\9), .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_split-panel-position-side_hyvsj_1oesa_473:not(#\9), .awsui_container_hyvsj_1oesa_444.awsui_disable-content-paddings_hyvsj_1oesa_382.awsui_has-active-drawer_hyvsj_1oesa_473:not(#\9) {
|
|
638
474
|
grid-column-end: 5;
|
|
639
475
|
}
|
|
640
476
|
}
|
|
641
477
|
|
|
642
|
-
|
|
643
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
644
|
-
SPDX-License-Identifier: Apache-2.0
|
|
645
|
-
*/
|
|
646
|
-
/*
|
|
647
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
648
|
-
SPDX-License-Identifier: Apache-2.0
|
|
649
|
-
*/
|
|
650
|
-
section.awsui_mobile-toolbar_hyvsj_vcneu_650:not(#\9) {
|
|
478
|
+
section.awsui_mobile-toolbar_hyvsj_1oesa_478:not(#\9) {
|
|
651
479
|
align-items: center;
|
|
652
480
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
653
481
|
border-block-end: 1px solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
@@ -664,28 +492,24 @@ section.awsui_mobile-toolbar_hyvsj_vcneu_650:not(#\9) {
|
|
|
664
492
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
665
493
|
z-index: 1000;
|
|
666
494
|
}
|
|
667
|
-
section.awsui_mobile-
|
|
495
|
+
section.awsui_mobile-toolbar_hyvsj_1oesa_478:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1oesa_495) {
|
|
668
496
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
669
497
|
box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
670
498
|
}
|
|
671
|
-
section.awsui_mobile-
|
|
499
|
+
section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-nav_hyvsj_1oesa_499:not(#\9) {
|
|
672
500
|
grid-column: 1;
|
|
673
501
|
margin-inline-end: var(--space-m-dsumyt, 16px);
|
|
674
502
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
503
|
+
section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_1oesa_503:not(#\9) {
|
|
676
504
|
grid-column: 2;
|
|
677
505
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
678
506
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
507
|
+
section.awsui_mobile-toolbar_hyvsj_1oesa_478 > .awsui_mobile-toolbar-tools_hyvsj_1oesa_507:not(#\9) {
|
|
680
508
|
grid-column: 3;
|
|
681
509
|
margin-inline-start: var(--space-m-dsumyt, 16px);
|
|
682
510
|
}
|
|
683
511
|
|
|
684
|
-
|
|
685
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
686
|
-
SPDX-License-Identifier: Apache-2.0
|
|
687
|
-
*/
|
|
688
|
-
.awsui_navigation-container_hyvsj_vcneu_688:not(#\9) {
|
|
512
|
+
.awsui_navigation-container_hyvsj_1oesa_512:not(#\9) {
|
|
689
513
|
display: flex;
|
|
690
514
|
grid-column: 1;
|
|
691
515
|
grid-row: 1/span 9;
|
|
@@ -706,7 +530,7 @@ section.awsui_mobile-toolbar_hyvsj_vcneu_650 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
706
530
|
pointer-events: none;
|
|
707
531
|
}
|
|
708
532
|
@media (max-width: 688px) {
|
|
709
|
-
.awsui_navigation-
|
|
533
|
+
.awsui_navigation-container_hyvsj_1oesa_512:not(#\9) {
|
|
710
534
|
inset-inline-start: 0;
|
|
711
535
|
position: fixed;
|
|
712
536
|
z-index: 1001;
|
|
@@ -718,12 +542,12 @@ section.awsui_mobile-toolbar_hyvsj_vcneu_650 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
718
542
|
relative to the body.
|
|
719
543
|
*/
|
|
720
544
|
}
|
|
721
|
-
.awsui_navigation-
|
|
545
|
+
.awsui_navigation-container_hyvsj_1oesa_512.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
|
|
722
546
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
723
547
|
}
|
|
724
548
|
}
|
|
725
549
|
|
|
726
|
-
nav.awsui_show-
|
|
550
|
+
nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9) {
|
|
727
551
|
padding-block: var(--space-scaled-s-8ozaad, 12px);
|
|
728
552
|
padding-inline: var(--space-layout-toggle-padding-chwlhz, 12px);
|
|
729
553
|
/*
|
|
@@ -731,7 +555,7 @@ nav.awsui_show-navigation_hyvsj_vcneu_726:not(#\9) {
|
|
|
731
555
|
take control in responsive viewports.
|
|
732
556
|
*/
|
|
733
557
|
}
|
|
734
|
-
@keyframes
|
|
558
|
+
@keyframes awsui_showButtons_hyvsj_1oesa_1 {
|
|
735
559
|
0% {
|
|
736
560
|
opacity: 0;
|
|
737
561
|
}
|
|
@@ -739,31 +563,31 @@ nav.awsui_show-navigation_hyvsj_vcneu_726:not(#\9) {
|
|
|
739
563
|
opacity: 1;
|
|
740
564
|
}
|
|
741
565
|
}
|
|
742
|
-
nav.awsui_show-
|
|
566
|
+
nav.awsui_show-navigation_hyvsj_1oesa_550.awsui_is-navigation-open_hyvsj_1oesa_470:not(#\9) {
|
|
743
567
|
display: none;
|
|
744
568
|
}
|
|
745
569
|
@media (min-width: 689px) {
|
|
746
|
-
nav.awsui_show-
|
|
570
|
+
nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470) {
|
|
747
571
|
display: block;
|
|
748
572
|
}
|
|
749
|
-
nav.awsui_show-
|
|
750
|
-
animation:
|
|
573
|
+
nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
|
|
574
|
+
animation: awsui_showButtons_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
751
575
|
}
|
|
752
576
|
}
|
|
753
577
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
754
|
-
nav.awsui_show-
|
|
578
|
+
nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
|
|
755
579
|
animation: none;
|
|
756
580
|
transition: none;
|
|
757
581
|
}
|
|
758
582
|
}
|
|
759
583
|
@media (min-width: 689px) {
|
|
760
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
584
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_1oesa_550:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470).awsui_animating_hyvsj_1oesa_573 {
|
|
761
585
|
animation: none;
|
|
762
586
|
transition: none;
|
|
763
587
|
}
|
|
764
588
|
}
|
|
765
589
|
|
|
766
|
-
nav.
|
|
590
|
+
nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
|
|
767
591
|
background-color: var(--color-background-layout-panel-content-89bszq, #ffffff);
|
|
768
592
|
inset-block-end: 0;
|
|
769
593
|
block-size: 100%;
|
|
@@ -774,7 +598,7 @@ nav.awsui_navigation_hyvsj_vcneu_688:not(#\9) {
|
|
|
774
598
|
position: relative;
|
|
775
599
|
word-wrap: break-word;
|
|
776
600
|
pointer-events: auto;
|
|
777
|
-
border-inline-end: solid var(--border-divider-section-width-
|
|
601
|
+
border-inline-end: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
778
602
|
display: flex;
|
|
779
603
|
flex-direction: column;
|
|
780
604
|
/*
|
|
@@ -783,7 +607,7 @@ nav.awsui_navigation_hyvsj_vcneu_688:not(#\9) {
|
|
|
783
607
|
prevent unwanted text wrapping.
|
|
784
608
|
*/
|
|
785
609
|
}
|
|
786
|
-
@keyframes
|
|
610
|
+
@keyframes awsui_openNavigation_hyvsj_1oesa_1 {
|
|
787
611
|
from {
|
|
788
612
|
opacity: 0;
|
|
789
613
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
@@ -793,78 +617,70 @@ nav.awsui_navigation_hyvsj_vcneu_688:not(#\9) {
|
|
|
793
617
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
794
618
|
}
|
|
795
619
|
}
|
|
796
|
-
nav.
|
|
620
|
+
nav.awsui_navigation_hyvsj_1oesa_512:not(#\9):not(.awsui_is-navigation-open_hyvsj_1oesa_470) {
|
|
797
621
|
inline-size: 0;
|
|
798
622
|
display: none;
|
|
799
623
|
}
|
|
800
|
-
nav.
|
|
801
|
-
animation:
|
|
624
|
+
nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
625
|
+
animation: awsui_openNavigation_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
802
626
|
}
|
|
803
627
|
@media (prefers-reduced-motion: reduce) {
|
|
804
|
-
nav.
|
|
628
|
+
nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
805
629
|
animation: none;
|
|
806
630
|
transition: none;
|
|
807
631
|
}
|
|
808
632
|
}
|
|
809
|
-
.awsui-motion-disabled nav.
|
|
633
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_1oesa_512.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
810
634
|
animation: none;
|
|
811
635
|
transition: none;
|
|
812
636
|
}
|
|
813
|
-
nav.
|
|
637
|
+
nav.awsui_navigation_hyvsj_1oesa_512 > .awsui_animated-content_hyvsj_1oesa_637:not(#\9) {
|
|
814
638
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
815
639
|
}
|
|
816
|
-
nav.
|
|
640
|
+
nav.awsui_navigation_hyvsj_1oesa_512 > .awsui_content-container_hyvsj_1oesa_640:not(#\9) {
|
|
817
641
|
flex-grow: 1;
|
|
818
642
|
}
|
|
819
643
|
@media (max-width: 688px) {
|
|
820
|
-
nav.
|
|
644
|
+
nav.awsui_navigation_hyvsj_1oesa_512:not(#\9) {
|
|
821
645
|
--awsui-navigation-width-esndbs: 100vw;
|
|
822
646
|
}
|
|
823
647
|
}
|
|
824
648
|
|
|
825
|
-
.awsui_hide-
|
|
649
|
+
.awsui_hide-navigation_hyvsj_1oesa_649:not(#\9) {
|
|
826
650
|
position: absolute;
|
|
827
651
|
inset-inline-end: var(--space-m-dsumyt, 16px);
|
|
828
652
|
inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
|
|
829
653
|
}
|
|
830
654
|
|
|
831
|
-
|
|
832
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
833
|
-
SPDX-License-Identifier: Apache-2.0
|
|
834
|
-
*/
|
|
835
|
-
.awsui_notifications_hyvsj_vcneu_835:not(#\9) {
|
|
655
|
+
.awsui_notifications_hyvsj_1oesa_655:not(#\9) {
|
|
836
656
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
837
657
|
grid-area: notifications;
|
|
838
658
|
z-index: 850;
|
|
839
659
|
}
|
|
840
|
-
.
|
|
660
|
+
.awsui_notifications_hyvsj_1oesa_655.awsui_has-notification-content_hyvsj_1oesa_660:not(#\9) {
|
|
841
661
|
padding-block-start: var(--space-scaled-s-8ozaad, 12px);
|
|
842
662
|
}
|
|
843
663
|
@media (min-width: 689px) {
|
|
844
|
-
.
|
|
664
|
+
.awsui_notifications_hyvsj_1oesa_655.awsui_sticky-notifications_hyvsj_1oesa_664:not(#\9) {
|
|
845
665
|
--awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-32srm4, 32px);
|
|
846
666
|
position: sticky;
|
|
847
667
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
848
668
|
}
|
|
849
|
-
.
|
|
669
|
+
.awsui_notifications_hyvsj_1oesa_655.awsui_sticky-notifications_hyvsj_1oesa_664:not(#\9):not(.awsui_high-contrast_hyvsj_1oesa_669) {
|
|
850
670
|
background-color: var(--color-background-layout-main-7z8vaj, #ffffff);
|
|
851
671
|
}
|
|
852
|
-
.
|
|
672
|
+
.awsui_notifications_hyvsj_1oesa_655.awsui_has-notification-content_hyvsj_1oesa_660:not(#\9) {
|
|
853
673
|
padding-block-start: var(--space-xs-ymlm0b, 8px);
|
|
854
674
|
}
|
|
855
675
|
}
|
|
856
676
|
|
|
857
|
-
/*
|
|
858
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
859
|
-
SPDX-License-Identifier: Apache-2.0
|
|
860
|
-
*/
|
|
861
677
|
/*
|
|
862
678
|
When the Split Panel is in the bottom position it was share the same row
|
|
863
679
|
as the content area. This row is defined as 1 fractional unit which will
|
|
864
680
|
consume the remaining vertical space in the grid after the notifications
|
|
865
681
|
and breadcrumbs.
|
|
866
682
|
*/
|
|
867
|
-
section.awsui_split-panel-
|
|
683
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9) {
|
|
868
684
|
/*
|
|
869
685
|
The align self property will position the split panel at the bottom of the grid row.
|
|
870
686
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -900,7 +716,7 @@ section.awsui_split-panel-bottom_hyvsj_vcneu_867:not(#\9) {
|
|
|
900
716
|
apply the animation to the height property.
|
|
901
717
|
*/
|
|
902
718
|
}
|
|
903
|
-
@keyframes
|
|
719
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_1oesa_1 {
|
|
904
720
|
from {
|
|
905
721
|
block-size: var(--awsui-split-panel-reported-header-size-esndbs, 0);
|
|
906
722
|
}
|
|
@@ -908,39 +724,39 @@ section.awsui_split-panel-bottom_hyvsj_vcneu_867:not(#\9) {
|
|
|
908
724
|
block-size: var(--awsui-split-panel-reported-size-esndbs);
|
|
909
725
|
}
|
|
910
726
|
}
|
|
911
|
-
section.awsui_split-panel-
|
|
727
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
|
|
912
728
|
inset-block-end: 0;
|
|
913
729
|
}
|
|
914
|
-
section.awsui_split-panel-
|
|
730
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-navigation-open_hyvsj_1oesa_470.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
|
|
915
731
|
grid-column-start: 2;
|
|
916
732
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
733
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_has-open-drawer_hyvsj_1oesa_35.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
|
|
918
734
|
grid-column-end: 5;
|
|
919
735
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
736
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
|
|
921
737
|
display: block;
|
|
922
738
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
739
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1oesa_473).awsui_position-bottom_hyvsj_1oesa_730 {
|
|
924
740
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
925
741
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
742
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
|
|
927
743
|
box-shadow: var(--shadow-split-bottom-vlyulf, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
928
744
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
930
|
-
animation:
|
|
745
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
746
|
+
animation: awsui_openSplitPanelBottom_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
931
747
|
}
|
|
932
748
|
@media (prefers-reduced-motion: reduce) {
|
|
933
|
-
section.awsui_split-panel-
|
|
749
|
+
section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
934
750
|
animation: none;
|
|
935
751
|
transition: none;
|
|
936
752
|
}
|
|
937
753
|
}
|
|
938
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
754
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_1oesa_683.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-bottom_hyvsj_1oesa_730.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
939
755
|
animation: none;
|
|
940
756
|
transition: none;
|
|
941
757
|
}
|
|
942
758
|
|
|
943
|
-
section.awsui_split-panel-
|
|
759
|
+
section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9) {
|
|
944
760
|
block-size: 100%;
|
|
945
761
|
overflow-x: hidden;
|
|
946
762
|
pointer-events: auto;
|
|
@@ -950,22 +766,18 @@ section.awsui_split-panel-side_hyvsj_vcneu_943:not(#\9) {
|
|
|
950
766
|
be persistent in the DOM when closed.
|
|
951
767
|
*/
|
|
952
768
|
}
|
|
953
|
-
section.awsui_split-panel-
|
|
769
|
+
section.awsui_split-panel-side_hyvsj_1oesa_759:not(#\9):not(.awsui_is-split-panel-open_hyvsj_1oesa_473), section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_position-bottom_hyvsj_1oesa_730:not(#\9) {
|
|
954
770
|
inline-size: 0;
|
|
955
771
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
772
|
+
section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-side_hyvsj_1oesa_772:not(#\9) {
|
|
957
773
|
max-inline-size: var(--awsui-split-panel-max-width-esndbs, 280px);
|
|
958
774
|
min-inline-size: var(--awsui-split-panel-min-width-esndbs, 280px);
|
|
959
|
-
border-inline-start: solid var(--border-divider-section-width-
|
|
775
|
+
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
960
776
|
}
|
|
961
|
-
section.awsui_split-panel-
|
|
962
|
-
border-inline-end: var(--border-divider-section-width-
|
|
777
|
+
section.awsui_split-panel-side_hyvsj_1oesa_759.awsui_is-split-panel-open_hyvsj_1oesa_473.awsui_position-side_hyvsj_1oesa_772:not(#\9):not(.awsui_has-open-drawer_hyvsj_1oesa_35) {
|
|
778
|
+
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-9oapph, #c6c6cd);
|
|
963
779
|
}
|
|
964
780
|
|
|
965
|
-
/*
|
|
966
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
967
|
-
SPDX-License-Identifier: Apache-2.0
|
|
968
|
-
*/
|
|
969
781
|
/*
|
|
970
782
|
The Tools component container has a max width calculation that depends on the
|
|
971
783
|
state of the other siblings within the Layout grid definition. The layout width
|
|
@@ -975,7 +787,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
975
787
|
property. The content gap right is computed in the Layout styles based on the
|
|
976
788
|
viewport size and state of the Tools drawer.
|
|
977
789
|
*/
|
|
978
|
-
.awsui_tools-
|
|
790
|
+
.awsui_tools-container_hyvsj_1oesa_790:not(#\9) {
|
|
979
791
|
--awsui-tools-max-width-esndbs: calc(var(--awsui-layout-width-esndbs) - var(--awsui-main-offset-left-esndbs) - var(--awsui-default-min-content-width-esndbs) - var(--awsui-content-gap-right-esndbs));
|
|
980
792
|
display: flex;
|
|
981
793
|
grid-column: 5;
|
|
@@ -988,7 +800,7 @@ viewport size and state of the Tools drawer.
|
|
|
988
800
|
pointer-events: none;
|
|
989
801
|
}
|
|
990
802
|
@media (max-width: 688px) {
|
|
991
|
-
.awsui_tools-
|
|
803
|
+
.awsui_tools-container_hyvsj_1oesa_790:not(#\9) {
|
|
992
804
|
--awsui-tools-max-width-esndbs: none;
|
|
993
805
|
--awsui-tools-width-esndbs: auto;
|
|
994
806
|
position: fixed;
|
|
@@ -1002,12 +814,12 @@ viewport size and state of the Tools drawer.
|
|
|
1002
814
|
relative to the body.
|
|
1003
815
|
*/
|
|
1004
816
|
}
|
|
1005
|
-
.awsui_tools-
|
|
817
|
+
.awsui_tools-container_hyvsj_1oesa_790.awsui_disable-body-scroll_hyvsj_1oesa_56:not(#\9) {
|
|
1006
818
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
1007
819
|
}
|
|
1008
820
|
}
|
|
1009
821
|
|
|
1010
|
-
.
|
|
822
|
+
.awsui_tools_hyvsj_1oesa_790:not(#\9) {
|
|
1011
823
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
1012
824
|
flex-shrink: 0;
|
|
1013
825
|
block-size: 100%;
|
|
@@ -1030,7 +842,7 @@ viewport size and state of the Tools drawer.
|
|
|
1030
842
|
in the side position.
|
|
1031
843
|
*/
|
|
1032
844
|
}
|
|
1033
|
-
@keyframes
|
|
845
|
+
@keyframes awsui_openTools_hyvsj_1oesa_1 {
|
|
1034
846
|
from {
|
|
1035
847
|
opacity: var(--awsui-tools-animation-starting-opacity-esndbs, 0);
|
|
1036
848
|
inline-size: calc(var(--space-layout-toggle-padding-chwlhz, 12px) * 2 + var(--space-layout-toggle-diameter-j2qffw, 36px));
|
|
@@ -1040,41 +852,41 @@ viewport size and state of the Tools drawer.
|
|
|
1040
852
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1041
853
|
}
|
|
1042
854
|
}
|
|
1043
|
-
.
|
|
855
|
+
.awsui_tools_hyvsj_1oesa_790:not(#\9):not(.awsui_is-tools-open_hyvsj_1oesa_473) {
|
|
1044
856
|
inline-size: 0;
|
|
1045
857
|
display: none;
|
|
1046
858
|
}
|
|
1047
|
-
.
|
|
1048
|
-
border-inline-start: solid var(--border-divider-section-width-
|
|
859
|
+
.awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473:not(#\9) {
|
|
860
|
+
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
1049
861
|
}
|
|
1050
|
-
.
|
|
1051
|
-
animation:
|
|
862
|
+
.awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
863
|
+
animation: awsui_openTools_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
1052
864
|
}
|
|
1053
865
|
@media (prefers-reduced-motion: reduce) {
|
|
1054
|
-
.
|
|
866
|
+
.awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
1055
867
|
animation: none;
|
|
1056
868
|
transition: none;
|
|
1057
869
|
}
|
|
1058
870
|
}
|
|
1059
|
-
.awsui-motion-disabled .
|
|
871
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
1060
872
|
animation: none;
|
|
1061
873
|
transition: none;
|
|
1062
874
|
}
|
|
1063
|
-
.
|
|
875
|
+
.awsui_tools_hyvsj_1oesa_790 > .awsui_animated-content_hyvsj_1oesa_637:not(#\9) {
|
|
1064
876
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1065
877
|
}
|
|
1066
878
|
@media (min-width: 689px) {
|
|
1067
|
-
.
|
|
1068
|
-
border-inline-end: var(--border-divider-section-width-
|
|
879
|
+
.awsui_tools_hyvsj_1oesa_790.awsui_is-tools-open_hyvsj_1oesa_473.awsui_has-tools-form-persistence_hyvsj_1oesa_879:not(#\9) {
|
|
880
|
+
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-0de9c8, #c6c6cd);
|
|
1069
881
|
}
|
|
1070
882
|
}
|
|
1071
883
|
@media (max-width: 688px) {
|
|
1072
|
-
.
|
|
884
|
+
.awsui_tools_hyvsj_1oesa_790:not(#\9) {
|
|
1073
885
|
--awsui-tools-width-esndbs: 100vw;
|
|
1074
886
|
}
|
|
1075
887
|
}
|
|
1076
888
|
|
|
1077
|
-
.awsui_hide-
|
|
889
|
+
.awsui_hide-tools_hyvsj_1oesa_889:not(#\9) {
|
|
1078
890
|
position: absolute;
|
|
1079
891
|
inset-inline-end: var(--space-m-dsumyt, 16px);
|
|
1080
892
|
inset-block-start: var(--size-vertical-panel-icon-offset-z959cw, 15px);
|
|
@@ -1086,7 +898,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1086
898
|
the calculation used to determine the Split Panel maximum width in the
|
|
1087
899
|
handleSplitPanelMaxWidth function in the context.
|
|
1088
900
|
*/
|
|
1089
|
-
.awsui_show-
|
|
901
|
+
.awsui_show-tools_hyvsj_1oesa_901:not(#\9) {
|
|
1090
902
|
border-collapse: separate;
|
|
1091
903
|
border-spacing: 0;
|
|
1092
904
|
box-sizing: border-box;
|
|
@@ -1109,11 +921,11 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1109
921
|
visibility: visible;
|
|
1110
922
|
white-space: normal;
|
|
1111
923
|
word-spacing: normal;
|
|
1112
|
-
font-size: var(--font-size-body-m-
|
|
1113
|
-
line-height: var(--line-height-body-m-
|
|
924
|
+
font-size: var(--font-size-body-m-tq5a14, 14px);
|
|
925
|
+
line-height: var(--line-height-body-m-5xw6xo, 20px);
|
|
1114
926
|
color: var(--color-text-body-default-gtm97i, #0f141a);
|
|
1115
|
-
font-weight: var(--font-weight-normal-
|
|
1116
|
-
font-family: var(--font-family-base-
|
|
927
|
+
font-weight: var(--font-weight-normal-fr92v6, 400);
|
|
928
|
+
font-family: var(--font-family-base-c9u5cr, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
1117
929
|
-webkit-font-smoothing: auto;
|
|
1118
930
|
-moz-osx-font-smoothing: auto;
|
|
1119
931
|
box-sizing: border-box;
|
|
@@ -1124,7 +936,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1124
936
|
take control in responsive viewports.
|
|
1125
937
|
*/
|
|
1126
938
|
}
|
|
1127
|
-
@keyframes
|
|
939
|
+
@keyframes awsui_showButtons_hyvsj_1oesa_1 {
|
|
1128
940
|
0% {
|
|
1129
941
|
opacity: 0;
|
|
1130
942
|
}
|
|
@@ -1132,41 +944,37 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1132
944
|
opacity: 1;
|
|
1133
945
|
}
|
|
1134
946
|
}
|
|
1135
|
-
.awsui_show-
|
|
947
|
+
.awsui_show-tools_hyvsj_1oesa_901:not(#\9):not(.awsui_has-tools-form_hyvsj_1oesa_879) {
|
|
1136
948
|
display: none;
|
|
1137
949
|
}
|
|
1138
950
|
@media (min-width: 689px) {
|
|
1139
|
-
.awsui_show-
|
|
951
|
+
.awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879:not(#\9) {
|
|
1140
952
|
display: flex;
|
|
1141
953
|
flex-direction: column;
|
|
1142
954
|
gap: var(--space-xs-ymlm0b, 8px);
|
|
1143
955
|
}
|
|
1144
|
-
.awsui_show-
|
|
1145
|
-
animation:
|
|
956
|
+
.awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
957
|
+
animation: awsui_showButtons_hyvsj_1oesa_1 var(--motion-duration-refresh-only-fast-zfibh6, 115ms);
|
|
1146
958
|
}
|
|
1147
959
|
}
|
|
1148
960
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1149
|
-
.awsui_show-
|
|
961
|
+
.awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
1150
962
|
animation: none;
|
|
1151
963
|
transition: none;
|
|
1152
964
|
}
|
|
1153
965
|
}
|
|
1154
966
|
@media (min-width: 689px) {
|
|
1155
|
-
.awsui-motion-disabled .awsui_show-
|
|
967
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form_hyvsj_1oesa_879.awsui_animating_hyvsj_1oesa_573:not(#\9) {
|
|
1156
968
|
animation: none;
|
|
1157
969
|
transition: none;
|
|
1158
970
|
}
|
|
1159
|
-
.awsui_show-
|
|
971
|
+
.awsui_show-tools_hyvsj_1oesa_901.awsui_has-tools-form-persistence_hyvsj_1oesa_879:not(#\9) {
|
|
1160
972
|
background-color: var(--color-background-container-content-78ljyf, #ffffff);
|
|
1161
973
|
z-index: 1;
|
|
1162
974
|
}
|
|
1163
975
|
}
|
|
1164
976
|
|
|
1165
|
-
|
|
1166
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1167
|
-
SPDX-License-Identifier: Apache-2.0
|
|
1168
|
-
*/
|
|
1169
|
-
.awsui_trigger-button-styles_hyvsj_vcneu_1169:not(#\9) {
|
|
977
|
+
.awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9) {
|
|
1170
978
|
background: var(--color-background-layout-toggle-default-2hgjdu, #424650);
|
|
1171
979
|
border-start-start-radius: 50%;
|
|
1172
980
|
border-start-end-radius: 50%;
|
|
@@ -1175,14 +983,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1175
983
|
block-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
|
|
1176
984
|
inline-size: var(--space-layout-toggle-diameter-j2qffw, 36px);
|
|
1177
985
|
}
|
|
1178
|
-
.awsui_trigger-button-
|
|
986
|
+
.awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9):hover {
|
|
1179
987
|
background: var(--color-background-layout-toggle-hover-0cpm7g, #656871);
|
|
1180
988
|
}
|
|
1181
|
-
.awsui_trigger-button-
|
|
989
|
+
.awsui_trigger-button-styles_hyvsj_1oesa_977:not(#\9):active {
|
|
1182
990
|
background: var(--color-background-layout-toggle-active-ap91vm, #424650);
|
|
1183
991
|
}
|
|
1184
992
|
|
|
1185
|
-
.awsui_trigger-badge-
|
|
993
|
+
.awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9) {
|
|
1186
994
|
position: absolute;
|
|
1187
995
|
inset-block-start: 0;
|
|
1188
996
|
inset-inline-start: 0;
|
|
@@ -1192,7 +1000,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1192
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");
|
|
1193
1001
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1194
1002
|
}
|
|
1195
|
-
.awsui_trigger-badge-
|
|
1003
|
+
.awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):dir(rtl) {
|
|
1196
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");
|
|
1197
1005
|
}
|
|
1198
1006
|
|
|
@@ -1201,7 +1009,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1201
1009
|
the calculation used to determine the Split Panel maximum width in the
|
|
1202
1010
|
handleSplitPanelMaxWidth function in the context.
|
|
1203
1011
|
*/
|
|
1204
|
-
.
|
|
1012
|
+
.awsui_trigger_hyvsj_1oesa_977:not(#\9) {
|
|
1205
1013
|
border-block: none;
|
|
1206
1014
|
border-inline: none;
|
|
1207
1015
|
padding-inline: 0;
|
|
@@ -1210,14 +1018,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1210
1018
|
pointer-events: auto;
|
|
1211
1019
|
position: relative;
|
|
1212
1020
|
}
|
|
1213
|
-
body[data-awsui-focus-visible=true] .
|
|
1021
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
|
|
1214
1022
|
position: relative;
|
|
1215
1023
|
}
|
|
1216
|
-
body[data-awsui-focus-visible=true] .
|
|
1024
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
|
|
1217
1025
|
outline: 2px dotted transparent;
|
|
1218
1026
|
outline-offset: calc(3px - 1px);
|
|
1219
1027
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1028
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_1oesa_977:not(#\9):focus::before {
|
|
1221
1029
|
content: " ";
|
|
1222
1030
|
display: block;
|
|
1223
1031
|
position: absolute;
|
|
@@ -1225,55 +1033,55 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vcneu_1169:not(#\9):foc
|
|
|
1225
1033
|
inset-block-start: calc(-1 * 3px);
|
|
1226
1034
|
inline-size: calc(100% + 3px + 3px);
|
|
1227
1035
|
block-size: calc(100% + 3px + 3px);
|
|
1228
|
-
border-start-start-radius: var(--border-radius-control-default-focus-ring-
|
|
1229
|
-
border-start-end-radius: var(--border-radius-control-default-focus-ring-
|
|
1230
|
-
border-end-start-radius: var(--border-radius-control-default-focus-ring-
|
|
1231
|
-
border-end-end-radius: var(--border-radius-control-default-focus-ring-
|
|
1036
|
+
border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
1037
|
+
border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
1038
|
+
border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
1039
|
+
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 4px);
|
|
1232
1040
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-ditkrb, #006ce0);
|
|
1233
1041
|
}
|
|
1234
|
-
.
|
|
1042
|
+
.awsui_trigger_hyvsj_1oesa_977:not(#\9):focus {
|
|
1235
1043
|
outline: none;
|
|
1236
1044
|
}
|
|
1237
|
-
.
|
|
1045
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9) {
|
|
1238
1046
|
background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
|
|
1239
1047
|
color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
|
|
1240
1048
|
}
|
|
1241
|
-
.
|
|
1049
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9):hover {
|
|
1242
1050
|
background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
|
|
1243
1051
|
}
|
|
1244
|
-
.
|
|
1052
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045:not(#\9):active {
|
|
1245
1053
|
background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
|
|
1246
1054
|
}
|
|
1247
|
-
.
|
|
1055
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9) {
|
|
1248
1056
|
background: var(--color-background-layout-toggle-selected-default-5go4i7, #006ce0);
|
|
1249
1057
|
color: var(--color-text-layout-toggle-selected-4t49fq, #ffffff);
|
|
1250
1058
|
}
|
|
1251
|
-
.
|
|
1059
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):hover {
|
|
1252
1060
|
background: var(--color-background-layout-toggle-selected-hover-pt3n9b, #004a9e);
|
|
1253
1061
|
}
|
|
1254
|
-
.
|
|
1062
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_selected_hyvsj_1oesa_1045 > .awsui_trigger-badge-wrapper_hyvsj_1oesa_993:not(#\9):active {
|
|
1255
1063
|
background: var(--color-background-layout-toggle-selected-active-7ovd7l, #006ce0);
|
|
1256
1064
|
}
|
|
1257
|
-
.
|
|
1065
|
+
.awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9), .awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9):hover, .awsui_trigger_hyvsj_1oesa_977.awsui_badge_hyvsj_1oesa_1065:not(#\9):active {
|
|
1258
1066
|
background: transparent;
|
|
1259
1067
|
}
|
|
1260
1068
|
|
|
1261
|
-
.awsui_trigger-
|
|
1069
|
+
.awsui_trigger-wrapper_hyvsj_1oesa_1069:not(#\9) {
|
|
1262
1070
|
position: relative;
|
|
1263
1071
|
border-start-start-radius: 50%;
|
|
1264
1072
|
border-start-end-radius: 50%;
|
|
1265
1073
|
border-end-start-radius: 50%;
|
|
1266
1074
|
border-end-end-radius: 50%;
|
|
1267
1075
|
}
|
|
1268
|
-
.awsui_trigger-
|
|
1076
|
+
.awsui_trigger-wrapper_hyvsj_1oesa_1069:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_1oesa_495) {
|
|
1269
1077
|
box-shadow: var(--shadow-panel-toggle-qddz27, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1270
1078
|
}
|
|
1271
1079
|
|
|
1272
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1080
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_1oesa_1080:not(#\9) {
|
|
1273
1081
|
/* used in test-utils*/
|
|
1274
1082
|
}
|
|
1275
1083
|
|
|
1276
|
-
.
|
|
1084
|
+
.awsui_dot_hyvsj_1oesa_1084:not(#\9) {
|
|
1277
1085
|
position: absolute;
|
|
1278
1086
|
inline-size: 9px;
|
|
1279
1087
|
block-size: 9px;
|
|
@@ -1286,6 +1094,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_vcneu_1169:not(#\9):foc
|
|
|
1286
1094
|
inset-inline-end: 0;
|
|
1287
1095
|
}
|
|
1288
1096
|
|
|
1289
|
-
.awsui_trigger-
|
|
1097
|
+
.awsui_trigger-tooltip_hyvsj_1oesa_1097:not(#\9) {
|
|
1290
1098
|
/* used in test-utils */
|
|
1291
1099
|
}
|