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