@cloudscape-design/components 3.0.532 → 3.0.534

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.
Files changed (98) hide show
  1. package/date-range-picker/index.d.ts.map +1 -1
  2. package/date-range-picker/index.js +21 -5
  3. package/date-range-picker/index.js.map +1 -1
  4. package/date-range-picker/interfaces.d.ts +16 -0
  5. package/date-range-picker/interfaces.d.ts.map +1 -1
  6. package/date-range-picker/interfaces.js.map +1 -1
  7. package/date-range-picker/styles.css.js +39 -38
  8. package/date-range-picker/styles.scoped.css +51 -46
  9. package/date-range-picker/styles.selectors.js +39 -38
  10. package/date-range-picker/time-offset.js +3 -3
  11. package/date-range-picker/time-offset.js.map +1 -1
  12. package/internal/context/single-tab-stop-navigation-context.js +1 -1
  13. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  14. package/internal/environment.js +1 -1
  15. package/internal/environment.json +1 -1
  16. package/internal/manifest.json +1 -1
  17. package/internal/utils/date-time/format-date-iso.d.ts +7 -0
  18. package/internal/utils/date-time/format-date-iso.d.ts.map +1 -0
  19. package/internal/utils/date-time/format-date-iso.js +8 -0
  20. package/internal/utils/date-time/format-date-iso.js.map +1 -0
  21. package/internal/utils/date-time/format-date-localized.d.ts +8 -0
  22. package/internal/utils/date-time/format-date-localized.d.ts.map +1 -0
  23. package/internal/utils/date-time/format-date-localized.js +32 -0
  24. package/internal/utils/date-time/format-date-localized.js.map +1 -0
  25. package/internal/utils/date-time/format-date-range.d.ts +11 -3
  26. package/internal/utils/date-time/format-date-range.d.ts.map +1 -1
  27. package/internal/utils/date-time/format-date-range.js +30 -5
  28. package/internal/utils/date-time/format-date-range.js.map +1 -1
  29. package/internal/utils/date-time/format-time-offset.d.ts +3 -0
  30. package/internal/utils/date-time/format-time-offset.d.ts.map +1 -0
  31. package/internal/utils/date-time/format-time-offset.js +31 -0
  32. package/internal/utils/date-time/format-time-offset.js.map +1 -0
  33. package/internal/utils/date-time/index.d.ts +1 -1
  34. package/internal/utils/date-time/index.d.ts.map +1 -1
  35. package/internal/utils/date-time/index.js +1 -1
  36. package/internal/utils/date-time/index.js.map +1 -1
  37. package/internal/utils/scrollable-containers.d.ts +1 -1
  38. package/internal/utils/scrollable-containers.js +1 -1
  39. package/internal/utils/scrollable-containers.js.map +1 -1
  40. package/package.json +1 -1
  41. package/table/body-cell/disabled-inline-editor.d.ts.map +1 -1
  42. package/table/body-cell/disabled-inline-editor.js +3 -1
  43. package/table/body-cell/disabled-inline-editor.js.map +1 -1
  44. package/table/body-cell/index.d.ts.map +1 -1
  45. package/table/body-cell/index.js +3 -1
  46. package/table/body-cell/index.js.map +1 -1
  47. package/table/body-cell/styles.css.js +30 -30
  48. package/table/body-cell/styles.scoped.css +101 -77
  49. package/table/body-cell/styles.selectors.js +30 -30
  50. package/table/body-cell/td-element.d.ts.map +1 -1
  51. package/table/body-cell/td-element.js +6 -3
  52. package/table/body-cell/td-element.js.map +1 -1
  53. package/table/header-cell/index.d.ts.map +1 -1
  54. package/table/header-cell/index.js +7 -4
  55. package/table/header-cell/index.js.map +1 -1
  56. package/table/header-cell/styles.css.js +24 -24
  57. package/table/header-cell/styles.scoped.css +80 -38
  58. package/table/header-cell/styles.selectors.js +24 -24
  59. package/table/header-cell/th-element.d.ts +2 -1
  60. package/table/header-cell/th-element.d.ts.map +1 -1
  61. package/table/header-cell/th-element.js +9 -5
  62. package/table/header-cell/th-element.js.map +1 -1
  63. package/table/interfaces.d.ts +5 -0
  64. package/table/interfaces.d.ts.map +1 -1
  65. package/table/interfaces.js.map +1 -1
  66. package/table/internal.d.ts.map +1 -1
  67. package/table/internal.js +53 -45
  68. package/table/internal.js.map +1 -1
  69. package/table/no-data-cell.js +1 -1
  70. package/table/no-data-cell.js.map +1 -1
  71. package/table/resizer/index.d.ts.map +1 -1
  72. package/table/resizer/index.js +4 -2
  73. package/table/resizer/index.js.map +1 -1
  74. package/table/selection/selection-control.d.ts +3 -1
  75. package/table/selection/selection-control.d.ts.map +1 -1
  76. package/table/selection/selection-control.js +2 -2
  77. package/table/selection/selection-control.js.map +1 -1
  78. package/table/table-role/grid-navigation.d.ts.map +1 -1
  79. package/table/table-role/grid-navigation.js +38 -24
  80. package/table/table-role/grid-navigation.js.map +1 -1
  81. package/table/table-role/table-role-helper.d.ts.map +1 -1
  82. package/table/table-role/table-role-helper.js +0 -2
  83. package/table/table-role/table-role-helper.js.map +1 -1
  84. package/table/table-role/utils.d.ts +1 -0
  85. package/table/table-role/utils.d.ts.map +1 -1
  86. package/table/table-role/utils.js +7 -2
  87. package/table/table-role/utils.js.map +1 -1
  88. package/table/thead.d.ts.map +1 -1
  89. package/table/thead.js +2 -2
  90. package/table/thead.js.map +1 -1
  91. package/table/use-table-focus-navigation.d.ts +9 -1
  92. package/table/use-table-focus-navigation.d.ts.map +1 -1
  93. package/table/use-table-focus-navigation.js +3 -3
  94. package/table/use-table-focus-navigation.js.map +1 -1
  95. package/internal/utils/date-time/format-timezone-offset.d.ts +0 -2
  96. package/internal/utils/date-time/format-timezone-offset.d.ts.map +0 -1
  97. package/internal/utils/date-time/format-timezone-offset.js +0 -12
  98. package/internal/utils/date-time/format-timezone-offset.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_body-cell_c6tup_mft2u_93:not(#\9) {
93
+ .awsui_body-cell_c6tup_dct23_93:not(#\9) {
94
94
  box-sizing: border-box;
95
95
  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
96
96
  padding-block-end: calc(
@@ -103,19 +103,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
103
103
  font-weight: inherit;
104
104
  text-align: start;
105
105
  }
106
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_mft2u_106) {
106
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_dct23_93:not(#\9):focus {
107
+ position: relative;
108
+ }
109
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_dct23_93:not(#\9):focus {
110
+ outline: 2px dotted transparent;
111
+ outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
112
+ }
113
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_dct23_93:not(#\9):focus::before {
114
+ content: " ";
115
+ display: block;
116
+ position: absolute;
117
+ inset-inline-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
118
+ inset-block-start: calc(-1 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
119
+ inline-size: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
120
+ block-size: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-7597g1, 4px)));
121
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
122
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
123
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
124
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
125
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
126
+ }
127
+ body[data-awsui-focus-visible=true] .awsui_body-cell_c6tup_dct23_93:not(#\9):focus.awsui_sticky-cell_c6tup_dct23_127 {
128
+ position: sticky;
129
+ }
130
+ .awsui_body-cell_c6tup_dct23_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_dct23_130) {
107
131
  white-space: nowrap;
108
132
  overflow: hidden;
109
133
  text-overflow: ellipsis;
110
134
  }
