@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334
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/app-layout/constants.scss +4 -0
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/navigation/styles.scss +43 -13
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/skeleton/styles.scss +7 -1
- package/lib/internal/scss/app-layout/visual-refresh-toolbar/toolbar/styles.scss +2 -2
- package/lib/internal/scss/box/visual-accent.scss +61 -25
- package/lib/internal/scss/button/styles.scss +6 -0
- package/lib/internal/scss/code-editor/ace-editor.scss +1 -1
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +174 -173
- package/lib/internal/scss/side-navigation/styles.scss +14 -10
- package/lib/internal/scss/status-indicator/styles.scss +4 -2
- package/lib/internal/scss/steps/styles.scss +113 -31
- package/lib/internal/scss/table/header-cell/styles.scss +42 -14
- package/lib/internal/scss/table/styles.scss +6 -0
- package/lib/internal/scss/tooltip/styles.scss +22 -0
- package/lib/internal/template/alert/styles.css.js +27 -27
- package/lib/internal/template/alert/styles.scoped.css +50 -50
- package/lib/internal/template/alert/styles.selectors.js +27 -27
- package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
- package/lib/internal/template/app-layout/classic.d.ts +1 -0
- package/lib/internal/template/app-layout/classic.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/index.js +2 -1
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/interfaces.d.ts +16 -1
- package/lib/internal/template/app-layout/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/internal.d.ts +1 -0
- package/lib/internal/template/app-layout/internal.d.ts.map +1 -1
- package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
- package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
- package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh/index.d.ts +1 -0
- package/lib/internal/template/app-layout/visual-refresh/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +262 -262
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts +3 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js +2 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- 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 +93 -93
- package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.d.ts +2 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js +11 -5
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +34 -15
- package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -4
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js +4 -2
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/skeleton-parts.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -29
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +72 -67
- package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -29
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/interfaces.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js +2 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/props-merger.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js +26 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-app-layout.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js +2 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/state/use-skeleton-slots-attributes.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts +1 -0
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js.map +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 +36 -36
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +14 -14
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js +3 -3
- package/lib/internal/template/app-layout/visual-refresh-toolbar/widget-areas/before-main-slot.js.map +1 -1
- package/lib/internal/template/app-layout-toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout-toolbar/index.js +2 -1
- package/lib/internal/template/app-layout-toolbar/index.js.map +1 -1
- package/lib/internal/template/attribute-editor/styles.css.js +15 -15
- package/lib/internal/template/attribute-editor/styles.scoped.css +29 -29
- package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
- package/lib/internal/template/box/interfaces.d.ts +1 -1
- package/lib/internal/template/box/interfaces.d.ts.map +1 -1
- package/lib/internal/template/box/interfaces.js.map +1 -1
- package/lib/internal/template/box/styles.css.js +220 -224
- package/lib/internal/template/box/styles.scoped.css +293 -313
- package/lib/internal/template/box/styles.selectors.js +220 -224
- package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +30 -30
- package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
- package/lib/internal/template/button/internal.d.ts +2 -0
- package/lib/internal/template/button/internal.d.ts.map +1 -1
- package/lib/internal/template/button/internal.js +2 -1
- package/lib/internal/template/button/internal.js.map +1 -1
- package/lib/internal/template/button/styles.css.js +23 -22
- package/lib/internal/template/button/styles.scoped.css +261 -256
- package/lib/internal/template/button/styles.selectors.js +23 -22
- package/lib/internal/template/button-dropdown/internal-interfaces.d.ts +11 -0
- package/lib/internal/template/button-dropdown/internal-interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal-interfaces.js.map +1 -1
- package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/internal.js +3 -2
- package/lib/internal/template/button-dropdown/internal.js.map +1 -1
- package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
- package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
- package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
- package/lib/internal/template/button-group/copy-to-clipboard-item.d.ts +16 -0
- package/lib/internal/template/button-group/copy-to-clipboard-item.d.ts.map +1 -0
- package/lib/internal/template/button-group/copy-to-clipboard-item.js +38 -0
- package/lib/internal/template/button-group/copy-to-clipboard-item.js.map +1 -0
- package/lib/internal/template/button-group/index.d.ts.map +1 -1
- package/lib/internal/template/button-group/index.js +9 -1
- package/lib/internal/template/button-group/index.js.map +1 -1
- package/lib/internal/template/button-group/interfaces.d.ts +38 -2
- package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-group/interfaces.js.map +1 -1
- package/lib/internal/template/button-group/internal-interfaces.d.ts +1 -1
- package/lib/internal/template/button-group/internal-interfaces.d.ts.map +1 -1
- package/lib/internal/template/button-group/internal-interfaces.js.map +1 -1
- package/lib/internal/template/button-group/internal.d.ts.map +1 -1
- package/lib/internal/template/button-group/internal.js +2 -2
- package/lib/internal/template/button-group/internal.js.map +1 -1
- package/lib/internal/template/button-group/item-element.d.ts +2 -0
- package/lib/internal/template/button-group/item-element.d.ts.map +1 -1
- package/lib/internal/template/button-group/item-element.js +13 -3
- package/lib/internal/template/button-group/item-element.js.map +1 -1
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +11 -11
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/styles.css.js +33 -33
- package/lib/internal/template/code-editor/styles.scoped.css +187 -187
- package/lib/internal/template/code-editor/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 +27 -27
- package/lib/internal/template/content-layout/styles.selectors.js +14 -14
- package/lib/internal/template/dropdown/styles.css.js +20 -20
- package/lib/internal/template/dropdown/styles.scoped.css +49 -49
- package/lib/internal/template/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/file-token-group/styles.css.js +23 -23
- package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
- 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 +192 -192
- package/lib/internal/template/flashbar/styles.selectors.js +50 -50
- package/lib/internal/template/help-panel/styles.css.js +6 -6
- package/lib/internal/template/help-panel/styles.scoped.css +72 -72
- package/lib/internal/template/help-panel/styles.selectors.js +6 -6
- package/lib/internal/template/i18n/messages/all.all.js +1 -1
- package/lib/internal/template/i18n/messages/all.all.json +1 -1
- package/lib/internal/template/i18n/messages/all.ar.js +1 -1
- package/lib/internal/template/i18n/messages/all.ar.json +1 -1
- package/lib/internal/template/i18n/messages/all.de.js +1 -1
- package/lib/internal/template/i18n/messages/all.de.json +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.js +1 -1
- package/lib/internal/template/i18n/messages/all.en-GB.json +1 -1
- package/lib/internal/template/i18n/messages/all.en.js +1 -1
- package/lib/internal/template/i18n/messages/all.en.json +1 -1
- package/lib/internal/template/i18n/messages/all.es.js +1 -1
- package/lib/internal/template/i18n/messages/all.es.json +1 -1
- package/lib/internal/template/i18n/messages/all.fr.js +1 -1
- package/lib/internal/template/i18n/messages/all.fr.json +1 -1
- package/lib/internal/template/i18n/messages/all.id.js +1 -1
- package/lib/internal/template/i18n/messages/all.id.json +1 -1
- package/lib/internal/template/i18n/messages/all.it.js +1 -1
- package/lib/internal/template/i18n/messages/all.it.json +1 -1
- package/lib/internal/template/i18n/messages/all.ja.js +1 -1
- package/lib/internal/template/i18n/messages/all.ja.json +1 -1
- package/lib/internal/template/i18n/messages/all.ko.js +1 -1
- package/lib/internal/template/i18n/messages/all.ko.json +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.js +1 -1
- package/lib/internal/template/i18n/messages/all.pt-BR.json +1 -1
- package/lib/internal/template/i18n/messages/all.tr.js +1 -1
- package/lib/internal/template/i18n/messages/all.tr.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-CN.json +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.js +1 -1
- package/lib/internal/template/i18n/messages/all.zh-TW.json +1 -1
- package/lib/internal/template/i18n/messages-types.d.ts +19 -0
- package/lib/internal/template/i18n/messages-types.d.ts.map +1 -1
- package/lib/internal/template/i18n/messages-types.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +18 -18
- package/lib/internal/template/input/styles.scoped.css +82 -82
- package/lib/internal/template/input/styles.selectors.js +18 -18
- package/lib/internal/template/internal/base-component/styles.scoped.css +171 -3
- package/lib/internal/template/internal/components/abstract-switch/index.d.ts.map +1 -1
- package/lib/internal/template/internal/components/abstract-switch/index.js +7 -1
- package/lib/internal/template/internal/components/abstract-switch/index.js.map +1 -1
- 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 +58 -58
- package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
- package/lib/internal/template/internal/components/option/styles.css.js +17 -17
- package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
- package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
- package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
- package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
- package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
- package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
- 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/internal/generated/custom-css-properties/index.d.ts +1 -0
- package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/lib/internal/template/internal/generated/custom-css-properties/index.js +173 -172
- package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
- package/lib/internal/template/internal/generated/styles/tokens.d.ts +37 -38
- package/lib/internal/template/internal/generated/styles/tokens.js +37 -38
- package/lib/internal/template/internal/generated/theming/index.cjs +625 -774
- package/lib/internal/template/internal/generated/theming/index.cjs.d.ts +63 -9
- package/lib/internal/template/internal/generated/theming/index.d.ts +63 -9
- package/lib/internal/template/internal/generated/theming/index.js +625 -774
- package/lib/internal/template/item-card/styles.css.js +14 -14
- package/lib/internal/template/item-card/styles.scoped.css +63 -63
- package/lib/internal/template/item-card/styles.selectors.js +14 -14
- package/lib/internal/template/link/styles.css.js +21 -21
- package/lib/internal/template/link/styles.scoped.css +117 -117
- package/lib/internal/template/link/styles.selectors.js +21 -21
- package/lib/internal/template/modal/styles.css.js +31 -31
- package/lib/internal/template/modal/styles.scoped.css +48 -48
- package/lib/internal/template/modal/styles.selectors.js +31 -31
- package/lib/internal/template/package.json +94 -0
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +48 -48
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/prompt-input/styles.css.js +26 -26
- package/lib/internal/template/prompt-input/styles.scoped.css +105 -105
- package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
- package/lib/internal/template/segmented-control/styles.css.js +16 -16
- package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
- package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
- package/lib/internal/template/side-navigation/implementation.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/implementation.js +6 -4
- package/lib/internal/template/side-navigation/implementation.js.map +1 -1
- package/lib/internal/template/side-navigation/parts.d.ts +4 -1
- package/lib/internal/template/side-navigation/parts.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/parts.js +45 -32
- package/lib/internal/template/side-navigation/parts.js.map +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +48 -47
- package/lib/internal/template/side-navigation/styles.scoped.css +79 -78
- package/lib/internal/template/side-navigation/styles.selectors.js +48 -47
- package/lib/internal/template/side-navigation/util.d.ts +1 -0
- package/lib/internal/template/side-navigation/util.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/util.js +5 -0
- package/lib/internal/template/side-navigation/util.js.map +1 -1
- package/lib/internal/template/slider/styles.css.js +26 -26
- package/lib/internal/template/slider/styles.scoped.css +165 -165
- package/lib/internal/template/slider/styles.selectors.js +26 -26
- package/lib/internal/template/spinner/styles.css.js +13 -13
- package/lib/internal/template/spinner/styles.scoped.css +39 -39
- package/lib/internal/template/spinner/styles.selectors.js +13 -13
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts +3 -0
- package/lib/internal/template/status-indicator/internal-interfaces.d.ts.map +1 -0
- package/lib/internal/template/status-indicator/internal-interfaces.js +2 -0
- package/lib/internal/template/status-indicator/internal-interfaces.js.map +1 -0
- package/lib/internal/template/status-indicator/internal.d.ts +6 -2
- package/lib/internal/template/status-indicator/internal.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/internal.js +1 -0
- package/lib/internal/template/status-indicator/internal.js.map +1 -1
- package/lib/internal/template/status-indicator/styles.css.js +25 -24
- package/lib/internal/template/status-indicator/styles.scoped.css +59 -53
- package/lib/internal/template/status-indicator/styles.selectors.js +25 -24
- package/lib/internal/template/steps/interfaces.d.ts +4 -2
- package/lib/internal/template/steps/interfaces.d.ts.map +1 -1
- package/lib/internal/template/steps/interfaces.js.map +1 -1
- package/lib/internal/template/steps/internal.d.ts.map +1 -1
- package/lib/internal/template/steps/internal.js +36 -12
- package/lib/internal/template/steps/internal.js.map +1 -1
- package/lib/internal/template/steps/styles.css.js +17 -13
- package/lib/internal/template/steps/styles.scoped.css +99 -42
- package/lib/internal/template/steps/styles.selectors.js +17 -13
- package/lib/internal/template/table/clear-sort.d.ts +9 -0
- package/lib/internal/template/table/clear-sort.d.ts.map +1 -0
- package/lib/internal/template/table/clear-sort.js +15 -0
- package/lib/internal/template/table/clear-sort.js.map +1 -0
- package/lib/internal/template/table/header-cell/index.d.ts +4 -1
- package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/index.js +122 -33
- package/lib/internal/template/table/header-cell/index.js.map +1 -1
- package/lib/internal/template/table/header-cell/sort-menu.d.ts +14 -0
- package/lib/internal/template/table/header-cell/sort-menu.d.ts.map +1 -0
- package/lib/internal/template/table/header-cell/sort-menu.js +50 -0
- package/lib/internal/template/table/header-cell/sort-menu.js.map +1 -0
- package/lib/internal/template/table/header-cell/styles.css.js +38 -33
- package/lib/internal/template/table/header-cell/styles.scoped.css +101 -76
- package/lib/internal/template/table/header-cell/styles.selectors.js +38 -33
- package/lib/internal/template/table/header-cell/th-element.d.ts +8 -1
- package/lib/internal/template/table/header-cell/th-element.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/th-element.js +6 -2
- package/lib/internal/template/table/header-cell/th-element.js.map +1 -1
- package/lib/internal/template/table/index.d.ts.map +1 -1
- package/lib/internal/template/table/index.js +1 -0
- package/lib/internal/template/table/index.js.map +1 -1
- package/lib/internal/template/table/interfaces.d.ts +67 -1
- package/lib/internal/template/table/interfaces.d.ts.map +1 -1
- package/lib/internal/template/table/interfaces.js.map +1 -1
- package/lib/internal/template/table/internal.d.ts.map +1 -1
- package/lib/internal/template/table/internal.js +21 -3
- package/lib/internal/template/table/internal.js.map +1 -1
- package/lib/internal/template/table/multi-column-sort/live-announcement.d.ts +16 -0
- package/lib/internal/template/table/multi-column-sort/live-announcement.d.ts.map +1 -0
- package/lib/internal/template/table/multi-column-sort/live-announcement.js +68 -0
- package/lib/internal/template/table/multi-column-sort/live-announcement.js.map +1 -0
- package/lib/internal/template/table/multi-column-sort/utils.d.ts +45 -0
- package/lib/internal/template/table/multi-column-sort/utils.d.ts.map +1 -0
- package/lib/internal/template/table/multi-column-sort/utils.js +76 -0
- package/lib/internal/template/table/multi-column-sort/utils.js.map +1 -0
- package/lib/internal/template/table/styles.css.js +37 -36
- package/lib/internal/template/table/styles.scoped.css +46 -43
- package/lib/internal/template/table/styles.selectors.js +37 -36
- package/lib/internal/template/table/thead.d.ts +3 -0
- package/lib/internal/template/table/thead.d.ts.map +1 -1
- package/lib/internal/template/table/thead.js +3 -3
- package/lib/internal/template/table/thead.js.map +1 -1
- package/lib/internal/template/table/tools-header.d.ts +2 -1
- package/lib/internal/template/table/tools-header.d.ts.map +1 -1
- package/lib/internal/template/table/tools-header.js +4 -3
- package/lib/internal/template/table/tools-header.js.map +1 -1
- package/lib/internal/template/tabs/styles.css.js +30 -30
- package/lib/internal/template/tabs/styles.scoped.css +76 -76
- 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 +13 -13
- package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
- package/lib/internal/template/test-utils/dom/button-group/index.d.ts +4 -0
- package/lib/internal/template/test-utils/dom/button-group/index.js +8 -0
- package/lib/internal/template/test-utils/dom/button-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/steps/index.d.ts +4 -0
- package/lib/internal/template/test-utils/dom/steps/index.js +6 -0
- package/lib/internal/template/test-utils/dom/steps/index.js.map +1 -1
- package/lib/internal/template/test-utils/dom/table/index.d.ts +77 -0
- package/lib/internal/template/test-utils/dom/table/index.js +87 -2
- package/lib/internal/template/test-utils/dom/table/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/button-group/index.d.ts +4 -0
- package/lib/internal/template/test-utils/selectors/button-group/index.js +8 -0
- package/lib/internal/template/test-utils/selectors/button-group/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/steps/index.d.ts +4 -0
- package/lib/internal/template/test-utils/selectors/steps/index.js +6 -0
- package/lib/internal/template/test-utils/selectors/steps/index.js.map +1 -1
- package/lib/internal/template/test-utils/selectors/table/index.d.ts +77 -0
- package/lib/internal/template/test-utils/selectors/table/index.js +87 -2
- package/lib/internal/template/test-utils/selectors/table/index.js.map +1 -1
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +66 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/textarea/styles.css.js +5 -5
- package/lib/internal/template/textarea/styles.scoped.css +45 -45
- package/lib/internal/template/textarea/styles.selectors.js +5 -5
- package/lib/internal/template/toggle/styles.css.js +10 -10
- package/lib/internal/template/toggle/styles.scoped.css +23 -23
- 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 +47 -47
- package/lib/internal/template/token/styles.selectors.js +14 -14
- package/lib/internal/template/tooltip/internal.d.ts.map +1 -1
- package/lib/internal/template/tooltip/internal.js +2 -1
- package/lib/internal/template/tooltip/internal.js.map +1 -1
- package/lib/internal/template/tooltip/styles.css.js +7 -0
- package/lib/internal/template/tooltip/styles.scoped.css +165 -0
- package/lib/internal/template/tooltip/styles.selectors.js +8 -0
- package/lib/internal/template/top-navigation/use-top-navigation.d.ts.map +1 -1
- package/lib/internal/template/top-navigation/use-top-navigation.js +2 -5
- package/lib/internal/template/top-navigation/use-top-navigation.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { TableProps } from '../interfaces';
|
|
2
|
+
export type SortMenuAction = 'sort-ascending' | 'sort-descending' | 'add-to-sort-ascending' | 'add-to-sort-descending' | 'remove-from-sort';
|
|
3
|
+
export interface SortMenuProps<T> {
|
|
4
|
+
column: TableProps.ColumnDefinition<T>;
|
|
5
|
+
inSort: boolean;
|
|
6
|
+
isSortedAscending: boolean;
|
|
7
|
+
isSortedDescending: boolean;
|
|
8
|
+
i18nStrings?: TableProps.I18nStrings;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
ariaDescribedby?: string;
|
|
11
|
+
onAction: (action: SortMenuAction) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function SortMenu<T>({ inSort, isSortedAscending, isSortedDescending, i18nStrings, ariaLabel, ariaDescribedby, onAction, }: SortMenuProps<T>): JSX.Element;
|
|
14
|
+
//# sourceMappingURL=sort-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-menu.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/sort-menu.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,cAAc,GACtB,gBAAgB,GAChB,iBAAiB,GACjB,uBAAuB,GACvB,wBAAwB,GACxB,kBAAkB,CAAC;AAEvB,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAC1B,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,eA+DlB"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import InternalButtonDropdown from '../../button-dropdown/internal';
|
|
5
|
+
import { useInternalI18n } from '../../i18n/context';
|
|
6
|
+
export function SortMenu({ inSort, isSortedAscending, isSortedDescending, i18nStrings, ariaLabel, ariaDescribedby, onAction, }) {
|
|
7
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
8
|
+
const i18n = useInternalI18n('table');
|
|
9
|
+
const items = [
|
|
10
|
+
{
|
|
11
|
+
id: 'sort-ascending',
|
|
12
|
+
itemType: 'checkbox',
|
|
13
|
+
text: (_a = i18n('i18nStrings.sortDropdownSortAscending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownSortAscending)) !== null && _a !== void 0 ? _a : '',
|
|
14
|
+
checked: isSortedAscending,
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
id: 'sort-descending',
|
|
18
|
+
itemType: 'checkbox',
|
|
19
|
+
text: (_b = i18n('i18nStrings.sortDropdownSortDescending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownSortDescending)) !== null && _b !== void 0 ? _b : '',
|
|
20
|
+
checked: isSortedDescending,
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
id: 'multi-column-sort-group',
|
|
24
|
+
itemType: 'group',
|
|
25
|
+
text: (_c = i18n('i18nStrings.sortDropdownMultiColumnSortGroup', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownMultiColumnSortGroup)) !== null && _c !== void 0 ? _c : '',
|
|
26
|
+
items: [
|
|
27
|
+
{
|
|
28
|
+
id: 'add-to-sort-ascending',
|
|
29
|
+
text: (_d = i18n('i18nStrings.sortDropdownAddToSortAscending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortAscending)) !== null && _d !== void 0 ? _d : '',
|
|
30
|
+
disabled: inSort,
|
|
31
|
+
disabledReason: i18n('i18nStrings.sortDropdownAddToSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDisabledReason),
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
id: 'add-to-sort-descending',
|
|
35
|
+
text: (_e = i18n('i18nStrings.sortDropdownAddToSortDescending', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDescending)) !== null && _e !== void 0 ? _e : '',
|
|
36
|
+
disabled: inSort,
|
|
37
|
+
disabledReason: i18n('i18nStrings.sortDropdownAddToSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownAddToSortDisabledReason),
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
id: 'remove-from-sort',
|
|
41
|
+
text: (_f = i18n('i18nStrings.sortDropdownRemoveFromSort', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownRemoveFromSort)) !== null && _f !== void 0 ? _f : '',
|
|
42
|
+
disabled: !inSort,
|
|
43
|
+
disabledReason: i18n('i18nStrings.sortDropdownRemoveFromSortDisabledReason', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.sortDropdownRemoveFromSortDisabledReason),
|
|
44
|
+
},
|
|
45
|
+
],
|
|
46
|
+
},
|
|
47
|
+
];
|
|
48
|
+
return (React.createElement(InternalButtonDropdown, { items: items, variant: "icon", compactTrigger: true, expandToViewport: true, ariaLabel: (_g = i18n('ariaLabels.sortMenuTriggerLabel', ariaLabel)) !== null && _g !== void 0 ? _g : '', ariaDescribedby: ariaDescribedby, onItemClick: ({ detail }) => onAction(detail.id) }));
|
|
49
|
+
}
|
|
50
|
+
//# sourceMappingURL=sort-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-menu.js","sourceRoot":"","sources":["../../../../src/table/header-cell/sort-menu.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,sBAAsB,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqBrD,MAAM,UAAU,QAAQ,CAAI,EAC1B,MAAM,EACN,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,SAAS,EACT,eAAe,EACf,QAAQ,GACS;;IACjB,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,KAAK,GAAsC;QAC/C;YACE,EAAE,EAAE,gBAAgB;YACpB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAA,IAAI,CAAC,uCAAuC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,yBAAyB,CAAC,mCAAI,EAAE;YACjG,OAAO,EAAE,iBAAiB;SAC3B;QACD;YACE,EAAE,EAAE,iBAAiB;YACrB,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,MAAA,IAAI,CAAC,wCAAwC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,0BAA0B,CAAC,mCAAI,EAAE;YACnG,OAAO,EAAE,kBAAkB;SAC5B;QACD;YACE,EAAE,EAAE,yBAAyB;YAC7B,QAAQ,EAAE,OAAO;YACjB,IAAI,EAAE,MAAA,IAAI,CAAC,8CAA8C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,gCAAgC,CAAC,mCAAI,EAAE;YAC/G,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,uBAAuB;oBAC3B,IAAI,EAAE,MAAA,IAAI,CAAC,4CAA4C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,8BAA8B,CAAC,mCAAI,EAAE;oBAC3G,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,IAAI,CAClB,iDAAiD,EACjD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mCAAmC,CACjD;iBACF;gBACD;oBACE,EAAE,EAAE,wBAAwB;oBAC5B,IAAI,EAAE,MAAA,IAAI,CAAC,6CAA6C,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,+BAA+B,CAAC,mCAAI,EAAE;oBAC7G,QAAQ,EAAE,MAAM;oBAChB,cAAc,EAAE,IAAI,CAClB,iDAAiD,EACjD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,mCAAmC,CACjD;iBACF;gBACD;oBACE,EAAE,EAAE,kBAAkB;oBACtB,IAAI,EAAE,MAAA,IAAI,CAAC,wCAAwC,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,0BAA0B,CAAC,mCAAI,EAAE;oBACnG,QAAQ,EAAE,CAAC,MAAM;oBACjB,cAAc,EAAE,IAAI,CAClB,sDAAsD,EACtD,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,wCAAwC,CACtD;iBACF;aACF;SACF;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,MAAM,EACd,cAAc,EAAE,IAAI,EACpB,gBAAgB,EAAE,IAAI,EACtB,SAAS,EAAE,MAAA,IAAI,CAAC,iCAAiC,EAAE,SAAS,CAAC,mCAAI,EAAE,EACnE,eAAe,EAAE,eAAe,EAChC,WAAW,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAoB,CAAC,GAClE,CACH,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nimport { ButtonDropdownProps } from '../../button-dropdown/interfaces';\nimport InternalButtonDropdown from '../../button-dropdown/internal';\nimport { useInternalI18n } from '../../i18n/context';\nimport { TableProps } from '../interfaces';\n\nexport type SortMenuAction =\n | 'sort-ascending'\n | 'sort-descending'\n | 'add-to-sort-ascending'\n | 'add-to-sort-descending'\n | 'remove-from-sort';\n\nexport interface SortMenuProps<T> {\n column: TableProps.ColumnDefinition<T>;\n inSort: boolean;\n isSortedAscending: boolean;\n isSortedDescending: boolean;\n i18nStrings?: TableProps.I18nStrings;\n ariaLabel?: string;\n ariaDescribedby?: string;\n onAction: (action: SortMenuAction) => void;\n}\n\nexport function SortMenu<T>({\n inSort,\n isSortedAscending,\n isSortedDescending,\n i18nStrings,\n ariaLabel,\n ariaDescribedby,\n onAction,\n}: SortMenuProps<T>) {\n const i18n = useInternalI18n('table');\n\n const items: ButtonDropdownProps.ItemOrGroup[] = [\n {\n id: 'sort-ascending',\n itemType: 'checkbox',\n text: i18n('i18nStrings.sortDropdownSortAscending', i18nStrings?.sortDropdownSortAscending) ?? '',\n checked: isSortedAscending,\n },\n {\n id: 'sort-descending',\n itemType: 'checkbox',\n text: i18n('i18nStrings.sortDropdownSortDescending', i18nStrings?.sortDropdownSortDescending) ?? '',\n checked: isSortedDescending,\n },\n {\n id: 'multi-column-sort-group',\n itemType: 'group',\n text: i18n('i18nStrings.sortDropdownMultiColumnSortGroup', i18nStrings?.sortDropdownMultiColumnSortGroup) ?? '',\n items: [\n {\n id: 'add-to-sort-ascending',\n text: i18n('i18nStrings.sortDropdownAddToSortAscending', i18nStrings?.sortDropdownAddToSortAscending) ?? '',\n disabled: inSort,\n disabledReason: i18n(\n 'i18nStrings.sortDropdownAddToSortDisabledReason',\n i18nStrings?.sortDropdownAddToSortDisabledReason\n ),\n },\n {\n id: 'add-to-sort-descending',\n text: i18n('i18nStrings.sortDropdownAddToSortDescending', i18nStrings?.sortDropdownAddToSortDescending) ?? '',\n disabled: inSort,\n disabledReason: i18n(\n 'i18nStrings.sortDropdownAddToSortDisabledReason',\n i18nStrings?.sortDropdownAddToSortDisabledReason\n ),\n },\n {\n id: 'remove-from-sort',\n text: i18n('i18nStrings.sortDropdownRemoveFromSort', i18nStrings?.sortDropdownRemoveFromSort) ?? '',\n disabled: !inSort,\n disabledReason: i18n(\n 'i18nStrings.sortDropdownRemoveFromSortDisabledReason',\n i18nStrings?.sortDropdownRemoveFromSortDisabledReason\n ),\n },\n ],\n },\n ];\n\n return (\n <InternalButtonDropdown\n items={items}\n variant=\"icon\"\n compactTrigger={true}\n expandToViewport={true}\n ariaLabel={i18n('ariaLabels.sortMenuTriggerLabel', ariaLabel) ?? ''}\n ariaDescribedby={ariaDescribedby}\n onItemClick={({ detail }) => onAction(detail.id as SortMenuAction)}\n />\n );\n}\n"]}
|
|
@@ -1,38 +1,43 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"header-cell": "awsui_header-
|
|
5
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
6
|
-
"header-cell-group": "awsui_header-cell-
|
|
7
|
-
"header-cell-grouped": "awsui_header-cell-
|
|
8
|
-
"header-cell-spans-rows": "awsui_header-cell-spans-
|
|
9
|
-
"resize-divider": "awsui_resize-
|
|
10
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
11
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
12
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
13
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
14
|
-
"header-cell-variant-embedded": "awsui_header-cell-variant-
|
|
15
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
16
|
-
"sticky-cell": "awsui_sticky-
|
|
17
|
-
"header-cell-variant-borderless": "awsui_header-cell-variant-
|
|
18
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
19
|
-
"table-variant-full-page": "awsui_table-variant-full-
|
|
20
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
21
|
-
"has-selection": "awsui_has-
|
|
22
|
-
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-
|
|
23
|
-
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-
|
|
24
|
-
"sorting-icon": "awsui_sorting-
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"header-cell-
|
|
29
|
-
"header-cell-
|
|
30
|
-
"header-cell-
|
|
31
|
-
"header-cell-
|
|
32
|
-
"header-cell-
|
|
33
|
-
"header-cell-
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"header-cell-
|
|
4
|
+
"header-cell": "awsui_header-cell_1spae_1oja5_149",
|
|
5
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1oja5_183",
|
|
6
|
+
"header-cell-group": "awsui_header-cell-group_1spae_1oja5_204",
|
|
7
|
+
"header-cell-grouped": "awsui_header-cell-grouped_1spae_1oja5_204",
|
|
8
|
+
"header-cell-spans-rows": "awsui_header-cell-spans-rows_1spae_1oja5_204",
|
|
9
|
+
"resize-divider": "awsui_resize-divider_1spae_1oja5_209",
|
|
10
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1oja5_212",
|
|
11
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1oja5_218",
|
|
12
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1oja5_218",
|
|
13
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_1oja5_224",
|
|
14
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1oja5_227",
|
|
15
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_1oja5_227",
|
|
16
|
+
"sticky-cell": "awsui_sticky-cell_1spae_1oja5_227",
|
|
17
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1oja5_227",
|
|
18
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1oja5_230",
|
|
19
|
+
"table-variant-full-page": "awsui_table-variant-full-page_1spae_1oja5_251",
|
|
20
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1oja5_254",
|
|
21
|
+
"has-selection": "awsui_has-selection_1spae_1oja5_254",
|
|
22
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1oja5_257",
|
|
23
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1oja5_269",
|
|
24
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1oja5_279",
|
|
25
|
+
"header-cell-main": "awsui_header-cell-main_1spae_1oja5_287",
|
|
26
|
+
"sort-priority-badge": "awsui_sort-priority-badge_1spae_1oja5_292",
|
|
27
|
+
"edit-icon": "awsui_edit-icon_1spae_1oja5_296",
|
|
28
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1oja5_302",
|
|
29
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1oja5_308",
|
|
30
|
+
"header-cell-content-multi-sorted": "awsui_header-cell-content-multi-sorted_1spae_1oja5_366",
|
|
31
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1oja5_369",
|
|
32
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1oja5_369",
|
|
33
|
+
"header-cell-main-with-menu": "awsui_header-cell-main-with-menu_1spae_1oja5_373",
|
|
34
|
+
"header-cell-content-with-menu": "awsui_header-cell-content-with-menu_1spae_1oja5_378",
|
|
35
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1oja5_410",
|
|
36
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1oja5_414",
|
|
37
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1oja5_420",
|
|
38
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1oja5_421",
|
|
39
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_1oja5_535",
|
|
40
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1oja5_535",
|
|
41
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_1oja5_547"
|
|
37
42
|
};
|
|
38
43
|
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
*/
|
|
147
147
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
148
148
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
149
|
-
.awsui_header-
|
|
149
|
+
.awsui_header-cell_1spae_1oja5_149:not(#\9) {
|
|
150
150
|
position: relative;
|
|
151
151
|
text-align: start;
|
|
152
152
|
box-sizing: border-box;
|
|
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
159
159
|
padding-block: var(--space-scaled-xxs-jatbiv, 4px);
|
|
160
160
|
padding-inline: var(--space-scaled-xs-sppte9, 8px);
|
|
161
161
|
}
|
|
162
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
162
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus {
|
|
163
163
|
position: relative;
|
|
164
164
|
}
|
|
165
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
165
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus {
|
|
166
166
|
outline: 2px dotted transparent;
|
|
167
167
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
168
168
|
}
|
|
169
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
169
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149:not(#\9):focus::before {
|
|
170
170
|
content: " ";
|
|
171
171
|
display: block;
|
|
172
172
|
position: absolute;
|
|
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149:not(#\9):
|
|
|
180
180
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
181
181
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
182
182
|
}
|
|
183
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
183
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
|
|
184
184
|
position: relative;
|
|
185
185
|
}
|
|
186
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
186
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
|
|
187
187
|
outline: 2px dotted transparent;
|
|
188
188
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
189
189
|
}
|
|
190
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
190
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9)::before {
|
|
191
191
|
content: " ";
|
|
192
192
|
display: block;
|
|
193
193
|
position: absolute;
|
|
@@ -201,36 +201,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
|
|
|
201
201
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
202
202
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
203
203
|
}
|
|
204
|
-
.awsui_header-
|
|
204
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_header-cell-group_1spae_1oja5_204:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-grouped_1spae_1oja5_204:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
|
|
205
205
|
padding-block: var(--space-xxxs-3w1kr2, 2px);
|
|
206
206
|
padding-inline: var(--space-scaled-xs-sppte9, 8px);
|
|
207
207
|
border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
|
|
208
208
|
}
|
|
209
|
-
.awsui_header-
|
|
209
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_header-cell-group_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-grouped_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_resize-divider_1spae_1oja5_209.awsui_resize-divider_1spae_1oja5_209:not(#\9) {
|
|
210
210
|
border-inline-start-color: var(--color-border-divider-table-group-enot8o, #879596);
|
|
211
211
|
}
|
|
212
|
-
.awsui_header-cell-
|
|
212
|
+
.awsui_header-cell-sticky_1spae_1oja5_212:not(#\9) {
|
|
213
213
|
border-block-end: var(--border-table-sticky-width-0njdoj, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
214
214
|
}
|
|
215
|
-
.awsui_header-cell-
|
|
215
|
+
.awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-group_1spae_1oja5_204:not(#\9), .awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-grouped_1spae_1oja5_204:not(#\9), .awsui_header-cell-sticky_1spae_1oja5_212.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
|
|
216
216
|
border-block-end-color: var(--color-border-divider-table-group-enot8o, #879596);
|
|
217
217
|
}
|
|
218
|
-
.awsui_header-cell-
|
|
218
|
+
.awsui_header-cell-stuck_1spae_1oja5_218:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1oja5_218) {
|
|
219
219
|
border-block-end-color: transparent;
|
|
220
220
|
}
|
|
221
|
-
.awsui_header-cell-variant-full-
|
|
221
|
+
.awsui_header-cell-variant-full-page_1spae_1oja5_218:not(#\9) {
|
|
222
222
|
background: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
223
223
|
}
|
|
224
|
-
.awsui_header-cell-variant-full-
|
|
224
|
+
.awsui_header-cell-variant-full-page_1spae_1oja5_218.awsui_header-cell-hidden_1spae_1oja5_224:not(#\9) {
|
|
225
225
|
border-block-end-color: transparent;
|
|
226
226
|
}
|
|
227
|
-
.awsui_header-cell-variant-
|
|
227
|
+
.awsui_header-cell-variant-embedded_1spae_1oja5_227.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1oja5_212, .awsui_sticky-cell_1spae_1oja5_227)), .awsui_header-cell-variant-borderless_1spae_1oja5_227.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1oja5_212, .awsui_sticky-cell_1spae_1oja5_227)) {
|
|
228
228
|
background: none;
|
|
229
229
|
}
|
|
230
|
-
.awsui_header-
|
|
230
|
+
.awsui_header-cell_1spae_1oja5_149:not(#\9):last-child, .awsui_header-cell_1spae_1oja5_149[data-rightmost]:not(#\9), .awsui_header-cell_1spae_1oja5_149.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9) {
|
|
231
231
|
padding-inline-end: var(--space-xs-kw7k3v, 8px);
|
|
232
232
|
}
|
|
233
|
-
.awsui_header-
|
|
233
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
|
|
234
234
|
position: sticky;
|
|
235
235
|
background: var(--color-background-table-header-5hauij, #fafafa);
|
|
236
236
|
z-index: 798;
|
|
@@ -239,44 +239,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
|
|
|
239
239
|
transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
|
|
240
240
|
}
|
|
241
241
|
@media (prefers-reduced-motion: reduce) {
|
|
242
|
-
.awsui_header-
|
|
242
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
|
|
243
243
|
animation: none;
|
|
244
244
|
transition: none;
|
|
245
245
|
}
|
|
246
246
|
}
|
|
247
|
-
.awsui-motion-disabled .awsui_header-
|
|
247
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227:not(#\9) {
|
|
248
248
|
animation: none;
|
|
249
249
|
transition: none;
|
|
250
250
|
}
|
|
251
|
-
.awsui_header-
|
|
251
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell_1spae_1oja5_227.awsui_table-variant-full-page_1spae_1oja5_251:not(#\9) {
|
|
252
252
|
background: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
253
253
|
}
|
|
254
|
-
.awsui_header-
|
|
254
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-pad-left_1spae_1oja5_254:not(#\9):not(.awsui_has-selection_1spae_1oja5_254) {
|
|
255
255
|
padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
|
|
256
256
|
}
|
|
257
|
-
.awsui_header-
|
|
257
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257:not(#\9) {
|
|
258
258
|
box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
259
259
|
clip-path: inset(0px -24px 0px 0px);
|
|
260
260
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
261
261
|
}
|
|
262
|
-
.awsui_header-
|
|
262
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257 > .awsui_resize-divider_1spae_1oja5_209:not(#\9) {
|
|
263
263
|
display: none;
|
|
264
264
|
}
|
|
265
|
-
.awsui_header-
|
|
265
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-start_1spae_1oja5_257:not(#\9):dir(rtl) {
|
|
266
266
|
box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
267
267
|
clip-path: inset(0 0 0 -24px);
|
|
268
268
|
}
|
|
269
|
-
.awsui_header-
|
|
269
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-end_1spae_1oja5_269:not(#\9) {
|
|
270
270
|
box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
271
271
|
clip-path: inset(0 0 0 -24px);
|
|
272
272
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
273
273
|
}
|
|
274
|
-
.awsui_header-
|
|
274
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_sticky-cell-last-inline-end_1spae_1oja5_269:not(#\9):dir(rtl) {
|
|
275
275
|
box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
276
276
|
clip-path: inset(0 -24px 0 0);
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
.awsui_sorting-
|
|
279
|
+
.awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
|
|
280
280
|
position: absolute;
|
|
281
281
|
inset-block-start: 50%;
|
|
282
282
|
transform: translateY(-50%);
|
|
@@ -284,39 +284,45 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_hea
|
|
|
284
284
|
color: var(--color-text-column-sorting-icon-gys874, #687078);
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
.
|
|
287
|
+
.awsui_header-cell-main_1spae_1oja5_287:not(#\9) {
|
|
288
|
+
/* When the wrapper is present without a sort menu, behave as if it weren't there. */
|
|
289
|
+
display: contents;
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.awsui_sort-priority-badge_1spae_1oja5_292:not(#\9) {
|
|
293
|
+
margin-inline-end: var(--space-xxs-jnczic, 4px);
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.awsui_edit-icon_1spae_1oja5_296:not(#\9) {
|
|
288
297
|
margin-inline-start: var(--space-xxs-jnczic, 4px);
|
|
289
298
|
margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
|
|
290
299
|
color: inherit;
|
|
291
300
|
}
|
|
292
301
|
|
|
293
|
-
.awsui_header-cell-
|
|
302
|
+
.awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
|
|
294
303
|
position: relative;
|
|
295
304
|
padding-block: var(--space-scaled-xxs-jatbiv, 4px);
|
|
296
305
|
padding-inline-end: var(--space-s-4a5hs8, 12px);
|
|
297
306
|
padding-inline-start: var(--space-s-4a5hs8, 12px);
|
|
298
307
|
}
|
|
299
|
-
.awsui_header-cell-
|
|
308
|
+
.awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-expandable_1spae_1oja5_308:not(#\9) {
|
|
300
309
|
padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
301
310
|
}
|
|
302
|
-
.awsui_header-cell-
|
|
311
|
+
.awsui_header-cell-group_1spae_1oja5_204 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
|
|
303
312
|
padding-block: var(--space-xxxs-3w1kr2, 2px);
|
|
304
313
|
}
|
|
305
|
-
.awsui_header-cell-
|
|
306
|
-
padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
|
|
307
|
-
}
|
|
308
|
-
.awsui_header-cell-content_1spae_wqnmg_293:not(#\9):focus {
|
|
314
|
+
.awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
|
|
309
315
|
outline: none;
|
|
310
316
|
text-decoration: none;
|
|
311
317
|
}
|
|
312
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
318
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
|
|
313
319
|
position: relative;
|
|
314
320
|
}
|
|
315
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
321
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus {
|
|
316
322
|
outline: 2px dotted transparent;
|
|
317
323
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
|
|
318
324
|
}
|
|
319
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
325
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302:not(#\9):focus::before {
|
|
320
326
|
content: " ";
|
|
321
327
|
display: block;
|
|
322
328
|
position: absolute;
|
|
@@ -330,14 +336,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293:n
|
|
|
330
336
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
331
337
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
332
338
|
}
|
|
333
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
339
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
|
|
334
340
|
position: relative;
|
|
335
341
|
}
|
|
336
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
342
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9) {
|
|
337
343
|
outline: 2px dotted transparent;
|
|
338
344
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
|
|
339
345
|
}
|
|
340
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
346
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183:not(#\9)::before {
|
|
341
347
|
content: " ";
|
|
342
348
|
display: block;
|
|
343
349
|
position: absolute;
|
|
@@ -351,49 +357,68 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_wqnmg_293.a
|
|
|
351
357
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
352
358
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
353
359
|
}
|
|
354
|
-
.awsui_header-cell-
|
|
360
|
+
.awsui_header-cell-grouped_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9), .awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
|
|
361
|
+
padding-block: var(--space-xxxs-3w1kr2, 2px);
|
|
362
|
+
}
|
|
363
|
+
.awsui_header-cell-sortable_1spae_1oja5_230 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
|
|
364
|
+
padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
|
|
365
|
+
}
|
|
366
|
+
.awsui_header-cell-sortable_1spae_1oja5_230 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-multi-sorted_1spae_1oja5_366:not(#\9) {
|
|
367
|
+
padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px));
|
|
368
|
+
}
|
|
369
|
+
.awsui_header-cell-disabled_1spae_1oja5_369.awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
|
|
355
370
|
color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
|
|
356
371
|
}
|
|
357
372
|
|
|
358
|
-
.awsui_header-cell-
|
|
373
|
+
.awsui_header-cell-main-with-menu_1spae_1oja5_373:not(#\9) {
|
|
374
|
+
display: flex;
|
|
375
|
+
align-items: center;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.awsui_header-cell-content-with-menu_1spae_1oja5_378:not(#\9) {
|
|
379
|
+
flex-grow: 1;
|
|
380
|
+
min-inline-size: 0;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.awsui_header-cell-spans-rows_1spae_1oja5_204:not(#\9) {
|
|
359
384
|
block-size: 100%;
|
|
360
385
|
vertical-align: bottom;
|
|
361
386
|
}
|
|
362
|
-
.awsui_header-cell-spans-
|
|
387
|
+
.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:not(#\9) {
|
|
363
388
|
block-size: 100%;
|
|
364
389
|
box-sizing: border-box;
|
|
365
390
|
display: flex;
|
|
366
391
|
flex-direction: column;
|
|
367
392
|
justify-content: flex-end;
|
|
368
393
|
}
|
|
369
|
-
.awsui_header-cell-spans-
|
|
394
|
+
.awsui_header-cell-spans-rows_1spae_1oja5_204 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279:not(#\9) {
|
|
370
395
|
inset-block-start: auto;
|
|
371
396
|
inset-block-end: var(--space-scaled-xxs-jatbiv, 4px);
|
|
372
397
|
transform: none;
|
|
373
398
|
}
|
|
374
399
|
|
|
375
|
-
.awsui_header-cell-
|
|
400
|
+
.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) {
|
|
376
401
|
cursor: pointer;
|
|
377
402
|
}
|
|
378
|
-
.awsui_header-cell-
|
|
403
|
+
.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:hover, .awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369).awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 {
|
|
379
404
|
color: var(--color-text-interactive-active-c44vdq, #16191f);
|
|
380
405
|
}
|
|
381
|
-
.awsui_header-cell-
|
|
406
|
+
.awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:hover > .awsui_sorting-icon_1spae_1oja5_279, .awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-disabled_1spae_1oja5_369).awsui_header-cell-sorted_1spae_1oja5_369 > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 > .awsui_sorting-icon_1spae_1oja5_279 {
|
|
382
407
|
color: var(--color-text-interactive-active-c44vdq, #16191f);
|
|
383
408
|
}
|
|
384
409
|
|
|
385
|
-
.awsui_header-cell-
|
|
410
|
+
.awsui_header-cell-text_1spae_1oja5_410:not(#\9) {
|
|
386
411
|
line-height: var(--line-height-heading-xs-fuzanp, 20px);
|
|
387
412
|
padding-block: calc(var(--space-xxxs-3w1kr2, 2px) / 2);
|
|
388
413
|
}
|
|
389
|
-
.awsui_header-cell-
|
|
414
|
+
.awsui_header-cell-text_1spae_1oja5_410:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1oja5_414) {
|
|
390
415
|
white-space: nowrap;
|
|
391
416
|
overflow: hidden;
|
|
392
417
|
text-overflow: ellipsis;
|
|
393
418
|
}
|
|
394
419
|
|
|
395
|
-
.awsui_header-cell-
|
|
396
|
-
.awsui_header-cell-
|
|
420
|
+
.awsui_header-cell-ascending_1spae_1oja5_420:not(#\9),
|
|
421
|
+
.awsui_header-cell-descending_1spae_1oja5_421:not(#\9) {
|
|
397
422
|
/* used in test-utils */
|
|
398
423
|
}
|
|
399
424
|
|
|
@@ -403,28 +428,28 @@ with the left edge of the table as closely as possible. If the
|
|
|
403
428
|
last header cell is sortable the sort icon should align with the
|
|
404
429
|
settings icon in the pagination slot.
|
|
405
430
|
*/
|
|
406
|
-
.awsui_header-
|
|
431
|
+
.awsui_header-cell_1spae_1oja5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1oja5_227):first-child {
|
|
407
432
|
padding-inline-start: var(--space-xs-kw7k3v, 8px);
|
|
408
433
|
}
|
|
409
|
-
.awsui_header-
|
|
434
|
+
.awsui_header-cell_1spae_1oja5_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1oja5_227):first-child.awsui_header-cell-content-expandable_1spae_1oja5_308 {
|
|
410
435
|
padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
411
436
|
}
|
|
412
437
|
|
|
413
|
-
.awsui_header-
|
|
438
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9) {
|
|
414
439
|
/*
|
|
415
440
|
Striped rows requires additional left padding because the
|
|
416
441
|
shaded background makes the child content appear too close
|
|
417
442
|
to the table edge.
|
|
418
443
|
*/
|
|
419
444
|
}
|
|
420
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
445
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus {
|
|
421
446
|
position: relative;
|
|
422
447
|
}
|
|
423
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
448
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus {
|
|
424
449
|
outline: 2px dotted transparent;
|
|
425
450
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
426
451
|
}
|
|
427
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
452
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:focus::before {
|
|
428
453
|
content: " ";
|
|
429
454
|
display: block;
|
|
430
455
|
position: absolute;
|
|
@@ -438,14 +463,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
|
|
|
438
463
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
439
464
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
440
465
|
}
|
|
441
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
466
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183 {
|
|
442
467
|
position: relative;
|
|
443
468
|
}
|
|
444
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
469
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183 {
|
|
445
470
|
outline: 2px dotted transparent;
|
|
446
471
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
447
472
|
}
|
|
448
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
473
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1oja5_183::before {
|
|
449
474
|
content: " ";
|
|
450
475
|
display: block;
|
|
451
476
|
position: absolute;
|
|
@@ -459,20 +484,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
|
|
|
459
484
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
460
485
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
461
486
|
}
|
|
462
|
-
.awsui_header-
|
|
487
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302 {
|
|
463
488
|
padding-inline-start: 0px;
|
|
464
489
|
}
|
|
465
|
-
.awsui_header-
|
|
490
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-content-expandable_1spae_1oja5_308 {
|
|
466
491
|
padding-inline-start: calc(0px + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
467
492
|
}
|
|
468
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
493
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus {
|
|
469
494
|
position: relative;
|
|
470
495
|
}
|
|
471
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
496
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus {
|
|
472
497
|
outline: 2px dotted transparent;
|
|
473
498
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
474
499
|
}
|
|
475
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
500
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302:focus::before {
|
|
476
501
|
content: " ";
|
|
477
502
|
display: block;
|
|
478
503
|
position: absolute;
|
|
@@ -486,14 +511,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
|
|
|
486
511
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
487
512
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
488
513
|
}
|
|
489
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
514
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183 {
|
|
490
515
|
position: relative;
|
|
491
516
|
}
|
|
492
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
517
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183 {
|
|
493
518
|
outline: 2px dotted transparent;
|
|
494
519
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
495
520
|
}
|
|
496
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
521
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_header-cell-grouped_1spae_1oja5_204):not(.awsui_header-cell-group_1spae_1oja5_204) > .awsui_header-cell-main_1spae_1oja5_287 > .awsui_header-cell-content_1spae_1oja5_302.awsui_header-cell-fake-focus_1spae_1oja5_183::before {
|
|
497
522
|
content: " ";
|
|
498
523
|
display: block;
|
|
499
524
|
position: absolute;
|
|
@@ -507,24 +532,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_wqnmg_149.awsui_is-
|
|
|
507
532
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
|
|
508
533
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
509
534
|
}
|
|
510
|
-
.awsui_header-
|
|
535
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1oja5_535):not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204) {
|
|
511
536
|
padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
|
|
512
537
|
}
|
|
513
|
-
.awsui_header-
|
|
538
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1oja5_535):not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204).awsui_header-cell-content-expandable_1spae_1oja5_308 {
|
|
514
539
|
padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
515
540
|
}
|
|
516
|
-
.awsui_header-
|
|
541
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1oja5_535:not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204) {
|
|
517
542
|
padding-inline-start: var(--space-xxs-jnczic, 4px);
|
|
518
543
|
}
|
|
519
|
-
.awsui_header-
|
|
544
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):first-child.awsui_has-striped-rows_1spae_1oja5_535:not(.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535):not(.awsui_header-cell-group_1spae_1oja5_204):not(.awsui_header-cell-grouped_1spae_1oja5_204).awsui_header-cell-content-expandable_1spae_1oja5_308 {
|
|
520
545
|
padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
521
546
|
}
|
|
522
|
-
.awsui_header-
|
|
547
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227:not(#\9):last-child.awsui_header-cell-sortable_1spae_1oja5_230:not(.awsui_header-cell-resizable_1spae_1oja5_547), .awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227[data-rightmost].awsui_header-cell-sortable_1spae_1oja5_230:not(#\9):not(.awsui_header-cell-resizable_1spae_1oja5_547) {
|
|
523
548
|
padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
|
|
524
549
|
}
|
|
525
|
-
.awsui_header-
|
|
550
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535:not(#\9) {
|
|
526
551
|
padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
|
|
527
552
|
}
|
|
528
|
-
.awsui_header-
|
|
553
|
+
.awsui_header-cell_1spae_1oja5_149.awsui_is-visual-refresh_1spae_1oja5_227.awsui_sticky-cell-pad-inline-start_1spae_1oja5_535.awsui_header-cell-content-expandable_1spae_1oja5_308:not(#\9) {
|
|
529
554
|
padding-inline-start: calc(var(--space-scaled-l-66n9sr, 20px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
530
555
|
}
|