@cloudscape-design/components-themeable 3.0.510 → 3.0.512

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 (231) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/internal/styles/utils/styles-reset.scss +24 -2
  3. package/lib/internal/template/alert/styles.css.js +25 -25
  4. package/lib/internal/template/alert/styles.scoped.css +45 -51
  5. package/lib/internal/template/alert/styles.selectors.js +25 -25
  6. package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
  7. package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -24
  8. package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
  9. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  10. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -35
  11. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  12. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +80 -80
  13. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +175 -181
  14. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +80 -80
  15. package/lib/internal/template/attribute-editor/styles.css.js +14 -14
  16. package/lib/internal/template/attribute-editor/styles.scoped.css +27 -30
  17. package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
  18. package/lib/internal/template/badge/styles.css.js +5 -5
  19. package/lib/internal/template/badge/styles.scoped.css +8 -11
  20. package/lib/internal/template/badge/styles.selectors.js +5 -5
  21. package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
  22. package/lib/internal/template/breadcrumb-group/styles.scoped.css +18 -24
  23. package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
  24. package/lib/internal/template/button/styles.css.js +20 -20
  25. package/lib/internal/template/button/styles.scoped.css +154 -157
  26. package/lib/internal/template/button/styles.selectors.js +20 -20
  27. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  28. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
  29. package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  30. package/lib/internal/template/calendar/styles.css.js +18 -18
  31. package/lib/internal/template/calendar/styles.scoped.css +41 -44
  32. package/lib/internal/template/calendar/styles.selectors.js +18 -18
  33. package/lib/internal/template/cards/styles.css.js +39 -39
  34. package/lib/internal/template/cards/styles.scoped.css +52 -55
  35. package/lib/internal/template/cards/styles.selectors.js +39 -39
  36. package/lib/internal/template/checkbox/styles.css.js +3 -3
  37. package/lib/internal/template/checkbox/styles.scoped.css +8 -11
  38. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  39. package/lib/internal/template/code-editor/styles.css.js +32 -32
  40. package/lib/internal/template/code-editor/styles.scoped.css +180 -183
  41. package/lib/internal/template/code-editor/styles.selectors.js +32 -32
  42. package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
  43. package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +20 -23
  44. package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
  45. package/lib/internal/template/collection-preferences/styles.css.js +37 -37
  46. package/lib/internal/template/collection-preferences/styles.scoped.css +47 -50
  47. package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
  48. package/lib/internal/template/column-layout/styles.css.js +13 -13
  49. package/lib/internal/template/column-layout/styles.scoped.css +46 -49
  50. package/lib/internal/template/column-layout/styles.selectors.js +13 -13
  51. package/lib/internal/template/container/styles.css.js +29 -29
  52. package/lib/internal/template/container/styles.scoped.css +55 -58
  53. package/lib/internal/template/container/styles.selectors.js +29 -29
  54. package/lib/internal/template/date-picker/styles.css.js +7 -7
  55. package/lib/internal/template/date-picker/styles.scoped.css +12 -15
  56. package/lib/internal/template/date-picker/styles.selectors.js +7 -7
  57. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  58. package/lib/internal/template/date-range-picker/styles.scoped.css +49 -52
  59. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  60. package/lib/internal/template/drawer/styles.css.js +3 -3
  61. package/lib/internal/template/drawer/styles.scoped.css +11 -14
  62. package/lib/internal/template/drawer/styles.selectors.js +3 -3
  63. package/lib/internal/template/expandable-section/styles.css.js +32 -32
  64. package/lib/internal/template/expandable-section/styles.scoped.css +65 -68
  65. package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
  66. package/lib/internal/template/flashbar/styles.css.js +47 -47
  67. package/lib/internal/template/flashbar/styles.scoped.css +149 -152
  68. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  69. package/lib/internal/template/form/styles.css.js +9 -9
  70. package/lib/internal/template/form/styles.scoped.css +11 -14
  71. package/lib/internal/template/form/styles.selectors.js +9 -9
  72. package/lib/internal/template/form-field/styles.css.js +19 -19
  73. package/lib/internal/template/form-field/styles.scoped.css +32 -35
  74. package/lib/internal/template/form-field/styles.selectors.js +19 -19
  75. package/lib/internal/template/grid/styles.css.js +53 -53
  76. package/lib/internal/template/grid/styles.scoped.css +57 -60
  77. package/lib/internal/template/grid/styles.selectors.js +53 -53
  78. package/lib/internal/template/header/styles.css.js +34 -34
  79. package/lib/internal/template/header/styles.scoped.css +53 -56
  80. package/lib/internal/template/header/styles.selectors.js +34 -34
  81. package/lib/internal/template/help-panel/styles.css.js +4 -4
  82. package/lib/internal/template/help-panel/styles.scoped.css +66 -69
  83. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  84. package/lib/internal/template/input/styles.css.js +12 -12
  85. package/lib/internal/template/input/styles.scoped.css +33 -36
  86. package/lib/internal/template/input/styles.selectors.js +12 -12
  87. package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
  88. package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +27 -30
  89. package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
  90. package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
  91. package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +6 -9
  92. package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
  93. package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
  94. package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -21
  95. package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
  96. package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
  97. package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +6 -9
  98. package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
  99. package/lib/internal/template/internal/components/chart-series-details/styles.css.js +20 -20
  100. package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +42 -51
  101. package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +20 -20
  102. package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
  103. package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +10 -13
  104. package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
  105. package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
  106. package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +12 -15
  107. package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
  108. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  109. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -41
  110. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  111. package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
  112. package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +6 -9
  113. package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
  114. package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
  115. package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +5 -8
  116. package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
  117. package/lib/internal/template/internal/components/focus-lock/utils.d.ts +1 -0
  118. package/lib/internal/template/internal/components/focus-lock/utils.d.ts.map +1 -1
  119. package/lib/internal/template/internal/components/focus-lock/utils.js +4 -3
  120. package/lib/internal/template/internal/components/focus-lock/utils.js.map +1 -1
  121. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  122. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +16 -19
  123. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  124. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  125. package/lib/internal/template/internal/components/option/styles.scoped.css +32 -35
  126. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  127. package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
  128. package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -8
  129. package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
  130. package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
  131. package/lib/internal/template/internal/components/token-list/styles.scoped.css +23 -26
  132. package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
  133. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts +9 -4
  134. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
  135. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js +15 -5
  136. package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  137. package/lib/internal/template/internal/environment.js +1 -1
  138. package/lib/internal/template/internal/environment.json +1 -1
  139. package/lib/internal/template/internal/utils/scrollable-containers.d.ts +2 -1
  140. package/lib/internal/template/internal/utils/scrollable-containers.d.ts.map +1 -1
  141. package/lib/internal/template/internal/utils/scrollable-containers.js +11 -2
  142. package/lib/internal/template/internal/utils/scrollable-containers.js.map +1 -1
  143. package/lib/internal/template/link/styles.css.js +20 -20
  144. package/lib/internal/template/link/styles.scoped.css +74 -77
  145. package/lib/internal/template/link/styles.selectors.js +20 -20
  146. package/lib/internal/template/modal/styles.css.js +23 -23
  147. package/lib/internal/template/modal/styles.scoped.css +44 -50
  148. package/lib/internal/template/modal/styles.selectors.js +23 -23
  149. package/lib/internal/template/multiselect/styles.css.js +2 -2
  150. package/lib/internal/template/multiselect/styles.scoped.css +5 -8
  151. package/lib/internal/template/multiselect/styles.selectors.js +2 -2
  152. package/lib/internal/template/pagination/styles.css.js +9 -9
  153. package/lib/internal/template/pagination/styles.scoped.css +26 -29
  154. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  155. package/lib/internal/template/popover/styles.css.js +50 -50
  156. package/lib/internal/template/popover/styles.scoped.css +72 -81
  157. package/lib/internal/template/popover/styles.selectors.js +50 -50
  158. package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
  159. package/lib/internal/template/popover/use-popover-position.js +4 -2
  160. package/lib/internal/template/popover/use-popover-position.js.map +1 -1
  161. package/lib/internal/template/progress-bar/styles.css.js +18 -18
  162. package/lib/internal/template/progress-bar/styles.scoped.css +35 -38
  163. package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
  164. package/lib/internal/template/property-filter/styles.css.js +31 -31
  165. package/lib/internal/template/property-filter/styles.scoped.css +36 -39
  166. package/lib/internal/template/property-filter/styles.selectors.js +31 -31
  167. package/lib/internal/template/radio-group/styles.css.js +9 -9
  168. package/lib/internal/template/radio-group/styles.scoped.css +18 -21
  169. package/lib/internal/template/radio-group/styles.selectors.js +9 -9
  170. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  171. package/lib/internal/template/segmented-control/styles.scoped.css +36 -39
  172. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  173. package/lib/internal/template/select/styles.css.js +1 -1
  174. package/lib/internal/template/select/styles.scoped.css +4 -7
  175. package/lib/internal/template/select/styles.selectors.js +1 -1
  176. package/lib/internal/template/side-navigation/styles.css.js +28 -28
  177. package/lib/internal/template/side-navigation/styles.scoped.css +41 -44
  178. package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
  179. package/lib/internal/template/split-panel/styles.css.js +55 -55
  180. package/lib/internal/template/split-panel/styles.scoped.css +78 -81
  181. package/lib/internal/template/split-panel/styles.selectors.js +55 -55
  182. package/lib/internal/template/table/resizer/styles.css.js +8 -8
  183. package/lib/internal/template/table/resizer/styles.scoped.css +17 -20
  184. package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
  185. package/lib/internal/template/table/table-role/grid-navigation.d.ts.map +1 -1
  186. package/lib/internal/template/table/table-role/grid-navigation.js +73 -41
  187. package/lib/internal/template/table/table-role/grid-navigation.js.map +1 -1
  188. package/lib/internal/template/table/table-role/utils.d.ts +1 -16
  189. package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
  190. package/lib/internal/template/table/table-role/utils.js +0 -53
  191. package/lib/internal/template/table/table-role/utils.js.map +1 -1
  192. package/lib/internal/template/tabs/styles.css.js +21 -21
  193. package/lib/internal/template/tabs/styles.scoped.css +42 -45
  194. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  195. package/lib/internal/template/text-content/styles.css.js +1 -1
  196. package/lib/internal/template/text-content/styles.scoped.css +63 -66
  197. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  198. package/lib/internal/template/text-filter/styles.css.js +3 -3
  199. package/lib/internal/template/text-filter/styles.scoped.css +6 -9
  200. package/lib/internal/template/text-filter/styles.selectors.js +3 -3
  201. package/lib/internal/template/textarea/styles.css.js +4 -4
  202. package/lib/internal/template/textarea/styles.scoped.css +15 -18
  203. package/lib/internal/template/textarea/styles.selectors.js +4 -4
  204. package/lib/internal/template/tiles/styles.css.js +29 -29
  205. package/lib/internal/template/tiles/styles.scoped.css +76 -82
  206. package/lib/internal/template/tiles/styles.selectors.js +29 -29
  207. package/lib/internal/template/toggle/styles.css.js +8 -8
  208. package/lib/internal/template/toggle/styles.scoped.css +16 -19
  209. package/lib/internal/template/toggle/styles.selectors.js +8 -8
  210. package/lib/internal/template/token-group/styles.css.js +8 -8
  211. package/lib/internal/template/token-group/styles.scoped.css +19 -22
  212. package/lib/internal/template/token-group/styles.selectors.js +8 -8
  213. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  214. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -48
  215. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  216. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  217. package/lib/internal/template/top-navigation/styles.scoped.css +75 -84
  218. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  219. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  220. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
  221. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  222. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  223. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
  224. package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  225. package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
  226. package/lib/internal/template/tutorial-panel/styles.scoped.css +4 -7
  227. package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
  228. package/lib/internal/template/wizard/styles.css.js +31 -31
  229. package/lib/internal/template/wizard/styles.scoped.css +65 -68
  230. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  231. package/package.json +1 -1
