@cloudscape-design/components 3.0.841 → 3.0.842
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/styles.css.js +28 -28
- package/alert/styles.scoped.css +49 -45
- package/alert/styles.selectors.js +28 -28
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +24 -20
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +36 -32
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/content-wrapper/styles.css.js +3 -3
- package/app-layout/content-wrapper/styles.scoped.css +10 -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 +28 -24
- package/app-layout/drawer/styles.selectors.js +14 -14
- package/app-layout/mobile-toolbar/styles.css.js +8 -8
- package/app-layout/mobile-toolbar/styles.scoped.css +12 -8
- package/app-layout/mobile-toolbar/styles.selectors.js +8 -8
- package/app-layout/resize/styles.css.js +5 -5
- package/app-layout/resize/styles.scoped.css +16 -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 +6 -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 +16 -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 +12 -8
- 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 +167 -163
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +10 -10
- package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +17 -13
- package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +10 -10
- package/app-layout/visual-refresh-toolbar/navigation/styles.css.js +4 -4
- package/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +9 -5
- package/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +4 -4
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +39 -35
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
- package/app-layout/visual-refresh-toolbar/split-panel/styles.css.js +1 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.scoped.css +5 -1
- package/app-layout/visual-refresh-toolbar/split-panel/styles.selectors.js +1 -1
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +19 -15
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.css.js +7 -7
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.scoped.css +23 -19
- package/app-layout/visual-refresh-toolbar/toolbar/trigger-button/styles.selectors.js +7 -7
- package/area-chart/styles.css.js +6 -6
- package/area-chart/styles.scoped.css +15 -11
- package/area-chart/styles.selectors.js +6 -6
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +28 -24
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +14 -10
- package/badge/styles.selectors.js +10 -10
- package/box/styles.css.js +191 -191
- package/box/styles.scoped.css +240 -236
- package/box/styles.selectors.js +191 -191
- package/breadcrumb-group/all-items-dropdown.d.ts +15 -0
- package/breadcrumb-group/all-items-dropdown.d.ts.map +1 -0
- package/breadcrumb-group/all-items-dropdown.js +47 -0
- package/breadcrumb-group/all-items-dropdown.js.map +1 -0
- package/breadcrumb-group/implementation.d.ts.map +1 -1
- package/breadcrumb-group/implementation.js +9 -6
- package/breadcrumb-group/implementation.js.map +1 -1
- package/breadcrumb-group/item/styles.css.js +7 -7
- package/breadcrumb-group/item/styles.scoped.css +29 -25
- package/breadcrumb-group/item/styles.selectors.js +7 -7
- package/breadcrumb-group/styles.css.js +14 -10
- package/breadcrumb-group/styles.scoped.css +124 -11
- package/breadcrumb-group/styles.selectors.js +14 -10
- package/breadcrumb-group/utils.d.ts +0 -2
- package/breadcrumb-group/utils.d.ts.map +1 -1
- package/breadcrumb-group/utils.js +17 -46
- package/breadcrumb-group/utils.js.map +1 -1
- package/button/index.d.ts.map +1 -1
- package/button/index.js +3 -3
- package/button/index.js.map +1 -1
- package/button/interfaces.d.ts +18 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +15 -2
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +21 -21
- package/button/styles.scoped.css +158 -154
- package/button/styles.selectors.js +21 -21
- package/button/test-classes/styles.css.js +2 -1
- package/button/test-classes/styles.scoped.css +5 -1
- package/button/test-classes/styles.selectors.js +2 -1
- package/button-dropdown/category-elements/styles.css.js +14 -14
- package/button-dropdown/category-elements/styles.scoped.css +27 -23
- package/button-dropdown/category-elements/styles.selectors.js +14 -14
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +18 -2
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +13 -6
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/item-element/index.d.ts.map +1 -1
- package/button-dropdown/item-element/index.js +3 -2
- package/button-dropdown/item-element/index.js.map +1 -1
- package/button-dropdown/item-element/styles.css.js +14 -13
- package/button-dropdown/item-element/styles.scoped.css +33 -21
- package/button-dropdown/item-element/styles.selectors.js +14 -13
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +9 -5
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +21 -17
- package/button-dropdown/styles.scoped.css +51 -38
- package/button-dropdown/styles.selectors.js +21 -17
- package/button-group/file-input-item.d.ts +11 -0
- package/button-group/file-input-item.d.ts.map +1 -0
- package/button-group/file-input-item.js +23 -0
- package/button-group/file-input-item.js.map +1 -0
- package/button-group/interfaces.d.ts +23 -1
- package/button-group/interfaces.d.ts.map +1 -1
- package/button-group/interfaces.js.map +1 -1
- package/button-group/internal.d.ts.map +1 -1
- package/button-group/internal.js +2 -2
- package/button-group/internal.js.map +1 -1
- package/button-group/item-element.d.ts +1 -0
- package/button-group/item-element.d.ts.map +1 -1
- package/button-group/item-element.js +12 -6
- package/button-group/item-element.js.map +1 -1
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +10 -6
- package/button-group/styles.selectors.js +4 -4
- package/calendar/grid/index.d.ts +1 -2
- package/calendar/grid/index.d.ts.map +1 -1
- package/calendar/grid/index.js.map +1 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.d.ts.map +1 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.js +2 -1
- package/calendar/grid/use-calendar-grid-keyboard-navigation.js.map +1 -1
- package/calendar/internal.d.ts.map +1 -1
- package/calendar/internal.js +2 -1
- package/calendar/internal.js.map +1 -1
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +47 -43
- package/calendar/styles.selectors.js +21 -21
- package/calendar/utils/navigation-day.d.ts +8 -0
- package/calendar/utils/navigation-day.d.ts.map +1 -0
- package/calendar/utils/navigation-day.js +39 -0
- package/calendar/utils/navigation-day.js.map +1 -0
- package/calendar/utils/{navigation.d.ts → navigation-month.d.ts} +2 -6
- package/calendar/utils/navigation-month.d.ts.map +1 -0
- package/calendar/utils/navigation-month.js +39 -0
- package/calendar/utils/navigation-month.js.map +1 -0
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +54 -50
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +9 -5
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/resizable-box/styles.css.js +3 -3
- package/code-editor/resizable-box/styles.scoped.css +10 -6
- package/code-editor/resizable-box/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +139 -135
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/content-display/styles.css.js +12 -12
- package/collection-preferences/content-display/styles.scoped.css +23 -15
- package/collection-preferences/content-display/styles.selectors.js +12 -12
- package/collection-preferences/styles.css.js +38 -38
- package/collection-preferences/styles.scoped.css +58 -42
- 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 +14 -10
- 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 +49 -45
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +31 -31
- package/container/styles.scoped.css +60 -56
- package/container/styles.selectors.js +31 -31
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +20 -16
- package/content-layout/styles.selectors.js +14 -14
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +13 -9
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
- package/date-range-picker/calendar/grids/index.js +1 -1
- package/date-range-picker/calendar/grids/index.js.map +1 -1
- package/date-range-picker/calendar/grids/styles.css.js +28 -28
- package/date-range-picker/calendar/grids/styles.scoped.css +47 -43
- package/date-range-picker/calendar/grids/styles.selectors.js +28 -28
- package/date-range-picker/calendar/index.js +1 -1
- package/date-range-picker/calendar/index.js.map +1 -1
- package/date-range-picker/index.d.ts.map +1 -1
- package/date-range-picker/index.js +3 -10
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/relative-range/styles.css.js +9 -9
- package/date-range-picker/relative-range/styles.scoped.css +17 -13
- package/date-range-picker/relative-range/styles.selectors.js +9 -9
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +51 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/date-range-picker/time-offset.d.ts +2 -1
- package/date-range-picker/time-offset.d.ts.map +1 -1
- package/date-range-picker/time-offset.js +1 -1
- package/date-range-picker/time-offset.js.map +1 -1
- package/date-range-picker/utils.d.ts +9 -0
- package/date-range-picker/utils.d.ts.map +1 -1
- package/date-range-picker/utils.js +19 -2
- package/date-range-picker/utils.js.map +1 -1
- package/drawer/styles.css.js +5 -5
- package/drawer/styles.scoped.css +16 -12
- package/drawer/styles.selectors.js +5 -5
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +69 -65
- package/expandable-section/styles.selectors.js +34 -34
- package/file-dropzone/styles.css.js +3 -3
- package/file-dropzone/styles.scoped.css +9 -5
- package/file-dropzone/styles.selectors.js +3 -3
- package/file-input/internal.d.ts +5 -1
- package/file-input/internal.d.ts.map +1 -1
- package/file-input/internal.js +18 -10
- package/file-input/internal.js.map +1 -1
- package/file-input/styles.css.js +6 -5
- package/file-input/styles.scoped.css +33 -8
- package/file-input/styles.selectors.js +6 -5
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +35 -31
- package/file-token-group/styles.selectors.js +22 -22
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +152 -148
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +12 -8
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +42 -38
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +58 -54
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +56 -52
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +73 -69
- package/help-panel/styles.selectors.js +6 -6
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +13 -9
- package/hotspot/styles.selectors.js +7 -7
- package/i18n/messages/all.all.js +1 -1
- package/i18n/messages/all.all.json +1 -1
- package/i18n/messages/all.ar.js +1 -1
- package/i18n/messages/all.ar.json +1 -1
- package/i18n/messages/all.de.js +1 -1
- package/i18n/messages/all.de.json +1 -1
- package/i18n/messages/all.en-GB.js +1 -1
- package/i18n/messages/all.en-GB.json +1 -1
- package/i18n/messages/all.en.js +1 -1
- package/i18n/messages/all.en.json +1 -1
- package/i18n/messages/all.es.js +1 -1
- package/i18n/messages/all.es.json +1 -1
- package/i18n/messages/all.fr.js +1 -1
- package/i18n/messages/all.fr.json +1 -1
- package/i18n/messages/all.id.js +1 -1
- package/i18n/messages/all.id.json +1 -1
- package/i18n/messages/all.it.js +1 -1
- package/i18n/messages/all.it.json +1 -1
- package/i18n/messages/all.ja.js +1 -1
- package/i18n/messages/all.ja.json +1 -1
- package/i18n/messages/all.ko.js +1 -1
- package/i18n/messages/all.ko.json +1 -1
- package/i18n/messages/all.pt-BR.js +1 -1
- package/i18n/messages/all.pt-BR.json +1 -1
- package/i18n/messages/all.tr.js +1 -1
- package/i18n/messages/all.tr.json +1 -1
- package/i18n/messages/all.zh-CN.js +1 -1
- package/i18n/messages/all.zh-CN.json +1 -1
- package/i18n/messages/all.zh-TW.js +1 -1
- package/i18n/messages/all.zh-TW.json +1 -1
- package/i18n/messages-types.d.ts +3 -0
- package/i18n/messages-types.d.ts.map +1 -1
- package/i18n/messages-types.js.map +1 -1
- package/icon/styles.css.js +38 -38
- package/icon/styles.scoped.css +89 -85
- package/icon/styles.selectors.js +38 -38
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +36 -32
- package/input/styles.selectors.js +13 -13
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +24 -20
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +31 -27
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +7 -3
- 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 +19 -15
- 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 +9 -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 +7 -3
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +37 -33
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +11 -7
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +15 -11
- 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 +13 -9
- package/internal/components/checkbox-icon/styles.selectors.js +9 -9
- package/internal/components/dnd-container/styles.css.js +1 -1
- package/internal/components/dnd-container/styles.scoped.css +8 -4
- package/internal/components/dnd-container/styles.selectors.js +1 -1
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +41 -37
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +7 -3
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +6 -2
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +10 -6
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/index.d.ts.map +1 -1
- package/internal/components/menu-dropdown/index.js +2 -1
- package/internal/components/menu-dropdown/index.js.map +1 -1
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +17 -13
- 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 +33 -29
- 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 +7 -3
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/options-list/utils/use-keyboard.d.ts.map +1 -1
- package/internal/components/options-list/utils/use-keyboard.js +13 -16
- package/internal/components/options-list/utils/use-keyboard.js.map +1 -1
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +14 -10
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +5 -1
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +33 -29
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +28 -24
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts.map +1 -1
- package/internal/hooks/use-performance-marks/index.js +23 -2
- package/internal/hooks/use-performance-marks/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/styles/motion/utils.d.ts +2 -0
- package/internal/styles/motion/utils.d.ts.map +1 -0
- package/internal/styles/motion/utils.js +5 -0
- package/internal/styles/motion/utils.js.map +1 -0
- package/internal/utils/date-time/format-date-iso.d.ts +2 -1
- package/internal/utils/date-time/format-date-iso.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-iso.js +6 -2
- package/internal/utils/date-time/format-date-iso.js.map +1 -1
- package/internal/utils/date-time/format-date-localized.d.ts +2 -1
- package/internal/utils/date-time/format-date-localized.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-localized.js +9 -2
- package/internal/utils/date-time/format-date-localized.js.map +1 -1
- package/internal/utils/date-time/format-date-time-with-offset.d.ts.map +1 -1
- package/internal/utils/date-time/format-date-time-with-offset.js +4 -3
- package/internal/utils/date-time/format-date-time-with-offset.js.map +1 -1
- package/internal/utils/date-time/index.d.ts +1 -1
- package/internal/utils/date-time/index.d.ts.map +1 -1
- package/internal/utils/date-time/index.js +1 -1
- package/internal/utils/date-time/index.js.map +1 -1
- package/internal/utils/date-time/is-iso-only.d.ts +9 -0
- package/internal/utils/date-time/is-iso-only.d.ts.map +1 -0
- package/internal/utils/date-time/is-iso-only.js +18 -0
- package/internal/utils/date-time/is-iso-only.js.map +1 -0
- package/internal/utils/handle-key.d.ts +1 -2
- package/internal/utils/handle-key.d.ts.map +1 -1
- package/internal/utils/handle-key.js.map +1 -1
- package/internal/utils/throttle.d.ts +1 -2
- package/internal/utils/throttle.d.ts.map +1 -1
- package/internal/utils/throttle.js.map +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +13 -9
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -71
- package/link/styles.selectors.js +20 -20
- package/live-region/styles.css.js +2 -2
- package/live-region/styles.scoped.css +7 -3
- package/live-region/styles.selectors.js +2 -2
- package/mixed-line-bar-chart/styles.css.js +11 -11
- package/mixed-line-bar-chart/styles.scoped.css +23 -19
- package/mixed-line-bar-chart/styles.selectors.js +11 -11
- package/modal/index.js +1 -1
- package/modal/index.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +42 -38
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +3 -3
- package/multiselect/styles.scoped.css +7 -3
- package/multiselect/styles.selectors.js +3 -3
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +27 -23
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +27 -27
- package/pie-chart/styles.scoped.css +52 -48
- package/pie-chart/styles.selectors.js +27 -27
- package/popover/styles.css.js +53 -53
- package/popover/styles.scoped.css +89 -69
- package/popover/styles.selectors.js +53 -53
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +42 -34
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +43 -39
- package/prompt-input/styles.selectors.js +14 -14
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +45 -41
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +45 -41
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +20 -16
- package/radio-group/styles.selectors.js +10 -10
- package/s3-resource-selector/s3-modal/basic-table.js +1 -0
- package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
- package/s3-resource-selector/s3-modal/styles.css.js +3 -3
- package/s3-resource-selector/s3-modal/styles.scoped.css +9 -5
- package/s3-resource-selector/s3-modal/styles.selectors.js +3 -3
- package/segmented-control/styles.css.js +15 -15
- package/segmented-control/styles.scoped.css +38 -34
- package/segmented-control/styles.selectors.js +15 -15
- package/select/parts/filter.d.ts +1 -1
- package/select/parts/styles.css.js +21 -21
- package/select/parts/styles.scoped.css +26 -22
- package/select/parts/styles.selectors.js +21 -21
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +5 -1
- package/select/styles.selectors.js +1 -1
- package/select/utils/use-select.js +1 -1
- package/select/utils/use-select.js.map +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +50 -46
- package/side-navigation/styles.selectors.js +30 -30
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +80 -76
- package/slider/styles.selectors.js +26 -26
- package/space-between/styles.css.js +23 -23
- package/space-between/styles.scoped.css +28 -24
- package/space-between/styles.selectors.js +23 -23
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +23 -19
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/icons/styles.css.js +22 -22
- package/split-panel/icons/styles.scoped.css +28 -24
- package/split-panel/icons/styles.selectors.js +22 -22
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +47 -43
- package/split-panel/styles.selectors.js +26 -26
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +33 -29
- package/status-indicator/styles.selectors.js +23 -23
- package/steps/styles.css.js +6 -6
- package/steps/styles.scoped.css +13 -9
- package/steps/styles.selectors.js +6 -6
- package/table/body-cell/styles.css.js +46 -46
- package/table/body-cell/styles.scoped.css +296 -292
- package/table/body-cell/styles.selectors.js +46 -46
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +17 -13
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +69 -65
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/header-cell/th-element.d.ts +2 -1
- package/table/header-cell/th-element.d.ts.map +1 -1
- package/table/header-cell/th-element.js +2 -2
- package/table/header-cell/th-element.js.map +1 -1
- package/table/interfaces.d.ts +14 -3
- package/table/interfaces.d.ts.map +1 -1
- package/table/interfaces.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +13 -4
- package/table/internal.js.map +1 -1
- package/table/progressive-loading/items-loader.d.ts +8 -2
- package/table/progressive-loading/items-loader.d.ts.map +1 -1
- package/table/progressive-loading/items-loader.js +11 -5
- package/table/progressive-loading/items-loader.js.map +1 -1
- package/table/progressive-loading/loader-cell.d.ts +2 -3
- package/table/progressive-loading/loader-cell.d.ts.map +1 -1
- package/table/progressive-loading/loader-cell.js +2 -2
- package/table/progressive-loading/loader-cell.js.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.d.ts.map +1 -1
- package/table/progressive-loading/progressive-loading-utils.js +2 -2
- package/table/progressive-loading/progressive-loading-utils.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +19 -15
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/interfaces.d.ts +1 -0
- package/table/selection/interfaces.d.ts.map +1 -1
- package/table/selection/interfaces.js.map +1 -1
- package/table/selection/selection-cell.d.ts.map +1 -1
- package/table/selection/selection-cell.js +4 -3
- package/table/selection/selection-cell.js.map +1 -1
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +7 -3
- package/table/selection/styles.selectors.js +3 -3
- package/table/selection/use-selection.js +1 -0
- package/table/selection/use-selection.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +14 -10
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +45 -41
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +57 -49
- package/tabs/styles.selectors.js +28 -28
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -10
- package/tag-editor/styles.selectors.js +3 -3
- package/test-utils/dom/button-group/index.d.ts +5 -0
- package/test-utils/dom/button-group/index.js +16 -7
- package/test-utils/dom/button-group/index.js.map +1 -1
- package/test-utils/selectors/button-group/index.d.ts +5 -0
- package/test-utils/selectors/button-group/index.js +16 -7
- package/test-utils/selectors/button-group/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +64 -60
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +7 -3
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +18 -14
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +77 -73
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +21 -17
- package/toggle/styles.selectors.js +10 -10
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +20 -16
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +23 -25
- package/top-navigation/1.0-beta/styles.scoped.css +40 -66
- package/top-navigation/1.0-beta/styles.selectors.js +23 -25
- package/top-navigation/parts/overflow-menu/menu-item.d.ts.map +1 -1
- package/top-navigation/parts/overflow-menu/menu-item.js +3 -2
- package/top-navigation/parts/overflow-menu/menu-item.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +78 -85
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +27 -23
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -29
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +7 -3
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +62 -58
- package/wizard/styles.selectors.js +30 -30
- package/calendar/utils/navigation.d.ts.map +0 -1
- package/calendar/utils/navigation.js +0 -73
- package/calendar/utils/navigation.js.map +0 -1
- package/internal/utils/date-time/is-iso-date-only.d.ts +0 -5
- package/internal/utils/date-time/is-iso-date-only.d.ts.map +0 -1
- package/internal/utils/date-time/is-iso-date-only.js +0 -10
- package/internal/utils/date-time/is-iso-date-only.js.map +0 -1
|
@@ -140,12 +140,16 @@
|
|
|
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
|
+
*/
|
|
143
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
144
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
145
|
-
div.
|
|
149
|
+
div.awsui_background_hyvsj_lgv7x_149:not(#\9) {
|
|
146
150
|
display: contents;
|
|
147
151
|
}
|
|
148
|
-
div.
|
|
152
|
+
div.awsui_background_hyvsj_lgv7x_149 > .awsui_scrolling-background_hyvsj_lgv7x_152:not(#\9) {
|
|
149
153
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
150
154
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
151
155
|
grid-column: 1/span 5;
|
|
@@ -156,7 +160,7 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
156
160
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
157
161
|
SPDX-License-Identifier: Apache-2.0
|
|
158
162
|
*/
|
|
159
|
-
.
|
|
163
|
+
.awsui_breadcrumbs_hyvsj_lgv7x_163:not(#\9) {
|
|
160
164
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
161
165
|
grid-area: breadcrumbs;
|
|
162
166
|
}
|
|
@@ -169,7 +173,7 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
169
173
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
170
174
|
SPDX-License-Identifier: Apache-2.0
|
|
171
175
|
*/
|
|
172
|
-
.awsui_drawers-
|
|
176
|
+
.awsui_drawers-container_hyvsj_lgv7x_176:not(#\9) {
|
|
173
177
|
background-color: transparent;
|
|
174
178
|
display: flex;
|
|
175
179
|
grid-column: 5;
|
|
@@ -180,16 +184,16 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
180
184
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
181
185
|
z-index: 830;
|
|
182
186
|
}
|
|
183
|
-
.awsui_drawers-
|
|
187
|
+
.awsui_drawers-container_hyvsj_lgv7x_176.awsui_has-open-drawer_hyvsj_lgv7x_187:not(#\9) {
|
|
184
188
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
185
189
|
}
|
|
186
190
|
@media (min-width: 689px) {
|
|
187
|
-
.awsui_drawers-
|
|
191
|
+
.awsui_drawers-container_hyvsj_lgv7x_176:not(#\9) {
|
|
188
192
|
max-inline-size: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
189
193
|
}
|
|
190
194
|
}
|
|
191
195
|
@media (max-width: 688px) {
|
|
192
|
-
.awsui_drawers-
|
|
196
|
+
.awsui_drawers-container_hyvsj_lgv7x_176:not(#\9) {
|
|
193
197
|
position: fixed;
|
|
194
198
|
inset-inline-end: 0;
|
|
195
199
|
z-index: 1001;
|
|
@@ -201,12 +205,12 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
201
205
|
relative to the body.
|
|
202
206
|
*/
|
|
203
207
|
}
|
|
204
|
-
.awsui_drawers-
|
|
208
|
+
.awsui_drawers-container_hyvsj_lgv7x_176.awsui_disable-body-scroll_hyvsj_lgv7x_208:not(#\9) {
|
|
205
209
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
206
210
|
}
|
|
207
211
|
}
|
|
208
212
|
|
|
209
|
-
.awsui_drawers-desktop-triggers-
|
|
213
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_lgv7x_213:not(#\9) {
|
|
210
214
|
border-collapse: separate;
|
|
211
215
|
border-spacing: 0;
|
|
212
216
|
box-sizing: border-box;
|
|
@@ -245,22 +249,22 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
245
249
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
246
250
|
overscroll-behavior-y: contain;
|
|
247
251
|
}
|
|
248
|
-
.awsui_drawers-desktop-triggers-
|
|
252
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_lgv7x_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_lgv7x_251).awsui_has-open-drawer_hyvsj_lgv7x_187 {
|
|
249
253
|
inline-size: 0;
|
|
250
254
|
}
|
|
251
|
-
.awsui_drawers-desktop-triggers-
|
|
255
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_lgv7x_213.awsui_has-multiple-triggers_hyvsj_lgv7x_251.awsui_has-open-drawer_hyvsj_lgv7x_187:not(#\9) {
|
|
252
256
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
253
257
|
}
|
|
254
|
-
.awsui_drawers-desktop-triggers-
|
|
258
|
+
.awsui_drawers-desktop-triggers-container_hyvsj_lgv7x_213:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_lgv7x_251):not(.awsui_has-open-drawer_hyvsj_lgv7x_187) {
|
|
255
259
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
256
260
|
}
|
|
257
261
|
|
|
258
|
-
.awsui_drawers-mobile-triggers-
|
|
262
|
+
.awsui_drawers-mobile-triggers-container_hyvsj_lgv7x_261:not(#\9) {
|
|
259
263
|
display: flex;
|
|
260
264
|
justify-content: flex-end;
|
|
261
265
|
}
|
|
262
266
|
|
|
263
|
-
.awsui_drawers-trigger-
|
|
267
|
+
.awsui_drawers-trigger-content_hyvsj_lgv7x_266:not(#\9) {
|
|
264
268
|
align-items: center;
|
|
265
269
|
display: flex;
|
|
266
270
|
flex-direction: column;
|
|
@@ -268,13 +272,13 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
268
272
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
269
273
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
270
274
|
}
|
|
271
|
-
.awsui_drawers-trigger-
|
|
275
|
+
.awsui_drawers-trigger-content_hyvsj_lgv7x_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_lgv7x_251).awsui_has-open-drawer_hyvsj_lgv7x_187 {
|
|
272
276
|
opacity: 0;
|
|
273
277
|
}
|
|
274
|
-
.awsui_drawers-trigger-
|
|
278
|
+
.awsui_drawers-trigger-content_hyvsj_lgv7x_266:not(#\9):not(.awsui_has-multiple-triggers_hyvsj_lgv7x_251):not(.awsui_has-open-drawer_hyvsj_lgv7x_187) {
|
|
275
279
|
opacity: 1;
|
|
276
280
|
}
|
|
277
|
-
.awsui_drawers-trigger-
|
|
281
|
+
.awsui_drawers-trigger-content_hyvsj_lgv7x_266 > .awsui_drawers-trigger-overflow_hyvsj_lgv7x_280:not(#\9) {
|
|
278
282
|
padding-block: 0;
|
|
279
283
|
padding-inline: 1px;
|
|
280
284
|
display: flex;
|
|
@@ -283,14 +287,14 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
283
287
|
}
|
|
284
288
|
|
|
285
289
|
@media (max-width: 688px) {
|
|
286
|
-
.awsui_drawers-
|
|
290
|
+
.awsui_drawers-trigger_hyvsj_lgv7x_266:not(#\9) {
|
|
287
291
|
inline-size: 40px;
|
|
288
292
|
display: flex;
|
|
289
293
|
justify-content: center;
|
|
290
294
|
}
|
|
291
295
|
}
|
|
292
296
|
|
|
293
|
-
.
|
|
297
|
+
.awsui_drawer_hyvsj_lgv7x_176:not(#\9) {
|
|
294
298
|
--awsui-drawer-size-g964ok: 290px;
|
|
295
299
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
296
300
|
border-color: transparent;
|
|
@@ -305,7 +309,7 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
305
309
|
pointer-events: auto;
|
|
306
310
|
word-wrap: break-word;
|
|
307
311
|
}
|
|
308
|
-
.
|
|
312
|
+
.awsui_drawer_hyvsj_lgv7x_176 > .awsui_drawer-content-container_hyvsj_lgv7x_311:not(#\9) {
|
|
309
313
|
grid-column: 1/span 2;
|
|
310
314
|
grid-row: 1;
|
|
311
315
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
@@ -314,42 +318,42 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
314
318
|
grid-template-rows: var(--size-vertical-panel-icon-offset-wy8j08, 15px) auto 1fr;
|
|
315
319
|
overflow-y: auto;
|
|
316
320
|
}
|
|
317
|
-
.
|
|
321
|
+
.awsui_drawer_hyvsj_lgv7x_176 > .awsui_drawer-content-container_hyvsj_lgv7x_311 > .awsui_drawer-close-button_hyvsj_lgv7x_320:not(#\9) {
|
|
318
322
|
grid-column: 3;
|
|
319
323
|
grid-row: 2;
|
|
320
324
|
z-index: 1;
|
|
321
325
|
}
|
|
322
|
-
.
|
|
326
|
+
.awsui_drawer_hyvsj_lgv7x_176 > .awsui_drawer-content-container_hyvsj_lgv7x_311 > .awsui_drawer-content_hyvsj_lgv7x_311:not(#\9) {
|
|
323
327
|
grid-column: 1/span 4;
|
|
324
328
|
block-size: var(--awsui-content-height-g964ok);
|
|
325
329
|
}
|
|
326
|
-
.
|
|
330
|
+
.awsui_drawer_hyvsj_lgv7x_176 > .awsui_drawer-content-container_hyvsj_lgv7x_311 > .awsui_drawer-content_hyvsj_lgv7x_311.awsui_drawer-content-hidden_hyvsj_lgv7x_329:not(#\9) {
|
|
327
331
|
display: none;
|
|
328
332
|
}
|
|
329
|
-
.
|
|
333
|
+
.awsui_drawer_hyvsj_lgv7x_176 > .awsui_drawer-slider_hyvsj_lgv7x_332:not(#\9) {
|
|
330
334
|
grid-column: 1;
|
|
331
335
|
grid-row: 1;
|
|
332
336
|
block-size: 100%;
|
|
333
337
|
display: flex;
|
|
334
338
|
align-items: center;
|
|
335
339
|
}
|
|
336
|
-
.
|
|
340
|
+
.awsui_drawer_hyvsj_lgv7x_176:not(#\9):not(.awsui_is-drawer-open_hyvsj_lgv7x_339) {
|
|
337
341
|
opacity: 0;
|
|
338
342
|
inline-size: 0;
|
|
339
343
|
}
|
|
340
|
-
.
|
|
344
|
+
.awsui_drawer_hyvsj_lgv7x_176.awsui_is-drawer-open_hyvsj_lgv7x_339:not(#\9) {
|
|
341
345
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
342
346
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
343
347
|
opacity: 1;
|
|
344
348
|
inline-size: var(--awsui-drawer-size-g964ok);
|
|
345
349
|
}
|
|
346
350
|
@media (min-width: 2541px) {
|
|
347
|
-
.
|
|
351
|
+
.awsui_drawer_hyvsj_lgv7x_176.awsui_is-drawer-open_hyvsj_lgv7x_339:not(#\9) {
|
|
348
352
|
--awsui-drawer-size-g964ok: 320px;
|
|
349
353
|
}
|
|
350
354
|
}
|
|
351
355
|
@media (max-width: 688px) {
|
|
352
|
-
.
|
|
356
|
+
.awsui_drawer_hyvsj_lgv7x_176.awsui_is-drawer-open_hyvsj_lgv7x_339:not(#\9) {
|
|
353
357
|
--awsui-drawer-size-g964ok: 100vw;
|
|
354
358
|
inline-size: 100vw;
|
|
355
359
|
}
|
|
@@ -359,7 +363,7 @@ div.awsui_background_hyvsj_uh0or_145 > .awsui_scrolling-background_hyvsj_uh0or_1
|
|
|
359
363
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
360
364
|
SPDX-License-Identifier: Apache-2.0
|
|
361
365
|
*/
|
|
362
|
-
header.
|
|
366
|
+
header.awsui_content_hyvsj_lgv7x_365:not(#\9) {
|
|
363
367
|
grid-area: header;
|
|
364
368
|
}
|
|
365
369
|
|
|
@@ -384,7 +388,7 @@ The minimum content width property is set to zero and applied under all
|
|
|
384
388
|
circumstances regardless of whether the minContentWidth property is
|
|
385
389
|
explicitly set in script.
|
|
386
390
|
*/
|
|
387
|
-
.
|
|
391
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9) {
|
|
388
392
|
--awsui-breadcrumbs-gap-g964ok: 0px;
|
|
389
393
|
--awsui-content-gap-left-g964ok: 0px;
|
|
390
394
|
--awsui-content-gap-right-g964ok: 0px;
|
|
@@ -456,113 +460,113 @@ explicitly set in script.
|
|
|
456
460
|
*/
|
|
457
461
|
}
|
|
458
462
|
@media (min-width: 1401px) {
|
|
459
|
-
.
|
|
463
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462) {
|
|
460
464
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
461
465
|
}
|
|
462
466
|
}
|
|
463
467
|
@media (min-width: 1921px) {
|
|
464
|
-
.
|
|
468
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462) {
|
|
465
469
|
--awsui-default-max-content-width-g964ok: 1440px;
|
|
466
470
|
}
|
|
467
471
|
}
|
|
468
472
|
@media (min-width: 2541px) {
|
|
469
|
-
.
|
|
473
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462) {
|
|
470
474
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
471
475
|
}
|
|
472
476
|
}
|
|
473
477
|
@media (min-width: 1401px) {
|
|
474
|
-
.
|
|
478
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462).awsui_content-type-dashboard_hyvsj_lgv7x_477 {
|
|
475
479
|
--awsui-default-max-content-width-g964ok: 1280px;
|
|
476
480
|
}
|
|
477
481
|
}
|
|
478
482
|
@media (min-width: 1921px) {
|
|
479
|
-
.
|
|
483
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462).awsui_content-type-dashboard_hyvsj_lgv7x_477 {
|
|
480
484
|
--awsui-default-max-content-width-g964ok: 1620px;
|
|
481
485
|
}
|
|
482
486
|
}
|
|
483
487
|
@media (min-width: 2541px) {
|
|
484
|
-
.
|
|
488
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462).awsui_content-type-dashboard_hyvsj_lgv7x_477 {
|
|
485
489
|
--awsui-default-max-content-width-g964ok: 2160px;
|
|
486
490
|
}
|
|
487
491
|
}
|
|
488
|
-
.
|
|
492
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462).awsui_content-type-table_hyvsj_lgv7x_491, .awsui_layout_hyvsj_lgv7x_390:not(#\9):not(.awsui_has-max-content-width_hyvsj_lgv7x_462).awsui_content-type-cards_hyvsj_lgv7x_491 {
|
|
489
493
|
--awsui-default-max-content-width-g964ok: 100%;
|
|
490
494
|
}
|
|
491
|
-
.
|
|
495
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-max-content-width_hyvsj_lgv7x_462:not(#\9) {
|
|
492
496
|
--awsui-default-max-content-width-g964ok: var(--awsui-max-content-width-g964ok);
|
|
493
497
|
}
|
|
494
|
-
.
|
|
498
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_is-overlap-disabled_hyvsj_lgv7x_497:not(#\9) {
|
|
495
499
|
--awsui-overlap-height-g964ok: 0;
|
|
496
500
|
}
|
|
497
|
-
.
|
|
501
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_is-hide-mobile-toolbar_hyvsj_lgv7x_500:not(#\9) {
|
|
498
502
|
--awsui-mobile-bar-height-g964ok: 0px;
|
|
499
503
|
}
|
|
500
504
|
@media (min-width: 993px) {
|
|
501
|
-
.
|
|
505
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9) {
|
|
502
506
|
--awsui-default-min-content-width-g964ok: var(--awsui-min-content-width-g964ok, 280px);
|
|
503
507
|
}
|
|
504
508
|
}
|
|
505
509
|
@media (max-width: 992px) {
|
|
506
|
-
.
|
|
510
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9) {
|
|
507
511
|
--awsui-default-min-content-width-g964ok: 0px;
|
|
508
512
|
}
|
|
509
513
|
}
|
|
510
514
|
@media (min-width: 689px) {
|
|
511
|
-
.
|
|
515
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-content-gap-left_hyvsj_lgv7x_514:not(#\9) {
|
|
512
516
|
--awsui-content-gap-left-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
513
517
|
}
|
|
514
|
-
.
|
|
518
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-content-gap-right_hyvsj_lgv7x_517:not(#\9) {
|
|
515
519
|
--awsui-content-gap-right-g964ok: var(--space-layout-content-horizontal-7l52k3, 24px);
|
|
516
520
|
}
|
|
517
521
|
}
|
|
518
522
|
@media (max-width: 688px) {
|
|
519
|
-
.
|
|
523
|
+
.awsui_layout_hyvsj_lgv7x_390:not(#\9) {
|
|
520
524
|
--awsui-content-gap-left-g964ok: var(--space-l-t419sm, 20px);
|
|
521
525
|
--awsui-content-gap-right-g964ok: var(--space-l-t419sm, 20px);
|
|
522
526
|
}
|
|
523
527
|
}
|
|
524
|
-
.
|
|
528
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-breadcrumbs_hyvsj_lgv7x_527:not(#\9) {
|
|
525
529
|
--awsui-breadcrumbs-gap-g964ok: var(--space-scaled-m-mo5yse, 16px);
|
|
526
530
|
}
|
|
527
|
-
.
|
|
531
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-header_hyvsj_lgv7x_530:not(#\9), .awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-notifications_hyvsj_lgv7x_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_lgv7x_527).awsui_has-header_hyvsj_lgv7x_530 {
|
|
528
532
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
529
533
|
}
|
|
530
|
-
.
|
|
534
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-breadcrumbs_hyvsj_lgv7x_527.awsui_has-header_hyvsj_lgv7x_530:not(#\9) {
|
|
531
535
|
--awsui-header-gap-g964ok: var(--space-scaled-xs-26e2du, 8px);
|
|
532
536
|
}
|
|
533
|
-
.
|
|
537
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-notifications_hyvsj_lgv7x_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_lgv7x_527):not(.awsui_has-header_hyvsj_lgv7x_530) {
|
|
534
538
|
--awsui-main-gap-g964ok: var(--space-xs-zb16t3, 8px);
|
|
535
539
|
}
|
|
536
|
-
.
|
|
540
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-breadcrumbs_hyvsj_lgv7x_527:not(#\9):not(.awsui_has-header_hyvsj_lgv7x_530) {
|
|
537
541
|
--awsui-main-gap-g964ok: var(--space-scaled-xxs-7597g1, 4px);
|
|
538
542
|
}
|
|
539
|
-
.
|
|
543
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-header_hyvsj_lgv7x_530:not(#\9) {
|
|
540
544
|
--awsui-main-gap-g964ok: var(--space-content-header-padding-bottom-y2enua, 16px);
|
|
541
545
|
}
|
|
542
|
-
.
|
|
546
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-main_hyvsj_lgv7x_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_lgv7x_545) {
|
|
543
547
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
544
548
|
}
|
|
545
|
-
.
|
|
549
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-main_hyvsj_lgv7x_545.awsui_disable-content-paddings_hyvsj_lgv7x_545:not(#\9) {
|
|
546
550
|
--awsui-main-gap-g964ok: 0px;
|
|
547
551
|
}
|
|
548
552
|
@media (max-width: 688px) {
|
|
549
|
-
.
|
|
553
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-header_hyvsj_lgv7x_530:not(#\9) {
|
|
550
554
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
551
555
|
}
|
|
552
|
-
.
|
|
556
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-notifications_hyvsj_lgv7x_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_lgv7x_527).awsui_has-header_hyvsj_lgv7x_530 {
|
|
553
557
|
--awsui-header-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
554
558
|
}
|
|
555
|
-
.
|
|
559
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-notifications_hyvsj_lgv7x_530:not(#\9):not(.awsui_has-breadcrumbs_hyvsj_lgv7x_527):not(.awsui_has-header_hyvsj_lgv7x_530), .awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-main_hyvsj_lgv7x_545:not(#\9):not(.awsui_disable-content-paddings_hyvsj_lgv7x_545) {
|
|
556
560
|
--awsui-main-gap-g964ok: var(--space-scaled-s-aqzyko, 12px);
|
|
557
561
|
}
|
|
558
|
-
.
|
|
562
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_content-first-child-main_hyvsj_lgv7x_545.awsui_disable-content-paddings_hyvsj_lgv7x_545:not(#\9) {
|
|
559
563
|
--awsui-main-gap-g964ok: 0px;
|
|
560
564
|
}
|
|
561
565
|
}
|
|
562
|
-
.
|
|
566
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-left-toggles-gutter_hyvsj_lgv7x_565:not(#\9) {
|
|
563
567
|
--awsui-toggles-left-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
564
568
|
}
|
|
565
|
-
.
|
|
569
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_has-right-toggles-gutter_hyvsj_lgv7x_568:not(#\9) {
|
|
566
570
|
--awsui-toggles-right-width-g964ok: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) + 36px);
|
|
567
571
|
}
|
|
568
572
|
|
|
@@ -576,13 +580,13 @@ not matter. The offset top value for AppLayout contentMain children with
|
|
|
576
580
|
position: sticky will be the value of the notifications height in addition to the
|
|
577
581
|
notifications top margin and some additional vertical space for aesthetics.
|
|
578
582
|
*/
|
|
579
|
-
.
|
|
583
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_disable-body-scroll_hyvsj_lgv7x_208:not(#\9) {
|
|
580
584
|
--awsui-main-template-rows-g964ok: 1fr auto;
|
|
581
585
|
--awsui-offset-top-g964ok: 0px;
|
|
582
586
|
block-size: var(--awsui-content-height-g964ok);
|
|
583
587
|
overflow-y: scroll;
|
|
584
588
|
}
|
|
585
|
-
.
|
|
589
|
+
.awsui_layout_hyvsj_lgv7x_390.awsui_disable-body-scroll_hyvsj_lgv7x_208.awsui_has-split-panel_hyvsj_lgv7x_588.awsui_split-panel-position-bottom_hyvsj_lgv7x_588:not(#\9) {
|
|
586
590
|
--awsui-main-template-rows-g964ok: repeat(2, auto);
|
|
587
591
|
}
|
|
588
592
|
|
|
@@ -590,13 +594,13 @@ notifications top margin and some additional vertical space for aesthetics.
|
|
|
590
594
|
This CSS class is applied to the document body to prevent overflow scrolling
|
|
591
595
|
when the navigation or tools drawers are open in responsive viewports.
|
|
592
596
|
*/
|
|
593
|
-
.awsui_block-body-
|
|
597
|
+
.awsui_block-body-scroll_hyvsj_lgv7x_596:not(#\9) {
|
|
594
598
|
overflow: hidden;
|
|
595
599
|
}
|
|
596
600
|
|
|
597
601
|
/* stylelint-disable selector-max-universal, selector-combinator-disallowed-list */
|
|
598
|
-
.
|
|
599
|
-
.
|
|
602
|
+
.awsui_unfocusable_hyvsj_lgv7x_601:not(#\9),
|
|
603
|
+
.awsui_unfocusable_hyvsj_lgv7x_601 *:not(#\9) {
|
|
600
604
|
visibility: hidden !important;
|
|
601
605
|
}
|
|
602
606
|
|
|
@@ -605,7 +609,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
605
609
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
606
610
|
SPDX-License-Identifier: Apache-2.0
|
|
607
611
|
*/
|
|
608
|
-
.
|
|
612
|
+
.awsui_container_hyvsj_lgv7x_611:not(#\9) {
|
|
609
613
|
grid-area: main;
|
|
610
614
|
padding-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
|
|
611
615
|
/*
|
|
@@ -622,19 +626,19 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
622
626
|
on the right, we decrement the column end by one.
|
|
623
627
|
*/
|
|
624
628
|
}
|
|
625
|
-
.
|
|
629
|
+
.awsui_container_hyvsj_lgv7x_611.awsui_has-split-panel_hyvsj_lgv7x_588.awsui_split-panel-position-bottom_hyvsj_lgv7x_588:not(#\9) {
|
|
626
630
|
padding-block-end: calc(var(--awsui-split-panel-height-g964ok) + var(--space-layout-content-bottom-noqzmw, 40px));
|
|
627
631
|
}
|
|
628
|
-
.
|
|
632
|
+
.awsui_container_hyvsj_lgv7x_611.awsui_disable-content-paddings_hyvsj_lgv7x_545:not(#\9) {
|
|
629
633
|
grid-column: 1/6;
|
|
630
634
|
padding-block: 0;
|
|
631
635
|
padding-inline: 0;
|
|
632
636
|
}
|
|
633
637
|
@media (min-width: 689px) {
|
|
634
|
-
.
|
|
638
|
+
.awsui_container_hyvsj_lgv7x_611.awsui_disable-content-paddings_hyvsj_lgv7x_545.awsui_is-navigation-open_hyvsj_lgv7x_637:not(#\9) {
|
|
635
639
|
grid-column-start: 2;
|
|
636
640
|
}
|
|
637
|
-
.
|
|
641
|
+
.awsui_container_hyvsj_lgv7x_611.awsui_disable-content-paddings_hyvsj_lgv7x_545.awsui_is-tools-open_hyvsj_lgv7x_640:not(#\9), .awsui_container_hyvsj_lgv7x_611.awsui_disable-content-paddings_hyvsj_lgv7x_545.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_split-panel-position-side_hyvsj_lgv7x_640:not(#\9), .awsui_container_hyvsj_lgv7x_611.awsui_disable-content-paddings_hyvsj_lgv7x_545.awsui_has-active-drawer_hyvsj_lgv7x_640:not(#\9) {
|
|
638
642
|
grid-column-end: 5;
|
|
639
643
|
}
|
|
640
644
|
}
|
|
@@ -647,7 +651,7 @@ when the navigation or tools drawers are open in responsive viewports.
|
|
|
647
651
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
648
652
|
SPDX-License-Identifier: Apache-2.0
|
|
649
653
|
*/
|
|
650
|
-
section.awsui_mobile-
|
|
654
|
+
section.awsui_mobile-toolbar_hyvsj_lgv7x_653:not(#\9) {
|
|
651
655
|
align-items: center;
|
|
652
656
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
653
657
|
border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
@@ -664,19 +668,19 @@ section.awsui_mobile-toolbar_hyvsj_uh0or_649:not(#\9) {
|
|
|
664
668
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
665
669
|
z-index: 1000;
|
|
666
670
|
}
|
|
667
|
-
section.awsui_mobile-
|
|
671
|
+
section.awsui_mobile-toolbar_hyvsj_lgv7x_653:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_lgv7x_670) {
|
|
668
672
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
669
673
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
670
674
|
}
|
|
671
|
-
section.awsui_mobile-
|
|
675
|
+
section.awsui_mobile-toolbar_hyvsj_lgv7x_653 > .awsui_mobile-toolbar-nav_hyvsj_lgv7x_674:not(#\9) {
|
|
672
676
|
grid-column: 1;
|
|
673
677
|
margin-inline-end: var(--space-m-udix3p, 16px);
|
|
674
678
|
}
|
|
675
|
-
section.awsui_mobile-
|
|
679
|
+
section.awsui_mobile-toolbar_hyvsj_lgv7x_653 > .awsui_mobile-toolbar-breadcrumbs_hyvsj_lgv7x_678:not(#\9) {
|
|
676
680
|
grid-column: 2;
|
|
677
681
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
678
682
|
}
|
|
679
|
-
section.awsui_mobile-
|
|
683
|
+
section.awsui_mobile-toolbar_hyvsj_lgv7x_653 > .awsui_mobile-toolbar-tools_hyvsj_lgv7x_682:not(#\9) {
|
|
680
684
|
grid-column: 3;
|
|
681
685
|
margin-inline-start: var(--space-m-udix3p, 16px);
|
|
682
686
|
}
|
|
@@ -685,7 +689,7 @@ section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
685
689
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
686
690
|
SPDX-License-Identifier: Apache-2.0
|
|
687
691
|
*/
|
|
688
|
-
.awsui_navigation-
|
|
692
|
+
.awsui_navigation-container_hyvsj_lgv7x_691:not(#\9) {
|
|
689
693
|
display: flex;
|
|
690
694
|
grid-column: 1;
|
|
691
695
|
grid-row: 1/span 9;
|
|
@@ -706,7 +710,7 @@ section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
706
710
|
pointer-events: none;
|
|
707
711
|
}
|
|
708
712
|
@media (max-width: 688px) {
|
|
709
|
-
.awsui_navigation-
|
|
713
|
+
.awsui_navigation-container_hyvsj_lgv7x_691:not(#\9) {
|
|
710
714
|
inset-inline-start: 0;
|
|
711
715
|
position: fixed;
|
|
712
716
|
z-index: 1001;
|
|
@@ -718,12 +722,12 @@ section.awsui_mobile-toolbar_hyvsj_uh0or_649 > .awsui_mobile-toolbar-tools_hyvsj
|
|
|
718
722
|
relative to the body.
|
|
719
723
|
*/
|
|
720
724
|
}
|
|
721
|
-
.awsui_navigation-
|
|
725
|
+
.awsui_navigation-container_hyvsj_lgv7x_691.awsui_disable-body-scroll_hyvsj_lgv7x_208:not(#\9) {
|
|
722
726
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
723
727
|
}
|
|
724
728
|
}
|
|
725
729
|
|
|
726
|
-
nav.awsui_show-
|
|
730
|
+
nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9) {
|
|
727
731
|
padding-block: var(--space-scaled-s-aqzyko, 12px);
|
|
728
732
|
padding-inline: var(--space-layout-toggle-padding-lcu6qi, 12px);
|
|
729
733
|
/*
|
|
@@ -731,7 +735,7 @@ nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9) {
|
|
|
731
735
|
take control in responsive viewports.
|
|
732
736
|
*/
|
|
733
737
|
}
|
|
734
|
-
@keyframes
|
|
738
|
+
@keyframes awsui_showButtons_hyvsj_lgv7x_1 {
|
|
735
739
|
0% {
|
|
736
740
|
opacity: 0;
|
|
737
741
|
}
|
|
@@ -739,31 +743,31 @@ nav.awsui_show-navigation_hyvsj_uh0or_725:not(#\9) {
|
|
|
739
743
|
opacity: 1;
|
|
740
744
|
}
|
|
741
745
|
}
|
|
742
|
-
nav.awsui_show-
|
|
746
|
+
nav.awsui_show-navigation_hyvsj_lgv7x_729.awsui_is-navigation-open_hyvsj_lgv7x_637:not(#\9) {
|
|
743
747
|
display: none;
|
|
744
748
|
}
|
|
745
749
|
@media (min-width: 689px) {
|
|
746
|
-
nav.awsui_show-
|
|
750
|
+
nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637) {
|
|
747
751
|
display: block;
|
|
748
752
|
}
|
|
749
|
-
nav.awsui_show-
|
|
750
|
-
animation:
|
|
753
|
+
nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637).awsui_animating_hyvsj_lgv7x_752 {
|
|
754
|
+
animation: awsui_showButtons_hyvsj_lgv7x_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
751
755
|
}
|
|
752
756
|
}
|
|
753
757
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
754
|
-
nav.awsui_show-
|
|
758
|
+
nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637).awsui_animating_hyvsj_lgv7x_752 {
|
|
755
759
|
animation: none;
|
|
756
760
|
transition: none;
|
|
757
761
|
}
|
|
758
762
|
}
|
|
759
763
|
@media (min-width: 689px) {
|
|
760
|
-
.awsui-motion-disabled nav.awsui_show-
|
|
764
|
+
.awsui-motion-disabled nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637).awsui_animating_hyvsj_lgv7x_752, .awsui-mode-entering nav.awsui_show-navigation_hyvsj_lgv7x_729:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637).awsui_animating_hyvsj_lgv7x_752 {
|
|
761
765
|
animation: none;
|
|
762
766
|
transition: none;
|
|
763
767
|
}
|
|
764
768
|
}
|
|
765
769
|
|
|
766
|
-
nav.
|
|
770
|
+
nav.awsui_navigation_hyvsj_lgv7x_691:not(#\9) {
|
|
767
771
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
768
772
|
inset-block-end: 0;
|
|
769
773
|
block-size: 100%;
|
|
@@ -783,7 +787,7 @@ nav.awsui_navigation_hyvsj_uh0or_687:not(#\9) {
|
|
|
783
787
|
prevent unwanted text wrapping.
|
|
784
788
|
*/
|
|
785
789
|
}
|
|
786
|
-
@keyframes
|
|
790
|
+
@keyframes awsui_openNavigation_hyvsj_lgv7x_1 {
|
|
787
791
|
from {
|
|
788
792
|
opacity: 0;
|
|
789
793
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -793,36 +797,36 @@ nav.awsui_navigation_hyvsj_uh0or_687:not(#\9) {
|
|
|
793
797
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
794
798
|
}
|
|
795
799
|
}
|
|
796
|
-
nav.
|
|
800
|
+
nav.awsui_navigation_hyvsj_lgv7x_691:not(#\9):not(.awsui_is-navigation-open_hyvsj_lgv7x_637) {
|
|
797
801
|
inline-size: 0;
|
|
798
802
|
display: none;
|
|
799
803
|
}
|
|
800
|
-
nav.
|
|
801
|
-
animation:
|
|
804
|
+
nav.awsui_navigation_hyvsj_lgv7x_691.awsui_is-navigation-open_hyvsj_lgv7x_637.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
805
|
+
animation: awsui_openNavigation_hyvsj_lgv7x_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
802
806
|
}
|
|
803
807
|
@media (prefers-reduced-motion: reduce) {
|
|
804
|
-
nav.
|
|
808
|
+
nav.awsui_navigation_hyvsj_lgv7x_691.awsui_is-navigation-open_hyvsj_lgv7x_637.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
805
809
|
animation: none;
|
|
806
810
|
transition: none;
|
|
807
811
|
}
|
|
808
812
|
}
|
|
809
|
-
.awsui-motion-disabled nav.
|
|
813
|
+
.awsui-motion-disabled nav.awsui_navigation_hyvsj_lgv7x_691.awsui_is-navigation-open_hyvsj_lgv7x_637.awsui_animating_hyvsj_lgv7x_752:not(#\9), .awsui-mode-entering nav.awsui_navigation_hyvsj_lgv7x_691.awsui_is-navigation-open_hyvsj_lgv7x_637.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
810
814
|
animation: none;
|
|
811
815
|
transition: none;
|
|
812
816
|
}
|
|
813
|
-
nav.
|
|
817
|
+
nav.awsui_navigation_hyvsj_lgv7x_691 > .awsui_animated-content_hyvsj_lgv7x_816:not(#\9) {
|
|
814
818
|
inline-size: var(--awsui-navigation-width-g964ok);
|
|
815
819
|
}
|
|
816
|
-
nav.
|
|
820
|
+
nav.awsui_navigation_hyvsj_lgv7x_691 > .awsui_content-container_hyvsj_lgv7x_819:not(#\9) {
|
|
817
821
|
flex-grow: 1;
|
|
818
822
|
}
|
|
819
823
|
@media (max-width: 688px) {
|
|
820
|
-
nav.
|
|
824
|
+
nav.awsui_navigation_hyvsj_lgv7x_691:not(#\9) {
|
|
821
825
|
--awsui-navigation-width-g964ok: 100vw;
|
|
822
826
|
}
|
|
823
827
|
}
|
|
824
828
|
|
|
825
|
-
.awsui_hide-
|
|
829
|
+
.awsui_hide-navigation_hyvsj_lgv7x_828:not(#\9) {
|
|
826
830
|
position: absolute;
|
|
827
831
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
828
832
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -832,24 +836,24 @@ nav.awsui_navigation_hyvsj_uh0or_687 > .awsui_content-container_hyvsj_uh0or_815:
|
|
|
832
836
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
833
837
|
SPDX-License-Identifier: Apache-2.0
|
|
834
838
|
*/
|
|
835
|
-
.
|
|
839
|
+
.awsui_notifications_hyvsj_lgv7x_838:not(#\9) {
|
|
836
840
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
837
841
|
grid-area: notifications;
|
|
838
842
|
z-index: 850;
|
|
839
843
|
}
|
|
840
|
-
.
|
|
844
|
+
.awsui_notifications_hyvsj_lgv7x_838.awsui_has-notification-content_hyvsj_lgv7x_843:not(#\9) {
|
|
841
845
|
padding-block-start: var(--space-scaled-s-aqzyko, 12px);
|
|
842
846
|
}
|
|
843
847
|
@media (min-width: 689px) {
|
|
844
|
-
.
|
|
848
|
+
.awsui_notifications_hyvsj_lgv7x_838.awsui_sticky-notifications_hyvsj_lgv7x_847:not(#\9) {
|
|
845
849
|
--awsui-flashbar-sticky-bottom-margin-g964ok: var(--space-xxl-cu2m1r, 32px);
|
|
846
850
|
position: sticky;
|
|
847
851
|
inset-block-start: var(--awsui-offset-top-g964ok);
|
|
848
852
|
}
|
|
849
|
-
.
|
|
853
|
+
.awsui_notifications_hyvsj_lgv7x_838.awsui_sticky-notifications_hyvsj_lgv7x_847:not(#\9):not(.awsui_high-contrast_hyvsj_lgv7x_852) {
|
|
850
854
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
851
855
|
}
|
|
852
|
-
.
|
|
856
|
+
.awsui_notifications_hyvsj_lgv7x_838.awsui_has-notification-content_hyvsj_lgv7x_843:not(#\9) {
|
|
853
857
|
padding-block-start: var(--space-xs-zb16t3, 8px);
|
|
854
858
|
}
|
|
855
859
|
}
|
|
@@ -864,7 +868,7 @@ as the content area. This row is defined as 1 fractional unit which will
|
|
|
864
868
|
consume the remaining vertical space in the grid after the notifications
|
|
865
869
|
and breadcrumbs.
|
|
866
870
|
*/
|
|
867
|
-
section.awsui_split-panel-
|
|
871
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870:not(#\9) {
|
|
868
872
|
/*
|
|
869
873
|
The align self property will position the split panel at the bottom of the grid row.
|
|
870
874
|
This could be off the viewport if the content area has enough content to be scrollable.
|
|
@@ -900,7 +904,7 @@ section.awsui_split-panel-bottom_hyvsj_uh0or_866:not(#\9) {
|
|
|
900
904
|
apply the animation to the height property.
|
|
901
905
|
*/
|
|
902
906
|
}
|
|
903
|
-
@keyframes
|
|
907
|
+
@keyframes awsui_openSplitPanelBottom_hyvsj_lgv7x_1 {
|
|
904
908
|
from {
|
|
905
909
|
block-size: var(--awsui-split-panel-reported-header-size-g964ok, 0);
|
|
906
910
|
}
|
|
@@ -908,39 +912,39 @@ section.awsui_split-panel-bottom_hyvsj_uh0or_866:not(#\9) {
|
|
|
908
912
|
block-size: var(--awsui-split-panel-reported-size-g964ok);
|
|
909
913
|
}
|
|
910
914
|
}
|
|
911
|
-
section.awsui_split-panel-
|
|
915
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_disable-body-scroll_hyvsj_lgv7x_208:not(#\9) {
|
|
912
916
|
inset-block-end: 0;
|
|
913
917
|
}
|
|
914
|
-
section.awsui_split-panel-
|
|
918
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-navigation-open_hyvsj_lgv7x_637.awsui_position-bottom_hyvsj_lgv7x_917:not(#\9) {
|
|
915
919
|
grid-column-start: 2;
|
|
916
920
|
}
|
|
917
|
-
section.awsui_split-panel-
|
|
921
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_has-open-drawer_hyvsj_lgv7x_187.awsui_position-bottom_hyvsj_lgv7x_917:not(#\9) {
|
|
918
922
|
grid-column-end: 5;
|
|
919
923
|
}
|
|
920
|
-
section.awsui_split-panel-
|
|
924
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_position-bottom_hyvsj_lgv7x_917:not(#\9) {
|
|
921
925
|
display: block;
|
|
922
926
|
}
|
|
923
|
-
section.awsui_split-panel-
|
|
927
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870:not(#\9):not(.awsui_is-split-panel-open_hyvsj_lgv7x_640).awsui_position-bottom_hyvsj_lgv7x_917 {
|
|
924
928
|
box-shadow: rgba(0, 7, 22, 0.1) 0px -32px 32px -24px;
|
|
925
929
|
}
|
|
926
|
-
section.awsui_split-panel-
|
|
930
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-bottom_hyvsj_lgv7x_917:not(#\9) {
|
|
927
931
|
box-shadow: var(--shadow-split-bottom-5e389u, 0px -36px 36px -36px rgba(0, 7, 22, 0.1));
|
|
928
932
|
}
|
|
929
|
-
section.awsui_split-panel-
|
|
930
|
-
animation:
|
|
933
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-bottom_hyvsj_lgv7x_917.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
934
|
+
animation: awsui_openSplitPanelBottom_hyvsj_lgv7x_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
931
935
|
}
|
|
932
936
|
@media (prefers-reduced-motion: reduce) {
|
|
933
|
-
section.awsui_split-panel-
|
|
937
|
+
section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-bottom_hyvsj_lgv7x_917.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
934
938
|
animation: none;
|
|
935
939
|
transition: none;
|
|
936
940
|
}
|
|
937
941
|
}
|
|
938
|
-
.awsui-motion-disabled section.awsui_split-panel-
|
|
942
|
+
.awsui-motion-disabled section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-bottom_hyvsj_lgv7x_917.awsui_animating_hyvsj_lgv7x_752:not(#\9), .awsui-mode-entering section.awsui_split-panel-bottom_hyvsj_lgv7x_870.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-bottom_hyvsj_lgv7x_917.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
939
943
|
animation: none;
|
|
940
944
|
transition: none;
|
|
941
945
|
}
|
|
942
946
|
|
|
943
|
-
section.awsui_split-panel-
|
|
947
|
+
section.awsui_split-panel-side_hyvsj_lgv7x_946:not(#\9) {
|
|
944
948
|
block-size: 100%;
|
|
945
949
|
overflow-x: hidden;
|
|
946
950
|
pointer-events: auto;
|
|
@@ -950,15 +954,15 @@ section.awsui_split-panel-side_hyvsj_uh0or_942:not(#\9) {
|
|
|
950
954
|
be persistent in the DOM when closed.
|
|
951
955
|
*/
|
|
952
956
|
}
|
|
953
|
-
section.awsui_split-panel-
|
|
957
|
+
section.awsui_split-panel-side_hyvsj_lgv7x_946:not(#\9):not(.awsui_is-split-panel-open_hyvsj_lgv7x_640), section.awsui_split-panel-side_hyvsj_lgv7x_946.awsui_position-bottom_hyvsj_lgv7x_917:not(#\9) {
|
|
954
958
|
inline-size: 0;
|
|
955
959
|
}
|
|
956
|
-
section.awsui_split-panel-
|
|
960
|
+
section.awsui_split-panel-side_hyvsj_lgv7x_946.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-side_hyvsj_lgv7x_959:not(#\9) {
|
|
957
961
|
max-inline-size: var(--awsui-split-panel-max-width-g964ok, 280px);
|
|
958
962
|
min-inline-size: var(--awsui-split-panel-min-width-g964ok, 280px);
|
|
959
963
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
960
964
|
}
|
|
961
|
-
section.awsui_split-panel-
|
|
965
|
+
section.awsui_split-panel-side_hyvsj_lgv7x_946.awsui_is-split-panel-open_hyvsj_lgv7x_640.awsui_position-side_hyvsj_lgv7x_959:not(#\9):not(.awsui_has-open-drawer_hyvsj_lgv7x_187) {
|
|
962
966
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-panel-side-j1ubnj, #c6c6cd);
|
|
963
967
|
}
|
|
964
968
|
|
|
@@ -975,7 +979,7 @@ content width has a default value that can be set directly with the minContentWi
|
|
|
975
979
|
property. The content gap right is computed in the Layout styles based on the
|
|
976
980
|
viewport size and state of the Tools drawer.
|
|
977
981
|
*/
|
|
978
|
-
.awsui_tools-
|
|
982
|
+
.awsui_tools-container_hyvsj_lgv7x_981:not(#\9) {
|
|
979
983
|
--awsui-tools-max-width-g964ok: calc(var(--awsui-layout-width-g964ok) - var(--awsui-main-offset-left-g964ok) - var(--awsui-default-min-content-width-g964ok) - var(--awsui-content-gap-right-g964ok));
|
|
980
984
|
display: flex;
|
|
981
985
|
grid-column: 5;
|
|
@@ -988,7 +992,7 @@ viewport size and state of the Tools drawer.
|
|
|
988
992
|
pointer-events: none;
|
|
989
993
|
}
|
|
990
994
|
@media (max-width: 688px) {
|
|
991
|
-
.awsui_tools-
|
|
995
|
+
.awsui_tools-container_hyvsj_lgv7x_981:not(#\9) {
|
|
992
996
|
--awsui-tools-max-width-g964ok: none;
|
|
993
997
|
--awsui-tools-width-g964ok: auto;
|
|
994
998
|
position: fixed;
|
|
@@ -1002,12 +1006,12 @@ viewport size and state of the Tools drawer.
|
|
|
1002
1006
|
relative to the body.
|
|
1003
1007
|
*/
|
|
1004
1008
|
}
|
|
1005
|
-
.awsui_tools-
|
|
1009
|
+
.awsui_tools-container_hyvsj_lgv7x_981.awsui_disable-body-scroll_hyvsj_lgv7x_208:not(#\9) {
|
|
1006
1010
|
inset-block-start: var(--awsui-header-height-g964ok);
|
|
1007
1011
|
}
|
|
1008
1012
|
}
|
|
1009
1013
|
|
|
1010
|
-
.
|
|
1014
|
+
.awsui_tools_hyvsj_lgv7x_981:not(#\9) {
|
|
1011
1015
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1012
1016
|
flex-shrink: 0;
|
|
1013
1017
|
block-size: 100%;
|
|
@@ -1030,7 +1034,7 @@ viewport size and state of the Tools drawer.
|
|
|
1030
1034
|
in the side position.
|
|
1031
1035
|
*/
|
|
1032
1036
|
}
|
|
1033
|
-
@keyframes
|
|
1037
|
+
@keyframes awsui_openTools_hyvsj_lgv7x_1 {
|
|
1034
1038
|
from {
|
|
1035
1039
|
opacity: var(--awsui-tools-animation-starting-opacity-g964ok, 0);
|
|
1036
1040
|
inline-size: calc(var(--space-layout-toggle-padding-lcu6qi, 12px) * 2 + var(--space-layout-toggle-diameter-hb85rk, 36px));
|
|
@@ -1040,41 +1044,41 @@ viewport size and state of the Tools drawer.
|
|
|
1040
1044
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1041
1045
|
}
|
|
1042
1046
|
}
|
|
1043
|
-
.
|
|
1047
|
+
.awsui_tools_hyvsj_lgv7x_981:not(#\9):not(.awsui_is-tools-open_hyvsj_lgv7x_640) {
|
|
1044
1048
|
inline-size: 0;
|
|
1045
1049
|
display: none;
|
|
1046
1050
|
}
|
|
1047
|
-
.
|
|
1051
|
+
.awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640:not(#\9) {
|
|
1048
1052
|
border-inline-start: solid var(--border-divider-section-width-1061zr, 1px) var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1049
1053
|
}
|
|
1050
|
-
.
|
|
1051
|
-
animation:
|
|
1054
|
+
.awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1055
|
+
animation: awsui_openTools_hyvsj_lgv7x_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1052
1056
|
}
|
|
1053
1057
|
@media (prefers-reduced-motion: reduce) {
|
|
1054
|
-
.
|
|
1058
|
+
.awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1055
1059
|
animation: none;
|
|
1056
1060
|
transition: none;
|
|
1057
1061
|
}
|
|
1058
1062
|
}
|
|
1059
|
-
.awsui-motion-disabled .
|
|
1063
|
+
.awsui-motion-disabled .awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640.awsui_animating_hyvsj_lgv7x_752:not(#\9), .awsui-mode-entering .awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1060
1064
|
animation: none;
|
|
1061
1065
|
transition: none;
|
|
1062
1066
|
}
|
|
1063
|
-
.
|
|
1067
|
+
.awsui_tools_hyvsj_lgv7x_981 > .awsui_animated-content_hyvsj_lgv7x_816:not(#\9) {
|
|
1064
1068
|
inline-size: var(--awsui-tools-width-g964ok);
|
|
1065
1069
|
}
|
|
1066
1070
|
@media (min-width: 689px) {
|
|
1067
|
-
.
|
|
1071
|
+
.awsui_tools_hyvsj_lgv7x_981.awsui_is-tools-open_hyvsj_lgv7x_640.awsui_has-tools-form-persistence_hyvsj_lgv7x_1070:not(#\9) {
|
|
1068
1072
|
border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
1069
1073
|
}
|
|
1070
1074
|
}
|
|
1071
1075
|
@media (max-width: 688px) {
|
|
1072
|
-
.
|
|
1076
|
+
.awsui_tools_hyvsj_lgv7x_981:not(#\9) {
|
|
1073
1077
|
--awsui-tools-width-g964ok: 100vw;
|
|
1074
1078
|
}
|
|
1075
1079
|
}
|
|
1076
1080
|
|
|
1077
|
-
.awsui_hide-
|
|
1081
|
+
.awsui_hide-tools_hyvsj_lgv7x_1080:not(#\9) {
|
|
1078
1082
|
position: absolute;
|
|
1079
1083
|
inset-inline-end: var(--space-m-udix3p, 16px);
|
|
1080
1084
|
inset-block-start: var(--size-vertical-panel-icon-offset-wy8j08, 15px);
|
|
@@ -1086,7 +1090,7 @@ Warning! If these design tokens for padding change it will adversely impact
|
|
|
1086
1090
|
the calculation used to determine the Split Panel maximum width in the
|
|
1087
1091
|
handleSplitPanelMaxWidth function in the context.
|
|
1088
1092
|
*/
|
|
1089
|
-
.awsui_show-
|
|
1093
|
+
.awsui_show-tools_hyvsj_lgv7x_1092:not(#\9) {
|
|
1090
1094
|
border-collapse: separate;
|
|
1091
1095
|
border-spacing: 0;
|
|
1092
1096
|
box-sizing: border-box;
|
|
@@ -1125,7 +1129,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1125
1129
|
take control in responsive viewports.
|
|
1126
1130
|
*/
|
|
1127
1131
|
}
|
|
1128
|
-
@keyframes
|
|
1132
|
+
@keyframes awsui_showButtons_hyvsj_lgv7x_1 {
|
|
1129
1133
|
0% {
|
|
1130
1134
|
opacity: 0;
|
|
1131
1135
|
}
|
|
@@ -1133,31 +1137,31 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1133
1137
|
opacity: 1;
|
|
1134
1138
|
}
|
|
1135
1139
|
}
|
|
1136
|
-
.awsui_show-
|
|
1140
|
+
.awsui_show-tools_hyvsj_lgv7x_1092:not(#\9):not(.awsui_has-tools-form_hyvsj_lgv7x_1070) {
|
|
1137
1141
|
display: none;
|
|
1138
1142
|
}
|
|
1139
1143
|
@media (min-width: 689px) {
|
|
1140
|
-
.awsui_show-
|
|
1144
|
+
.awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form_hyvsj_lgv7x_1070:not(#\9) {
|
|
1141
1145
|
display: flex;
|
|
1142
1146
|
flex-direction: column;
|
|
1143
1147
|
gap: var(--space-xs-zb16t3, 8px);
|
|
1144
1148
|
}
|
|
1145
|
-
.awsui_show-
|
|
1146
|
-
animation:
|
|
1149
|
+
.awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form_hyvsj_lgv7x_1070.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1150
|
+
animation: awsui_showButtons_hyvsj_lgv7x_1 var(--motion-duration-refresh-only-fast-4jn2d7, 115ms);
|
|
1147
1151
|
}
|
|
1148
1152
|
}
|
|
1149
1153
|
@media (min-width: 689px) and (prefers-reduced-motion: reduce) {
|
|
1150
|
-
.awsui_show-
|
|
1154
|
+
.awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form_hyvsj_lgv7x_1070.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1151
1155
|
animation: none;
|
|
1152
1156
|
transition: none;
|
|
1153
1157
|
}
|
|
1154
1158
|
}
|
|
1155
1159
|
@media (min-width: 689px) {
|
|
1156
|
-
.awsui-motion-disabled .awsui_show-
|
|
1160
|
+
.awsui-motion-disabled .awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form_hyvsj_lgv7x_1070.awsui_animating_hyvsj_lgv7x_752:not(#\9), .awsui-mode-entering .awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form_hyvsj_lgv7x_1070.awsui_animating_hyvsj_lgv7x_752:not(#\9) {
|
|
1157
1161
|
animation: none;
|
|
1158
1162
|
transition: none;
|
|
1159
1163
|
}
|
|
1160
|
-
.awsui_show-
|
|
1164
|
+
.awsui_show-tools_hyvsj_lgv7x_1092.awsui_has-tools-form-persistence_hyvsj_lgv7x_1070:not(#\9) {
|
|
1161
1165
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
1162
1166
|
z-index: 1;
|
|
1163
1167
|
}
|
|
@@ -1167,7 +1171,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1167
1171
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
1168
1172
|
SPDX-License-Identifier: Apache-2.0
|
|
1169
1173
|
*/
|
|
1170
|
-
.awsui_trigger-button-
|
|
1174
|
+
.awsui_trigger-button-styles_hyvsj_lgv7x_1172:not(#\9) {
|
|
1171
1175
|
background: var(--color-background-layout-toggle-default-kci9ri, #424650);
|
|
1172
1176
|
border-start-start-radius: 50%;
|
|
1173
1177
|
border-start-end-radius: 50%;
|
|
@@ -1176,14 +1180,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1176
1180
|
block-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1177
1181
|
inline-size: var(--space-layout-toggle-diameter-hb85rk, 36px);
|
|
1178
1182
|
}
|
|
1179
|
-
.awsui_trigger-button-
|
|
1183
|
+
.awsui_trigger-button-styles_hyvsj_lgv7x_1172:not(#\9):hover {
|
|
1180
1184
|
background: var(--color-background-layout-toggle-hover-72w0bh, #656871);
|
|
1181
1185
|
}
|
|
1182
|
-
.awsui_trigger-button-
|
|
1186
|
+
.awsui_trigger-button-styles_hyvsj_lgv7x_1172:not(#\9):active {
|
|
1183
1187
|
background: var(--color-background-layout-toggle-active-5x3zwa, #424650);
|
|
1184
1188
|
}
|
|
1185
1189
|
|
|
1186
|
-
.awsui_trigger-badge-
|
|
1190
|
+
.awsui_trigger-badge-wrapper_hyvsj_lgv7x_1188:not(#\9) {
|
|
1187
1191
|
position: absolute;
|
|
1188
1192
|
inset-block-start: 0;
|
|
1189
1193
|
inset-inline-start: 0;
|
|
@@ -1193,7 +1197,7 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1193
1197
|
clip-path: path("M34.2193 10.1845C33.3961 10.579 32.4739 10.8 31.5 10.8C28.0206 10.8 25.2 7.97939 25.2 4.5C25.2 3.52614 25.421 2.6039 25.8155 1.78066C23.4518 0.639587 20.8006 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18C36 15.1994 35.3604 12.5482 34.2193 10.1845Z");
|
|
1194
1198
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
1195
1199
|
}
|
|
1196
|
-
.awsui_trigger-badge-
|
|
1200
|
+
.awsui_trigger-badge-wrapper_hyvsj_lgv7x_1188:not(#\9):dir(rtl) {
|
|
1197
1201
|
clip-path: path("M1.78066 10.1845C2.6039 10.579 3.52615 10.8 4.5 10.8C7.97939 10.8 10.8 7.97939 10.8 4.5C10.8 3.52614 10.579 2.6039 10.1845 1.78066C12.5482 0.639587 15.1994 0 18 0C27.9411 0 36 8.05887 36 18C36 27.9411 27.9411 36 18 36C8.05887 36 0 27.9411 0 18C0 15.1994 0.639587 12.5482 1.78066 10.1845Z");
|
|
1198
1202
|
}
|
|
1199
1203
|
|
|
@@ -1202,7 +1206,7 @@ Warning! If these design tokens for width change it will adversely impact
|
|
|
1202
1206
|
the calculation used to determine the Split Panel maximum width in the
|
|
1203
1207
|
handleSplitPanelMaxWidth function in the context.
|
|
1204
1208
|
*/
|
|
1205
|
-
.
|
|
1209
|
+
.awsui_trigger_hyvsj_lgv7x_1172:not(#\9) {
|
|
1206
1210
|
border-block: none;
|
|
1207
1211
|
border-inline: none;
|
|
1208
1212
|
padding-inline: 0;
|
|
@@ -1211,14 +1215,14 @@ handleSplitPanelMaxWidth function in the context.
|
|
|
1211
1215
|
pointer-events: auto;
|
|
1212
1216
|
position: relative;
|
|
1213
1217
|
}
|
|
1214
|
-
body[data-awsui-focus-visible=true] .
|
|
1218
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_lgv7x_1172:not(#\9):focus {
|
|
1215
1219
|
position: relative;
|
|
1216
1220
|
}
|
|
1217
|
-
body[data-awsui-focus-visible=true] .
|
|
1221
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_lgv7x_1172:not(#\9):focus {
|
|
1218
1222
|
outline: 2px dotted transparent;
|
|
1219
1223
|
outline-offset: calc(3px - 1px);
|
|
1220
1224
|
}
|
|
1221
|
-
body[data-awsui-focus-visible=true] .
|
|
1225
|
+
body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_lgv7x_1172:not(#\9):focus::before {
|
|
1222
1226
|
content: " ";
|
|
1223
1227
|
display: block;
|
|
1224
1228
|
position: absolute;
|
|
@@ -1232,49 +1236,49 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uh0or_1168:not(#\9):foc
|
|
|
1232
1236
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
1233
1237
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
1234
1238
|
}
|
|
1235
|
-
.
|
|
1239
|
+
.awsui_trigger_hyvsj_lgv7x_1172:not(#\9):focus {
|
|
1236
1240
|
outline: none;
|
|
1237
1241
|
}
|
|
1238
|
-
.
|
|
1242
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240:not(#\9) {
|
|
1239
1243
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1240
1244
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1241
1245
|
}
|
|
1242
|
-
.
|
|
1246
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240:not(#\9):hover {
|
|
1243
1247
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1244
1248
|
}
|
|
1245
|
-
.
|
|
1249
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240:not(#\9):active {
|
|
1246
1250
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1247
1251
|
}
|
|
1248
|
-
.
|
|
1252
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240 > .awsui_trigger-badge-wrapper_hyvsj_lgv7x_1188:not(#\9) {
|
|
1249
1253
|
background: var(--color-background-layout-toggle-selected-default-27rnk6, #006ce0);
|
|
1250
1254
|
color: var(--color-text-layout-toggle-selected-kb3p9r, #ffffff);
|
|
1251
1255
|
}
|
|
1252
|
-
.
|
|
1256
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240 > .awsui_trigger-badge-wrapper_hyvsj_lgv7x_1188:not(#\9):hover {
|
|
1253
1257
|
background: var(--color-background-layout-toggle-selected-hover-eh8bga, #004a9e);
|
|
1254
1258
|
}
|
|
1255
|
-
.
|
|
1259
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_selected_hyvsj_lgv7x_1240 > .awsui_trigger-badge-wrapper_hyvsj_lgv7x_1188:not(#\9):active {
|
|
1256
1260
|
background: var(--color-background-layout-toggle-selected-active-tv8i8b, #006ce0);
|
|
1257
1261
|
}
|
|
1258
|
-
.
|
|
1262
|
+
.awsui_trigger_hyvsj_lgv7x_1172.awsui_badge_hyvsj_lgv7x_1260:not(#\9), .awsui_trigger_hyvsj_lgv7x_1172.awsui_badge_hyvsj_lgv7x_1260:not(#\9):hover, .awsui_trigger_hyvsj_lgv7x_1172.awsui_badge_hyvsj_lgv7x_1260:not(#\9):active {
|
|
1259
1263
|
background: transparent;
|
|
1260
1264
|
}
|
|
1261
1265
|
|
|
1262
|
-
.awsui_trigger-
|
|
1266
|
+
.awsui_trigger-wrapper_hyvsj_lgv7x_1264:not(#\9) {
|
|
1263
1267
|
position: relative;
|
|
1264
1268
|
border-start-start-radius: 50%;
|
|
1265
1269
|
border-start-end-radius: 50%;
|
|
1266
1270
|
border-end-start-radius: 50%;
|
|
1267
1271
|
border-end-end-radius: 50%;
|
|
1268
1272
|
}
|
|
1269
|
-
.awsui_trigger-
|
|
1273
|
+
.awsui_trigger-wrapper_hyvsj_lgv7x_1264:not(#\9):not(.awsui_remove-high-contrast-header_hyvsj_lgv7x_670) {
|
|
1270
1274
|
box-shadow: var(--shadow-panel-toggle-0l64f2, 0px 6px 12px 1px rgba(0, 7, 22, 0.12));
|
|
1271
1275
|
}
|
|
1272
1276
|
|
|
1273
|
-
.awsui_trigger-wrapper-tooltip-
|
|
1277
|
+
.awsui_trigger-wrapper-tooltip-visible_hyvsj_lgv7x_1275:not(#\9) {
|
|
1274
1278
|
/* used in test-utils*/
|
|
1275
1279
|
}
|
|
1276
1280
|
|
|
1277
|
-
.
|
|
1281
|
+
.awsui_dot_hyvsj_lgv7x_1279:not(#\9) {
|
|
1278
1282
|
position: absolute;
|
|
1279
1283
|
inline-size: 9px;
|
|
1280
1284
|
block-size: 9px;
|
|
@@ -1287,6 +1291,6 @@ body[data-awsui-focus-visible=true] .awsui_trigger_hyvsj_uh0or_1168:not(#\9):foc
|
|
|
1287
1291
|
inset-inline-end: 0;
|
|
1288
1292
|
}
|
|
1289
1293
|
|
|
1290
|
-
.awsui_trigger-
|
|
1294
|
+
.awsui_trigger-tooltip_hyvsj_lgv7x_1292:not(#\9) {
|
|
1291
1295
|
/* used in test-utils */
|
|
1292
1296
|
}
|