@cloudscape-design/components-themeable 3.0.1034 → 3.0.1036
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/visual-refresh-toolbar/toolbar/styles.scss +0 -4
- package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +1 -1
- package/lib/internal/scss/table/header-cell/styles.scss +1 -1
- package/lib/internal/scss/table/resizer/styles.scss +10 -5
- package/lib/internal/template/alert/index.d.ts.map +1 -1
- package/lib/internal/template/alert/index.js +2 -1
- package/lib/internal/template/alert/index.js.map +1 -1
- package/lib/internal/template/anchor-navigation/index.d.ts.map +1 -1
- package/lib/internal/template/anchor-navigation/index.js +2 -1
- package/lib/internal/template/anchor-navigation/index.js.map +1 -1
- package/lib/internal/template/annotation-context/index.d.ts.map +1 -1
- package/lib/internal/template/annotation-context/index.js +2 -1
- package/lib/internal/template/annotation-context/index.js.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/visual-refresh-toolbar/toolbar/index.d.ts.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/index.js +2 -28
- 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 +12 -13
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +14 -17
- package/lib/internal/template/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +12 -13
- 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/area-chart/index.d.ts.map +1 -1
- package/lib/internal/template/area-chart/index.js +2 -1
- package/lib/internal/template/area-chart/index.js.map +1 -1
- package/lib/internal/template/attribute-editor/index.d.ts.map +1 -1
- package/lib/internal/template/attribute-editor/index.js +2 -1
- package/lib/internal/template/attribute-editor/index.js.map +1 -1
- package/lib/internal/template/autosuggest/index.d.ts.map +1 -1
- package/lib/internal/template/autosuggest/index.js +2 -1
- package/lib/internal/template/autosuggest/index.js.map +1 -1
- package/lib/internal/template/badge/index.d.ts.map +1 -1
- package/lib/internal/template/badge/index.js +2 -1
- package/lib/internal/template/badge/index.js.map +1 -1
- package/lib/internal/template/bar-chart/index.d.ts.map +1 -1
- package/lib/internal/template/bar-chart/index.js +2 -1
- package/lib/internal/template/bar-chart/index.js.map +1 -1
- package/lib/internal/template/box/index.d.ts.map +1 -1
- package/lib/internal/template/box/index.js +2 -1
- package/lib/internal/template/box/index.js.map +1 -1
- package/lib/internal/template/breadcrumb-group/index.d.ts.map +1 -1
- package/lib/internal/template/breadcrumb-group/index.js +2 -1
- package/lib/internal/template/breadcrumb-group/index.js.map +1 -1
- package/lib/internal/template/button/index.d.ts.map +1 -1
- package/lib/internal/template/button/index.js +2 -1
- package/lib/internal/template/button/index.js.map +1 -1
- package/lib/internal/template/button-dropdown/index.d.ts.map +1 -1
- package/lib/internal/template/button-dropdown/index.js +2 -1
- package/lib/internal/template/button-dropdown/index.js.map +1 -1
- package/lib/internal/template/button-group/index.d.ts.map +1 -1
- package/lib/internal/template/button-group/index.js +2 -1
- package/lib/internal/template/button-group/index.js.map +1 -1
- package/lib/internal/template/calendar/index.d.ts.map +1 -1
- package/lib/internal/template/calendar/index.js +1 -0
- package/lib/internal/template/calendar/index.js.map +1 -1
- package/lib/internal/template/cards/index.d.ts.map +1 -1
- package/lib/internal/template/cards/index.js +2 -1
- package/lib/internal/template/cards/index.js.map +1 -1
- package/lib/internal/template/checkbox/index.d.ts.map +1 -1
- package/lib/internal/template/checkbox/index.js +2 -1
- package/lib/internal/template/checkbox/index.js.map +1 -1
- package/lib/internal/template/code-editor/index.d.ts.map +1 -1
- package/lib/internal/template/code-editor/index.js +2 -1
- package/lib/internal/template/code-editor/index.js.map +1 -1
- package/lib/internal/template/collection-preferences/index.d.ts.map +1 -1
- package/lib/internal/template/collection-preferences/index.js +2 -1
- package/lib/internal/template/collection-preferences/index.js.map +1 -1
- package/lib/internal/template/column-layout/index.d.ts.map +1 -1
- package/lib/internal/template/column-layout/index.js +2 -1
- package/lib/internal/template/column-layout/index.js.map +1 -1
- package/lib/internal/template/container/index.d.ts.map +1 -1
- package/lib/internal/template/container/index.js +2 -1
- package/lib/internal/template/container/index.js.map +1 -1
- package/lib/internal/template/content-layout/index.d.ts.map +1 -1
- package/lib/internal/template/content-layout/index.js +1 -0
- package/lib/internal/template/content-layout/index.js.map +1 -1
- package/lib/internal/template/copy-to-clipboard/index.d.ts.map +1 -1
- package/lib/internal/template/copy-to-clipboard/index.js +2 -1
- package/lib/internal/template/copy-to-clipboard/index.js.map +1 -1
- package/lib/internal/template/date-input/index.d.ts.map +1 -1
- package/lib/internal/template/date-input/index.js +1 -0
- package/lib/internal/template/date-input/index.js.map +1 -1
- package/lib/internal/template/date-picker/index.d.ts.map +1 -1
- package/lib/internal/template/date-picker/index.js +2 -1
- package/lib/internal/template/date-picker/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/index.d.ts.map +1 -1
- package/lib/internal/template/date-range-picker/index.js +2 -1
- package/lib/internal/template/date-range-picker/index.js.map +1 -1
- package/lib/internal/template/drawer/index.d.ts.map +1 -1
- package/lib/internal/template/drawer/index.js +1 -0
- package/lib/internal/template/drawer/index.js.map +1 -1
- package/lib/internal/template/expandable-section/index.d.ts.map +1 -1
- package/lib/internal/template/expandable-section/index.js +2 -1
- package/lib/internal/template/expandable-section/index.js.map +1 -1
- package/lib/internal/template/file-dropzone/index.d.ts.map +1 -1
- package/lib/internal/template/file-dropzone/index.js +1 -0
- package/lib/internal/template/file-dropzone/index.js.map +1 -1
- package/lib/internal/template/file-input/index.d.ts.map +1 -1
- package/lib/internal/template/file-input/index.js +2 -1
- package/lib/internal/template/file-input/index.js.map +1 -1
- package/lib/internal/template/file-token-group/index.d.ts.map +1 -1
- package/lib/internal/template/file-token-group/index.js +2 -1
- package/lib/internal/template/file-token-group/index.js.map +1 -1
- package/lib/internal/template/file-upload/index.d.ts.map +1 -1
- package/lib/internal/template/file-upload/index.js +1 -0
- package/lib/internal/template/file-upload/index.js.map +1 -1
- package/lib/internal/template/flashbar/index.d.ts.map +1 -1
- package/lib/internal/template/flashbar/index.js +1 -0
- package/lib/internal/template/flashbar/index.js.map +1 -1
- package/lib/internal/template/form/index.d.ts.map +1 -1
- package/lib/internal/template/form/index.js +2 -1
- package/lib/internal/template/form/index.js.map +1 -1
- package/lib/internal/template/form-field/index.d.ts.map +1 -1
- package/lib/internal/template/form-field/index.js +2 -1
- package/lib/internal/template/form-field/index.js.map +1 -1
- package/lib/internal/template/grid/index.d.ts.map +1 -1
- package/lib/internal/template/grid/index.js +2 -1
- package/lib/internal/template/grid/index.js.map +1 -1
- package/lib/internal/template/header/index.d.ts.map +1 -1
- package/lib/internal/template/header/index.js +2 -1
- package/lib/internal/template/header/index.js.map +1 -1
- package/lib/internal/template/help-panel/index.d.ts.map +1 -1
- package/lib/internal/template/help-panel/index.js +1 -0
- package/lib/internal/template/help-panel/index.js.map +1 -1
- package/lib/internal/template/hotspot/index.d.ts.map +1 -1
- package/lib/internal/template/hotspot/index.js +2 -1
- package/lib/internal/template/hotspot/index.js.map +1 -1
- package/lib/internal/template/i18n/index.d.ts.map +1 -1
- package/lib/internal/template/i18n/index.js +1 -0
- package/lib/internal/template/i18n/index.js.map +1 -1
- package/lib/internal/template/icon/index.d.ts.map +1 -1
- package/lib/internal/template/icon/index.js +2 -1
- package/lib/internal/template/icon/index.js.map +1 -1
- package/lib/internal/template/input/index.d.ts.map +1 -1
- package/lib/internal/template/input/index.js +2 -1
- package/lib/internal/template/input/index.js.map +1 -1
- package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
- package/lib/internal/template/internal/environment.js +2 -2
- package/lib/internal/template/internal/environment.json +2 -2
- package/lib/internal/template/key-value-pairs/index.d.ts.map +1 -1
- package/lib/internal/template/key-value-pairs/index.js +2 -1
- package/lib/internal/template/key-value-pairs/index.js.map +1 -1
- package/lib/internal/template/key-value-pairs/internal.d.ts.map +1 -1
- package/lib/internal/template/key-value-pairs/internal.js +6 -2
- package/lib/internal/template/key-value-pairs/internal.js.map +1 -1
- package/lib/internal/template/line-chart/index.d.ts.map +1 -1
- package/lib/internal/template/line-chart/index.js +2 -1
- package/lib/internal/template/line-chart/index.js.map +1 -1
- package/lib/internal/template/link/index.d.ts.map +1 -1
- package/lib/internal/template/link/index.js +2 -1
- package/lib/internal/template/link/index.js.map +1 -1
- package/lib/internal/template/list/index.d.ts.map +1 -1
- package/lib/internal/template/list/index.js +1 -0
- package/lib/internal/template/list/index.js.map +1 -1
- package/lib/internal/template/live-region/index.d.ts.map +1 -1
- package/lib/internal/template/live-region/index.js +1 -0
- package/lib/internal/template/live-region/index.js.map +1 -1
- package/lib/internal/template/mixed-line-bar-chart/index.d.ts.map +1 -1
- package/lib/internal/template/mixed-line-bar-chart/index.js +2 -1
- package/lib/internal/template/mixed-line-bar-chart/index.js.map +1 -1
- package/lib/internal/template/modal/index.d.ts.map +1 -1
- package/lib/internal/template/modal/index.js +2 -1
- package/lib/internal/template/modal/index.js.map +1 -1
- package/lib/internal/template/multiselect/index.d.ts.map +1 -1
- package/lib/internal/template/multiselect/index.js +2 -1
- package/lib/internal/template/multiselect/index.js.map +1 -1
- package/lib/internal/template/pagination/index.d.ts.map +1 -1
- package/lib/internal/template/pagination/index.js +1 -0
- package/lib/internal/template/pagination/index.js.map +1 -1
- package/lib/internal/template/pie-chart/index.d.ts.map +1 -1
- package/lib/internal/template/pie-chart/index.js +2 -1
- package/lib/internal/template/pie-chart/index.js.map +1 -1
- package/lib/internal/template/popover/container.d.ts.map +1 -1
- package/lib/internal/template/popover/container.js +16 -42
- package/lib/internal/template/popover/container.js.map +1 -1
- package/lib/internal/template/popover/index.d.ts.map +1 -1
- package/lib/internal/template/popover/index.js +2 -1
- package/lib/internal/template/popover/index.js.map +1 -1
- package/lib/internal/template/popover/use-position-observer.d.ts +3 -0
- package/lib/internal/template/popover/use-position-observer.d.ts.map +1 -0
- package/lib/internal/template/popover/use-position-observer.js +39 -0
- package/lib/internal/template/popover/use-position-observer.js.map +1 -0
- package/lib/internal/template/progress-bar/index.d.ts.map +1 -1
- package/lib/internal/template/progress-bar/index.js +2 -1
- package/lib/internal/template/progress-bar/index.js.map +1 -1
- package/lib/internal/template/prompt-input/index.d.ts.map +1 -1
- package/lib/internal/template/prompt-input/index.js +2 -1
- package/lib/internal/template/prompt-input/index.js.map +1 -1
- package/lib/internal/template/property-filter/index.d.ts.map +1 -1
- package/lib/internal/template/property-filter/index.js +2 -1
- package/lib/internal/template/property-filter/index.js.map +1 -1
- package/lib/internal/template/property-filter/property-filter-autosuggest.js +2 -2
- package/lib/internal/template/property-filter/property-filter-autosuggest.js.map +1 -1
- package/lib/internal/template/radio-group/index.d.ts.map +1 -1
- package/lib/internal/template/radio-group/index.js +1 -0
- package/lib/internal/template/radio-group/index.js.map +1 -1
- package/lib/internal/template/s3-resource-selector/index.d.ts.map +1 -1
- package/lib/internal/template/s3-resource-selector/index.js +2 -1
- package/lib/internal/template/s3-resource-selector/index.js.map +1 -1
- package/lib/internal/template/segmented-control/index.d.ts.map +1 -1
- package/lib/internal/template/segmented-control/index.js +1 -0
- package/lib/internal/template/segmented-control/index.js.map +1 -1
- package/lib/internal/template/select/index.d.ts.map +1 -1
- package/lib/internal/template/select/index.js +2 -1
- package/lib/internal/template/select/index.js.map +1 -1
- package/lib/internal/template/side-navigation/index.d.ts.map +1 -1
- package/lib/internal/template/side-navigation/index.js +2 -1
- package/lib/internal/template/side-navigation/index.js.map +1 -1
- package/lib/internal/template/slider/index.d.ts.map +1 -1
- package/lib/internal/template/slider/index.js +2 -1
- package/lib/internal/template/slider/index.js.map +1 -1
- package/lib/internal/template/space-between/index.d.ts.map +1 -1
- package/lib/internal/template/space-between/index.js +2 -1
- package/lib/internal/template/space-between/index.js.map +1 -1
- package/lib/internal/template/spinner/index.d.ts.map +1 -1
- package/lib/internal/template/spinner/index.js +2 -1
- package/lib/internal/template/spinner/index.js.map +1 -1
- package/lib/internal/template/split-panel/index.d.ts.map +1 -1
- package/lib/internal/template/split-panel/index.js +2 -1
- package/lib/internal/template/split-panel/index.js.map +1 -1
- package/lib/internal/template/status-indicator/index.d.ts.map +1 -1
- package/lib/internal/template/status-indicator/index.js +2 -1
- package/lib/internal/template/status-indicator/index.js.map +1 -1
- package/lib/internal/template/steps/index.d.ts.map +1 -1
- package/lib/internal/template/steps/index.js +2 -1
- package/lib/internal/template/steps/index.js.map +1 -1
- package/lib/internal/template/table/header-cell/index.d.ts.map +1 -1
- package/lib/internal/template/table/header-cell/index.js +1 -1
- package/lib/internal/template/table/header-cell/index.js.map +1 -1
- package/lib/internal/template/table/header-cell/styles.css.js +30 -29
- package/lib/internal/template/table/header-cell/styles.scoped.css +67 -67
- package/lib/internal/template/table/header-cell/styles.selectors.js +30 -29
- package/lib/internal/template/table/header-cell/th-element.d.ts +2 -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 +2 -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 +2 -1
- package/lib/internal/template/table/index.js.map +1 -1
- package/lib/internal/template/table/resizer/index.d.ts.map +1 -1
- package/lib/internal/template/table/resizer/index.js +4 -2
- package/lib/internal/template/table/resizer/index.js.map +1 -1
- package/lib/internal/template/table/resizer/styles.css.js +12 -8
- package/lib/internal/template/table/resizer/styles.scoped.css +25 -18
- package/lib/internal/template/table/resizer/styles.selectors.js +12 -8
- package/lib/internal/template/tabs/index.d.ts.map +1 -1
- package/lib/internal/template/tabs/index.js +2 -1
- package/lib/internal/template/tabs/index.js.map +1 -1
- package/lib/internal/template/tag-editor/index.d.ts.map +1 -1
- package/lib/internal/template/tag-editor/index.js +2 -1
- package/lib/internal/template/tag-editor/index.js.map +1 -1
- package/lib/internal/template/text-content/index.d.ts.map +1 -1
- package/lib/internal/template/text-content/index.js +2 -1
- package/lib/internal/template/text-content/index.js.map +1 -1
- package/lib/internal/template/text-filter/index.d.ts.map +1 -1
- package/lib/internal/template/text-filter/index.js +1 -0
- package/lib/internal/template/text-filter/index.js.map +1 -1
- package/lib/internal/template/textarea/index.d.ts.map +1 -1
- package/lib/internal/template/textarea/index.js +2 -1
- package/lib/internal/template/textarea/index.js.map +1 -1
- package/lib/internal/template/theming/index.d.ts.map +1 -1
- package/lib/internal/template/theming/index.js +1 -0
- package/lib/internal/template/theming/index.js.map +1 -1
- package/lib/internal/template/tiles/index.d.ts.map +1 -1
- package/lib/internal/template/tiles/index.js +1 -0
- package/lib/internal/template/tiles/index.js.map +1 -1
- package/lib/internal/template/time-input/index.d.ts.map +1 -1
- package/lib/internal/template/time-input/index.js +2 -1
- package/lib/internal/template/time-input/index.js.map +1 -1
- package/lib/internal/template/toggle/index.d.ts.map +1 -1
- package/lib/internal/template/toggle/index.js +1 -0
- package/lib/internal/template/toggle/index.js.map +1 -1
- package/lib/internal/template/toggle-button/index.d.ts.map +1 -1
- package/lib/internal/template/toggle-button/index.js +2 -1
- package/lib/internal/template/toggle-button/index.js.map +1 -1
- package/lib/internal/template/token-group/index.d.ts.map +1 -1
- package/lib/internal/template/token-group/index.js +2 -1
- package/lib/internal/template/token-group/index.js.map +1 -1
- package/lib/internal/template/top-navigation/index.d.ts.map +1 -1
- package/lib/internal/template/top-navigation/index.js +2 -1
- package/lib/internal/template/top-navigation/index.js.map +1 -1
- package/lib/internal/template/tree-view/index.d.ts.map +1 -1
- package/lib/internal/template/tree-view/index.js +1 -0
- package/lib/internal/template/tree-view/index.js.map +1 -1
- package/lib/internal/template/tutorial-panel/index.d.ts.map +1 -1
- package/lib/internal/template/tutorial-panel/index.js +2 -1
- package/lib/internal/template/tutorial-panel/index.js.map +1 -1
- package/lib/internal/template/wizard/index.d.ts.map +1 -1
- package/lib/internal/template/wizard/index.js +2 -1
- package/lib/internal/template/wizard/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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_1so90_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_1so90_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_1so90_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_1so90_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_p4nau_149:not(#\9):
|
|
|
180
180
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 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_1so90_149.awsui_header-cell-fake-focus_1spae_1so90_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_1so90_149.awsui_header-cell-fake-focus_1spae_1so90_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_1so90_149.awsui_header-cell-fake-focus_1spae_1so90_183:not(#\9)::before {
|
|
191
191
|
content: " ";
|
|
192
192
|
display: block;
|
|
193
193
|
position: absolute;
|
|
@@ -201,25 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_hea
|
|
|
201
201
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
202
202
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
203
203
|
}
|
|
204
|
-
.awsui_header-cell-
|
|
204
|
+
.awsui_header-cell-sticky_1spae_1so90_204:not(#\9) {
|
|
205
205
|
border-block-end: var(--border-table-sticky-width-o9kqes, 0px) solid var(--color-border-divider-default-ipvpev, #eaeded);
|
|
206
206
|
}
|
|
207
|
-
.awsui_header-cell-
|
|
207
|
+
.awsui_header-cell-stuck_1spae_1so90_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1so90_207) {
|
|
208
208
|
border-block-end-color: transparent;
|
|
209
209
|
}
|
|
210
|
-
.awsui_header-cell-variant-full-
|
|
210
|
+
.awsui_header-cell-variant-full-page_1spae_1so90_207:not(#\9) {
|
|
211
211
|
background: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
212
212
|
}
|
|
213
|
-
.awsui_header-cell-variant-full-
|
|
213
|
+
.awsui_header-cell-variant-full-page_1spae_1so90_207.awsui_header-cell-hidden_1spae_1so90_213:not(#\9) {
|
|
214
214
|
border-block-end-color: transparent;
|
|
215
215
|
}
|
|
216
|
-
.awsui_header-cell-variant-
|
|
216
|
+
.awsui_header-cell-variant-embedded_1spae_1so90_216.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1so90_204, .awsui_sticky-cell_1spae_1so90_216)), .awsui_header-cell-variant-borderless_1spae_1so90_216.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):not(:is(.awsui_header-cell-sticky_1spae_1so90_204, .awsui_sticky-cell_1spae_1so90_216)) {
|
|
217
217
|
background: none;
|
|
218
218
|
}
|
|
219
|
-
.awsui_header-
|
|
219
|
+
.awsui_header-cell_1spae_1so90_149:not(#\9):last-child, .awsui_header-cell_1spae_1so90_149.awsui_header-cell-sortable_1spae_1so90_219:not(#\9) {
|
|
220
220
|
padding-inline-end: var(--space-xs-kw7k3v, 8px);
|
|
221
221
|
}
|
|
222
|
-
.awsui_header-
|
|
222
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell_1spae_1so90_216:not(#\9) {
|
|
223
223
|
position: sticky;
|
|
224
224
|
background: var(--color-background-table-header-5hauij, #fafafa);
|
|
225
225
|
z-index: 798;
|
|
@@ -228,44 +228,44 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_hea
|
|
|
228
228
|
transition-timing-function: var(--motion-easing-sticky-xd5evu, ease-out);
|
|
229
229
|
}
|
|
230
230
|
@media (prefers-reduced-motion: reduce) {
|
|
231
|
-
.awsui_header-
|
|
231
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell_1spae_1so90_216:not(#\9) {
|
|
232
232
|
animation: none;
|
|
233
233
|
transition: none;
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
|
-
.awsui-motion-disabled .awsui_header-
|
|
236
|
+
.awsui-motion-disabled .awsui_header-cell_1spae_1so90_149.awsui_sticky-cell_1spae_1so90_216:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1so90_149.awsui_sticky-cell_1spae_1so90_216:not(#\9) {
|
|
237
237
|
animation: none;
|
|
238
238
|
transition: none;
|
|
239
239
|
}
|
|
240
|
-
.awsui_header-
|
|
240
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell_1spae_1so90_216.awsui_table-variant-full-page_1spae_1so90_240:not(#\9) {
|
|
241
241
|
background: var(--color-background-layout-main-05m5y6, #f2f3f3);
|
|
242
242
|
}
|
|
243
|
-
.awsui_header-
|
|
243
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-pad-left_1spae_1so90_243:not(#\9):not(.awsui_has-selection_1spae_1so90_243) {
|
|
244
244
|
padding-inline-start: var(--space-table-horizontal-xmv4qa, 0px);
|
|
245
245
|
}
|
|
246
|
-
.awsui_header-
|
|
246
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-last-inline-start_1spae_1so90_246:not(#\9) {
|
|
247
247
|
box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
248
248
|
clip-path: inset(0px -24px 0px 0px);
|
|
249
249
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
250
250
|
}
|
|
251
|
-
.awsui_header-
|
|
251
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-last-inline-start_1spae_1so90_246 > .awsui_resize-divider_1spae_1so90_251:not(#\9) {
|
|
252
252
|
display: none;
|
|
253
253
|
}
|
|
254
|
-
.awsui_header-
|
|
254
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-last-inline-start_1spae_1so90_246:not(#\9):dir(rtl) {
|
|
255
255
|
box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
256
256
|
clip-path: inset(0 0 0 -24px);
|
|
257
257
|
}
|
|
258
|
-
.awsui_header-
|
|
258
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-last-inline-end_1spae_1so90_258:not(#\9) {
|
|
259
259
|
box-shadow: var(--shadow-sticky-column-last-02l85g, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
260
260
|
clip-path: inset(0 0 0 -24px);
|
|
261
261
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
262
262
|
}
|
|
263
|
-
.awsui_header-
|
|
263
|
+
.awsui_header-cell_1spae_1so90_149.awsui_sticky-cell-last-inline-end_1spae_1so90_258:not(#\9):dir(rtl) {
|
|
264
264
|
box-shadow: var(--shadow-sticky-column-first-vya346, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
|
|
265
265
|
clip-path: inset(0 -24px 0 0);
|
|
266
266
|
}
|
|
267
267
|
|
|
268
|
-
.awsui_sorting-
|
|
268
|
+
.awsui_sorting-icon_1spae_1so90_268:not(#\9) {
|
|
269
269
|
position: absolute;
|
|
270
270
|
inset-block-start: 50%;
|
|
271
271
|
transform: translateY(-50%);
|
|
@@ -273,36 +273,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_hea
|
|
|
273
273
|
color: var(--color-text-column-sorting-icon-gys874, #687078);
|
|
274
274
|
}
|
|
275
275
|
|
|
276
|
-
.awsui_edit-
|
|
276
|
+
.awsui_edit-icon_1spae_1so90_276:not(#\9) {
|
|
277
277
|
margin-inline-start: var(--space-xxs-jnczic, 4px);
|
|
278
278
|
margin-block-start: var(--space-scaled-xxs-jatbiv, 4px);
|
|
279
279
|
color: inherit;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
-
.awsui_header-cell-
|
|
282
|
+
.awsui_header-cell-content_1spae_1so90_282:not(#\9) {
|
|
283
283
|
position: relative;
|
|
284
284
|
padding-block: var(--space-scaled-xxs-jatbiv, 4px);
|
|
285
285
|
padding-inline-end: var(--space-s-4a5hs8, 12px);
|
|
286
286
|
padding-inline-start: var(--space-s-4a5hs8, 12px);
|
|
287
287
|
}
|
|
288
|
-
.awsui_header-cell-
|
|
288
|
+
.awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-content-expandable_1spae_1so90_288:not(#\9) {
|
|
289
289
|
padding-inline-start: calc(var(--space-s-4a5hs8, 12px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
290
290
|
}
|
|
291
|
-
.awsui_header-cell-
|
|
291
|
+
.awsui_header-cell-sortable_1spae_1so90_219 > .awsui_header-cell-content_1spae_1so90_282:not(#\9) {
|
|
292
292
|
padding-inline-end: calc(var(--space-xl-4dmkh1, 24px) + var(--space-xxs-jnczic, 4px));
|
|
293
293
|
}
|
|
294
|
-
.awsui_header-cell-
|
|
294
|
+
.awsui_header-cell-content_1spae_1so90_282:not(#\9):focus {
|
|
295
295
|
outline: none;
|
|
296
296
|
text-decoration: none;
|
|
297
297
|
}
|
|
298
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
298
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282:not(#\9):focus {
|
|
299
299
|
position: relative;
|
|
300
300
|
}
|
|
301
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
301
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282:not(#\9):focus {
|
|
302
302
|
outline: 2px dotted transparent;
|
|
303
303
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
|
|
304
304
|
}
|
|
305
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
305
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282:not(#\9):focus::before {
|
|
306
306
|
content: " ";
|
|
307
307
|
display: block;
|
|
308
308
|
position: absolute;
|
|
@@ -316,14 +316,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282:n
|
|
|
316
316
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
317
317
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
318
318
|
}
|
|
319
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
319
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183:not(#\9) {
|
|
320
320
|
position: relative;
|
|
321
321
|
}
|
|
322
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
322
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183:not(#\9) {
|
|
323
323
|
outline: 2px dotted transparent;
|
|
324
324
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px)) - 1px);
|
|
325
325
|
}
|
|
326
|
-
body[data-awsui-focus-visible=true] .awsui_header-cell-
|
|
326
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183:not(#\9)::before {
|
|
327
327
|
content: " ";
|
|
328
328
|
display: block;
|
|
329
329
|
position: absolute;
|
|
@@ -337,32 +337,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_p4nau_282.a
|
|
|
337
337
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
338
338
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
339
339
|
}
|
|
340
|
-
.awsui_header-cell-
|
|
340
|
+
.awsui_header-cell-disabled_1spae_1so90_340.awsui_header-cell-sorted_1spae_1so90_340 > .awsui_header-cell-content_1spae_1so90_282 > .awsui_sorting-icon_1spae_1so90_268:not(#\9) {
|
|
341
341
|
color: var(--color-text-interactive-disabled-xwt2jl, #aab7b8);
|
|
342
342
|
}
|
|
343
343
|
|
|
344
|
-
.awsui_header-cell-
|
|
344
|
+
.awsui_header-cell-sortable_1spae_1so90_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1so90_340) > .awsui_header-cell-content_1spae_1so90_282 {
|
|
345
345
|
cursor: pointer;
|
|
346
346
|
}
|
|
347
|
-
.awsui_header-cell-
|
|
347
|
+
.awsui_header-cell-sortable_1spae_1so90_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1so90_340) > .awsui_header-cell-content_1spae_1so90_282:hover, .awsui_header-cell-sortable_1spae_1so90_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1so90_340).awsui_header-cell-sorted_1spae_1so90_340 > .awsui_header-cell-content_1spae_1so90_282 {
|
|
348
348
|
color: var(--color-text-interactive-active-c44vdq, #16191f);
|
|
349
349
|
}
|
|
350
|
-
.awsui_header-cell-
|
|
350
|
+
.awsui_header-cell-sortable_1spae_1so90_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1so90_340) > .awsui_header-cell-content_1spae_1so90_282:hover > .awsui_sorting-icon_1spae_1so90_268, .awsui_header-cell-sortable_1spae_1so90_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1so90_340).awsui_header-cell-sorted_1spae_1so90_340 > .awsui_header-cell-content_1spae_1so90_282 > .awsui_sorting-icon_1spae_1so90_268 {
|
|
351
351
|
color: var(--color-text-interactive-active-c44vdq, #16191f);
|
|
352
352
|
}
|
|
353
353
|
|
|
354
|
-
.awsui_header-cell-
|
|
354
|
+
.awsui_header-cell-text_1spae_1so90_354:not(#\9) {
|
|
355
355
|
line-height: var(--line-height-heading-xs-fuzanp, 20px);
|
|
356
356
|
padding-block: calc(var(--space-xxxs-3w1kr2, 2px) / 2);
|
|
357
357
|
}
|
|
358
|
-
.awsui_header-cell-
|
|
358
|
+
.awsui_header-cell-text_1spae_1so90_354:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1so90_358) {
|
|
359
359
|
white-space: nowrap;
|
|
360
360
|
overflow: hidden;
|
|
361
361
|
text-overflow: ellipsis;
|
|
362
362
|
}
|
|
363
363
|
|
|
364
|
-
.awsui_header-cell-
|
|
365
|
-
.awsui_header-cell-
|
|
364
|
+
.awsui_header-cell-ascending_1spae_1so90_364:not(#\9),
|
|
365
|
+
.awsui_header-cell-descending_1spae_1so90_365:not(#\9) {
|
|
366
366
|
/* used in test-utils */
|
|
367
367
|
}
|
|
368
368
|
|
|
@@ -372,28 +372,28 @@ with the left edge of the table as closely as possible. If the
|
|
|
372
372
|
last header cell is sortable the sort icon should align with the
|
|
373
373
|
settings icon in the pagination slot.
|
|
374
374
|
*/
|
|
375
|
-
.awsui_header-
|
|
375
|
+
.awsui_header-cell_1spae_1so90_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1so90_216):first-child {
|
|
376
376
|
padding-inline-start: var(--space-xs-kw7k3v, 8px);
|
|
377
377
|
}
|
|
378
|
-
.awsui_header-
|
|
378
|
+
.awsui_header-cell_1spae_1so90_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1so90_216):first-child.awsui_header-cell-content-expandable_1spae_1so90_288 {
|
|
379
379
|
padding-inline-start: calc(var(--space-xs-kw7k3v, 8px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
380
380
|
}
|
|
381
381
|
|
|
382
|
-
.awsui_header-
|
|
382
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9) {
|
|
383
383
|
/*
|
|
384
384
|
Striped rows requires additional left padding because the
|
|
385
385
|
shaded background makes the child content appear too close
|
|
386
386
|
to the table edge.
|
|
387
387
|
*/
|
|
388
388
|
}
|
|
389
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
389
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child:focus {
|
|
390
390
|
position: relative;
|
|
391
391
|
}
|
|
392
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
392
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child:focus {
|
|
393
393
|
outline: 2px dotted transparent;
|
|
394
394
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
395
395
|
}
|
|
396
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
396
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child:focus::before {
|
|
397
397
|
content: " ";
|
|
398
398
|
display: block;
|
|
399
399
|
position: absolute;
|
|
@@ -407,14 +407,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-
|
|
|
407
407
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
408
408
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
409
409
|
}
|
|
410
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
410
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1so90_183 {
|
|
411
411
|
position: relative;
|
|
412
412
|
}
|
|
413
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
413
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1so90_183 {
|
|
414
414
|
outline: 2px dotted transparent;
|
|
415
415
|
outline-offset: calc(calc(-1 * var(--space-scaled-xxs-jatbiv, 4px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
416
416
|
}
|
|
417
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
417
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1so90_183::before {
|
|
418
418
|
content: " ";
|
|
419
419
|
display: block;
|
|
420
420
|
position: absolute;
|
|
@@ -428,20 +428,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-
|
|
|
428
428
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
429
429
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
430
430
|
}
|
|
431
|
-
.awsui_header-
|
|
431
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282 {
|
|
432
432
|
padding-inline-start: 0px;
|
|
433
433
|
}
|
|
434
|
-
.awsui_header-
|
|
434
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-content-expandable_1spae_1so90_288 {
|
|
435
435
|
padding-inline-start: calc(0px + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
436
436
|
}
|
|
437
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
437
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282:focus {
|
|
438
438
|
position: relative;
|
|
439
439
|
}
|
|
440
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
440
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282:focus {
|
|
441
441
|
outline: 2px dotted transparent;
|
|
442
442
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
443
443
|
}
|
|
444
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
444
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282:focus::before {
|
|
445
445
|
content: " ";
|
|
446
446
|
display: block;
|
|
447
447
|
position: absolute;
|
|
@@ -455,14 +455,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-
|
|
|
455
455
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
456
456
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
457
457
|
}
|
|
458
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
458
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183 {
|
|
459
459
|
position: relative;
|
|
460
460
|
}
|
|
461
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
461
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183 {
|
|
462
462
|
outline: 2px dotted transparent;
|
|
463
463
|
outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-0zj6up, 0px) + var(--space-scaled-xxs-jatbiv, 4px)) - 1px);
|
|
464
464
|
}
|
|
465
|
-
body[data-awsui-focus-visible=true] .awsui_header-
|
|
465
|
+
body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1so90_282.awsui_header-cell-fake-focus_1spae_1so90_183::before {
|
|
466
466
|
content: " ";
|
|
467
467
|
display: block;
|
|
468
468
|
position: absolute;
|
|
@@ -476,24 +476,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_p4nau_149.awsui_is-
|
|
|
476
476
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
|
|
477
477
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
|
|
478
478
|
}
|
|
479
|
-
.awsui_header-
|
|
479
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1so90_479):not(.awsui_sticky-cell-pad-inline-start_1spae_1so90_479) {
|
|
480
480
|
padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
|
|
481
481
|
}
|
|
482
|
-
.awsui_header-
|
|
482
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1so90_479):not(.awsui_sticky-cell-pad-inline-start_1spae_1so90_479).awsui_header-cell-content-expandable_1spae_1so90_288 {
|
|
483
483
|
padding-inline-start: calc(var(--space-xxxs-3w1kr2, 2px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
484
484
|
}
|
|
485
|
-
.awsui_header-
|
|
485
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1so90_479:not(.awsui_sticky-cell-pad-inline-start_1spae_1so90_479) {
|
|
486
486
|
padding-inline-start: var(--space-xxs-jnczic, 4px);
|
|
487
487
|
}
|
|
488
|
-
.awsui_header-
|
|
488
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1so90_479:not(.awsui_sticky-cell-pad-inline-start_1spae_1so90_479).awsui_header-cell-content-expandable_1spae_1so90_288 {
|
|
489
489
|
padding-inline-start: calc(var(--space-xxs-jnczic, 4px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
490
490
|
}
|
|
491
|
-
.awsui_header-
|
|
491
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1so90_219:not(.awsui_header-cell-resizable_1spae_1so90_491) {
|
|
492
492
|
padding-inline-end: var(--space-xxxs-3w1kr2, 2px);
|
|
493
493
|
}
|
|
494
|
-
.awsui_header-
|
|
494
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216.awsui_sticky-cell-pad-inline-start_1spae_1so90_479:not(#\9) {
|
|
495
495
|
padding-inline-start: var(--space-scaled-l-66n9sr, 20px);
|
|
496
496
|
}
|
|
497
|
-
.awsui_header-
|
|
497
|
+
.awsui_header-cell_1spae_1so90_149.awsui_is-visual-refresh_1spae_1so90_216.awsui_sticky-cell-pad-inline-start_1spae_1so90_479.awsui_header-cell-content-expandable_1spae_1so90_288:not(#\9) {
|
|
498
498
|
padding-inline-start: calc(var(--space-scaled-l-66n9sr, 20px) + var(--space-m-n2lypl, 16px) + var(--space-xs-kw7k3v, 8px));
|
|
499
499
|
}
|
|
@@ -2,34 +2,35 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"header-cell": "awsui_header-
|
|
6
|
-
"header-cell-fake-focus": "awsui_header-cell-fake-
|
|
7
|
-
"header-cell-sticky": "awsui_header-cell-
|
|
8
|
-
"header-cell-stuck": "awsui_header-cell-
|
|
9
|
-
"header-cell-variant-full-page": "awsui_header-cell-variant-full-
|
|
10
|
-
"header-cell-hidden": "awsui_header-cell-
|
|
11
|
-
"header-cell-variant-embedded": "awsui_header-cell-variant-
|
|
12
|
-
"is-visual-refresh": "awsui_is-visual-
|
|
13
|
-
"sticky-cell": "awsui_sticky-
|
|
14
|
-
"header-cell-variant-borderless": "awsui_header-cell-variant-
|
|
15
|
-
"header-cell-sortable": "awsui_header-cell-
|
|
16
|
-
"table-variant-full-page": "awsui_table-variant-full-
|
|
17
|
-
"sticky-cell-pad-left": "awsui_sticky-cell-pad-
|
|
18
|
-
"has-selection": "awsui_has-
|
|
19
|
-
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-
|
|
20
|
-
"resize-divider": "awsui_resize-
|
|
21
|
-
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-
|
|
22
|
-
"sorting-icon": "awsui_sorting-
|
|
23
|
-
"edit-icon": "awsui_edit-
|
|
24
|
-
"header-cell-content": "awsui_header-cell-
|
|
25
|
-
"header-cell-content-expandable": "awsui_header-cell-content-
|
|
26
|
-
"header-cell-disabled": "awsui_header-cell-
|
|
27
|
-
"header-cell-sorted": "awsui_header-cell-
|
|
28
|
-
"header-cell-text": "awsui_header-cell-
|
|
29
|
-
"header-cell-text-wrap": "awsui_header-cell-text-
|
|
30
|
-
"header-cell-ascending": "awsui_header-cell-
|
|
31
|
-
"header-cell-descending": "awsui_header-cell-
|
|
32
|
-
"has-striped-rows": "awsui_has-striped-
|
|
33
|
-
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-
|
|
5
|
+
"header-cell": "awsui_header-cell_1spae_1so90_149",
|
|
6
|
+
"header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1so90_183",
|
|
7
|
+
"header-cell-sticky": "awsui_header-cell-sticky_1spae_1so90_204",
|
|
8
|
+
"header-cell-stuck": "awsui_header-cell-stuck_1spae_1so90_207",
|
|
9
|
+
"header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1so90_207",
|
|
10
|
+
"header-cell-hidden": "awsui_header-cell-hidden_1spae_1so90_213",
|
|
11
|
+
"header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1so90_216",
|
|
12
|
+
"is-visual-refresh": "awsui_is-visual-refresh_1spae_1so90_216",
|
|
13
|
+
"sticky-cell": "awsui_sticky-cell_1spae_1so90_216",
|
|
14
|
+
"header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1so90_216",
|
|
15
|
+
"header-cell-sortable": "awsui_header-cell-sortable_1spae_1so90_219",
|
|
16
|
+
"table-variant-full-page": "awsui_table-variant-full-page_1spae_1so90_240",
|
|
17
|
+
"sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1so90_243",
|
|
18
|
+
"has-selection": "awsui_has-selection_1spae_1so90_243",
|
|
19
|
+
"sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1so90_246",
|
|
20
|
+
"resize-divider": "awsui_resize-divider_1spae_1so90_251",
|
|
21
|
+
"sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1so90_258",
|
|
22
|
+
"sorting-icon": "awsui_sorting-icon_1spae_1so90_268",
|
|
23
|
+
"edit-icon": "awsui_edit-icon_1spae_1so90_276",
|
|
24
|
+
"header-cell-content": "awsui_header-cell-content_1spae_1so90_282",
|
|
25
|
+
"header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1so90_288",
|
|
26
|
+
"header-cell-disabled": "awsui_header-cell-disabled_1spae_1so90_340",
|
|
27
|
+
"header-cell-sorted": "awsui_header-cell-sorted_1spae_1so90_340",
|
|
28
|
+
"header-cell-text": "awsui_header-cell-text_1spae_1so90_354",
|
|
29
|
+
"header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1so90_358",
|
|
30
|
+
"header-cell-ascending": "awsui_header-cell-ascending_1spae_1so90_364",
|
|
31
|
+
"header-cell-descending": "awsui_header-cell-descending_1spae_1so90_365",
|
|
32
|
+
"has-striped-rows": "awsui_has-striped-rows_1spae_1so90_479",
|
|
33
|
+
"sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1so90_479",
|
|
34
|
+
"header-cell-resizable": "awsui_header-cell-resizable_1spae_1so90_491"
|
|
34
35
|
};
|
|
35
36
|
|
|
@@ -11,6 +11,7 @@ export interface TableThElementProps {
|
|
|
11
11
|
focusedComponent?: null | string;
|
|
12
12
|
stuck?: boolean;
|
|
13
13
|
sticky?: boolean;
|
|
14
|
+
resizable?: boolean;
|
|
14
15
|
hidden?: boolean;
|
|
15
16
|
stripedRows?: boolean;
|
|
16
17
|
isSelection?: boolean;
|
|
@@ -24,5 +25,5 @@ export interface TableThElementProps {
|
|
|
24
25
|
ariaLabel?: string;
|
|
25
26
|
tableVariant?: string;
|
|
26
27
|
}
|
|
27
|
-
export declare function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, ...props }: TableThElementProps): JSX.Element;
|
|
28
|
+
export declare function TableThElement({ resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant, ...props }: TableThElementProps): JSX.Element;
|
|
28
29
|
//# sourceMappingURL=th-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"th-element.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAQtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAA8B,SAAS,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,MAAM,WAAW,mBAAmB;IAClC,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChD,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,SAAS,EACT,MAAM,EACN,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,mBAAmB,eA+CrB"}
|
|
@@ -13,7 +13,7 @@ import { getStickyClassNames } from '../utils';
|
|
|
13
13
|
import tableStyles from '../styles.css.js';
|
|
14
14
|
import styles from './styles.css.js';
|
|
15
15
|
export function TableThElement(_a) {
|
|
16
|
-
var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel", "tableVariant"]);
|
|
16
|
+
var { resizableStyle, sortingStatus, sortingDisabled, focusedComponent, stuck, sticky, resizable, hidden, stripedRows, isSelection, colIndex, columnId, stickyState, cellRef, tableRole, children, variant, ariaLabel, tableVariant } = _a, props = __rest(_a, ["resizableStyle", "sortingStatus", "sortingDisabled", "focusedComponent", "stuck", "sticky", "resizable", "hidden", "stripedRows", "isSelection", "colIndex", "columnId", "stickyState", "cellRef", "tableRole", "children", "variant", "ariaLabel", "tableVariant"]);
|
|
17
17
|
const isVisualRefresh = useVisualRefresh();
|
|
18
18
|
const stickyStyles = useStickyCellStyles({
|
|
19
19
|
stickyColumns: stickyState,
|
|
@@ -23,7 +23,7 @@ export function TableThElement(_a) {
|
|
|
23
23
|
const cellRefObject = useRef(null);
|
|
24
24
|
const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);
|
|
25
25
|
const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
|
|
26
|
-
return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], {
|
|
26
|
+
return (React.createElement("th", Object.assign({ "data-focus-id": `header-${String(columnId)}`, className: clsx(styles['header-cell'], styles[`header-cell-variant-${variant}`], sticky && styles['header-cell-sticky'], resizable && styles['header-cell-resizable'], stuck && styles['header-cell-stuck'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']), tableVariant && styles[`table-variant-${tableVariant}`], {
|
|
27
27
|
[styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,
|
|
28
28
|
[styles['header-cell-sortable']]: sortingStatus,
|
|
29
29
|
[styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,+CAA+C,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAElH,OAAO,EAAE,0BAA0B,EAAE,MAAM,2DAA2D,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAGxE,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAa,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"th-element.js","sourceRoot":"","sources":["../../../../src/table/header-cell/th-element.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs } from '@cloudscape-design/component-toolkit/internal';\nimport { copyAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\nimport { ColumnWidthStyle } from '../column-widths-utils';\nimport { TableProps } from '../interfaces';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { getTableColHeaderRoleProps, TableRole } from '../table-role';\nimport { getStickyClassNames } from '../utils';\nimport { SortingStatus } from './utils';\n\nimport tableStyles from '../styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface TableThElementProps {\n resizableStyle?: ColumnWidthStyle;\n sortingStatus?: SortingStatus;\n sortingDisabled?: boolean;\n focusedComponent?: null | string;\n stuck?: boolean;\n sticky?: boolean;\n resizable?: boolean;\n hidden?: boolean;\n stripedRows?: boolean;\n isSelection?: boolean;\n colIndex: number;\n columnId: PropertyKey;\n stickyState: StickyColumnsModel;\n cellRef?: React.RefCallback<HTMLElement> | null;\n tableRole: TableRole;\n children: React.ReactNode;\n variant: TableProps.Variant;\n ariaLabel?: string;\n tableVariant?: string;\n}\n\nexport function TableThElement({\n resizableStyle,\n sortingStatus,\n sortingDisabled,\n focusedComponent,\n stuck,\n sticky,\n resizable,\n hidden,\n stripedRows,\n isSelection,\n colIndex,\n columnId,\n stickyState,\n cellRef,\n tableRole,\n children,\n variant,\n ariaLabel,\n tableVariant,\n ...props\n}: TableThElementProps) {\n const isVisualRefresh = useVisualRefresh();\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const cellRefObject = useRef<HTMLTableCellElement>(null);\n const mergedRef = useMergeRefs(stickyStyles.ref, cellRef, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <th\n data-focus-id={`header-${String(columnId)}`}\n className={clsx(\n styles['header-cell'],\n styles[`header-cell-variant-${variant}`],\n sticky && styles['header-cell-sticky'],\n resizable && styles['header-cell-resizable'],\n stuck && styles['header-cell-stuck'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n isSelection && clsx(tableStyles['selection-control'], tableStyles['selection-control-header']),\n tableVariant && styles[`table-variant-${tableVariant}`],\n {\n [styles['header-cell-fake-focus']]: focusedComponent === `header-${String(columnId)}`,\n [styles['header-cell-sortable']]: sortingStatus,\n [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n [styles['header-cell-disabled']]: sortingDisabled,\n [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n [styles['header-cell-descending']]: sortingStatus === 'descending',\n [styles['header-cell-hidden']]: hidden,\n },\n stickyStyles.className\n )}\n style={{ ...resizableStyle, ...stickyStyles.style }}\n ref={mergedRef}\n {...getTableColHeaderRoleProps({ tableRole, sortingStatus, colIndex })}\n tabIndex={cellTabIndex === -1 ? undefined : cellTabIndex}\n {...copyAnalyticsMetadataAttribute(props)}\n {...(ariaLabel ? { 'aria-label': ariaLabel } : {})}\n >\n {children}\n </th>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBA8Ga,CAAC;AAGzB,eAAe,KAAK,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { __rest } from "tslib";
|
|
2
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
+
'use client';
|
|
4
|
+
import { __rest } from "tslib";
|
|
4
5
|
import React from 'react';
|
|
5
6
|
import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
|
|
6
7
|
import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,YAAY,CAAC;;AACb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,6BAA6B,EAAE,MAAM,kEAAkE,CAAC;AAEjH,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAC3F,OAAO,EAAkC,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AACvG,OAAO,EAAE,6BAA6B,EAAE,MAAM,6DAA6D,CAAC;AAC5G,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAGnE,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAQgB,EAChB,GAA8B,EAC9B,EAAE;;QAVF,EACE,KAAK,GAAG,EAAE,EACV,aAAa,GAAG,EAAE,EAClB,OAAO,GAAG,WAAW,EACrB,cAAc,GAAG,aAAa,EAC9B,iBAAiB,GAAG,QAAQ,EAC5B,UAAU,GAAG,CAAC,OAEA,EADX,KAAK,cAPV,0FAQC,CADS;IAIV,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,KAAuC,CAAC,CAAC;IAC7F,MAAM,gBAAgB,GACpB,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACtF,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA,CAAC;IACjD,MAAM,gBAAgB,GAAG,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,KAAK,CAAA,IAAI,CAAC,CAAC,CAAA,MAAA,KAAK,CAAC,aAAa,0CAAE,IAAI,CAAA,CAAC;IACrF,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,OAAO,EACP;QACE,KAAK,EAAE;YACL,cAAc;YACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO;YACP,SAAS,EAAE,KAAK,CAAC,SAAS;YAC1B,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;YACxD,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;YACpC,iBAAiB;SAClB;QACD,QAAQ,EAAE;YACR,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc;YACtC,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,gBAAgB;YAC5C,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC;YACjE,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAC,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,UAAU,0CAAE,cAAc,CAAA,CAAA,EAAA,CAAC;YACzF,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,YAAY,IAAI,GAAG,CAAC,iBAAiB,CAAC;YAClG,gBAAgB;YAChB,gBAAgB;YAChB,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM;YAC7B,iBAAiB,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU;YACrC,UAAU,EAAE,KAAK,CAAC,MAAM;YACxB,qBAAqB,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,kBAAkB,CAAC;YACrE,eAAe,EAAE,OAAO,CAAC,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,YAAY,CAAC;YACzD,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,cAAc;YAC1C,iBAAiB,EAAE,CAAC,CAAC,KAAK,CAAC,aAAa;YACxC,kCAAkC,EAAE,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAC9D,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,aAAa,KAAK,iBAAiB,CAC/C;SACF;KACF,EACD,iBAAiB,CAClB,CAAC;IAEF,MAAM,0BAA0B,GAA6C;QAC3E,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;QACvB,UAAU,EAAE;YACV,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,MAAM;YAC5C,UAAU,EAAE,GAAG,KAAK,CAAC,MAAM,EAAE;YAC7B,kBAAkB,EAAE,GAAG,aAAa,CAAC,MAAM,EAAE;YAC7C,OAAO;SACR;KACF,CAAC;IAEF,MAAM,eAAe,GAAG,kBAAkB,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACzF,IAAI,eAAe,EAAE;QACnB,0BAA0B,CAAC,UAAU,CAAC,eAAe,GAAG,eAAe,CAAC;QACxE,0BAA0B,CAAC,UAAU,CAAC,iBAAiB,GAAG,GAAG,KAAK,CAAC,iBAAiB,IAAI,KAAK,EAAE,CAAC;KACjG;IAED,MAAM,UAAU,6DACd,KAAK;QACL,aAAa;QACb,OAAO;QACP,cAAc;QACd,UAAU;QACV,iBAAiB,IACd,KAAK,GACL,kBAAkB,KACrB,GAAG,KACA,6BAA6B,CAAC,EAAE,SAAS,EAAE,0BAA0B,EAAE,CAAC,CAC5E,CAAC;IAEF,MAAM,6BAA6B,GAAG;QACpC,mBAAmB,EAAE,cAAc;QACnC,mBAAmB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW;QACxC,qBAAqB,EAAE,gBAAgB;QACvC,qBAAqB,EAAE,gBAAgB;KACxC,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,CACL,oBAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,6BAA6B;YAC1E,oBAAC,aAAa,oBAAK,UAAU,EAAI,CACM,CAC1C,CAAC;KACH;IAED,OAAO,CACL,oBAAC,6BAA6B,CAAC,QAAQ,IAAC,KAAK,EAAE,6BAA6B;QAC1E,oBAAC,sBAAsB;YACrB,oBAAC,sBAAsB,oBAAK,UAAU,EAAI,CACnB,CACc,CAC1C,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n'use client';\nimport React from 'react';\n\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { CollectionPreferencesMetadata } from '../internal/context/collection-preferences-metadata-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { GeneratedAnalyticsMetadataTableComponent } from './analytics-metadata/interfaces';\nimport { getSortingColumnId } from './header-cell/utils';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n <T,>(\n {\n items = [],\n selectedItems = [],\n variant = 'container',\n contentDensity = 'comfortable',\n cellVerticalAlign = 'middle',\n firstIndex = 1,\n ...props\n }: TableProps<T>,\n ref: React.Ref<TableProps.Ref>\n ) => {\n const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n const hasHiddenColumns =\n (props.visibleColumns && props.visibleColumns.length < props.columnDefinitions.length) ||\n props.columnDisplay?.some(col => !col.visible);\n const hasStickyColumns = !!props.stickyColumns?.first || !!props.stickyColumns?.last;\n const baseComponentProps = useBaseComponent(\n 'Table',\n {\n props: {\n contentDensity,\n resizableColumns: props.resizableColumns,\n selectionType: props.selectionType,\n stickyHeader: props.stickyHeader,\n stripedRows: props.stripedRows,\n variant,\n wrapLines: props.wrapLines,\n enableKeyboardNavigation: props.enableKeyboardNavigation,\n totalItemsCount: props.totalItemsCount,\n flowType: analyticsMetadata.flowType,\n cellVerticalAlign,\n },\n metadata: {\n expandableRows: !!props.expandableRows,\n progressiveLoading: !!props.getLoadingStatus,\n inlineEdit: props.columnDefinitions.some(def => !!def.editConfig),\n disabledInlineEdit: props.columnDefinitions.some(def => !!def.editConfig?.disabledReason),\n hasSortableColumns: props.columnDefinitions.some(def => def.sortingField || def.sortingComparator),\n hasHiddenColumns,\n hasStickyColumns,\n hasFilterSlot: !!props.filter,\n hasPaginationSlot: !!props.pagination,\n itemsCount: items.length,\n hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n hasResourceType: Boolean(analyticsMetadata?.resourceType),\n usesVisibleColumns: !!props.visibleColumns,\n usesColumnDisplay: !!props.columnDisplay,\n usesColumnDefinitionsVerticalAlign: props.columnDefinitions.some(\n def => def.verticalAlign !== cellVerticalAlign\n ),\n },\n },\n analyticsMetadata\n );\n\n const analyticsComponentMetadata: GeneratedAnalyticsMetadataTableComponent = {\n name: 'awsui.Table',\n label: { root: 'self' },\n properties: {\n selectionType: props.selectionType || 'none',\n itemsCount: `${items.length}`,\n selectedItemsCount: `${selectedItems.length}`,\n variant,\n },\n };\n\n const sortingColumnId = getSortingColumnId(props.columnDefinitions, props.sortingColumn);\n if (sortingColumnId) {\n analyticsComponentMetadata.properties.sortingColumnId = sortingColumnId;\n analyticsComponentMetadata.properties.sortingDescending = `${props.sortingDescending || false}`;\n }\n\n const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n items,\n selectedItems,\n variant,\n contentDensity,\n firstIndex,\n cellVerticalAlign,\n ...props,\n ...baseComponentProps,\n ref,\n ...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata }),\n };\n\n const collectionPreferencesMetadata = {\n tableContentDensity: contentDensity,\n tableHasStripedRows: !!props.stripedRows,\n tableHasHiddenColumns: hasHiddenColumns,\n tableHasStickyColumns: hasStickyColumns,\n };\n\n if (variant === 'borderless' || variant === 'embedded') {\n return (\n <CollectionPreferencesMetadata.Provider value={collectionPreferencesMetadata}>\n <InternalTable {...tableProps} />\n </CollectionPreferencesMetadata.Provider>\n );\n }\n\n return (\n <CollectionPreferencesMetadata.Provider value={collectionPreferencesMetadata}>\n <AnalyticsFunnelSubStep>\n <InternalTableAsSubstep {...tableProps} />\n </AnalyticsFunnelSubStep>\n </CollectionPreferencesMetadata.Provider>\n );\n }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/resizer/index.tsx"],"names":[],"mappings":";AAiBA,UAAU,YAAY;IACpB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAE5D;AAED,wBAAgB,OAAO,CAAC,EACtB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,QAA+B,EAC/B,QAAQ,EACR,aAAa,EACb,OAAO,EACP,eAAe,GAChB,EAAE,YAAY,eA2Nd;AAED,wBAAgB,aAAa,gBAE5B"}
|