@@ -1,22 +1,8 @@
1
- /**
2
- * Makes all element focusable children pseudo-focusable unless the grid navigation is suppressed.
3
- */
4
- export declare function muteElementFocusables(element: HTMLElement, suppressed: boolean): void;
5
- /**
6
- * This cleanup code ensures all cells are no longer focusable but the interactive elements are.
7
- * Currently there are no use cases for it as we don't expect the navigation to be used conditionally.
8
- */
9
- export declare function restoreElementFocusables(element: HTMLTableElement): void;
10
1
  /**
11
2
  * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.
12
3
  * This is used to suppress navigation for interactive content without a need to use a custom suppression check.
13
4
  */
14
- export declare function defaultIsSuppressed(target: HTMLElement): boolean;
15
- /**
16
- * Returns actually focusable or pseudo-focusable elements to find navigation targets.
17
- */
18
- export declare function getFocusables(element: HTMLElement): HTMLElement[];
19
- export declare function getFirstFocusable(element: HTMLElement): HTMLElement | null;
5
+ export declare function defaultIsSuppressed(target: Element): boolean;
20
6
  /**
21
7
  * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.
22
8
  */
@@ -25,5 +11,4 @@ export declare function findTableRowByAriaRowIndex(table: HTMLTableElement, targ
25
11
  * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.
26
12
  */
27
13
  export declare function findTableRowCellByAriaColIndex(tableRow: HTMLTableRowElement, targetAriaColIndex: number, delta: number): HTMLTableCellElement | null;
28
- export declare function setTabIndex(element: null | HTMLElement, tabIndex: number): void;
29
14
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAUA;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,QAiB9E;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,gBAAgB,QAQjE;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,WAiBtD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,WAAW,iBAEjD;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,sBAErD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,EAAE,QAAQ,EAAE,MAAM,QAIxE"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAiBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd"}
@@ -1,44 +1,5 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import { getFocusables as getActualFocusables } from '../../internal/components/focus-lock/utils';
4
- // For the grid to have a single Tab stop all interactive element indices are updated to be -999.
5
- // The elements having tab index -999 are eligible for keyboard navigation but not for Tab navigation.
6
- const PSEUDO_FOCUSABLE_TAB_INDEX = -999;
7
- const FOCUSABLES_SELECTOR = `[tabIndex="0"],[tabIndex="${PSEUDO_FOCUSABLE_TAB_INDEX}"]`;
8
- /**
9
- * Makes all element focusable children pseudo-focusable unless the grid navigation is suppressed.
10
- */
11
- export function muteElementFocusables(element, suppressed) {
12
- // When grid navigation is suppressed all interactive elements and all cells focus is unmuted to unblock Tab navigation.
13
- // Leaving the interactive widget using Tab navigation moves the focus to the current or adjacent cell and un-suppresses
14
- // the navigation when implemented correctly.
15
- if (suppressed) {
16
- for (const focusable of getFocusables(element)) {
17
- setTabIndex(focusable, 0);
18
- }
19
- return;
20
- }
21
- // Assigning pseudo-focusable tab index to all cells and all interactive elements makes them focusable with grid navigation.
22
- for (const focusable of getActualFocusables(element)) {
23
- if (focusable !== document.activeElement) {
24
- setTabIndex(focusable, PSEUDO_FOCUSABLE_TAB_INDEX);
25
- }
26
- }
27
- }
28
- /**
29
- * This cleanup code ensures all cells are no longer focusable but the interactive elements are.
30
- * Currently there are no use cases for it as we don't expect the navigation to be used conditionally.
31
- */
32
- export function restoreElementFocusables(element) {
33
- for (const focusable of getFocusables(element)) {
34
- if (focusable instanceof HTMLTableCellElement) {
35
- setTabIndex(focusable, -1);
36
- }
37
- else {
38
- setTabIndex(focusable, 0);
39
- }
40
- }
41
- }
42
3
  /**
43
4
  * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.
44
5
  * This is used to suppress navigation for interactive content without a need to use a custom suppression check.
@@ -59,15 +20,6 @@ export function defaultIsSuppressed(target) {
59
20
  }
60
21
  return false;
61
22
  }
62
- /**
63
- * Returns actually focusable or pseudo-focusable elements to find navigation targets.
64
- */
65
- export function getFocusables(element) {
66
- return Array.from(element.querySelectorAll(FOCUSABLES_SELECTOR));
67
- }
68
- export function getFirstFocusable(element) {
69
- return element.querySelector(FOCUSABLES_SELECTOR);
70
- }
71
23
  /**
72
24
  * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.
73
25
  */