111
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child {
135
+ .awsui_body-cell_c6tup_dct23_93:not(#\9):first-child {
112
136
  border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
113
137
  }
114
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):last-child {
138
+ .awsui_body-cell_c6tup_dct23_93:not(#\9):last-child {
115
139
  border-inline-end: var(--border-item-width-yel47s, 2px) solid transparent;
116
140
  padding-inline-end: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
117
141
  }
118
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child {
142
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child {
119
143
  /*
120
144
  Striped rows requires additional left padding because the
121
145
  shaded background makes the child content appear too close
@@ -127,64 +151,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
127
151
  that the placeholder border would consume.
128
152
  */
129
153
  }
130
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) {
154
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_dct23_154) {
131
155
  padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
132
156
  }
133
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-editable_c6tup_mft2u_133:hover {
157
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_dct23_154):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-editable_c6tup_dct23_157:hover {
134
158
  padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--border-divider-list-width-27y3k5, 1px));
135
159
  }
136
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_mft2u_130 {
160
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_dct23_154 {
137
161
  padding-inline-start: var(--space-xxs-p8yyaw, 4px);
138
162
  }
139
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_mft2u_139 {
163
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_dct23_163 {
140
164
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
141
165
  }
142
- .awsui_body-cell_c6tup_mft2u_93.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):first-child:not(.awsui_has-selection_c6tup_mft2u_142):not(.awsui_body-cell-editable_c6tup_mft2u_133) {
166
+ .awsui_body-cell_c6tup_dct23_93.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):first-child:not(.awsui_has-selection_c6tup_dct23_166):not(.awsui_body-cell-editable_c6tup_dct23_157) {
143
167
  border-inline-start: none;
144
168
  }
145
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_mft2u_118) {
169
+ .awsui_body-cell_c6tup_dct23_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_dct23_142) {
146
170
  padding-inline-start: calc(var(--space-l-t419sm, 20px) - var(--border-item-width-yel47s, 2px));
147
171
  }
