@cloudscape-design/components-themeable 3.0.1351 → 3.0.1353
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/alert/styles.scss +35 -19
- package/lib/internal/scss/badge/styles.scss +55 -35
- package/lib/internal/scss/button/styles.scss +96 -52
- package/lib/internal/scss/icon/hover-motion.scss +1191 -0
- package/lib/internal/scss/icon/styles.scss +3 -0
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/internal/styles/style-api.scss +45 -0
- package/lib/internal/template/action-card/styles.css.js +17 -17
- package/lib/internal/template/action-card/styles.scoped.css +95 -99
- package/lib/internal/template/action-card/styles.selectors.js +17 -17
- package/lib/internal/template/alert/internal.d.ts +6 -0
- package/lib/internal/template/alert/internal.d.ts.map +1 -1
- package/lib/internal/template/alert/internal.js +4 -4
- package/lib/internal/template/alert/internal.js.map +1 -1
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +147 -73
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +18 -22
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +20 -24
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
- package/lib/internal/template/app-layout/content-wrapper/styles.css.js +3 -3
- package/lib/internal/template/app-layout/content-wrapper/styles.scoped.css +6 -10
- package/lib/internal/template/app-layout/content-wrapper/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/drawer/styles.css.js +14 -14
- package/lib/internal/template/app-layout/drawer/styles.scoped.css +22 -26
- package/lib/internal/template/app-layout/drawer/styles.selectors.js +14 -14
- package/lib/internal/template/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/lib/internal/template/app-layout/mobile-toolbar/styles.scoped.css +8 -12
- package/lib/internal/template/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/lib/internal/template/app-layout/resize/styles.css.js +5 -5
- package/lib/internal/template/app-layout/resize/styles.scoped.css +12 -16
- package/lib/internal/template/app-layout/resize/styles.selectors.js +5 -5
- package/lib/internal/template/app-layout/split-panel/styles.css.js +2 -2
- package/lib/internal/template/app-layout/split-panel/styles.scoped.css +2 -6
- package/lib/internal/template/app-layout/split-panel/styles.selectors.js +2 -2
- package/lib/internal/template/app-layout/styles.css.js +12 -12
- package/lib/internal/template/app-layout/styles.scoped.css +12 -16
- package/lib/internal/template/app-layout/styles.selectors.js +12 -12
- package/lib/internal/template/app-layout/toggles/styles.css.js +2 -2
- package/lib/internal/template/app-layout/toggles/styles.scoped.css +6 -10
- package/lib/internal/template/app-layout/toggles/styles.selectors.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +163 -167
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +83 -87
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -13
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +59 -63
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
- package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +1 -5
- package/lib/internal/template/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +14 -14
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +31 -35
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +6 -6
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +14 -18
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +6 -6
- package/lib/internal/template/area-chart/styles.css.js +6 -6
- package/lib/internal/template/area-chart/styles.scoped.css +9 -13
- package/lib/internal/template/area-chart/styles.selectors.js +6 -6
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +25 -29
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/badge/index.d.ts.map +1 -1
- package/lib/internal/template/badge/index.js +2 -1
- package/lib/internal/template/badge/index.js.map +1 -1
- package/lib/internal/template/badge/styles.css.js +10 -10
- package/lib/internal/template/badge/styles.scoped.css +89 -56
- package/lib/internal/template/badge/styles.selectors.js +10 -10
- package/lib/internal/template/box/styles.css.js +220 -220
- package/lib/internal/template/box/styles.scoped.css +265 -269
- package/lib/internal/template/box/styles.selectors.js +220 -220
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +25 -29
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.css.js +14 -14
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +24 -28
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +14 -14
- package/lib/internal/template/button/index.d.ts.map +1 -1
- package/lib/internal/template/button/index.js +1 -1
- package/lib/internal/template/button/index.js.map +1 -1
- package/lib/internal/template/button/internal.d.ts +5 -0
- package/lib/internal/template/button/internal.d.ts.map +1 -1
- package/lib/internal/template/button/internal.js +3 -2
- package/lib/internal/template/button/internal.js.map +1 -1
- package/lib/internal/template/button/styles.css.js +23 -23
- package/lib/internal/template/button/styles.scoped.css +373 -304
- package/lib/internal/template/button/styles.selectors.js +23 -23
- package/lib/internal/template/button-dropdown/category-elements/styles.css.js +18 -18
- package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +28 -32
- package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +18 -18
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +34 -38
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -9
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/lib/internal/template/button-dropdown/styles.css.js +23 -23
- package/lib/internal/template/button-dropdown/styles.scoped.css +31 -35
- package/lib/internal/template/button-dropdown/styles.selectors.js +23 -23
- package/lib/internal/template/button-group/styles.css.js +4 -4
- package/lib/internal/template/button-group/styles.scoped.css +4 -8
- package/lib/internal/template/button-group/styles.selectors.js +4 -4
- package/lib/internal/template/calendar/styles.css.js +21 -21
- package/lib/internal/template/calendar/styles.scoped.css +43 -47
- package/lib/internal/template/calendar/styles.selectors.js +21 -21
- package/lib/internal/template/cards/styles.css.js +38 -38
- package/lib/internal/template/cards/styles.scoped.css +39 -43
- package/lib/internal/template/cards/styles.selectors.js +38 -38
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +5 -9
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/resizable-box/styles.css.js +4 -4
- package/lib/internal/template/code-editor/resizable-box/styles.scoped.css +6 -10
- package/lib/internal/template/code-editor/resizable-box/styles.selectors.js +4 -4
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +186 -190
- package/lib/internal/template/code-editor/styles.selectors.js +33 -33
- package/lib/internal/template/collection-preferences/styles.css.js +38 -38
- package/lib/internal/template/collection-preferences/styles.scoped.css +39 -43
- package/lib/internal/template/collection-preferences/styles.selectors.js +38 -38
- package/lib/internal/template/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/lib/internal/template/column-layout/flexible-column-layout/styles.scoped.css +8 -12
- package/lib/internal/template/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/lib/internal/template/column-layout/styles.css.js +13 -13
- package/lib/internal/template/column-layout/styles.scoped.css +43 -47
- package/lib/internal/template/column-layout/styles.selectors.js +13 -13
- package/lib/internal/template/container/styles.css.js +33 -33
- package/lib/internal/template/container/styles.scoped.css +56 -60
- package/lib/internal/template/container/styles.selectors.js +33 -33
- package/lib/internal/template/content-layout/styles.css.js +14 -14
- package/lib/internal/template/content-layout/styles.scoped.css +16 -20
- package/lib/internal/template/content-layout/styles.selectors.js +14 -14
- package/lib/internal/template/date-picker/styles.css.js +7 -7
- package/lib/internal/template/date-picker/styles.scoped.css +9 -13
- package/lib/internal/template/date-picker/styles.selectors.js +7 -7
- package/lib/internal/template/date-range-picker/calendar/grids/styles.css.js +30 -30
- package/lib/internal/template/date-range-picker/calendar/grids/styles.scoped.css +55 -59
- package/lib/internal/template/date-range-picker/calendar/grids/styles.selectors.js +30 -30
- package/lib/internal/template/date-range-picker/relative-range/styles.css.js +6 -6
- package/lib/internal/template/date-range-picker/relative-range/styles.scoped.css +10 -14
- package/lib/internal/template/date-range-picker/relative-range/styles.selectors.js +6 -6
- package/lib/internal/template/date-range-picker/styles.css.js +23 -23
- package/lib/internal/template/date-range-picker/styles.scoped.css +32 -36
- package/lib/internal/template/date-range-picker/styles.selectors.js +23 -23
- package/lib/internal/template/divider/styles.css.js +6 -6
- package/lib/internal/template/divider/styles.scoped.css +6 -10
- package/lib/internal/template/divider/styles.selectors.js +6 -6
- package/lib/internal/template/drawer/styles.css.js +29 -29
- package/lib/internal/template/drawer/styles.scoped.css +35 -39
- package/lib/internal/template/drawer/styles.selectors.js +29 -29
- package/lib/internal/template/dropdown/styles.css.js +20 -20
- package/lib/internal/template/dropdown/styles.scoped.css +37 -41
- package/lib/internal/template/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/expandable-section/styles.css.js +43 -43
- package/lib/internal/template/expandable-section/styles.scoped.css +88 -92
- package/lib/internal/template/expandable-section/styles.selectors.js +43 -43
- package/lib/internal/template/file-dropzone/styles.css.js +3 -3
- package/lib/internal/template/file-dropzone/styles.scoped.css +3 -7
- package/lib/internal/template/file-dropzone/styles.selectors.js +3 -3
- package/lib/internal/template/file-input/styles.css.js +5 -5
- package/lib/internal/template/file-input/styles.scoped.css +8 -12
- package/lib/internal/template/file-input/styles.selectors.js +5 -5
- package/lib/internal/template/file-token-group/styles.css.js +23 -23
- package/lib/internal/template/file-token-group/styles.scoped.css +33 -37
- package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
- package/lib/internal/template/flashbar/styles.css.js +50 -50
- package/lib/internal/template/flashbar/styles.scoped.css +188 -152
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/form/styles.css.js +8 -8
- package/lib/internal/template/form/styles.scoped.css +8 -12
- package/lib/internal/template/form/styles.selectors.js +8 -8
- package/lib/internal/template/form-field/styles.css.js +24 -24
- package/lib/internal/template/form-field/styles.scoped.css +38 -42
- package/lib/internal/template/form-field/styles.selectors.js +24 -24
- package/lib/internal/template/grid/styles.css.js +53 -53
- package/lib/internal/template/grid/styles.scoped.css +54 -58
- package/lib/internal/template/grid/styles.selectors.js +53 -53
- package/lib/internal/template/header/styles.css.js +35 -35
- package/lib/internal/template/header/styles.scoped.css +53 -57
- package/lib/internal/template/header/styles.selectors.js +35 -35
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +66 -70
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/hotspot/styles.css.js +7 -7
- package/lib/internal/template/hotspot/styles.scoped.css +7 -11
- package/lib/internal/template/hotspot/styles.selectors.js +7 -7
- package/lib/internal/template/icon/generated/icons.js +27 -18
- package/lib/internal/template/icon/generated/icons.js.map +1 -1
- package/lib/internal/template/icon/styles.css.js +41 -41
- package/lib/internal/template/icon/styles.scoped.css +97 -93
- package/lib/internal/template/icon/styles.selectors.js +41 -41
- package/lib/internal/template/input/styles.css.js +28 -28
- package/lib/internal/template/input/styles.scoped.css +68 -72
- package/lib/internal/template/input/styles.selectors.js +28 -28
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/components/abstract-switch/styles.css.js +13 -13
- package/lib/internal/template/internal/components/abstract-switch/styles.scoped.css +20 -24
- package/lib/internal/template/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +14 -14
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +29 -33
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +14 -14
- package/lib/internal/template/internal/components/cartesian-chart/styles.css.js +28 -28
- package/lib/internal/template/internal/components/cartesian-chart/styles.scoped.css +32 -36
- package/lib/internal/template/internal/components/cartesian-chart/styles.selectors.js +28 -28
- package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +3 -7
- package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +14 -18
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/components/chart-plot/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-plot/styles.scoped.css +5 -9
- package/lib/internal/template/internal/components/chart-plot/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +4 -8
- package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +19 -19
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +32 -36
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +19 -19
- package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +7 -11
- package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
- package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +9 -13
- package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +9 -13
- package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/drag-handle/styles.css.js +14 -14
- package/lib/internal/template/internal/components/drag-handle/styles.scoped.css +20 -24
- package/lib/internal/template/internal/components/drag-handle/styles.selectors.js +14 -14
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +48 -52
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
- package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +3 -7
- package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
- package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +2 -6
- package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/expand-toggle-button/styles.css.js +4 -4
- package/lib/internal/template/internal/components/expand-toggle-button/styles.scoped.css +13 -17
- package/lib/internal/template/internal/components/expand-toggle-button/styles.selectors.js +4 -4
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +13 -17
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/option/styles.css.js +17 -17
- package/lib/internal/template/internal/components/option/styles.scoped.css +29 -33
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +3 -7
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +3 -3
- package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +7 -11
- package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
- package/lib/internal/template/internal/components/radio-button/styles.scoped.css +12 -16
- package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/screenreader-only/styles.css.js +1 -1
- package/lib/internal/template/internal/components/screenreader-only/styles.scoped.css +1 -5
- package/lib/internal/template/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +49 -53
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
- package/lib/internal/template/internal/components/sortable-area/styles.css.js +8 -8
- package/lib/internal/template/internal/components/sortable-area/styles.scoped.css +15 -19
- package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +8 -8
- package/lib/internal/template/internal/components/structured-item/styles.css.js +7 -7
- package/lib/internal/template/internal/components/structured-item/styles.scoped.css +9 -13
- package/lib/internal/template/internal/components/structured-item/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +22 -26
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/item-card/styles.css.js +14 -14
- package/lib/internal/template/item-card/styles.scoped.css +50 -54
- package/lib/internal/template/item-card/styles.selectors.js +14 -14
- package/lib/internal/template/key-value-pairs/styles.css.js +8 -8
- package/lib/internal/template/key-value-pairs/styles.scoped.css +9 -13
- package/lib/internal/template/key-value-pairs/styles.selectors.js +8 -8
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +72 -76
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/list/styles.css.js +5 -5
- package/lib/internal/template/list/styles.scoped.css +7 -11
- package/lib/internal/template/list/styles.selectors.js +5 -5
- package/lib/internal/template/live-region/styles.css.js +2 -2
- package/lib/internal/template/live-region/styles.scoped.css +3 -7
- package/lib/internal/template/live-region/styles.selectors.js +2 -2
- package/lib/internal/template/mixed-line-bar-chart/styles.css.js +11 -11
- package/lib/internal/template/mixed-line-bar-chart/styles.scoped.css +17 -21
- package/lib/internal/template/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/lib/internal/template/modal/styles.css.js +31 -31
- package/lib/internal/template/modal/styles.scoped.css +46 -50
- package/lib/internal/template/modal/styles.selectors.js +31 -31
- package/lib/internal/template/multiselect/styles.css.js +5 -5
- package/lib/internal/template/multiselect/styles.scoped.css +5 -9
- package/lib/internal/template/multiselect/styles.selectors.js +5 -5
- package/lib/internal/template/pagination/styles.css.js +12 -12
- package/lib/internal/template/pagination/styles.scoped.css +30 -34
- package/lib/internal/template/pagination/styles.selectors.js +12 -12
- package/lib/internal/template/panel-layout/styles.css.js +7 -7
- package/lib/internal/template/panel-layout/styles.scoped.css +10 -14
- package/lib/internal/template/panel-layout/styles.selectors.js +7 -7
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +48 -52
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/styles.css.js +58 -58
- package/lib/internal/template/popover/styles.scoped.css +90 -94
- package/lib/internal/template/popover/styles.selectors.js +58 -58
- package/lib/internal/template/progress-bar/styles.css.js +19 -19
- package/lib/internal/template/progress-bar/styles.scoped.css +30 -34
- package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
- package/lib/internal/template/prompt-input/styles.css.js +26 -26
- package/lib/internal/template/prompt-input/styles.scoped.css +53 -57
- package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
- package/lib/internal/template/property-filter/filtering-token/styles.css.js +18 -18
- package/lib/internal/template/property-filter/filtering-token/styles.scoped.css +43 -47
- package/lib/internal/template/property-filter/filtering-token/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +39 -39
- package/lib/internal/template/property-filter/styles.scoped.css +41 -45
- package/lib/internal/template/property-filter/styles.selectors.js +39 -39
- package/lib/internal/template/radio-button/styles.css.js +1 -1
- package/lib/internal/template/radio-button/styles.scoped.css +1 -5
- package/lib/internal/template/radio-button/styles.selectors.js +1 -1
- package/lib/internal/template/radio-group/styles.css.js +5 -5
- package/lib/internal/template/radio-group/styles.scoped.css +6 -10
- package/lib/internal/template/radio-group/styles.selectors.js +5 -5
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.scoped.css +3 -7
- package/lib/internal/template/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +32 -36
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/select/parts/styles.css.js +21 -21
- package/lib/internal/template/select/parts/styles.scoped.css +22 -26
- package/lib/internal/template/select/parts/styles.selectors.js +21 -21
- package/lib/internal/template/select/styles.css.js +3 -3
- package/lib/internal/template/select/styles.scoped.css +3 -7
- package/lib/internal/template/select/styles.selectors.js +3 -3
- package/lib/internal/template/side-navigation/styles.css.js +64 -64
- package/lib/internal/template/side-navigation/styles.scoped.css +110 -114
- package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
- package/lib/internal/template/skeleton/styles.css.js +15 -15
- package/lib/internal/template/skeleton/styles.scoped.css +25 -29
- package/lib/internal/template/skeleton/styles.selectors.js +15 -15
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +76 -80
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/space-between/styles.css.js +23 -23
- package/lib/internal/template/space-between/styles.scoped.css +24 -28
- package/lib/internal/template/space-between/styles.selectors.js +23 -23
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +19 -23
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/split-panel/icons/styles.css.js +22 -22
- package/lib/internal/template/split-panel/icons/styles.scoped.css +24 -28
- package/lib/internal/template/split-panel/icons/styles.selectors.js +22 -22
- package/lib/internal/template/split-panel/styles.css.js +38 -38
- package/lib/internal/template/split-panel/styles.scoped.css +56 -60
- package/lib/internal/template/split-panel/styles.selectors.js +38 -38
- package/lib/internal/template/status-indicator/styles.css.js +25 -25
- package/lib/internal/template/status-indicator/styles.scoped.css +47 -51
- package/lib/internal/template/status-indicator/styles.selectors.js +25 -25
- package/lib/internal/template/steps/styles.css.js +17 -17
- package/lib/internal/template/steps/styles.scoped.css +34 -38
- package/lib/internal/template/steps/styles.selectors.js +17 -17
- package/lib/internal/template/table/body-cell/styles.css.js +48 -48
- package/lib/internal/template/table/body-cell/styles.scoped.css +375 -379
- package/lib/internal/template/table/body-cell/styles.selectors.js +48 -48
- package/lib/internal/template/table/column-groups/utils.d.ts +1 -0
- package/lib/internal/template/table/column-groups/utils.d.ts.map +1 -1
- package/lib/internal/template/table/column-groups/utils.js +13 -11
- package/lib/internal/template/table/column-groups/utils.js.map +1 -1
- package/lib/internal/template/table/header-cell/styles.css.js +38 -38
- package/lib/internal/template/table/header-cell/styles.scoped.css +108 -80
- package/lib/internal/template/table/header-cell/styles.selectors.js +38 -38
- package/lib/internal/template/table/resizer/styles.css.js +17 -17
- package/lib/internal/template/table/resizer/styles.scoped.css +27 -31
- package/lib/internal/template/table/resizer/styles.selectors.js +17 -17
- package/lib/internal/template/table/selection/styles.css.js +4 -4
- package/lib/internal/template/table/selection/styles.scoped.css +4 -8
- package/lib/internal/template/table/selection/styles.selectors.js +4 -4
- package/lib/internal/template/table/sticky-scrollbar/styles.css.js +6 -6
- package/lib/internal/template/table/sticky-scrollbar/styles.scoped.css +8 -12
- package/lib/internal/template/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/lib/internal/template/table/styles.css.js +37 -37
- package/lib/internal/template/table/styles.scoped.css +44 -48
- package/lib/internal/template/table/styles.selectors.js +37 -37
- package/lib/internal/template/table/thead.js +6 -6
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/tabs/styles.css.js +30 -30
- package/lib/internal/template/tabs/styles.scoped.css +50 -54
- package/lib/internal/template/tabs/styles.selectors.js +30 -30
- package/lib/internal/template/tag-editor/styles.css.js +3 -3
- package/lib/internal/template/tag-editor/styles.scoped.css +10 -14
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +60 -64
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/text-filter/styles.css.js +3 -3
- package/lib/internal/template/text-filter/styles.scoped.css +3 -7
- package/lib/internal/template/text-filter/styles.selectors.js +3 -3
- package/lib/internal/template/textarea/styles.css.js +9 -9
- package/lib/internal/template/textarea/styles.scoped.css +17 -21
- package/lib/internal/template/textarea/styles.selectors.js +9 -9
- package/lib/internal/template/tiles/styles.css.js +30 -30
- package/lib/internal/template/tiles/styles.scoped.css +72 -76
- package/lib/internal/template/tiles/styles.selectors.js +30 -30
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +17 -21
- package/lib/internal/template/toggle/styles.selectors.js +10 -10
- package/lib/internal/template/token/styles.css.js +14 -14
- package/lib/internal/template/token/styles.scoped.css +26 -30
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/token-group/styles.css.js +5 -5
- package/lib/internal/template/token-group/styles.scoped.css +4 -8
- package/lib/internal/template/token-group/styles.selectors.js +5 -5
- package/lib/internal/template/tooltip/styles.css.js +2 -2
- package/lib/internal/template/tooltip/styles.scoped.css +5 -9
- package/lib/internal/template/tooltip/styles.selectors.js +2 -2
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +65 -69
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tree-view/styles.css.js +2 -2
- package/lib/internal/template/tree-view/styles.scoped.css +2 -6
- package/lib/internal/template/tree-view/styles.selectors.js +2 -2
- package/lib/internal/template/tree-view/tree-item/styles.css.js +10 -10
- package/lib/internal/template/tree-view/tree-item/styles.scoped.css +13 -17
- package/lib/internal/template/tree-view/tree-item/styles.selectors.js +10 -10
- package/lib/internal/template/truncated-text/styles.css.js +1 -1
- package/lib/internal/template/truncated-text/styles.scoped.css +5 -9
- package/lib/internal/template/truncated-text/styles.selectors.js +1 -1
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +21 -25
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +27 -31
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
- package/lib/internal/template/tutorial-panel/styles.scoped.css +5 -9
- package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
- package/lib/internal/template/wizard/styles.css.js +30 -30
- package/lib/internal/template/wizard/styles.scoped.css +60 -64
- package/lib/internal/template/wizard/styles.selectors.js +30 -30
- package/package.json +1 -1
|
@@ -140,16 +140,12 @@
|
|
|
140
140
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
141
141
|
SPDX-License-Identifier: Apache-2.0
|
|
142
142
|
*/
|
|
143
|
-
/*
|
|
144
|
-
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
145
|
-
SPDX-License-Identifier: Apache-2.0
|
|
146
|
-
*/
|
|
147
143
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
144
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
div.
|
|
145
|
+
div.awsui_background_hyvsj_wlx3v_145:not(#\9) {
|
|
150
146
|
display: contents;
|
|
151
147
|
}
|
|
152
|
-
div.
|
|
148
|
+
div.awsui_background_hyvsj_wlx3v_145 > .awsui_scrolling-background_hyvsj_wlx3v_148:not(#\9) {
|
|
153
149
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
154
150
|
color: var(--color-text-body-default-b2us04, #16191f);
|
|
155
151
|
grid-column: 1/span 5;
|
|
@@ -160,7 +156,7 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
160
156
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
161
157
|
SPDX-License-Identifier: Apache-2.0
|
|
162
158
|
*/
|
|
163
|
-
.
|
|
159
|
+
.awsui_breadcrumbs_hyvsj_wlx3v_159:not(#\9) {
|
|
164
160
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
165
161
|
grid-area: breadcrumbs;
|
|
166
162
|
}
|
|
@@ -173,7 +169,7 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
173
169
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
174
170
|
SPDX-License-Identifier: Apache-2.0
|
|
175
171
|
*/
|
|
176
|
-
.awsui_drawers-
|
|
172
|
+
.awsui_drawers-container_hyvsj_wlx3v_172:not(#\9) {
|
|
177
173
|
background-color: transparent;
|
|
178
174
|
display: flex;
|
|
179
175
|
grid-column: 5;
|
|
@@ -184,16 +180,16 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
184
180
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
185
181
|
z-index: 830;
|
|
186
182
|
}
|
|
187
|
-
.awsui_drawers-
|
|
183
|
+
.awsui_drawers-container_hyvsj_wlx3v_172.awsui_has-open-drawer_hyvsj_wlx3v_183:not(#\9) {
|
|
188
184
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
189
185
|
}
|
|
190
186
|
@media (min-width: 689px) {
|
|
191
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_wlx3v_172:not(#\9) {
|
|
192
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));
|
|
193
189
|
}
|
|
194
190
|
}
|
|
195
191
|
@media (max-width: 688px) {
|
|
196
|
-
.awsui_drawers-
|
|
192
|
+
.awsui_drawers-container_hyvsj_wlx3v_172:not(#\9) {
|
|
197
193
|
position: fixed;
|
|
198
194
|
inset-inline-end: 0;
|
|
199
195
|
z-index: 1001;
|
|
@@ -205,12 +201,12 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
205
201
|
relative to the body.
|
|
206
202
|
*/
|
|
207
203
|
}
|
|
208
|
-
.awsui_drawers-
|
|
204
|
+
.awsui_drawers-container_hyvsj_wlx3v_172.awsui_disable-body-scroll_hyvsj_wlx3v_204:not(#\9) {
|
|
209
205
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
210
206
|
}
|
|
211
207
|
}
|
|
212
208
|
|
|
213
|
-
.awsui_drawers-desktop-triggers-
|
|
209
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_wlx3v_209:not(#\9) {
|
|
214
210
|
border-collapse: separate;
|
|
215
211
|
border-spacing: 0;
|
|
216
212
|
box-sizing: border-box;
|
|
@@ -248,22 +244,22 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
248
244
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
249
245
|
overscroll-behavior-y: contain;
|
|
250
246
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
247
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_wlx3v_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_wlx3v_247).awsui_has-open-drawer_hyvsj_wlx3v_183 {
|
|
252
248
|
inline-size: 0;
|
|
253
249
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
250
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_wlx3v_209.awsui_has-multiple-triggers_hyvsj_wlx3v_247.awsui_has-open-drawer_hyvsj_wlx3v_183:not(#\9) {
|
|
255
251
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
256
252
|
}
|
|
257
|
-
.awsui_drawers-desktop-triggers-
|
|
253
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_wlx3v_209:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_wlx3v_247):not(.awsui_has-open-drawer_hyvsj_wlx3v_183) {
|
|
258
254
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
259
255
|
}
|
|
260
256
|
|
|
261
|
-
.awsui_drawers-mobile-triggers-
|
|
257
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_wlx3v_257:not(#\9) {
|
|
262
258
|
display: flex;
|
|
263
259
|
justify-content: flex-end;
|
|
264
260
|
}
|
|
265
261
|
|
|
266
|
-
.awsui_drawers-trigger-
|
|
262
|
+
.awsui_drawers-trigger-content_hyvsj_wlx3v_262:not(#\9) {
|
|
267
263
|
align-items: center;
|
|
268
264
|
display: flex;
|
|
269
265
|
flex-direction: column;
|
|
@@ -271,13 +267,13 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
271
267
|
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
272
268
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
273
269
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
270
|
+
.awsui_drawers-trigger-content_hyvsj_wlx3v_262:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_wlx3v_247).awsui_has-open-drawer_hyvsj_wlx3v_183 {
|
|
275
271
|
opacity: 0;
|
|
276
272
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
273
|
+
.awsui_drawers-trigger-content_hyvsj_wlx3v_262:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_wlx3v_247):not(.awsui_has-open-drawer_hyvsj_wlx3v_183) {
|
|
278
274
|
opacity: 1;
|
|
279
275
|
}
|
|
280
|
-
.awsui_drawers-trigger-
|
|
276
|
+
.awsui_drawers-trigger-content_hyvsj_wlx3v_262 > .awsui_drawers-trigger-overflow_hyvsj_wlx3v_276:not(#\9) {
|
|
281
277
|
padding-block: 0;
|
|
282
278
|
padding-inline: 1px;
|
|
283
279
|
display: flex;
|
|
@@ -286,14 +282,14 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
286
282
|
}
|
|
287
283
|
|
|
288
284
|
@media (max-width: 688px) {
|
|
289
|
-
.awsui_drawers-
|
|
285
|
+
.awsui_drawers-trigger_hyvsj_wlx3v_262:not(#\9) {
|
|
290
286
|
inline-size: 40px;
|
|
291
287
|
display: flex;
|
|
292
288
|
justify-content: center;
|
|
293
289
|
}
|
|
294
290
|
}
|
|
295
291
|
|
|
296
|
-
.
|
|
292
|
+
.awsui_drawer_hyvsj_wlx3v_172:not(#\9) {
|
|
297
293
|
--awsui-drawer-size-esndbs: 290px;
|
|
298
294
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
299
295
|
border-color: transparent;
|
|
@@ -308,7 +304,7 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
308
304
|
pointer-events: auto;
|
|
309
305
|
word-wrap: break-word;
|
|
310
306
|
}
|
|
311
|
-
.
|
|
307
|
+
.awsui_drawer_hyvsj_wlx3v_172 > .awsui_drawer-content-container_hyvsj_wlx3v_307:not(#\9) {
|
|
312
308
|
grid-column: 1/span 2;
|
|
313
309
|
grid-row: 1;
|
|
314
310
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
@@ -317,19 +313,19 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
317
313
|
grid-template-rows: var(--size-vertical-panel-icon-offset-4593ko, 15px) auto 1fr;
|
|
318
314
|
overflow-y: auto;
|
|
319
315
|
}
|
|
320
|
-
.
|
|
316
|
+
.awsui_drawer_hyvsj_wlx3v_172 > .awsui_drawer-content-container_hyvsj_wlx3v_307 > .awsui_drawer-close-button_hyvsj_wlx3v_316:not(#\9) {
|
|
321
317
|
grid-column: 3;
|
|
322
318
|
grid-row: 2;
|
|
323
319
|
z-index: 1;
|
|
324
320
|
}
|
|
325
|
-
.
|
|
321
|
+
.awsui_drawer_hyvsj_wlx3v_172 > .awsui_drawer-content-container_hyvsj_wlx3v_307 > .awsui_drawer-content_hyvsj_wlx3v_307:not(#\9) {
|
|
326
322
|
grid-column: 1/span 4;
|
|
327
323
|
block-size: var(--awsui-content-height-esndbs);
|
|
328
324
|
}
|
|
329
|
-
.
|
|
325
|
+
.awsui_drawer_hyvsj_wlx3v_172 > .awsui_drawer-content-container_hyvsj_wlx3v_307 > .awsui_drawer-content_hyvsj_wlx3v_307.awsui_drawer-content-hidden_hyvsj_wlx3v_325:not(#\9) {
|
|
330
326
|
display: none;
|
|
331
327
|
}
|
|
332
|
-
.
|
|
328
|
+
.awsui_drawer_hyvsj_wlx3v_172 > .awsui_drawer-slider_hyvsj_wlx3v_328:not(#\9) {
|
|
333
329
|
grid-column: 1;
|
|
334
330
|
grid-row: 1;
|
|
335
331
|
block-size: 100%;
|
|
@@ -337,23 +333,23 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
337
333
|
align-items: center;
|
|
338
334
|
z-index: 850;
|
|
339
335
|
}
|
|
340
|
-
.
|
|
336
|
+
.awsui_drawer_hyvsj_wlx3v_172:not(#\9):not(.awsui_is-drawer-open_hyvsj_wlx3v_336) {
|
|
341
337
|
opacity: 0;
|
|
342
338
|
inline-size: 0;
|
|
343
339
|
}
|
|
344
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_wlx3v_172.awsui_is-drawer-open_hyvsj_wlx3v_336:not(#\9) {
|
|
345
341
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
346
342
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
347
343
|
opacity: 1;
|
|
348
344
|
inline-size: var(--awsui-drawer-size-esndbs);
|
|
349
345
|
}
|
|
350
346
|
@media (min-width: 2541px) {
|
|
351
|
-
.
|
|
347
|
+
.awsui_drawer_hyvsj_wlx3v_172.awsui_is-drawer-open_hyvsj_wlx3v_336:not(#\9) {
|
|
352
348
|
--awsui-drawer-size-esndbs: 320px;
|
|
353
349
|
}
|
|
354
350
|
}
|
|
355
351
|
@media (max-width: 688px) {
|
|
356
|
-
.
|
|
352
|
+
.awsui_drawer_hyvsj_wlx3v_172.awsui_is-drawer-open_hyvsj_wlx3v_336:not(#\9) {
|
|
357
353
|
--awsui-drawer-size-esndbs: 100vw;
|
|
358
354
|
inline-size: 100vw;
|
|
359
355
|
}
|
|
@@ -363,7 +359,7 @@ div.awsui_background_hyvsj_uw4df_149 > .awsui_scrolling-background_hyvsj_uw4df_1
|
|
|
363
359
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
364
360
|
SPDX-License-Identifier: Apache-2.0
|
|
365
361
|
*/
|
|
366
|
-
header.
|
|
362
|
+
header.awsui_content_hyvsj_wlx3v_362:not(#\9) {
|
|
367
363
|
grid-area: header;
|
|
368
364
|
}
|
|
369
365
|
|
|
@@ -388,7 +384,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
388
384
|
circumstances regardless of whether the minContentWidth property is
|
|
389
385
|
explicitly set in script.
|
|
390
386
|
*/
|
|
391
|
-
.
|
|
387
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9) {
|
|
392
388
|
--awsui-breadcrumbs-gap-esndbs: 0px;
|
|
393
389
|
--awsui-content-gap-left-esndbs: 0px;
|
|
394
390
|
--awsui-content-gap-right-esndbs: 0px;
|
|
@@ -460,113 +456,113 @@ explicitly set in script.
|
|
|
460
456
|
*/
|
|
461
457
|
}
|
|
462
458
|
@media (min-width: 1401px) {
|
|
463
|
-
.
|
|
459
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459) {
|
|
464
460
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
465
461
|
}
|
|
466
462
|
}
|
|
467
463
|
@media (min-width: 1921px) {
|
|
468
|
-
.
|
|
464
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459) {
|
|
469
465
|
--awsui-default-max-content-width-esndbs: 1440px;
|
|
470
466
|
}
|
|
471
467
|
}
|
|
472
468
|
@media (min-width: 2541px) {
|
|
473
|
-
.
|
|
469
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459) {
|
|
474
470
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
475
471
|
}
|
|
476
472
|
}
|
|
477
473
|
@media (min-width: 1401px) {
|
|
478
|
-
.
|
|
474
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459).awsui_content-type-dashboard_hyvsj_wlx3v_474 {
|
|
479
475
|
--awsui-default-max-content-width-esndbs: 1280px;
|
|
480
476
|
}
|
|
481
477
|
}
|
|
482
478
|
@media (min-width: 1921px) {
|
|
483
|
-
.
|
|
479
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459).awsui_content-type-dashboard_hyvsj_wlx3v_474 {
|
|
484
480
|
--awsui-default-max-content-width-esndbs: 1620px;
|
|
485
481
|
}
|
|
486
482
|
}
|
|
487
483
|
@media (min-width: 2541px) {
|
|
488
|
-
.
|
|
484
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459).awsui_content-type-dashboard_hyvsj_wlx3v_474 {
|
|
489
485
|
--awsui-default-max-content-width-esndbs: 2160px;
|
|
490
486
|
}
|
|
491
487
|
}
|
|
492
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459).awsui_content-type-table_hyvsj_wlx3v_488, .awsui_layout_hyvsj_wlx3v_387:not(#\9):not(.awsui_has-max-content-width_hyvsj_wlx3v_459).awsui_content-type-cards_hyvsj_wlx3v_488 {
|
|
493
489
|
--awsui-default-max-content-width-esndbs: 100%;
|
|
494
490
|
}
|
|
495
|
-
.
|
|
491
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-max-content-width_hyvsj_wlx3v_459:not(#\9) {
|
|
496
492
|
--awsui-default-max-content-width-esndbs: var(--awsui-max-content-width-esndbs);
|
|
497
493
|
}
|
|
498
|
-
.
|
|
494
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_is-overlap-disabled_hyvsj_wlx3v_494:not(#\9) {
|
|
499
495
|
--awsui-overlap-height-esndbs: 0;
|
|
500
496
|
}
|
|
501
|
-
.
|
|
497
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_is-hide-mobile-toolbar_hyvsj_wlx3v_497:not(#\9) {
|
|
502
498
|
--awsui-mobile-bar-height-esndbs: 0px;
|
|
503
499
|
}
|
|
504
500
|
@media (min-width: 993px) {
|
|
505
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9) {
|
|
506
502
|
--awsui-default-min-content-width-esndbs: var(--awsui-min-content-width-esndbs, 280px);
|
|
507
503
|
}
|
|
508
504
|
}
|
|
509
505
|
@media (max-width: 992px) {
|
|
510
|
-
.
|
|
506
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9) {
|
|
511
507
|
--awsui-default-min-content-width-esndbs: 0px;
|
|
512
508
|
}
|
|
513
509
|
}
|
|
514
510
|
@media (min-width: 689px) {
|
|
515
|
-
.
|
|
511
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-content-gap-left_hyvsj_wlx3v_511:not(#\9) {
|
|
516
512
|
--awsui-content-gap-left-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
|
|
517
513
|
}
|
|
518
|
-
.
|
|
514
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-content-gap-right_hyvsj_wlx3v_514:not(#\9) {
|
|
519
515
|
--awsui-content-gap-right-esndbs: var(--space-layout-content-horizontal-axaoos, 40px);
|
|
520
516
|
}
|
|
521
517
|
}
|
|
522
518
|
@media (max-width: 688px) {
|
|
523
|
-
.
|
|
519
|
+
.awsui_layout_hyvsj_wlx3v_387:not(#\9) {
|
|
524
520
|
--awsui-content-gap-left-esndbs: var(--space-l-dpyxli, 20px);
|
|
525
521
|
--awsui-content-gap-right-esndbs: var(--space-l-dpyxli, 20px);
|
|
526
522
|
}
|
|
527
523
|
}
|
|
528
|
-
.
|
|
524
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-breadcrumbs_hyvsj_wlx3v_524:not(#\9) {
|
|
529
525
|
--awsui-breadcrumbs-gap-esndbs: var(--space-scaled-m-lfeh3i, 16px);
|
|
530
526
|
}
|
|
531
|
-
.
|
|
527
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-header_hyvsj_wlx3v_527:not(#\9), .awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-notifications_hyvsj_wlx3v_527:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_wlx3v_524).awsui_has-header_hyvsj_wlx3v_527 {
|
|
532
528
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
|
|
533
529
|
}
|
|
534
|
-
.
|
|
530
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-breadcrumbs_hyvsj_wlx3v_524.awsui_has-header_hyvsj_wlx3v_527:not(#\9) {
|
|
535
531
|
--awsui-header-gap-esndbs: var(--space-scaled-xs-pajbd1, 8px);
|
|
536
532
|
}
|
|
537
|
-
.
|
|
533
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-notifications_hyvsj_wlx3v_527:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_wlx3v_524):not(.awsui_has-header_hyvsj_wlx3v_527) {
|
|
538
534
|
--awsui-main-gap-esndbs: var(--space-xs-m9b7jf, 8px);
|
|
539
535
|
}
|
|
540
|
-
.
|
|
536
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-breadcrumbs_hyvsj_wlx3v_524:not(#\9):not(.awsui_has-header_hyvsj_wlx3v_527) {
|
|
541
537
|
--awsui-main-gap-esndbs: var(--space-scaled-xxs-j00t0m, 4px);
|
|
542
538
|
}
|
|
543
|
-
.
|
|
539
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-header_hyvsj_wlx3v_527:not(#\9) {
|
|
544
540
|
--awsui-main-gap-esndbs: var(--space-content-header-padding-bottom-yv2yex, 16px);
|
|
545
541
|
}
|
|
546
|
-
.
|
|
542
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-main_hyvsj_wlx3v_542:not(#\9):not(.awsui_disable-content-paddings_hyvsj_wlx3v_542) {
|
|
547
543
|
--awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
548
544
|
}
|
|
549
|
-
.
|
|
545
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-main_hyvsj_wlx3v_542.awsui_disable-content-paddings_hyvsj_wlx3v_542:not(#\9) {
|
|
550
546
|
--awsui-main-gap-esndbs: 0px;
|
|
551
547
|
}
|
|
552
548
|
@media (max-width: 688px) {
|
|
553
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-header_hyvsj_wlx3v_527:not(#\9) {
|
|
554
550
|
--awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
555
551
|
}
|
|
556
|
-
.
|
|
552
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-notifications_hyvsj_wlx3v_527:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_wlx3v_524).awsui_has-header_hyvsj_wlx3v_527 {
|
|
557
553
|
--awsui-header-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
558
554
|
}
|
|
559
|
-
.
|
|
555
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-notifications_hyvsj_wlx3v_527:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_wlx3v_524):not(.awsui_has-header_hyvsj_wlx3v_527), .awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-main_hyvsj_wlx3v_542:not(#\9):not(.awsui_disable-content-paddings_hyvsj_wlx3v_542) {
|
|
560
556
|
--awsui-main-gap-esndbs: var(--space-scaled-s-2crg2b, 12px);
|
|
561
557
|
}
|
|
562
|
-
.
|
|
558
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_content-first-child-main_hyvsj_wlx3v_542.awsui_disable-content-paddings_hyvsj_wlx3v_542:not(#\9) {
|
|
563
559
|
--awsui-main-gap-esndbs: 0px;
|
|
564
560
|
}
|
|
565
561
|
}
|
|
566
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-left-toggles-gutter_hyvsj_wlx3v_562:not(#\9) {
|
|
567
563
|
--awsui-toggles-left-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
568
564
|
}
|
|
569
|
-
.
|
|
565
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_has-right-toggles-gutter_hyvsj_wlx3v_565:not(#\9) {
|
|
570
566
|
--awsui-toggles-right-width-esndbs: calc(var(--space-layout-toggle-padding-va8352, 12px) + 36px);
|
|
571
567
|
}
|
|
572
568
|
|
|
@@ -580,13 +576,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
580
576
|
position: sticky will be the value of the notifications height in addition to the
|
|
581
577
|
notifications top margin and some additional vertical space for aesthetics.
|
|
582
578
|
*/
|
|
583
|
-
.
|
|
579
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_disable-body-scroll_hyvsj_wlx3v_204:not(#\9) {
|
|
584
580
|
--awsui-main-template-rows-esndbs: 1fr auto;
|
|
585
581
|
--awsui-offset-top-esndbs: 0px;
|
|
586
582
|
block-size: var(--awsui-content-height-esndbs);
|
|
587
583
|
overflow-y: scroll;
|
|
588
584
|
}
|
|
589
|
-
.
|
|
585
|
+
.awsui_layout_hyvsj_wlx3v_387.awsui_disable-body-scroll_hyvsj_wlx3v_204.awsui_has-split-panel_hyvsj_wlx3v_585.awsui_split-panel-position-bottom_hyvsj_wlx3v_585:not(#\9) {
|
|
590
586
|
--awsui-main-template-rows-esndbs: repeat(2, auto);
|
|
591
587
|
}
|
|
592
588
|
|
|
@@ -594,13 +590,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
594
590
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
595
591
|
when the navigation or tools drawers are open in responsive viewports.
|
|
596
592
|
*/
|
|
597
|
-
.awsui_block-body-
|
|
593
|
+
.awsui_block-body-scroll_hyvsj_wlx3v_593:not(#\9) {
|
|
598
594
|
overflow: hidden;
|
|
599
595
|
}
|
|
600
596
|
|
|
601
597
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
602
|
-
.
|
|
603
|
-
.
|
|
598
|
+
.awsui_unfocusable_hyvsj_wlx3v_598:not(#\9),
|
|
599
|
+
.awsui_unfocusable_hyvsj_wlx3v_598 *:not(#\9) {
|
|
604
600
|
visibility: hidden !important;
|
|
605
601
|
}
|
|
606
602
|
|
|
@@ -609,7 +605,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
609
605
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
610
606
|
SPDX-License-Identifier: Apache-2.0
|
|
611
607
|
*/
|
|
612
|
-
.
|
|
608
|
+
.awsui_container_hyvsj_wlx3v_608:not(#\9) {
|
|
613
609
|
grid-area: main;
|
|
614
610
|
padding-block-end: var(--space-layout-content-bottom-adv8e9, 20px);
|
|
615
611
|
/*
|
|
@@ -626,19 +622,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
626
622
|
on the right, we decrement the column end by one.
|
|
627
623
|
*/
|
|
628
624
|
}
|
|
629
|
-
.
|
|
625
|
+
.awsui_container_hyvsj_wlx3v_608.awsui_has-split-panel_hyvsj_wlx3v_585.awsui_split-panel-position-bottom_hyvsj_wlx3v_585:not(#\9) {
|
|
630
626
|
padding-block-end: calc(var(--awsui-split-panel-height-esndbs) + var(--space-layout-content-bottom-adv8e9, 20px));
|
|
631
627
|
}
|
|
632
|
-
.
|
|
628
|
+
.awsui_container_hyvsj_wlx3v_608.awsui_disable-content-paddings_hyvsj_wlx3v_542:not(#\9) {
|
|
633
629
|
grid-column: 1/6;
|
|
634
630
|
padding-block: 0;
|
|
635
631
|
padding-inline: 0;
|
|
636
632
|
}
|
|
637
633
|
@media (min-width: 689px) {
|
|
638
|
-
.
|
|
634
|
+
.awsui_container_hyvsj_wlx3v_608.awsui_disable-content-paddings_hyvsj_wlx3v_542.awsui_is-navigation-open_hyvsj_wlx3v_634:not(#\9) {
|
|
639
635
|
grid-column-start: 2;
|
|
640
636
|
}
|
|
641
|
-
.
|
|
637
|
+
.awsui_container_hyvsj_wlx3v_608.awsui_disable-content-paddings_hyvsj_wlx3v_542.awsui_is-tools-open_hyvsj_wlx3v_637:not(#\9), .awsui_container_hyvsj_wlx3v_608.awsui_disable-content-paddings_hyvsj_wlx3v_542.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_split-panel-position-side_hyvsj_wlx3v_637:not(#\9), .awsui_container_hyvsj_wlx3v_608.awsui_disable-content-paddings_hyvsj_wlx3v_542.awsui_has-active-drawer_hyvsj_wlx3v_637:not(#\9) {
|
|
642
638
|
grid-column-end: 5;
|
|
643
639
|
}
|
|
644
640
|
}
|
|
@@ -651,7 +647,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
651
647
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
652
648
|
SPDX-License-Identifier: Apache-2.0
|
|
653
649
|
*/
|
|
654
|
-
section.awsui_mobile-
|
|
650
|
+
section.awsui_mobile-toolbar_hyvsj_wlx3v_650:not(#\9) {
|
|
655
651
|
align-items: center;
|
|
656
652
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
657
653
|
border-block-end: 1px solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
@@ -668,19 +664,19 @@ section.awsui_mobile-toolbar_hyvsj_uw4df_654:not(#\9) {
|
|
|
668
664
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
669
665
|
z-index: 1000;
|
|
670
666
|
}
|
|
671
|
-
section.awsui_mobile-
|
|
667
|
+
section.awsui_mobile-toolbar_hyvsj_wlx3v_650:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_wlx3v_667) {
|
|
672
668
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
673
669
|
box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
674
670
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_wlx3v_650 > .awsui_mobile-toolbar-nav_hyvsj_wlx3v_671:not(#\9) {
|
|
676
672
|
grid-column: 1;
|
|
677
673
|
margin-inline-end: var(--space-m-n8iq8o, 16px);
|
|
678
674
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_wlx3v_650 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_wlx3v_675:not(#\9) {
|
|
680
676
|
grid-column: 2;
|
|
681
677
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
682
678
|
}
|
|
683
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_wlx3v_650 > .awsui_mobile-toolbar-tools_hyvsj_wlx3v_679:not(#\9) {
|
|
684
680
|
grid-column: 3;
|
|
685
681
|
margin-inline-start: var(--space-m-n8iq8o, 16px);
|
|
686
682
|
}
|
|
@@ -689,7 +685,7 @@ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
689
685
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
690
686
|
SPDX-License-Identifier: Apache-2.0
|
|
691
687
|
*/
|
|
692
|
-
.awsui_navigation-
|
|
688
|
+
.awsui_navigation-container_hyvsj_wlx3v_688:not(#\9) {
|
|
693
689
|
display: flex;
|
|
694
690
|
grid-column: 1;
|
|
695
691
|
grid-row: 1/span 9;
|
|
@@ -710,7 +706,7 @@ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
710
706
|
pointer-events: none;
|
|
711
707
|
}
|
|
712
708
|
@media (max-width: 688px) {
|
|
713
|
-
.awsui_navigation-
|
|
709
|
+
.awsui_navigation-container_hyvsj_wlx3v_688:not(#\9) {
|
|
714
710
|
inset-inline-start: 0;
|
|
715
711
|
position: fixed;
|
|
716
712
|
z-index: 1001;
|
|
@@ -722,12 +718,12 @@ section.awsui_mobile-toolbar_hyvsj_uw4df_654 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
722
718
|
relative to the body.
|
|
723
719
|
*/
|
|
724
720
|
}
|
|
725
|
-
.awsui_navigation-
|
|
721
|
+
.awsui_navigation-container_hyvsj_wlx3v_688.awsui_disable-body-scroll_hyvsj_wlx3v_204:not(#\9) {
|
|
726
722
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
727
723
|
}
|
|
728
724
|
}
|
|
729
725
|
|
|
730
|
-
nav.awsui_show-
|
|
726
|
+
nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9) {
|
|
731
727
|
padding-block: var(--space-scaled-s-2crg2b, 12px);
|
|
732
728
|
padding-inline: var(--space-layout-toggle-padding-va8352, 12px);
|
|
733
729
|
/*
|
|
@@ -735,7 +731,7 @@ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9) {
|
|
|
735
731
|
take control in responsive viewports.
|
|
736
732
|
*/
|
|
737
733
|
}
|
|
738
|
-
@keyframes
|
|
734
|
+
@keyframes awsui_showButtons_hyvsj_wlx3v_1 {
|
|
739
735
|
0% {
|
|
740
736
|
opacity: 0;
|
|
741
737
|
}
|
|
@@ -743,31 +739,31 @@ nav.awsui_show-navigation_hyvsj_uw4df_730:not(#\9) {
|
|
|
743
739
|
opacity: 1;
|
|
744
740
|
}
|
|
745
741
|
}
|
|
746
|
-
nav.awsui_show-
|
|
742
|
+
nav.awsui_show-navigation_hyvsj_wlx3v_726.awsui_is-navigation-open_hyvsj_wlx3v_634:not(#\9) {
|
|
747
743
|
display: none;
|
|
748
744
|
}
|
|
749
745
|
@media (min-width: 689px) {
|
|
750
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634) {
|
|
751
747
|
display: block;
|
|
752
748
|
}
|
|
753
|
-
nav.awsui_show-
|
|
754
|
-
animation:
|
|
749
|
+
nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634).awsui_animating_hyvsj_wlx3v_749 {
|
|
750
|
+
animation: awsui_showButtons_hyvsj_wlx3v_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
755
751
|
}
|
|
756
752
|
}
|
|
757
753
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
758
|
-
nav.awsui_show-
|
|
754
|
+
nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634).awsui_animating_hyvsj_wlx3v_749 {
|
|
759
755
|
animation: none;
|
|
760
756
|
transition: none;
|
|
761
757
|
}
|
|
762
758
|
}
|
|
763
759
|
@media (min-width: 689px) {
|
|
764
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
760
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634).awsui_animating_hyvsj_wlx3v_749, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_wlx3v_726:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634).awsui_animating_hyvsj_wlx3v_749 {
|
|
765
761
|
animation: none;
|
|
766
762
|
transition: none;
|
|
767
763
|
}
|
|
768
764
|
}
|
|
769
765
|
|
|
770
|
-
nav.
|
|
766
|
+
nav.awsui_navigation_hyvsj_wlx3v_688:not(#\9) {
|
|
771
767
|
background-color: var(--color-background-layout-panel-content-lmvj28, #ffffff);
|
|
772
768
|
inset-block-end: 0;
|
|
773
769
|
block-size: 100%;
|
|
@@ -787,7 +783,7 @@ nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
|
|
|
787
783
|
prevent unwanted text wrapping.
|
|
788
784
|
*/
|
|
789
785
|
}
|
|
790
|
-
@keyframes
|
|
786
|
+
@keyframes awsui_openNavigation_hyvsj_wlx3v_1 {
|
|
791
787
|
from {
|
|
792
788
|
opacity: 0;
|
|
793
789
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
@@ -797,36 +793,36 @@ nav.awsui_navigation_hyvsj_uw4df_692:not(#\9) {
|
|
|
797
793
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
798
794
|
}
|
|
799
795
|
}
|
|
800
|
-
nav.
|
|
796
|
+
nav.awsui_navigation_hyvsj_wlx3v_688:not(#\9):not(.awsui_is-navigation-open_hyvsj_wlx3v_634) {
|
|
801
797
|
inline-size: 0;
|
|
802
798
|
display: none;
|
|
803
799
|
}
|
|
804
|
-
nav.
|
|
805
|
-
animation:
|
|
800
|
+
nav.awsui_navigation_hyvsj_wlx3v_688.awsui_is-navigation-open_hyvsj_wlx3v_634.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
801
|
+
animation: awsui_openNavigation_hyvsj_wlx3v_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
806
802
|
}
|
|
807
803
|
@media (prefers-reduced-motion: reduce) {
|
|
808
|
-
nav.
|
|
804
|
+
nav.awsui_navigation_hyvsj_wlx3v_688.awsui_is-navigation-open_hyvsj_wlx3v_634.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
809
805
|
animation: none;
|
|
810
806
|
transition: none;
|
|
811
807
|
}
|
|
812
808
|
}
|
|
813
|
-
.awsui-motion-disabled nav.
|
|
809
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_wlx3v_688.awsui_is-navigation-open_hyvsj_wlx3v_634.awsui_animating_hyvsj_wlx3v_749:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_wlx3v_688.awsui_is-navigation-open_hyvsj_wlx3v_634.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
814
810
|
animation: none;
|
|
815
811
|
transition: none;
|
|
816
812
|
}
|
|
817
|
-
nav.
|
|
813
|
+
nav.awsui_navigation_hyvsj_wlx3v_688 > .awsui_animated-content_hyvsj_wlx3v_813:not(#\9) {
|
|
818
814
|
inline-size: var(--awsui-navigation-width-esndbs);
|
|
819
815
|
}
|
|
820
|
-
nav.
|
|
816
|
+
nav.awsui_navigation_hyvsj_wlx3v_688 > .awsui_content-container_hyvsj_wlx3v_816:not(#\9) {
|
|
821
817
|
flex-grow: 1;
|
|
822
818
|
}
|
|
823
819
|
@media (max-width: 688px) {
|
|
824
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_wlx3v_688:not(#\9) {
|
|
825
821
|
--awsui-navigation-width-esndbs: 100vw;
|
|
826
822
|
}
|
|
827
823
|
}
|
|
828
824
|
|
|
829
|
-
.awsui_hide-
|
|
825
|
+
.awsui_hide-navigation_hyvsj_wlx3v_825:not(#\9) {
|
|
830
826
|
position: absolute;
|
|
831
827
|
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
832
828
|
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
@@ -836,24 +832,24 @@ nav.awsui_navigation_hyvsj_uw4df_692 > .awsui_content-container_hyvsj_uw4df_820:
|
|
|
836
832
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
837
833
|
SPDX-License-Identifier: Apache-2.0
|
|
838
834
|
*/
|
|
839
|
-
.
|
|
835
|
+
.awsui_notifications_hyvsj_wlx3v_835:not(#\9) {
|
|
840
836
|
color: var(--color-text-body-default-b2us04, #16191f);
|
|
841
837
|
grid-area: notifications;
|
|
842
838
|
z-index: 850;
|
|
843
839
|
}
|
|
844
|
-
.
|
|
840
|
+
.awsui_notifications_hyvsj_wlx3v_835.awsui_has-notification-content_hyvsj_wlx3v_840:not(#\9) {
|
|
845
841
|
padding-block-start: var(--space-scaled-s-2crg2b, 12px);
|
|
846
842
|
}
|
|
847
843
|
@media (min-width: 689px) {
|
|
848
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_wlx3v_835.awsui_sticky-notifications_hyvsj_wlx3v_844:not(#\9) {
|
|
849
845
|
--awsui-flashbar-sticky-bottom-margin-esndbs: var(--space-xxl-xj5vu7, 32px);
|
|
850
846
|
position: sticky;
|
|
851
847
|
inset-block-start: var(--awsui-offset-top-esndbs);
|
|
852
848
|
}
|
|
853
|
-
.
|
|
849
|
+
.awsui_notifications_hyvsj_wlx3v_835.awsui_sticky-notifications_hyvsj_wlx3v_844:not(#\9):not(.awsui_high-contrast_hyvsj_wlx3v_849) {
|
|
854
850
|
background-color: var(--color-background-layout-main-y4565g, #f2f3f3);
|
|
855
851
|
}
|
|
856
|
-
.
|
|
852
|
+
.awsui_notifications_hyvsj_wlx3v_835.awsui_has-notification-content_hyvsj_wlx3v_840:not(#\9) {
|
|
857
853
|
padding-block-start: var(--space-xs-m9b7jf, 8px);
|
|
858
854
|
}
|
|
859
855
|
}
|
|
@@ -868,7 +864,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
868
864
|
consume the remaining vertical space in the grid after the notifications
|
|
869
865
|
and breadcrumbs.
|
|
870
866
|
*/
|
|
871
|
-
section.awsui_split-panel-
|
|
867
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867:not(#\9) {
|
|
872
868
|
/*
|
|
873
869
|
The align self property will position the split panel at the bottom of the grid row.
|
|
874
870
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -904,7 +900,7 @@ section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9) {
|
|
|
904
900
|
apply the animation to the height property.
|
|
905
901
|
*/
|
|
906
902
|
}
|
|
907
|
-
@keyframes
|
|
903
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_wlx3v_1 {
|
|
908
904
|
from {
|
|
909
905
|
block-size: var(--awsui-split-panel-reported-header-size-esndbs, 0);
|
|
910
906
|
}
|
|
@@ -912,39 +908,39 @@ section.awsui_split-panel-bottom_hyvsj_uw4df_871:not(#\9) {
|
|
|
912
908
|
block-size: var(--awsui-split-panel-reported-size-esndbs);
|
|
913
909
|
}
|
|
914
910
|
}
|
|
915
|
-
section.awsui_split-panel-
|
|
911
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_disable-body-scroll_hyvsj_wlx3v_204:not(#\9) {
|
|
916
912
|
inset-block-end: 0;
|
|
917
913
|
}
|
|
918
|
-
section.awsui_split-panel-
|
|
914
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-navigation-open_hyvsj_wlx3v_634.awsui_position-bottom_hyvsj_wlx3v_914:not(#\9) {
|
|
919
915
|
grid-column-start: 2;
|
|
920
916
|
}
|
|
921
|
-
section.awsui_split-panel-
|
|
917
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_has-open-drawer_hyvsj_wlx3v_183.awsui_position-bottom_hyvsj_wlx3v_914:not(#\9) {
|
|
922
918
|
grid-column-end: 5;
|
|
923
919
|
}
|
|
924
|
-
section.awsui_split-panel-
|
|
920
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_position-bottom_hyvsj_wlx3v_914:not(#\9) {
|
|
925
921
|
display: block;
|
|
926
922
|
}
|
|
927
|
-
section.awsui_split-panel-
|
|
923
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867:not(#\9):not(.awsui_is-split-panel-open_hyvsj_wlx3v_637).awsui_position-bottom_hyvsj_wlx3v_914 {
|
|
928
924
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
929
925
|
}
|
|
930
|
-
section.awsui_split-panel-
|
|
926
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-bottom_hyvsj_wlx3v_914:not(#\9) {
|
|
931
927
|
box-shadow: var(--shadow-split-bottom-p8ki2v, 0 -2px 1px -1px rgba(0, 28, 36, 0.15), 0 -1px 1px -1px rgba(0, 28, 36, 0.3));
|
|
932
928
|
}
|
|
933
|
-
section.awsui_split-panel-
|
|
934
|
-
animation:
|
|
929
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-bottom_hyvsj_wlx3v_914.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
930
|
+
animation: awsui_openSplitPanelBottom_hyvsj_wlx3v_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
935
931
|
}
|
|
936
932
|
@media (prefers-reduced-motion: reduce) {
|
|
937
|
-
section.awsui_split-panel-
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-bottom_hyvsj_wlx3v_914.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
938
934
|
animation: none;
|
|
939
935
|
transition: none;
|
|
940
936
|
}
|
|
941
937
|
}
|
|
942
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
938
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-bottom_hyvsj_wlx3v_914.awsui_animating_hyvsj_wlx3v_749:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_wlx3v_867.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-bottom_hyvsj_wlx3v_914.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
943
939
|
animation: none;
|
|
944
940
|
transition: none;
|
|
945
941
|
}
|
|
946
942
|
|
|
947
|
-
section.awsui_split-panel-
|
|
943
|
+
section.awsui_split-panel-side_hyvsj_wlx3v_943:not(#\9) {
|
|
948
944
|
block-size: 100%;
|
|
949
945
|
overflow-x: hidden;
|
|
950
946
|
pointer-events: auto;
|
|
@@ -954,15 +950,15 @@ section.awsui_split-panel-side_hyvsj_uw4df_947:not(#\9) {
|
|
|
954
950
|
be persistent in the DOM when closed.
|
|
955
951
|
*/
|
|
956
952
|
}
|
|
957
|
-
section.awsui_split-panel-
|
|
953
|
+
section.awsui_split-panel-side_hyvsj_wlx3v_943:not(#\9):not(.awsui_is-split-panel-open_hyvsj_wlx3v_637), section.awsui_split-panel-side_hyvsj_wlx3v_943.awsui_position-bottom_hyvsj_wlx3v_914:not(#\9) {
|
|
958
954
|
inline-size: 0;
|
|
959
955
|
}
|
|
960
|
-
section.awsui_split-panel-
|
|
956
|
+
section.awsui_split-panel-side_hyvsj_wlx3v_943.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-side_hyvsj_wlx3v_956:not(#\9) {
|
|
961
957
|
max-inline-size: var(--awsui-split-panel-max-width-esndbs, 280px);
|
|
962
958
|
min-inline-size: var(--awsui-split-panel-min-width-esndbs, 280px);
|
|
963
959
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
964
960
|
}
|
|
965
|
-
section.awsui_split-panel-
|
|
961
|
+
section.awsui_split-panel-side_hyvsj_wlx3v_943.awsui_is-split-panel-open_hyvsj_wlx3v_637.awsui_position-side_hyvsj_wlx3v_956:not(#\9):not(.awsui_has-open-drawer_hyvsj_wlx3v_183) {
|
|
966
962
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-panel-side-nuzjt3, transparent);
|
|
967
963
|
}
|
|
968
964
|
|
|
@@ -979,7 +975,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
979
975
|
property. The content gap right is computed in the Layout styles based on the
|
|
980
976
|
viewport size and state of the Tools drawer.
|
|
981
977
|
*/
|
|
982
|
-
.awsui_tools-
|
|
978
|
+
.awsui_tools-container_hyvsj_wlx3v_978:not(#\9) {
|
|
983
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));
|
|
984
980
|
display: flex;
|
|
985
981
|
grid-column: 5;
|
|
@@ -992,7 +988,7 @@ viewport size and state of the Tools drawer.
|
|
|
992
988
|
pointer-events: none;
|
|
993
989
|
}
|
|
994
990
|
@media (max-width: 688px) {
|
|
995
|
-
.awsui_tools-
|
|
991
|
+
.awsui_tools-container_hyvsj_wlx3v_978:not(#\9) {
|
|
996
992
|
--awsui-tools-max-width-esndbs: none;
|
|
997
993
|
--awsui-tools-width-esndbs: auto;
|
|
998
994
|
position: fixed;
|
|
@@ -1006,12 +1002,12 @@ viewport size and state of the Tools drawer.
|
|
|
1006
1002
|
relative to the body.
|
|
1007
1003
|
*/
|
|
1008
1004
|
}
|
|
1009
|
-
.awsui_tools-
|
|
1005
|
+
.awsui_tools-container_hyvsj_wlx3v_978.awsui_disable-body-scroll_hyvsj_wlx3v_204:not(#\9) {
|
|
1010
1006
|
inset-block-start: var(--awsui-header-height-esndbs);
|
|
1011
1007
|
}
|
|
1012
1008
|
}
|
|
1013
1009
|
|
|
1014
|
-
.
|
|
1010
|
+
.awsui_tools_hyvsj_wlx3v_978:not(#\9) {
|
|
1015
1011
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
1016
1012
|
flex-shrink: 0;
|
|
1017
1013
|
block-size: 100%;
|
|
@@ -1034,7 +1030,7 @@ viewport size and state of the Tools drawer.
|
|
|
1034
1030
|
in the side position.
|
|
1035
1031
|
*/
|
|
1036
1032
|
}
|
|
1037
|
-
@keyframes
|
|
1033
|
+
@keyframes awsui_openTools_hyvsj_wlx3v_1 {
|
|
1038
1034
|
from {
|
|
1039
1035
|
opacity: var(--awsui-tools-animation-starting-opacity-esndbs, 0);
|
|
1040
1036
|
inline-size: calc(var(--space-layout-toggle-padding-va8352, 12px) * 2 + var(--space-layout-toggle-diameter-qufod6, 36px));
|
|
@@ -1044,41 +1040,41 @@ viewport size and state of the Tools drawer.
|
|
|
1044
1040
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1045
1041
|
}
|
|
1046
1042
|
}
|
|
1047
|
-
.
|
|
1043
|
+
.awsui_tools_hyvsj_wlx3v_978:not(#\9):not(.awsui_is-tools-open_hyvsj_wlx3v_637) {
|
|
1048
1044
|
inline-size: 0;
|
|
1049
1045
|
display: none;
|
|
1050
1046
|
}
|
|
1051
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637:not(#\9) {
|
|
1052
1048
|
border-inline-start: solid var(--border-divider-section-width-dlkb8v, 1px) var(--color-border-divider-default-diwd4w, #eaeded);
|
|
1053
1049
|
}
|
|
1054
|
-
.
|
|
1055
|
-
animation:
|
|
1050
|
+
.awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1051
|
+
animation: awsui_openTools_hyvsj_wlx3v_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
1056
1052
|
}
|
|
1057
1053
|
@media (prefers-reduced-motion: reduce) {
|
|
1058
|
-
.
|
|
1054
|
+
.awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1059
1055
|
animation: none;
|
|
1060
1056
|
transition: none;
|
|
1061
1057
|
}
|
|
1062
1058
|
}
|
|
1063
|
-
.awsui-motion-disabled .
|
|
1059
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637.awsui_animating_hyvsj_wlx3v_749:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1064
1060
|
animation: none;
|
|
1065
1061
|
transition: none;
|
|
1066
1062
|
}
|
|
1067
|
-
.
|
|
1063
|
+
.awsui_tools_hyvsj_wlx3v_978 > .awsui_animated-content_hyvsj_wlx3v_813:not(#\9) {
|
|
1068
1064
|
inline-size: var(--awsui-tools-width-esndbs);
|
|
1069
1065
|
}
|
|
1070
1066
|
@media (min-width: 689px) {
|
|
1071
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_wlx3v_978.awsui_is-tools-open_hyvsj_wlx3v_637.awsui_has-tools-form-persistence_hyvsj_wlx3v_1067:not(#\9) {
|
|
1072
1068
|
border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
|
|
1073
1069
|
}
|
|
1074
1070
|
}
|
|
1075
1071
|
@media (max-width: 688px) {
|
|
1076
|
-
.
|
|
1072
|
+
.awsui_tools_hyvsj_wlx3v_978:not(#\9) {
|
|
1077
1073
|
--awsui-tools-width-esndbs: 100vw;
|
|
1078
1074
|
}
|
|
1079
1075
|
}
|
|
1080
1076
|
|
|
1081
|
-
.awsui_hide-
|
|
1077
|
+
.awsui_hide-tools_hyvsj_wlx3v_1077:not(#\9) {
|
|
1082
1078
|
position: absolute;
|
|
1083
1079
|
inset-inline-end: var(--space-m-n8iq8o, 16px);
|
|
1084
1080
|
inset-block-start: var(--size-vertical-panel-icon-offset-4593ko, 15px);
|
|
@@ -1090,7 +1086,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1090
1086
|
the calculation used to determine the Split Panel maximum width in the
|
|
1091
1087
|
handleSplitPanelMaxWidth function in the context.
|
|
1092
1088
|
*/
|
|
1093
|
-
.awsui_show-
|
|
1089
|
+
.awsui_show-tools_hyvsj_wlx3v_1089:not(#\9) {
|
|
1094
1090
|
border-collapse: separate;
|
|
1095
1091
|
border-spacing: 0;
|
|
1096
1092
|
box-sizing: border-box;
|
|
@@ -1128,7 +1124,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1128
1124
|
take control in responsive viewports.
|
|
1129
1125
|
*/
|
|
1130
1126
|
}
|
|
1131
|
-
@keyframes
|
|
1127
|
+
@keyframes awsui_showButtons_hyvsj_wlx3v_1 {
|
|
1132
1128
|
0% {
|
|
1133
1129
|
opacity: 0;
|
|
1134
1130
|
}
|
|
@@ -1136,31 +1132,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1136
1132
|
opacity: 1;
|
|
1137
1133
|
}
|
|
1138
1134
|
}
|
|
1139
|
-
.awsui_show-
|
|
1135
|
+
.awsui_show-tools_hyvsj_wlx3v_1089:not(#\9):not(.awsui_has-tools-form_hyvsj_wlx3v_1067) {
|
|
1140
1136
|
display: none;
|
|
1141
1137
|
}
|
|
1142
1138
|
@media (min-width: 689px) {
|
|
1143
|
-
.awsui_show-
|
|
1139
|
+
.awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form_hyvsj_wlx3v_1067:not(#\9) {
|
|
1144
1140
|
display: flex;
|
|
1145
1141
|
flex-direction: column;
|
|
1146
1142
|
gap: var(--space-xs-m9b7jf, 8px);
|
|
1147
1143
|
}
|
|
1148
|
-
.awsui_show-
|
|
1149
|
-
animation:
|
|
1144
|
+
.awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form_hyvsj_wlx3v_1067.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1145
|
+
animation: awsui_showButtons_hyvsj_wlx3v_1 var(--motion-duration-refresh-only-fast-y8f250, 0ms);
|
|
1150
1146
|
}
|
|
1151
1147
|
}
|
|
1152
1148
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1153
|
-
.awsui_show-
|
|
1149
|
+
.awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form_hyvsj_wlx3v_1067.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1154
1150
|
animation: none;
|
|
1155
1151
|
transition: none;
|
|
1156
1152
|
}
|
|
1157
1153
|
}
|
|
1158
1154
|
@media (min-width: 689px) {
|
|
1159
|
-
.awsui-motion-disabled .awsui_show-
|
|
1155
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form_hyvsj_wlx3v_1067.awsui_animating_hyvsj_wlx3v_749:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form_hyvsj_wlx3v_1067.awsui_animating_hyvsj_wlx3v_749:not(#\9) {
|
|
1160
1156
|
animation: none;
|
|
1161
1157
|
transition: none;
|
|
1162
1158
|
}
|
|
1163
|
-
.awsui_show-
|
|
1159
|
+
.awsui_show-tools_hyvsj_wlx3v_1089.awsui_has-tools-form-persistence_hyvsj_wlx3v_1067:not(#\9) {
|
|
1164
1160
|
background-color: var(--color-background-container-content-mjfil9, #ffffff);
|
|
1165
1161
|
z-index: 1;
|
|
1166
1162
|
}
|
|
@@ -1170,7 +1166,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1170
1166
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1171
1167
|
SPDX-License-Identifier: Apache-2.0
|
|
1172
1168
|
*/
|
|
1173
|
-
.awsui_trigger-button-
|
|
1169
|
+
.awsui_trigger-button-styles_hyvsj_wlx3v_1169:not(#\9) {
|
|
1174
1170
|
background: var(--color-background-layout-toggle-default-tyzrhi, transparent);
|
|
1175
1171
|
border-start-start-radius: 50%;
|
|
1176
1172
|
border-start-end-radius: 50%;
|
|
@@ -1179,14 +1175,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1179
1175
|
block-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
1180
1176
|
inline-size: var(--space-layout-toggle-diameter-qufod6, 36px);
|
|
1181
1177
|
}
|
|
1182
|
-
.awsui_trigger-button-
|
|
1178
|
+
.awsui_trigger-button-styles_hyvsj_wlx3v_1169:not(#\9):hover {
|
|
1183
1179
|
background: var(--color-background-layout-toggle-hover-8byg9u, #545b64);
|
|
1184
1180
|
}
|
|
1185
|
-
.awsui_trigger-button-
|
|
1181
|
+
.awsui_trigger-button-styles_hyvsj_wlx3v_1169:not(#\9):active {
|
|
1186
1182
|
background: var(--color-background-layout-toggle-active-tqol98, #2a2e33);
|
|
1187
1183
|
}
|
|
1188
1184
|
|
|
1189
|
-
.awsui_trigger-badge-
|
|
1185
|
+
.awsui_trigger-badge-wrapper_hyvsj_wlx3v_1185:not(#\9) {
|
|
1190
1186
|
position: absolute;
|
|
1191
1187
|
inset-block-start: 0;
|
|
1192
1188
|
inset-inline-start: 0;
|
|
@@ -1196,7 +1192,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1196
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");
|
|
1197
1193
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1198
1194
|
}
|
|
1199
|
-
.awsui_trigger-badge-
|
|
1195
|
+
.awsui_trigger-badge-wrapper_hyvsj_wlx3v_1185:not(#\9):dir(rtl) {
|
|
1200
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");
|
|
1201
1197
|
}
|
|
1202
1198
|
|
|
@@ -1205,7 +1201,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1205
1201
|
the calculation used to determine the Split Panel maximum width in the
|
|
1206
1202
|
handleSplitPanelMaxWidth function in the context.
|
|
1207
1203
|
*/
|
|
1208
|
-
.
|
|
1204
|
+
.awsui_trigger_hyvsj_wlx3v_1169:not(#\9) {
|
|
1209
1205
|
border-block: none;
|
|
1210
1206
|
border-inline: none;
|
|
1211
1207
|
padding-inline: 0;
|
|
@@ -1214,14 +1210,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1214
1210
|
pointer-events: auto;
|
|
1215
1211
|
position: relative;
|
|
1216
1212
|
}
|
|
1217
|
-
body[data-awsui-focus-visible=true] .
|
|
1213
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_wlx3v_1169:not(#\9):focus {
|
|
1218
1214
|
position: relative;
|
|
1219
1215
|
}
|
|
1220
|
-
body[data-awsui-focus-visible=true] .
|
|
1216
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_wlx3v_1169:not(#\9):focus {
|
|
1221
1217
|
outline: 2px dotted transparent;
|
|
1222
1218
|
outline-offset: calc(3px - 1px);
|
|
1223
1219
|
}
|
|
1224
|
-
body[data-awsui-focus-visible=true] .
|
|
1220
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_wlx3v_1169:not(#\9):focus::before {
|
|
1225
1221
|
content: " ";
|
|
1226
1222
|
display: block;
|
|
1227
1223
|
position: absolute;
|
|
@@ -1235,49 +1231,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):foc
|
|
|
1235
1231
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
1236
1232
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
|
|
1237
1233
|
}
|
|
1238
|
-
.
|
|
1234
|
+
.awsui_trigger_hyvsj_wlx3v_1169:not(#\9):focus {
|
|
1239
1235
|
outline: none;
|
|
1240
1236
|
}
|
|
1241
|
-
.
|
|
1237
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237:not(#\9) {
|
|
1242
1238
|
background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
|
|
1243
1239
|
color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
|
|
1244
1240
|
}
|
|
1245
|
-
.
|
|
1241
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237:not(#\9):hover {
|
|
1246
1242
|
background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
|
|
1247
1243
|
}
|
|
1248
|
-
.
|
|
1244
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237:not(#\9):active {
|
|
1249
1245
|
background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
|
|
1250
1246
|
}
|
|
1251
|
-
.
|
|
1247
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237 > .awsui_trigger-badge-wrapper_hyvsj_wlx3v_1185:not(#\9) {
|
|
1252
1248
|
background: var(--color-background-layout-toggle-selected-default-oz0e3e, #0073bb);
|
|
1253
1249
|
color: var(--color-text-layout-toggle-selected-rty4rx, #ffffff);
|
|
1254
1250
|
}
|
|
1255
|
-
.
|
|
1251
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237 > .awsui_trigger-badge-wrapper_hyvsj_wlx3v_1185:not(#\9):hover {
|
|
1256
1252
|
background: var(--color-background-layout-toggle-selected-hover-w25090, #0a4a74);
|
|
1257
1253
|
}
|
|
1258
|
-
.
|
|
1254
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_selected_hyvsj_wlx3v_1237 > .awsui_trigger-badge-wrapper_hyvsj_wlx3v_1185:not(#\9):active {
|
|
1259
1255
|
background: var(--color-background-layout-toggle-selected-active-lon4qo, #0073bb);
|
|
1260
1256
|
}
|
|
1261
|
-
.
|
|
1257
|
+
.awsui_trigger_hyvsj_wlx3v_1169.awsui_badge_hyvsj_wlx3v_1257:not(#\9), .awsui_trigger_hyvsj_wlx3v_1169.awsui_badge_hyvsj_wlx3v_1257:not(#\9):hover, .awsui_trigger_hyvsj_wlx3v_1169.awsui_badge_hyvsj_wlx3v_1257:not(#\9):active {
|
|
1262
1258
|
background: transparent;
|
|
1263
1259
|
}
|
|
1264
1260
|
|
|
1265
|
-
.awsui_trigger-
|
|
1261
|
+
.awsui_trigger-wrapper_hyvsj_wlx3v_1261:not(#\9) {
|
|
1266
1262
|
position: relative;
|
|
1267
1263
|
border-start-start-radius: 50%;
|
|
1268
1264
|
border-start-end-radius: 50%;
|
|
1269
1265
|
border-end-start-radius: 50%;
|
|
1270
1266
|
border-end-end-radius: 50%;
|
|
1271
1267
|
}
|
|
1272
|
-
.awsui_trigger-
|
|
1268
|
+
.awsui_trigger-wrapper_hyvsj_wlx3v_1261:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_wlx3v_667) {
|
|
1273
1269
|
box-shadow: var(--shadow-panel-toggle-a81wj1, 0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15));
|
|
1274
1270
|
}
|
|
1275
1271
|
|
|
1276
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1272
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_wlx3v_1272:not(#\9) {
|
|
1277
1273
|
/* used in test-utils*/
|
|
1278
1274
|
}
|
|
1279
1275
|
|
|
1280
|
-
.
|
|
1276
|
+
.awsui_dot_hyvsj_wlx3v_1276:not(#\9) {
|
|
1281
1277
|
position: absolute;
|
|
1282
1278
|
inline-size: 9px;
|
|
1283
1279
|
block-size: 9px;
|
|
@@ -1290,6 +1286,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uw4df_1173:not(#\9):foc
|
|
|
1290
1286
|
inset-inline-end: 0;
|
|
1291
1287
|
}
|
|
1292
1288
|
|
|
1293
|
-
.awsui_trigger-
|
|
1289
|
+
.awsui_trigger-tooltip_hyvsj_wlx3v_1289:not(#\9) {
|
|
1294
1290
|
/* used in test-utils */
|
|
1295
1291
|
}
|