@@ -118,9 +70,4 @@ export function findTableRowCellByAriaColIndex(tableRow, targetAriaColIndex, del
118
70
  }
119
71
  return targetCell;
120
72
  }
121
- export function setTabIndex(element, tabIndex) {
122
- if (element && element.tabIndex !== tabIndex) {
123
- element.tabIndex = tabIndex;
124
- }
125
- }
126
73
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { getFocusables as getActualFocusables } from '../../internal/components/focus-lock/utils';\n\n// For the grid to have a single Tab stop all interactive element indices are updated to be -999.\n// The elements having tab index -999 are eligible for keyboard navigation but not for Tab navigation.\nconst PSEUDO_FOCUSABLE_TAB_INDEX = -999;\nconst FOCUSABLES_SELECTOR = `[tabIndex=\"0\"],[tabIndex=\"${PSEUDO_FOCUSABLE_TAB_INDEX}\"]`;\n\n/**\n * Makes all element focusable children pseudo-focusable unless the grid navigation is suppressed.\n */\nexport function muteElementFocusables(element: HTMLElement, suppressed: boolean) {\n // When grid navigation is suppressed all interactive elements and all cells focus is unmuted to unblock Tab navigation.\n // Leaving the interactive widget using Tab navigation moves the focus to the current or adjacent cell and un-suppresses\n // the navigation when implemented correctly.\n if (suppressed) {\n for (const focusable of getFocusables(element)) {\n setTabIndex(focusable, 0);\n }\n return;\n }\n\n // Assigning pseudo-focusable tab index to all cells and all interactive elements makes them focusable with grid navigation.\n for (const focusable of getActualFocusables(element)) {\n if (focusable !== document.activeElement) {\n setTabIndex(focusable, PSEUDO_FOCUSABLE_TAB_INDEX);\n }\n }\n}\n\n/**\n * This cleanup code ensures all cells are no longer focusable but the interactive elements are.\n * Currently there are no use cases for it as we don't expect the navigation to be used conditionally.\n */\nexport function restoreElementFocusables(element: HTMLTableElement) {\n for (const focusable of getFocusables(element)) {\n if (focusable instanceof HTMLTableCellElement) {\n setTabIndex(focusable, -1);\n } else {\n setTabIndex(focusable, 0);\n }\n }\n}\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: HTMLElement) {\n let current: null | HTMLElement = target;\n while (current) {\n // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n const tagName = current.tagName.toLowerCase();\n if (tagName === 'td' || tagName === 'th') {\n return false;\n }\n if (\n current.getAttribute('role') === 'dialog' ||\n current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n ) {\n return true;\n }\n current = current.parentElement;\n }\n return false;\n}\n\n/**\n * Returns actually focusable or pseudo-focusable elements to find navigation targets.\n */\nexport function getFocusables(element: HTMLElement) {\n return Array.from(element.querySelectorAll(FOCUSABLES_SELECTOR)) as HTMLElement[];\n}\n\nexport function getFirstFocusable(element: HTMLElement) {\n return element.querySelector(FOCUSABLES_SELECTOR) as null | HTMLElement;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n let targetRow: null | HTMLTableRowElement = null;\n const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n if (delta < 0) {\n rowElements.reverse();\n }\n for (const element of rowElements) {\n const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n targetRow = element as HTMLTableRowElement;\n\n if (rowIndex === targetAriaRowIndex) {\n break;\n }\n if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n break;\n }\n if (delta < 0 && rowIndex < targetAriaRowIndex) {\n break;\n }\n }\n return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n tableRow: HTMLTableRowElement,\n targetAriaColIndex: number,\n delta: number\n) {\n let targetCell: null | HTMLTableCellElement = null;\n const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n if (delta < 0) {\n cellElements.reverse();\n }\n for (const element of cellElements) {\n const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n targetCell = element as HTMLTableCellElement;\n\n if (columnIndex === targetAriaColIndex) {\n break;\n }\n if (delta >= 0 && columnIndex > targetAriaColIndex) {\n break;\n }\n if (delta < 0 && columnIndex < targetAriaColIndex) {\n break;\n }\n }\n return targetCell;\n}\n\nexport function setTabIndex(element: null | HTMLElement, tabIndex: number) {\n if (element && element.tabIndex !== tabIndex) {\n element.tabIndex = tabIndex;\n }\n}\n"]}
1
+ {"version":3,"file":"utils.js","sourceRoot":"lib/default/","sources":["table/table-role/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,MAAe;IACjD,IAAI,OAAO,GAAmB,MAAM,CAAC;IACrC,OAAO,OAAO,EAAE;QACd,0GAA0G;QAC1G,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QAC9C,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,IAAI,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;QACD,IACE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ;YACzC,OAAO,CAAC,YAAY,CAAC,sCAAsC,CAAC,KAAK,MAAM,EACvE;YACA,OAAO,IAAI,CAAC;SACb;QACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;KACjC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,KAAuB,EAAE,kBAA0B,EAAE,KAAa;;IAC3G,IAAI,SAAS,GAA+B,IAAI,CAAC;IACjD,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAC5E,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,WAAW,CAAC,OAAO,EAAE,CAAC;KACvB;IACD,KAAK,MAAM,OAAO,IAAI,WAAW,EAAE;QACjC,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAA,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,mCAAI,EAAE,CAAC,CAAC;QACvE,SAAS,GAAG,OAA8B,CAAC;QAE3C,IAAI,QAAQ,KAAK,kBAAkB,EAAE;YACnC,MAAM;SACP;QACD,IAAI,KAAK,IAAI,CAAC,IAAI,QAAQ,GAAG,kBAAkB,EAAE;YAC/C,MAAM;SACP;QACD,IAAI,KAAK,GAAG,CAAC,IAAI,QAAQ,GAAG,kBAAkB,EAAE;YAC9C,MAAM;SACP;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,8BAA8B,CAC5C,QAA6B,EAC7B,kBAA0B,EAC1B,KAAa;;IAEb,IAAI,UAAU,GAAgC,IAAI,CAAC;IACnD,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,qCAAqC,CAAC,CAAC,CAAC;IAClG,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,CAAC;KACxB;IACD,KAAK,MAAM,OAAO,IAAI,YAAY,EAAE;QAClC,MAAM,WAAW,GAAG,QAAQ,CAAC,MAAA,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,mCAAI,EAAE,CAAC,CAAC;QAC1E,UAAU,GAAG,OAA+B,CAAC;QAE7C,IAAI,WAAW,KAAK,kBAAkB,EAAE;YACtC,MAAM;SACP;QACD,IAAI,KAAK,IAAI,CAAC,IAAI,WAAW,GAAG,kBAAkB,EAAE;YAClD,MAAM;SACP;QACD,IAAI,KAAK,GAAG,CAAC,IAAI,WAAW,GAAG,kBAAkB,EAAE;YACjD,MAAM;SACP;KACF;IACD,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n let current: null | Element = target;\n while (current) {\n // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n const tagName = current.tagName.toLowerCase();\n if (tagName === 'td' || tagName === 'th') {\n return false;\n }\n if (\n current.getAttribute('role') === 'dialog' ||\n current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n ) {\n return true;\n }\n current = current.parentElement;\n }\n return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n let targetRow: null | HTMLTableRowElement = null;\n const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n if (delta < 0) {\n rowElements.reverse();\n }\n for (const element of rowElements) {\n const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n targetRow = element as HTMLTableRowElement;\n\n if (rowIndex === targetAriaRowIndex) {\n break;\n }\n if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n break;\n }\n if (delta < 0 && rowIndex < targetAriaRowIndex) {\n break;\n }\n }\n return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n tableRow: HTMLTableRowElement,\n targetAriaColIndex: number,\n delta: number\n) {\n let targetCell: null | HTMLTableCellElement = null;\n const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n if (delta < 0) {\n cellElements.reverse();\n }\n for (const element of cellElements) {\n const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n targetCell = element as HTMLTableCellElement;\n\n if (columnIndex === targetAriaColIndex) {\n break;\n }\n if (delta >= 0 && columnIndex > targetAriaColIndex) {\n break;\n }\n if (delta < 0 && columnIndex < targetAriaColIndex) {\n break;\n }\n }\n return targetCell;\n}\n"]}
@@ -1,26 +1,26 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "tabs-header": "awsui_tabs-header_14rmt_tn282_186",
5
- "tabs-header-list": "awsui_tabs-header-list_14rmt_tn282_192",
6
- "pagination-button": "awsui_pagination-button_14rmt_tn282_207",
7
- "pagination-button-left": "awsui_pagination-button-left_14rmt_tn282_212",
8
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_tn282_215",
9
- "pagination-button-right": "awsui_pagination-button-right_14rmt_tn282_219",
10
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_tn282_222",
11
- "tabs-tab": "awsui_tabs-tab_14rmt_tn282_227",
12
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_tn282_238",
13
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_tn282_253",
14
- "refresh": "awsui_refresh_14rmt_tn282_269",
15
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_tn282_315",
16
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_tn282_347",
17
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_tn282_354",
18
- "root": "awsui_root_14rmt_tn282_358",
19
- "tabs": "awsui_tabs_14rmt_tn282_186",
20
- "tabs-content": "awsui_tabs-content_14rmt_tn282_377",
21
- "tabs-content-active": "awsui_tabs-content-active_14rmt_tn282_381",
22
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_tn282_391",
23
- "with-paddings": "awsui_with-paddings_14rmt_tn282_391",
24
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_tn282_395"
4
+ "tabs-header": "awsui_tabs-header_14rmt_w2iva_186",
5
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_w2iva_192",
6
+ "pagination-button": "awsui_pagination-button_14rmt_w2iva_207",
7
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_w2iva_212",
8
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_w2iva_215",
9
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_w2iva_219",
10
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_w2iva_222",
11
+ "tabs-tab": "awsui_tabs-tab_14rmt_w2iva_227",
12
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_w2iva_238",
13
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_w2iva_253",
14
+ "refresh": "awsui_refresh_14rmt_w2iva_269",
15
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_w2iva_315",
16
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_w2iva_347",
17
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_w2iva_354",
18
+ "root": "awsui_root_14rmt_w2iva_358",
19
+ "tabs": "awsui_tabs_14rmt_w2iva_186",
20
+ "tabs-content": "awsui_tabs-content_14rmt_w2iva_399",
21
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_w2iva_403",
22
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_w2iva_413",
23
+ "with-paddings": "awsui_with-paddings_14rmt_w2iva_413",
24
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_w2iva_417"
25
25
  };