148
- .awsui_body-cell-first-row_c6tup_mft2u_148:not(#\9) {
172
+ .awsui_body-cell-first-row_c6tup_dct23_172:not(#\9) {
149
173
  border-block-start: var(--border-item-width-yel47s, 2px) solid transparent;
150
174
  }
151
- .awsui_body-cell-last-row_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151):not(.awsui_has-footer_c6tup_mft2u_151) {
175
+ .awsui_body-cell-last-row_c6tup_dct23_175:not(#\9):not(.awsui_body-cell-selected_c6tup_dct23_175):not(.awsui_has-footer_c6tup_dct23_175) {
152
176
  border-block-end: var(--border-item-width-yel47s, 2px) solid transparent;
153
177
  }
154
- .awsui_body-cell-last-row_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151).awsui_has-footer_c6tup_mft2u_151 {
178
+ .awsui_body-cell-last-row_c6tup_dct23_175:not(#\9):not(.awsui_body-cell-selected_c6tup_dct23_175).awsui_has-footer_c6tup_dct23_175 {
155
179
  /*
156
180
  Add a bottom border to the body cells of the last row as a separator between the
157
181
  table and the footer
158
182
  */
159
183
  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
160
184
  }
161
- .awsui_body-cell-shaded_c6tup_mft2u_161:not(#\9) {
185
+ .awsui_body-cell-shaded_c6tup_dct23_185:not(#\9) {
162
186
  background: var(--color-background-cell-shaded-7v0jy4, #f8f8f8);
163
187
  }
164
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9) {
188
+ .awsui_body-cell-selected_c6tup_dct23_175:not(#\9) {
165
189
  background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
166
190
  border-block-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
167
191
  border-block-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
168
192
  padding-block-end: var(--space-scaled-xs-26e2du, 8px);
169
193
  }
170
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-last-row_c6tup_mft2u_151.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9) {
194
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-last-row_c6tup_dct23_175.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9) {
171
195
  padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
172
196
  }
173
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):first-child {
197
+ .awsui_body-cell-selected_c6tup_dct23_175:not(#\9):first-child {
174
198
  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
175
199
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
176
200
  border-start-end-radius: 0;
177
201
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
178
202
  border-end-end-radius: 0;
179
203
  }
180
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child {
204
+ .awsui_body-cell-selected_c6tup_dct23_175:not(#\9):last-child {
181
205
  border-inline-end: var(--border-item-width-yel47s, 2px) solid var(--color-border-item-selected-k00wlz, #0972d3);
182
206
  border-start-start-radius: 0;
183
207
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
184
208
  border-end-start-radius: 0;
185
209
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
186
210
  }
187
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
211
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127:not(#\9) {
188
212
  position: sticky;
189
213
  background: var(--color-background-container-content-4un1ap, #ffffff);
190
214
  z-index: 798;
@@ -192,93 +216,93 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
192
216
  transition-duration: var(--motion-duration-transition-show-quick-osg026, 90ms);
193
217
  transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
194
218
  }
195
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-pad-left_c6tup_mft2u_195:not(#\9):not(.awsui_has-selection_c6tup_mft2u_142):not(.awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:first-child.awsui_has-striped-rows_c6tup_mft2u_130) {
219
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell-pad-left_c6tup_dct23_219:not(#\9):not(.awsui_has-selection_c6tup_dct23_166):not(.awsui_is-visual-refresh_c6tup_dct23_142.awsui_body-cell_c6tup_dct23_93:first-child.awsui_has-striped-rows_c6tup_dct23_154) {
196
220
  padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
197
221
  }
198
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-shaded_c6tup_mft2u_161:not(#\9) {
222
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127.awsui_body-cell-shaded_c6tup_dct23_185:not(#\9) {
199
223
  background: var(--color-background-cell-shaded-7v0jy4, #f8f8f8);
200
224
  }
201
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9) {
225
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127.awsui_body-cell-selected_c6tup_dct23_175:not(#\9) {
202
226
  background-color: var(--color-background-item-selected-hcx8l4, #f2f8fd);
203
227
  }
204
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):first-child {
228
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127.awsui_body-cell-selected_c6tup_dct23_175:not(#\9):first-child {
205
229
  box-shadow: 0 0 0 4px var(--color-background-container-content-4un1ap, #ffffff);
206
230
  clip-path: inset(0 0 0 0);
207
231
  }
208
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child {
232
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127.awsui_body-cell-selected_c6tup_dct23_175:not(#\9):last-child {
209
233
  box-shadow: 4px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
210
234
  clip-path: inset(0 0 0 0);
211
235
  }
212
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187.awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_mft2u_212 {
236
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127.awsui_body-cell-selected_c6tup_dct23_175:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_dct23_236 {
213
237
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-4un1ap, #ffffff);
214
238
  clip-path: inset(0 0 0 -24px);
215
239
  }
216
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-last-left_c6tup_mft2u_216:not(#\9) {
240
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell-last-left_c6tup_dct23_240:not(#\9) {
217
241
  box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
218
242
  clip-path: inset(0px -24px 0px 0px);
219
243
  }
220
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell-last-right_c6tup_mft2u_212:not(#\9) {
244
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell-last-right_c6tup_dct23_236:not(#\9) {
221
245
  box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
222
246
  clip-path: inset(0 0 0 -24px);
223
247
  }
224
248
  @media (prefers-reduced-motion: reduce) {
225
- .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
249
+ .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127:not(#\9) {
226
250
  animation: none;
227
251
  transition: none;
228
252
  }
229
253
  }
230
- .awsui-motion-disabled .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_mft2u_93.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
254
+ .awsui-motion-disabled .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_dct23_93.awsui_sticky-cell_c6tup_dct23_127:not(#\9) {
231
255
  animation: none;
232
256
  transition: none;
233
257
  }
234
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):not(:first-child) {
258
+ .awsui_body-cell-selected_c6tup_dct23_175:not(#\9):not(:first-child) {
235
259
  padding-block-start: calc(
236
260
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
237
261
  );
238
262
  }
239
- .awsui_body-cell_c6tup_mft2u_93:not(#\9):not(.awsui_body-cell-selected_c6tup_mft2u_151).awsui_body-cell-next-selected_c6tup_mft2u_239 {
263
+ .awsui_body-cell_c6tup_dct23_93:not(#\9):not(.awsui_body-cell-selected_c6tup_dct23_175).awsui_body-cell-next-selected_c6tup_dct23_263 {
240
264
  border-block-end: 0;
241
265
  padding-block-end: calc(var(--space-scaled-xs-26e2du, 8px) + var(--border-divider-list-width-27y3k5, 1px));
242
266
  }
243
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9) {
267
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-prev-selected_c6tup_dct23_267:not(#\9) {
244
268
  padding-block-start: calc(
245
269
  var(--space-scaled-xs-26e2du, 8px) + (var(--border-item-width-yel47s, 2px) - var(--border-divider-list-width-27y3k5, 1px))
246
270
  );
247
271
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-item-placeholder-h8j85e, #0972d3);
248
272
  }
249
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9) {
273
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-next-selected_c6tup_dct23_263:not(#\9) {
250
274
  border-block-end-width: var(--border-divider-list-width-27y3k5, 1px);
251
275
  }
252
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9):first-child {
276
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-next-selected_c6tup_dct23_263:not(#\9):first-child {
253
277
  border-end-start-radius: 0;
254
278
  }
255
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-next-selected_c6tup_mft2u_239:not(#\9):last-child {
279
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-next-selected_c6tup_dct23_263:not(#\9):last-child {
256
280
  border-end-end-radius: 0;
257
281
  }
258
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9):first-child {
282
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-prev-selected_c6tup_dct23_267:not(#\9):first-child {
259
283
  border-start-start-radius: 0;
260
284
  }
261
- .awsui_body-cell-selected_c6tup_mft2u_151.awsui_body-cell-prev-selected_c6tup_mft2u_243:not(#\9):last-child {
285
+ .awsui_body-cell-selected_c6tup_dct23_175.awsui_body-cell-prev-selected_c6tup_dct23_267:not(#\9):last-child {
262
286
  border-start-end-radius: 0;
263
287
  }
264
- .awsui_body-cell-selected_c6tup_mft2u_151:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_mft2u_243) {
288
+ .awsui_body-cell-selected_c6tup_dct23_175:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_dct23_267) {
265
289
  padding-block-start: var(--space-scaled-xs-26e2du, 8px);
266
290
  }
267
- .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
291
+ .awsui_body-cell-editor_c6tup_dct23_291:not(#\9) {
268
292
  padding-block: 0;
269
293
  padding-inline-start: 0;
270
294
  padding-inline-end: calc(
271
295
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
272
296
  );
273
297
  }
274
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9) {
298
+ .awsui_body-cell-success_c6tup_dct23_298:not(#\9) {
275
299
  padding-block: 0;
276
300
  padding-inline-start: 0;
277
301
  padding-inline-end: calc(calc(
278
302
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
279
303
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px)));
280
304
  }
281
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9), .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
305
+ .awsui_body-cell-success_c6tup_dct23_298:not(#\9), .awsui_body-cell-editor_c6tup_dct23_291:not(#\9) {
282
306
  inset-block: 0;
283
307
  inset-inline-end: 0;
284
308
  position: absolute;
@@ -292,62 +316,62 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
292
316
  border-inline: 0;
293
317
  color: var(--color-text-button-normal-default-mo7k6u, #0972d3);
294
318
  }
295
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9):hover, .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9):hover {
319
+ .awsui_body-cell-success_c6tup_dct23_298:not(#\9):hover, .awsui_body-cell-editor_c6tup_dct23_291:not(#\9):hover {
296
320
  color: var(--color-text-button-normal-hover-04pe0y, #033160);
297
321
  }
298
- .awsui_body-cell-success_c6tup_mft2u_274:not(#\9):active, .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9):active {
322
+ .awsui_body-cell-success_c6tup_dct23_298:not(#\9):active, .awsui_body-cell-editor_c6tup_dct23_291:not(#\9):active {
299
323
  color: var(--color-text-button-normal-active-4it2mv, #033160);
300
324
  }
301
- .awsui_body-cell-success-form_c6tup_mft2u_301:not(#\9), .awsui_body-cell-editor-form_c6tup_mft2u_301:not(#\9) {
325
+ .awsui_body-cell-success-form_c6tup_dct23_325:not(#\9), .awsui_body-cell-editor-form_c6tup_dct23_325:not(#\9) {
302
326
  margin-block: calc(-1 * var(--space-xs-zb16t3, 8px));
303
327
  margin-inline: calc(-1.5 * var(--space-xs-zb16t3, 8px));
304
328
  }
305
- .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_mft2u_130 > .awsui_body-cell-success-form_c6tup_mft2u_301, .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_mft2u_130 > .awsui_body-cell-editor-form_c6tup_mft2u_301 {
329
+ .awsui_is-visual-refresh_c6tup_dct23_142.awsui_body-cell_c6tup_dct23_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_dct23_154 > .awsui_body-cell-success-form_c6tup_dct23_325, .awsui_is-visual-refresh_c6tup_dct23_142.awsui_body-cell_c6tup_dct23_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_dct23_154 > .awsui_body-cell-editor-form_c6tup_dct23_325 {
306
330
  margin-inline-start: calc(-1 * var(--space-xxs-p8yyaw, 4px));
307
331
  }
308
- .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) > .awsui_body-cell-success-form_c6tup_mft2u_301, .awsui_is-visual-refresh_c6tup_mft2u_118.awsui_body-cell_c6tup_mft2u_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_mft2u_130) > .awsui_body-cell-editor-form_c6tup_mft2u_301 {
332
+ .awsui_is-visual-refresh_c6tup_dct23_142.awsui_body-cell_c6tup_dct23_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_dct23_154) > .awsui_body-cell-success-form_c6tup_dct23_325, .awsui_is-visual-refresh_c6tup_dct23_142.awsui_body-cell_c6tup_dct23_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_dct23_154) > .awsui_body-cell-editor-form_c6tup_dct23_325 {
309
333
  margin-inline-start: calc(-1 * var(--space-xxxs-zbmxqb, 2px));
310
334
  }
311
- .awsui_body-cell-success-row_c6tup_mft2u_311:not(#\9), .awsui_body-cell-editor-row_c6tup_mft2u_311:not(#\9) {
335
+ .awsui_body-cell-success-row_c6tup_dct23_335:not(#\9), .awsui_body-cell-editor-row_c6tup_dct23_335:not(#\9) {
312
336
  display: flex;
313
337
  flex-flow: row nowrap;
314
338
  align-items: center;
315
339
  justify-content: space-between;
316
340
  column-gap: var(--space-xxs-p8yyaw, 4px);
317
341
  }
318
- .awsui_body-cell-success-row_c6tup_mft2u_311 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_mft2u_311 > :not(#\9):not(:last-child) {
342
+ .awsui_body-cell-success-row_c6tup_dct23_335 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_dct23_335 > :not(#\9):not(:last-child) {
319
343
  flex-grow: 1;
320
344
  }
321
- .awsui_body-cell-success-controls_c6tup_mft2u_321:not(#\9), .awsui_body-cell-editor-controls_c6tup_mft2u_321:not(#\9) {
345
+ .awsui_body-cell-success-controls_c6tup_dct23_345:not(#\9), .awsui_body-cell-editor-controls_c6tup_dct23_345:not(#\9) {
322
346
  flex-shrink: 0;
323
347
  }
324
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-disabled-edit_c6tup_mft2u_324 > .awsui_body-cell-editor_c6tup_mft2u_267:not(#\9) {
348
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-disabled-edit_c6tup_dct23_348 > .awsui_body-cell-editor_c6tup_dct23_291:not(#\9) {
325
349
  color: var(--color-text-disabled-inline-edit-zrb7bp, #414d5c);
326
350
  }
327
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9) {
351
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9) {
328
352
  position: relative;
329
353
  cursor: pointer;
330
354
  }
331
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
355
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157.awsui_sticky-cell_c6tup_dct23_127:not(#\9) {
332
356
  position: sticky;
333
357
  }
334
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_body-cell-edit-active_c6tup_mft2u_133:not(#\9) {
358
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157.awsui_body-cell-edit-active_c6tup_dct23_157:not(#\9) {
335
359
  overflow: visible;
336
360
  }
337
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133.awsui_body-cell-edit-active_c6tup_mft2u_133.awsui_sticky-cell_c6tup_mft2u_187:not(#\9) {
361
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157.awsui_body-cell-edit-active_c6tup_dct23_157.awsui_sticky-cell_c6tup_dct23_127:not(#\9) {
338
362
  position: sticky;
339
363
  }
340
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133) > .awsui_body-cell-editor_c6tup_mft2u_267 {
364
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157) > .awsui_body-cell-editor_c6tup_dct23_291 {
341
365
  opacity: 0;
342
366
  }
343
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within {
367
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within {
344
368
  position: relative;
345
369
  }
346
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within {
370
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within {
347
371
  outline: 2px dotted transparent;
348
372
  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
349
373
  }
350
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within::before {
374
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within::before {
351
375
  content: " ";
352
376
  display: block;
353
377
  position: absolute;
@@ -361,23 +385,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
361
385
  border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
362
386
  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
363
387
  }
364
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 {
388
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-edit-disabled-popover_c6tup_dct23_388 {
365
389
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
366
390
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
367
391
  }
368
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within.awsui_body-cell-has-success_c6tup_mft2u_368, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364.awsui_body-cell-has-success_c6tup_mft2u_368 {
392
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within.awsui_body-cell-has-success_c6tup_dct23_392, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-edit-disabled-popover_c6tup_dct23_388.awsui_body-cell-has-success_c6tup_dct23_392 {
369
393
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px)));
370
394
  }
371
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within > .awsui_body-cell-editor_c6tup_mft2u_267, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 > .awsui_body-cell-editor_c6tup_mft2u_267 {
395
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within > .awsui_body-cell-editor_c6tup_dct23_291, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-edit-disabled-popover_c6tup_dct23_388 > .awsui_body-cell-editor_c6tup_dct23_291 {
372
396
  opacity: 1;
373
397
  }
374
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within > .awsui_body-cell-success_c6tup_mft2u_274, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364 > .awsui_body-cell-success_c6tup_mft2u_274 {
398
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within > .awsui_body-cell-success_c6tup_dct23_298, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-edit-disabled-popover_c6tup_dct23_388 > .awsui_body-cell-success_c6tup_dct23_298 {
375
399
  opacity: 1;
376
400
  }
377
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):focus-within.awsui_sticky-cell_c6tup_mft2u_187, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133).awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364.awsui_sticky-cell_c6tup_mft2u_187 {
401
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):focus-within.awsui_sticky-cell_c6tup_dct23_127, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157).awsui_body-cell-edit-disabled-popover_c6tup_dct23_388.awsui_sticky-cell_c6tup_dct23_127 {
378
402
  position: sticky;
379
403
  }
380
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover {
404
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover {
381
405
  background-color: var(--color-background-dropdown-item-hover-swsulg, #f4f4f4);
382
406
  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-editable-cell-hover-nqrv6y, #7d8998);
383
407
  border-inline: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-editable-cell-hover-nqrv6y, #7d8998);
@@ -385,45 +409,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
385
409
  position: relative;
386
410
  padding-inline-end: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-l-t419sm, 20px));
387
411
  }
388
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:first-child {
412
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover:first-child {
389
413
  inset-inline: 0;
390
414
  }
391
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-editor_c6tup_mft2u_267 {
415
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover > .awsui_body-cell-editor_c6tup_dct23_291 {
392
416
  padding-inline-end: calc(calc(
393
417
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
394
418
  ) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
395
419
  }
396
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-success_c6tup_mft2u_274 {
420
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover > .awsui_body-cell-success_c6tup_dct23_298 {
397
421
  padding-inline-end: calc(calc(calc(
398
422
  var(--space-xs-zb16t3, 8px) + var(--space-xxs-p8yyaw, 4px)
399
423
  ) + calc(var(--size-icon-normal-0m1722, 16px) + var(--space-xs-zb16t3, 8px))) - (2 * var(--border-divider-list-width-27y3k5, 1px)));
400
424
  }
401
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-last-row_c6tup_mft2u_151.awsui_body-cell-selected_c6tup_mft2u_151, .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-next-selected_c6tup_mft2u_239 {
425
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-last-row_c6tup_dct23_175.awsui_body-cell-selected_c6tup_dct23_175, .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-next-selected_c6tup_dct23_263 {
402
426
  padding-block: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px) / 2));
403
427
  }
404
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-last-row_c6tup_mft2u_151:not(.awsui_body-cell-selected_c6tup_mft2u_151) {
428
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-last-row_c6tup_dct23_175:not(.awsui_body-cell-selected_c6tup_dct23_175) {
405
429
  padding-block-start: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
406
430
  }
407
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148:not(.awsui_body-cell-selected_c6tup_mft2u_151) {
431
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-first-row_c6tup_dct23_172:not(.awsui_body-cell-selected_c6tup_dct23_175) {
408
432
  padding-block: calc(var(--space-scaled-xs-26e2du, 8px) - calc(var(--border-divider-list-width-27y3k5, 1px)));
409
433
  }
410
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_sticky-cell_c6tup_mft2u_187 {
434
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_sticky-cell_c6tup_dct23_127 {
411
435
  position: sticky;
412
436
  }
413
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-editor_c6tup_mft2u_267 {
437
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover > .awsui_body-cell-editor_c6tup_dct23_291 {
414
438
  opacity: 1;
415
439
  }
416
- .awsui_body-cell_c6tup_mft2u_93.awsui_body-cell-editable_c6tup_mft2u_133:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover > .awsui_body-cell-success_c6tup_mft2u_274 {
440
+ .awsui_body-cell_c6tup_dct23_93.awsui_body-cell-editable_c6tup_dct23_157:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover > .awsui_body-cell-success_c6tup_dct23_298 {
417
441
  opacity: 1;
418
442
  }
419
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:first-child {
443
+ .awsui_body-cell-editable_c6tup_dct23_157.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover:first-child {
420
444
  border-start-start-radius: var(--border-radius-item-05df9h, 8px);
421
445
  border-end-start-radius: var(--border-radius-item-05df9h, 8px);
422
446
  }
423
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover:last-child {
447
+ .awsui_body-cell-editable_c6tup_dct23_157.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover:last-child {
424
448
  border-start-end-radius: var(--border-radius-item-05df9h, 8px);
425
449
  border-end-end-radius: var(--border-radius-item-05df9h, 8px);
426
450
  }
427
- .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148 > .awsui_body-cell-success_c6tup_mft2u_274, .awsui_body-cell-editable_c6tup_mft2u_133.awsui_is-visual-refresh_c6tup_mft2u_118:not(#\9):not(.awsui_body-cell-edit-active_c6tup_mft2u_133):hover.awsui_body-cell-first-row_c6tup_mft2u_148 > .awsui_body-cell-editor_c6tup_mft2u_267 {
451
+ .awsui_body-cell-editable_c6tup_dct23_157.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-first-row_c6tup_dct23_172 > .awsui_body-cell-success_c6tup_dct23_298, .awsui_body-cell-editable_c6tup_dct23_157.awsui_is-visual-refresh_c6tup_dct23_142:not(#\9):not(.awsui_body-cell-edit-active_c6tup_dct23_157):hover.awsui_body-cell-first-row_c6tup_dct23_172 > .awsui_body-cell-editor_c6tup_dct23_291 {
428
452
  padding-block-start: var(--border-divider-list-width-27y3k5, 1px);
429
453
  }
@@ -2,35 +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
- "body-cell": "awsui_body-cell_c6tup_mft2u_93",
6
- "body-cell-wrap": "awsui_body-cell-wrap_c6tup_mft2u_106",
7
- "is-visual-refresh": "awsui_is-visual-refresh_c6tup_mft2u_118",
8
- "has-striped-rows": "awsui_has-striped-rows_c6tup_mft2u_130",
9
- "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_mft2u_133",
10
- "body-cell-editable": "awsui_body-cell-editable_c6tup_mft2u_133",
11
- "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_mft2u_139",
12
- "has-selection": "awsui_has-selection_c6tup_mft2u_142",
13
- "body-cell-first-row": "awsui_body-cell-first-row_c6tup_mft2u_148",
14
- "body-cell-last-row": "awsui_body-cell-last-row_c6tup_mft2u_151",
15
- "body-cell-selected": "awsui_body-cell-selected_c6tup_mft2u_151",
16
- "has-footer": "awsui_has-footer_c6tup_mft2u_151",
17
- "body-cell-shaded": "awsui_body-cell-shaded_c6tup_mft2u_161",
18
- "sticky-cell": "awsui_sticky-cell_c6tup_mft2u_187",
19
- "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_mft2u_195",
20
- "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_mft2u_212",
21
- "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_mft2u_216",
22
- "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_mft2u_239",
23
- "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_mft2u_243",
24
- "body-cell-editor": "awsui_body-cell-editor_c6tup_mft2u_267",
25
- "body-cell-success": "awsui_body-cell-success_c6tup_mft2u_274",
26
- "body-cell-success-form": "awsui_body-cell-success-form_c6tup_mft2u_301",
27
- "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_mft2u_301",
28
- "body-cell-success-row": "awsui_body-cell-success-row_c6tup_mft2u_311",
29
- "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_mft2u_311",
30
- "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_mft2u_321",
31
- "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_mft2u_321",
32
- "body-cell-disabled-edit": "awsui_body-cell-disabled-edit_c6tup_mft2u_324",
33
- "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_mft2u_364",
34
- "body-cell-has-success": "awsui_body-cell-has-success_c6tup_mft2u_368"
5
+ "body-cell": "awsui_body-cell_c6tup_dct23_93",
6
+ "sticky-cell": "awsui_sticky-cell_c6tup_dct23_127",
7
+ "body-cell-wrap": "awsui_body-cell-wrap_c6tup_dct23_130",
8
+ "is-visual-refresh": "awsui_is-visual-refresh_c6tup_dct23_142",
9
+ "has-striped-rows": "awsui_has-striped-rows_c6tup_dct23_154",
10
+ "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_dct23_157",
11
+ "body-cell-editable": "awsui_body-cell-editable_c6tup_dct23_157",
12
+ "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_dct23_163",
13
+ "has-selection": "awsui_has-selection_c6tup_dct23_166",
14
+ "body-cell-first-row": "awsui_body-cell-first-row_c6tup_dct23_172",
15
+ "body-cell-last-row": "awsui_body-cell-last-row_c6tup_dct23_175",
16
+ "body-cell-selected": "awsui_body-cell-selected_c6tup_dct23_175",
17
+ "has-footer": "awsui_has-footer_c6tup_dct23_175",
18
+ "body-cell-shaded": "awsui_body-cell-shaded_c6tup_dct23_185",
19
+ "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_dct23_219",
20
+ "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_dct23_236",
21
+ "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_dct23_240",
22
+ "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_dct23_263",
23
+ "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_dct23_267",
24
+ "body-cell-editor": "awsui_body-cell-editor_c6tup_dct23_291",
25
+ "body-cell-success": "awsui_body-cell-success_c6tup_dct23_298",
26
+ "body-cell-success-form": "awsui_body-cell-success-form_c6tup_dct23_325",
27
+ "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_dct23_325",
28
+ "body-cell-success-row": "awsui_body-cell-success-row_c6tup_dct23_335",
29
+ "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_dct23_335",
30
+ "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_dct23_345",
31
+ "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_dct23_345",
32
+ "body-cell-disabled-edit": "awsui_body-cell-disabled-edit_c6tup_dct23_348",
33
+ "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_dct23_388",
34
+ "body-cell-has-success": "awsui_body-cell-has-success_c6tup_dct23_392"
35
35
  };
36
36
 
@@ -1 +1 @@
1
- {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AAGjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,kGAsE1B,CAAC"}
1
+ {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,kBAAkB,EAAuB,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAyB,MAAM,eAAe,CAAC;AAIjE,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,WAAW,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,kGAyE1B,CAAC"}
@@ -1,12 +1,13 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import clsx from 'clsx';
4
- import React from 'react';
4
+ import React, { useRef } from 'react';
5
5
  import styles from './styles.css.js';
6
6
  import { getStickyClassNames } from '../utils';
7
7
  import { useStickyCellStyles } from '../sticky-columns';
8
8
  import { getTableCellRoleProps } from '../table-role';
9
9
  import { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';
10
+ import { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';
10
11
  export const TableTdElement = React.forwardRef(({ className, style, children, wrapLines, isRowHeader, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onMouseEnter, onMouseLeave, isEvenRow, stripedRows, isVisualRefresh, hasSelection, hasFooter, columnId, colIndex, stickyState, tableRole, }, ref) => {
11
12
  const Element = isRowHeader ? 'th' : 'td';
12
13
  nativeAttributes = Object.assign(Object.assign({}, nativeAttributes), getTableCellRoleProps({ tableRole, isRowHeader, colIndex }));
@@ -15,7 +16,9 @@ export const TableTdElement = React.forwardRef(({ className, style, children, wr
15
16
  columnId,
16
17
  getClassName: props => getStickyClassNames(styles, props),
17
18
  });
18
- const mergedRef = useMergeRefs(stickyStyles.ref, ref);
19
- return (React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, style), stickyStyles.style), className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], stickyStyles.className), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: mergedRef }, nativeAttributes), children));
19
+ const cellRefObject = useRef(null);
20
+ const mergedRef = useMergeRefs(stickyStyles.ref, ref, cellRefObject);
21
+ const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);
22
+ return (React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, style), stickyStyles.style), className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer'], stickyStyles.className), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: mergedRef }, nativeAttributes, { tabIndex: cellTabIndex }), children));
20
23
  });
21
24
  //# sourceMappingURL=td-element.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"td-element.js","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAa,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AA+B5E,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1C,gBAAgB,mCAAQ,gBAAgB,GAAK,qBAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAE,CAAC;IAE3G,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ;QACR,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1D,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,OAAO,kBACN,KAAK,kCAAO,KAAK,GAAK,YAAY,CAAC,KAAK,GACxC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,YAAY,CAAC,SAAS,CACvB,EACD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,SAAS,IACV,gBAAgB,GAEnB,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport styles from './styles.css.js';\nimport { getStickyClassNames } from '../utils';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { TableRole, getTableCellRoleProps } from '../table-role';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';\n\nexport interface TableTdElementProps {\n className?: string;\n style?: React.CSSProperties;\n wrapLines: boolean | undefined;\n isRowHeader?: boolean;\n isFirstRow: boolean;\n isLastRow: boolean;\n isSelected: boolean;\n isNextSelected: boolean;\n isPrevSelected: boolean;\n nativeAttributes?: Omit<\n React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n 'style' | 'className' | 'onClick'\n >;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n children?: React.ReactNode;\n isEvenRow?: boolean;\n stripedRows?: boolean;\n hasSelection?: boolean;\n hasFooter?: boolean;\n columnId: PropertyKey;\n colIndex: number;\n stickyState: StickyColumnsModel;\n isVisualRefresh?: boolean;\n tableRole: TableRole;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n (\n {\n className,\n style,\n children,\n wrapLines,\n isRowHeader,\n isFirstRow,\n isLastRow,\n isSelected,\n isNextSelected,\n isPrevSelected,\n nativeAttributes,\n onClick,\n onMouseEnter,\n onMouseLeave,\n isEvenRow,\n stripedRows,\n isVisualRefresh,\n hasSelection,\n hasFooter,\n columnId,\n colIndex,\n stickyState,\n tableRole,\n },\n ref\n ) => {\n const Element = isRowHeader ? 'th' : 'td';\n\n nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\n\n const stickyStyles = useStickyCellStyles({\n stickyColumns: stickyState,\n columnId,\n getClassName: props => getStickyClassNames(styles, props),\n });\n\n const mergedRef = useMergeRefs(stickyStyles.ref, ref);\n\n return (\n <Element\n style={{ ...style, ...stickyStyles.style }}\n className={clsx(\n className,\n styles['body-cell'],\n wrapLines && styles['body-cell-wrap'],\n isFirstRow && styles['body-cell-first-row'],\n isLastRow && styles['body-cell-last-row'],\n isSelected && styles['body-cell-selected'],\n isNextSelected && styles['body-cell-next-selected'],\n isPrevSelected && styles['body-cell-prev-selected'],\n !isEvenRow && stripedRows && styles['body-cell-shaded'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n hasSelection && styles['has-selection'],\n hasFooter && styles['has-footer'],\n stickyStyles.className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={mergedRef}\n {...nativeAttributes}\n >\n {children}\n </Element>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"td-element.js","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAsB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAa,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAC;AA+B1G,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,WAAW,EACX,eAAe,EACf,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,GACV,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE1C,gBAAgB,mCAAQ,gBAAgB,GAAK,qBAAqB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAE,CAAC;IAE3G,MAAM,YAAY,GAAG,mBAAmB,CAAC;QACvC,aAAa,EAAE,WAAW;QAC1B,QAAQ;QACR,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,KAAK,CAAC;KAC1D,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,GAAG,EAAE,GAAG,EAAE,aAAa,CAAC,CAAC;IACrE,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,0BAA0B,CAAC,aAAa,CAAC,CAAC;IAE7E,OAAO,CACL,oBAAC,OAAO,kBACN,KAAK,kCAAO,KAAK,GAAK,YAAY,CAAC,KAAK,GACxC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,EACjC,YAAY,CAAC,SAAS,CACvB,EACD,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,SAAS,IACV,gBAAgB,IACpB,QAAQ,EAAE,YAAY,KAErB,QAAQ,CACD,CACX,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport styles from './styles.css.js';\nimport { getStickyClassNames } from '../utils';\nimport { StickyColumnsModel, useStickyCellStyles } from '../sticky-columns';\nimport { TableRole, getTableCellRoleProps } from '../table-role';\nimport { useMergeRefs } from '../../internal/hooks/use-merge-refs/index.js';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context.js';\n\nexport interface TableTdElementProps {\n className?: string;\n style?: React.CSSProperties;\n wrapLines: boolean | undefined;\n isRowHeader?: boolean;\n isFirstRow: boolean;\n isLastRow: boolean;\n isSelected: boolean;\n isNextSelected: boolean;\n isPrevSelected: boolean;\n nativeAttributes?: Omit<\n React.TdHTMLAttributes<HTMLTableCellElement> | React.ThHTMLAttributes<HTMLTableCellElement>,\n 'style' | 'className' | 'onClick'\n >;\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n children?: React.ReactNode;\n isEvenRow?: boolean;\n stripedRows?: boolean;\n hasSelection?: boolean;\n hasFooter?: boolean;\n columnId: PropertyKey;\n colIndex: number;\n stickyState: StickyColumnsModel;\n isVisualRefresh?: boolean;\n tableRole: TableRole;\n}\n\nexport const TableTdElement = React.forwardRef<HTMLTableCellElement, TableTdElementProps>(\n (\n {\n className,\n style,\n children,\n wrapLines,\n isRowHeader,\n isFirstRow,\n isLastRow,\n isSelected,\n isNextSelected,\n isPrevSelected,\n nativeAttributes,\n onClick,\n onMouseEnter,\n onMouseLeave,\n isEvenRow,\n stripedRows,\n isVisualRefresh,\n hasSelection,\n hasFooter,\n columnId,\n colIndex,\n stickyState,\n tableRole,\n },\n ref\n ) => {\n const Element = isRowHeader ? 'th' : 'td';\n\n nativeAttributes = { ...nativeAttributes, ...getTableCellRoleProps({ tableRole, isRowHeader, colIndex }) };\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, ref, cellRefObject);\n const { tabIndex: cellTabIndex } = useSingleTabStopNavigation(cellRefObject);\n\n return (\n <Element\n style={{ ...style, ...stickyStyles.style }}\n className={clsx(\n className,\n styles['body-cell'],\n wrapLines && styles['body-cell-wrap'],\n isFirstRow && styles['body-cell-first-row'],\n isLastRow && styles['body-cell-last-row'],\n isSelected && styles['body-cell-selected'],\n isNextSelected && styles['body-cell-next-selected'],\n isPrevSelected && styles['body-cell-prev-selected'],\n !isEvenRow && stripedRows && styles['body-cell-shaded'],\n stripedRows && styles['has-striped-rows'],\n isVisualRefresh && styles['is-visual-refresh'],\n hasSelection && styles['has-selection'],\n hasFooter && styles['has-footer'],\n stickyStyles.className\n )}\n onClick={onClick}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n ref={mergedRef}\n {...nativeAttributes}\n tabIndex={cellTabIndex}\n >\n {children}\n </Element>\n );\n }\n);\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eA8FhC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,UAAU,oBAAoB,CAAC,QAAQ;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,WAAW,CAAC;IACtB,WAAW,EAAE,kBAAkB,CAAC;IAChC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,EACxC,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,MAAM,EACN,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,WAAW,EACX,OAAO,EACP,SAAS,EACT,sBAAsB,GACvB,EAAE,oBAAoB,CAAC,QAAQ,CAAC,eAmGhC"}