26
26
 
@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  SPDX-License-Identifier: Apache-2.0
184
184
  */
185
185
  /* stylelint-disable selector-max-type */
186
- .awsui_tabs-header_14rmt_tn282_186:not(#\9) {
186
+ .awsui_tabs-header_14rmt_w2iva_186:not(#\9) {
187
187
  margin: 0;
188
188
  padding: 0;
189
189
  display: flex;
190
190
  }
191
191
 
192
- .awsui_tabs-header-list_14rmt_tn282_192:not(#\9) {
192
+ .awsui_tabs-header-list_14rmt_w2iva_192:not(#\9) {
193
193
  margin: 0;
194
194
  padding: 0;
195
195
  display: flex;
@@ -200,42 +200,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
200
200
  -ms-overflow-style: none; /* Internet Explorer 10+ */
201
201
  scrollbar-width: none; /* Firefox */
202
202
  }
203
- .awsui_tabs-header-list_14rmt_tn282_192:not(#\9)::-webkit-scrollbar {
203
+ .awsui_tabs-header-list_14rmt_w2iva_192:not(#\9)::-webkit-scrollbar {
204
204
  display: none; /* Safari and Chrome */
205
205
  }
206
206
 
207
- .awsui_pagination-button_14rmt_tn282_207:not(#\9) {
207
+ .awsui_pagination-button_14rmt_w2iva_207:not(#\9) {
208
208
  margin: var(--space-scaled-s-9q8n2q, 12px) 0;
209
209
  padding: 0 var(--space-xxs-9rrxti, 4px);
210
210
  display: flex;
211
211
  }
212
- .awsui_pagination-button-left_14rmt_tn282_212:not(#\9) {
212
+ .awsui_pagination-button-left_14rmt_w2iva_212:not(#\9) {
213
213
  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
214
214
  }
215
- .awsui_pagination-button-left-scrollable_14rmt_tn282_215:not(#\9) {
215
+ .awsui_pagination-button-left-scrollable_14rmt_w2iva_215:not(#\9) {
216
216
  z-index: 1;
217
217
  box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), 1px 0px 0px 0px var(--color-border-tabs-shadow-vlaodw, #eaeded);
218
218
  }
219
- .awsui_pagination-button-right_14rmt_tn282_219:not(#\9) {
219
+ .awsui_pagination-button-right_14rmt_w2iva_219:not(#\9) {
220
220
  border-left: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-control-disabled-4hz3mo, #d5dbdb);
221
221
  }
222
- .awsui_pagination-button-right-scrollable_14rmt_tn282_222:not(#\9) {
222
+ .awsui_pagination-button-right-scrollable_14rmt_w2iva_222:not(#\9) {
223
223
  z-index: 1;
224
224
  box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-vlaodw, #eaeded), -1px 0px 0px 0 var(--color-border-tabs-shadow-vlaodw, #eaeded);
225
225
  }
226
226
 
227
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9) {
227
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9) {
228
228
  list-style: none;
229
229
  padding: 0;
230
230
  flex-shrink: 0;
231
231
  display: flex;
232
232
  max-width: calc(90% - var(--space-l-xu1x80, 20px));
233
233
  }
234
- .awsui_tabs-tab_14rmt_tn282_227 > button:not(#\9) {
234
+ .awsui_tabs-tab_14rmt_w2iva_227 > button:not(#\9) {
235
235
  background-color: transparent;
236
236
  }
237
237
 
238
- .awsui_tabs-tab-label_14rmt_tn282_238:not(#\9) {
238
+ .awsui_tabs-tab-label_14rmt_w2iva_238:not(#\9) {
239
239
  display: flex;
240
240
  align-items: center;
241
241
  padding: var(--space-scaled-2x-xxs-r5f1ts, 4px) var(--space-l-xu1x80, 20px);
@@ -245,12 +245,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
245
245
  word-break: break-word;
246
246
  }
247
247
 
248
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_tn282_238, .awsui_tabs-tab_14rmt_tn282_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_tn282_238 {
248
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
249
249
  margin-right: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
250
250
  border-right: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
251
251
  }
252
252
 
253
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9) {
253
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9) {
254
254
  position: relative;
255
255
  display: flex;
256
256
  align-items: stretch;
@@ -266,24 +266,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
266
266
  -webkit-font-smoothing: var(--font-smoothing-webkit-8fiijr, auto);
267
267
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-fw8n0n, auto);
268
268
  }
269
- .awsui_tabs-tab-link_14rmt_tn282_253.awsui_refresh_14rmt_tn282_269:not(#\9) {
269
+ .awsui_tabs-tab-link_14rmt_w2iva_253.awsui_refresh_14rmt_w2iva_269:not(#\9) {
270
270
  padding: calc(var(--space-static-xs-fdj8ix, 8px) - 1px) 0 var(--space-static-xs-fdj8ix, 8px) 0;
271
271
  }
272
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):hover {
272
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):hover {
273
273
  color: var(--color-text-accent-yy9054, #0073bb);
274
274
  }
275
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus {
275
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
276
276
  outline: none;
277
277
  }
278
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus {
278
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
279
279
  z-index: 1;
280
280
  position: relative;
281
281
  }
282
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus {
282
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus {
283
283
  outline: 2px dotted transparent;
284
284
  outline-offset: calc(var(--space-tabs-focus-outline-gutter-2tu8wb, 0px) - 1px);
285
285
  }
286
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus::before {
286
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus::before {
287
287
  content: " ";
288
288
  display: block;
289
289
  position: absolute;
@@ -294,32 +294,32 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
294
294
  border-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
295
295
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
296
296
  }
297
- body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_tn282_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_tn282_238 {
297
+ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_w2iva_238, body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
298
298
  border-right-color: transparent;
299
299
  }
300
300
 
301
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9):first-child {
301
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child {
302
302
  margin-left: 1px;
303
303
  }
304
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_tn282_238, .awsui_tabs-tab_14rmt_tn282_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_tn282_238 {
304
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
305
305
  padding-left: calc(var(--space-l-xu1x80, 20px) - 1px);
306
306
  }
307
307
 
308
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9):last-child {
308
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child {
309
309
  margin-right: 1px;
310
310
  }
311
- .awsui_tabs-tab_14rmt_tn282_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_tn282_238, .awsui_tabs-tab_14rmt_tn282_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_tn282_238 {
311
+ .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_w2iva_238, .awsui_tabs-tab_14rmt_w2iva_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_w2iva_238 {
312
312
  padding-right: calc(var(--space-l-xu1x80, 20px) - 1px);
313
313
  }
314
314
 
315
- .awsui_tabs-tab-disabled_14rmt_tn282_315:not(#\9), .awsui_tabs-tab-disabled_14rmt_tn282_315:not(#\9):hover {
315
+ .awsui_tabs-tab-disabled_14rmt_w2iva_315:not(#\9), .awsui_tabs-tab-disabled_14rmt_w2iva_315:not(#\9):hover {
316
316
  pointer-events: none;
317
317
  cursor: default;
318
318
  color: var(--color-text-interactive-disabled-e23z4j, #aab7b8);
319
319
  font-weight: var(--font-tabs-disabled-weight-uew17o, 400);
320
320
  }
321
321
 
322
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315):after {
322
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315):after {
323
323
  content: "";
324
324
  position: absolute;
325
325
  left: 0;
@@ -330,48 +330,48 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
330
330
  background: var(--color-border-tabs-underline-vxhq31, #16191f);
331
331
  opacity: 0;
332
332
  }
333
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315).awsui_refresh_14rmt_tn282_269:after {
333
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
334
334
  transition: opacity var(--motion-duration-refresh-only-medium-0rwzu1, 165ms) var(--motion-easing-refresh-only-c-2mltoq, cubic-bezier(0.84, 0, 0.16, 1));
335
335
  }
336
336
  @media (prefers-reduced-motion: reduce) {
337
- .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315).awsui_refresh_14rmt_tn282_269:after {
337
+ .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
338
338
  animation: none;
339
339
  transition: none;
340
340
  }
341
341
  }
342
- .awsui-motion-disabled .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315).awsui_refresh_14rmt_tn282_269:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315).awsui_refresh_14rmt_tn282_269:after {
342
+ .awsui-motion-disabled .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_w2iva_253:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315).awsui_refresh_14rmt_w2iva_269:after {
343
343
  animation: none;
344
344
  transition: none;
345
345
  }
346
346
 
347
- .awsui_tabs-tab-active_14rmt_tn282_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315) {
347
+ .awsui_tabs-tab-active_14rmt_w2iva_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315) {
348
348
  color: var(--color-text-accent-yy9054, #0073bb);
349
349
  }
350
- .awsui_tabs-tab-active_14rmt_tn282_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_tn282_315):after {
350
+ .awsui_tabs-tab-active_14rmt_w2iva_347:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_w2iva_315):after {
351
351
  opacity: 1;
352
352
  }
353
353
 
354
- .awsui_tabs-header-with-divider_14rmt_tn282_354:not(#\9) {
354
+ .awsui_tabs-header-with-divider_14rmt_w2iva_354:not(#\9) {
355
355
  border-bottom: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-tabs-divider-xzqbyc, #aab7b8);
356
356
  }
357
357
 
358
- .awsui_root_14rmt_tn282_358:not(#\9) {
358
+ .awsui_root_14rmt_w2iva_358:not(#\9) {
359
359
  /* used in test-utils or tests */
360
360
  }
361
361
 
362
- .awsui_tabs_14rmt_tn282_186:not(#\9) {
363
- /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
362
+ .awsui_tabs_14rmt_w2iva_186:not(#\9) {
364
363
  border-collapse: separate;
365
364
  border-spacing: 0;
365
+ box-sizing: border-box;
366
366
  caption-side: top;
367
367
  cursor: auto;
368
- direction: ltr;
368
+ direction: inherit;
369
369
  empty-cells: show;
370
370
  font-family: serif;
371
371
  font-size: medium;
372
372
  font-style: normal;
373
373
  font-variant: normal;
374
- font-weight: normal;
374
+ font-weight: 400;
375
375
  font-stretch: normal;
376
376
  line-height: normal;
377
377
  -webkit-hyphens: none;
@@ -380,15 +380,12 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
380
380
  list-style: disc outside none;
381
381
  tab-size: 8;
382
382
  text-align: left;
383
- text-align-last: auto;
384
383
  text-indent: 0;
385
384
  text-shadow: none;
386
385
  text-transform: none;
387
386
  visibility: visible;
388
387
  white-space: normal;
389
- widows: 2;
390
388
  word-spacing: normal;
391
- box-sizing: border-box;
392
389
  font-size: var(--font-size-body-m-pa3mqb, 14px);
393
390
  line-height: var(--line-height-body-m-2zx78l, 22px);
394
391
  color: var(--color-text-body-default-ffdwgg, #16191f);
@@ -400,24 +397,24 @@ body[data-awsui-focus-visible=true] .awsui_tabs-tab-link_14rmt_tn282_253:not(#\9
400
397
  width: 100%;
401
398
  }
402
399
 
403
- .awsui_tabs-content_14rmt_tn282_377:not(#\9) {
400
+ .awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
404
401
  display: none;
405
402
  }
406
403
 
407
- .awsui_tabs-content-active_14rmt_tn282_381:not(#\9) {
404
+ .awsui_tabs-content-active_14rmt_w2iva_403:not(#\9) {
408
405
  display: block;
409
406
  }
410
- body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_tn282_381:not(#\9):focus {
407
+ body[data-awsui-focus-visible=true] .awsui_tabs-content-active_14rmt_w2iva_403:not(#\9):focus {
411
408
  outline: 2px dotted transparent;
412
409
  outline-offset: 2px;
413
410
  border-radius: var(--border-radius-container-jm6teg, 0px);
414
411
  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
415
412
  }
416
413
 
417
- .awsui_tabs-content-wrapper_14rmt_tn282_391.awsui_with-paddings_14rmt_tn282_391 > .awsui_tabs-content_14rmt_tn282_377:not(#\9) {
414
+ .awsui_tabs-content-wrapper_14rmt_w2iva_413.awsui_with-paddings_14rmt_w2iva_413 > .awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
418
415
  padding: var(--space-scaled-m-er48cl, 16px) 0;
419
416
  }
420
417
 
421
- .awsui_tabs-container-content-wrapper_14rmt_tn282_395.awsui_with-paddings_14rmt_tn282_391 > .awsui_tabs-content_14rmt_tn282_377:not(#\9) {
418
+ .awsui_tabs-container-content-wrapper_14rmt_w2iva_417.awsui_with-paddings_14rmt_w2iva_413 > .awsui_tabs-content_14rmt_w2iva_399:not(#\9) {
422
419
  padding: var(--space-tabs-content-top-53djlo, 16px) var(--space-container-horizontal-oebwqe, 20px) var(--space-scaled-l-08jb88, 20px);
423
420
  }
@@ -2,26 +2,26 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "tabs-header": "awsui_tabs-header_14rmt_tn282_186",
6
- "tabs-header-list": "awsui_tabs-header-list_14rmt_tn282_192",
7
- "pagination-button": "awsui_pagination-button_14rmt_tn282_207",
8
- "pagination-button-left": "awsui_pagination-button-left_14rmt_tn282_212",
9
- "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_tn282_215",
10
- "pagination-button-right": "awsui_pagination-button-right_14rmt_tn282_219",
11
- "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_tn282_222",
12
- "tabs-tab": "awsui_tabs-tab_14rmt_tn282_227",
13
- "tabs-tab-label": "awsui_tabs-tab-label_14rmt_tn282_238",
14
- "tabs-tab-link": "awsui_tabs-tab-link_14rmt_tn282_253",
15
- "refresh": "awsui_refresh_14rmt_tn282_269",
16
- "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_tn282_315",
17
- "tabs-tab-active": "awsui_tabs-tab-active_14rmt_tn282_347",
18
- "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_tn282_354",
19
- "root": "awsui_root_14rmt_tn282_358",
20
- "tabs": "awsui_tabs_14rmt_tn282_186",
21
- "tabs-content": "awsui_tabs-content_14rmt_tn282_377",
22
- "tabs-content-active": "awsui_tabs-content-active_14rmt_tn282_381",
23
- "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_tn282_391",
24
- "with-paddings": "awsui_with-paddings_14rmt_tn282_391",
25
- "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_tn282_395"
5
+ "tabs-header": "awsui_tabs-header_14rmt_w2iva_186",
6
+ "tabs-header-list": "awsui_tabs-header-list_14rmt_w2iva_192",
7
+ "pagination-button": "awsui_pagination-button_14rmt_w2iva_207",
8
+ "pagination-button-left": "awsui_pagination-button-left_14rmt_w2iva_212",
9
+ "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_w2iva_215",
10
+ "pagination-button-right": "awsui_pagination-button-right_14rmt_w2iva_219",
11
+ "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_w2iva_222",
12
+ "tabs-tab": "awsui_tabs-tab_14rmt_w2iva_227",
13
+ "tabs-tab-label": "awsui_tabs-tab-label_14rmt_w2iva_238",
14
+ "tabs-tab-link": "awsui_tabs-tab-link_14rmt_w2iva_253",
15
+ "refresh": "awsui_refresh_14rmt_w2iva_269",
16
+ "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_w2iva_315",
17
+ "tabs-tab-active": "awsui_tabs-tab-active_14rmt_w2iva_347",
18
+ "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_w2iva_354",
19
+ "root": "awsui_root_14rmt_w2iva_358",
20
+ "tabs": "awsui_tabs_14rmt_w2iva_186",
21
+ "tabs-content": "awsui_tabs-content_14rmt_w2iva_399",
22
+ "tabs-content-active": "awsui_tabs-content-active_14rmt_w2iva_403",
23
+ "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_w2iva_413",
24
+ "with-paddings": "awsui_with-paddings_14rmt_w2iva_413",
25
+ "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_w2iva_417"
26
26
  };
27
27
 
@@ -1,6 +1,6 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "text-content": "awsui_text-content_6absk_1bxf6_94"
4
+ "text-content": "awsui_text-content_6absk_90nev_94"
5
5
  };
6
6