@cloudscape-design/components-themeable 3.0.1359 → 3.0.1361

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 (197) hide show
  1. package/lib/__tests__/theming.test.d.ts +2 -0
  2. package/lib/__tests__/theming.test.d.ts.map +1 -0
  3. package/lib/__tests__/theming.test.js +47 -0
  4. package/lib/__tests__/theming.test.js.map +1 -0
  5. package/lib/internal/manifest.json +1 -1
  6. package/lib/internal/scss/alert/styles.scss +13 -12
  7. package/lib/internal/scss/badge/styles.scss +38 -49
  8. package/lib/internal/scss/button/styles.scss +51 -51
  9. package/lib/internal/scss/cards/styles.scss +4 -0
  10. package/lib/internal/scss/container/styles.scss +2 -0
  11. package/lib/internal/scss/icon/hover-motion.scss +24 -12
  12. package/lib/internal/scss/input/styles.scss +4 -0
  13. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +175 -174
  14. package/lib/internal/scss/internal/styles/forms/mixins.scss +11 -2
  15. package/lib/internal/scss/internal/styles/style-api.scss +60 -10
  16. package/lib/internal/scss/pagination/styles.scss +3 -1
  17. package/lib/internal/scss/table/styles.scss +5 -0
  18. package/lib/internal/template/alert/styles.css.js +27 -27
  19. package/lib/internal/template/alert/styles.scoped.css +50 -50
  20. package/lib/internal/template/alert/styles.selectors.js +27 -27
  21. package/lib/internal/template/annotation-context/annotation/styles.css.js +13 -13
  22. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +21 -21
  23. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +13 -13
  24. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  25. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  26. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  27. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +86 -86
  28. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +258 -258
  29. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +86 -86
  30. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.css.js +32 -32
  31. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +89 -89
  32. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +32 -32
  33. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.css.js +6 -6
  34. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.scoped.css +13 -13
  35. package/lib/internal/template/app-layout/visual-refresh-toolbar/navigation/styles.selectors.js +6 -6
  36. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +30 -30
  37. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +68 -68
  38. package/lib/internal/template/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +30 -30
  39. package/lib/internal/template/attribute-editor/styles.css.js +15 -15
  40. package/lib/internal/template/attribute-editor/styles.scoped.css +28 -28
  41. package/lib/internal/template/attribute-editor/styles.selectors.js +15 -15
  42. package/lib/internal/template/breadcrumb-group/item/styles.css.js +7 -7
  43. package/lib/internal/template/breadcrumb-group/item/styles.scoped.css +28 -28
  44. package/lib/internal/template/breadcrumb-group/item/styles.selectors.js +7 -7
  45. package/lib/internal/template/button/styles.css.js +23 -23
  46. package/lib/internal/template/button/styles.scoped.css +261 -261
  47. package/lib/internal/template/button/styles.selectors.js +23 -23
  48. package/lib/internal/template/button-dropdown/filter.d.ts +1 -1
  49. package/lib/internal/template/button-dropdown/filter.d.ts.map +1 -1
  50. package/lib/internal/template/button-dropdown/internal.d.ts.map +1 -1
  51. package/lib/internal/template/button-dropdown/internal.js +9 -3
  52. package/lib/internal/template/button-dropdown/internal.js.map +1 -1
  53. package/lib/internal/template/button-dropdown/item-element/styles.css.js +21 -21
  54. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +37 -37
  55. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +21 -21
  56. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts +5 -3
  57. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  58. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js +14 -2
  59. package/lib/internal/template/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  60. package/lib/internal/template/cards/styles.css.js +39 -38
  61. package/lib/internal/template/cards/styles.scoped.css +42 -39
  62. package/lib/internal/template/cards/styles.selectors.js +39 -38
  63. package/lib/internal/template/checkbox/styles.css.js +3 -3
  64. package/lib/internal/template/checkbox/styles.scoped.css +11 -11
  65. package/lib/internal/template/checkbox/styles.selectors.js +3 -3
  66. package/lib/internal/template/container/styles.css.js +33 -33
  67. package/lib/internal/template/container/styles.scoped.css +57 -56
  68. package/lib/internal/template/container/styles.selectors.js +33 -33
  69. package/lib/internal/template/content-layout/styles.css.js +14 -14
  70. package/lib/internal/template/content-layout/styles.scoped.css +27 -27
  71. package/lib/internal/template/content-layout/styles.selectors.js +14 -14
  72. package/lib/internal/template/dropdown/styles.css.js +20 -20
  73. package/lib/internal/template/dropdown/styles.scoped.css +49 -49
  74. package/lib/internal/template/dropdown/styles.selectors.js +20 -20
  75. package/lib/internal/template/file-token-group/styles.css.js +23 -23
  76. package/lib/internal/template/file-token-group/styles.scoped.css +36 -36
  77. package/lib/internal/template/file-token-group/styles.selectors.js +23 -23
  78. package/lib/internal/template/flashbar/styles.css.js +50 -50
  79. package/lib/internal/template/flashbar/styles.scoped.css +192 -192
  80. package/lib/internal/template/flashbar/styles.selectors.js +50 -50
  81. package/lib/internal/template/help-panel/styles.css.js +6 -6
  82. package/lib/internal/template/help-panel/styles.scoped.css +72 -72
  83. package/lib/internal/template/help-panel/styles.selectors.js +6 -6
  84. package/lib/internal/template/input/index.d.ts.map +1 -1
  85. package/lib/internal/template/input/index.js +3 -2
  86. package/lib/internal/template/input/index.js.map +1 -1
  87. package/lib/internal/template/input/interfaces.d.ts +6 -0
  88. package/lib/internal/template/input/interfaces.d.ts.map +1 -1
  89. package/lib/internal/template/input/interfaces.js.map +1 -1
  90. package/lib/internal/template/input/internal.d.ts +0 -1
  91. package/lib/internal/template/input/internal.d.ts.map +1 -1
  92. package/lib/internal/template/input/internal.js +26 -12
  93. package/lib/internal/template/input/internal.js.map +1 -1
  94. package/lib/internal/template/input/styles.css.js +29 -28
  95. package/lib/internal/template/input/styles.scoped.css +134 -131
  96. package/lib/internal/template/input/styles.selectors.js +29 -28
  97. package/lib/internal/template/internal/base-component/styles.scoped.css +1 -1
  98. package/lib/internal/template/internal/components/drag-handle-wrapper/index.d.ts.map +1 -1
  99. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js +2 -1
  100. package/lib/internal/template/internal/components/drag-handle-wrapper/index.js.map +1 -1
  101. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.css.js +30 -30
  102. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.scoped.css +58 -58
  103. package/lib/internal/template/internal/components/drag-handle-wrapper/styles.selectors.js +30 -30
  104. package/lib/internal/template/internal/components/option/styles.css.js +17 -17
  105. package/lib/internal/template/internal/components/option/styles.scoped.css +31 -31
  106. package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
  107. package/lib/internal/template/internal/components/radio-button/styles.css.js +7 -7
  108. package/lib/internal/template/internal/components/radio-button/styles.scoped.css +18 -18
  109. package/lib/internal/template/internal/components/radio-button/styles.selectors.js +7 -7
  110. package/lib/internal/template/internal/components/selectable-item/styles.css.js +22 -22
  111. package/lib/internal/template/internal/components/selectable-item/styles.scoped.css +57 -57
  112. package/lib/internal/template/internal/components/selectable-item/styles.selectors.js +22 -22
  113. package/lib/internal/template/internal/components/token-list/styles.css.js +10 -10
  114. package/lib/internal/template/internal/components/token-list/styles.scoped.css +25 -25
  115. package/lib/internal/template/internal/components/token-list/styles.selectors.js +10 -10
  116. package/lib/internal/template/internal/environment.js +2 -2
  117. package/lib/internal/template/internal/environment.json +2 -2
  118. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts +1 -0
  119. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  120. package/lib/internal/template/internal/generated/custom-css-properties/index.js +174 -173
  121. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  122. package/lib/internal/template/internal/generated/styles/tokens.js +200 -200
  123. package/lib/internal/template/internal/generated/theming/index.cjs +200 -200
  124. package/lib/internal/template/internal/generated/theming/index.js +200 -200
  125. package/lib/internal/template/internal/utils/focus-visible.d.ts +15 -0
  126. package/lib/internal/template/internal/utils/focus-visible.d.ts.map +1 -0
  127. package/lib/internal/template/internal/utils/focus-visible.js +21 -0
  128. package/lib/internal/template/internal/utils/focus-visible.js.map +1 -0
  129. package/lib/internal/template/item-card/styles.css.js +14 -14
  130. package/lib/internal/template/item-card/styles.scoped.css +63 -63
  131. package/lib/internal/template/item-card/styles.selectors.js +14 -14
  132. package/lib/internal/template/link/styles.css.js +21 -21
  133. package/lib/internal/template/link/styles.scoped.css +104 -104
  134. package/lib/internal/template/link/styles.selectors.js +21 -21
  135. package/lib/internal/template/modal/styles.css.js +31 -31
  136. package/lib/internal/template/modal/styles.scoped.css +48 -48
  137. package/lib/internal/template/modal/styles.selectors.js +31 -31
  138. package/lib/internal/template/pagination/internal.js +1 -1
  139. package/lib/internal/template/pagination/internal.js.map +1 -1
  140. package/lib/internal/template/pagination/styles.css.js +12 -12
  141. package/lib/internal/template/pagination/styles.scoped.css +31 -31
  142. package/lib/internal/template/pagination/styles.selectors.js +12 -12
  143. package/lib/internal/template/progress-bar/styles.css.js +19 -19
  144. package/lib/internal/template/progress-bar/styles.scoped.css +58 -58
  145. package/lib/internal/template/progress-bar/styles.selectors.js +19 -19
  146. package/lib/internal/template/prompt-input/styles.css.js +26 -26
  147. package/lib/internal/template/prompt-input/styles.scoped.css +105 -105
  148. package/lib/internal/template/prompt-input/styles.selectors.js +26 -26
  149. package/lib/internal/template/segmented-control/styles.css.js +16 -16
  150. package/lib/internal/template/segmented-control/styles.scoped.css +46 -46
  151. package/lib/internal/template/segmented-control/styles.selectors.js +16 -16
  152. package/lib/internal/template/select/parts/filter.d.ts +1 -1
  153. package/lib/internal/template/select/parts/filter.d.ts.map +1 -1
  154. package/lib/internal/template/select/parts/styles.css.js +21 -21
  155. package/lib/internal/template/select/parts/styles.scoped.css +24 -24
  156. package/lib/internal/template/select/parts/styles.selectors.js +21 -21
  157. package/lib/internal/template/side-navigation/styles.css.js +64 -64
  158. package/lib/internal/template/side-navigation/styles.scoped.css +111 -111
  159. package/lib/internal/template/side-navigation/styles.selectors.js +64 -64
  160. package/lib/internal/template/slider/styles.css.js +26 -26
  161. package/lib/internal/template/slider/styles.scoped.css +165 -165
  162. package/lib/internal/template/slider/styles.selectors.js +26 -26
  163. package/lib/internal/template/spinner/styles.css.js +14 -14
  164. package/lib/internal/template/spinner/styles.scoped.css +40 -40
  165. package/lib/internal/template/spinner/styles.selectors.js +14 -14
  166. package/lib/internal/template/table/styles.css.js +37 -37
  167. package/lib/internal/template/table/styles.scoped.css +47 -44
  168. package/lib/internal/template/table/styles.selectors.js +37 -37
  169. package/lib/internal/template/tabs/styles.css.js +30 -30
  170. package/lib/internal/template/tabs/styles.scoped.css +76 -76
  171. package/lib/internal/template/tabs/styles.selectors.js +30 -30
  172. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  173. package/lib/internal/template/tag-editor/styles.scoped.css +13 -13
  174. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  175. package/lib/internal/template/test-utils/dom/input/index.d.ts +1 -0
  176. package/lib/internal/template/test-utils/dom/input/index.js +3 -0
  177. package/lib/internal/template/test-utils/dom/input/index.js.map +1 -1
  178. package/lib/internal/template/test-utils/selectors/input/index.d.ts +1 -0
  179. package/lib/internal/template/test-utils/selectors/input/index.js +3 -0
  180. package/lib/internal/template/test-utils/selectors/input/index.js.map +1 -1
  181. package/lib/internal/template/text-content/styles.css.js +1 -1
  182. package/lib/internal/template/text-content/styles.scoped.css +66 -66
  183. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  184. package/lib/internal/template/textarea/styles.css.js +9 -9
  185. package/lib/internal/template/textarea/styles.scoped.css +51 -51
  186. package/lib/internal/template/textarea/styles.selectors.js +9 -9
  187. package/lib/internal/template/toggle/styles.css.js +10 -10
  188. package/lib/internal/template/toggle/styles.scoped.css +23 -23
  189. package/lib/internal/template/toggle/styles.selectors.js +10 -10
  190. package/lib/internal/template/token/styles.css.js +14 -14
  191. package/lib/internal/template/token/styles.scoped.css +46 -46
  192. package/lib/internal/template/token/styles.selectors.js +14 -14
  193. package/lib/theming.d.ts +1 -1
  194. package/lib/theming.d.ts.map +1 -1
  195. package/lib/theming.js +11 -2
  196. package/lib/theming.js.map +1 -1
  197. package/package.json +1 -1
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1612d_6c7it_43",
5
- "spinner-rotator": "awsui_spinner-rotator_1612d_6c7it_1",
6
- "size-x-small": "awsui_size-x-small_1612d_6c7it_58",
7
- "size-normal": "awsui_size-normal_1612d_6c7it_66",
8
- "size-big": "awsui_size-big_1612d_6c7it_74",
9
- "size-large": "awsui_size-large_1612d_6c7it_82",
10
- "variant-normal": "awsui_variant-normal_1612d_6c7it_90",
11
- "variant-disabled": "awsui_variant-disabled_1612d_6c7it_93",
12
- "variant-inverted": "awsui_variant-inverted_1612d_6c7it_96",
13
- "circle": "awsui_circle_1612d_6c7it_108",
14
- "circle-left": "awsui_circle-left_1612d_6c7it_136",
15
- "spinner-line-left": "awsui_spinner-line-left_1612d_6c7it_1",
16
- "circle-right": "awsui_circle-right_1612d_6c7it_141",
17
- "spinner-line-right": "awsui_spinner-line-right_1612d_6c7it_1"
4
+ "root": "awsui_root_1612d_9xu4m_43",
5
+ "spinner-rotator": "awsui_spinner-rotator_1612d_9xu4m_1",
6
+ "size-x-small": "awsui_size-x-small_1612d_9xu4m_58",
7
+ "size-normal": "awsui_size-normal_1612d_9xu4m_66",
8
+ "size-big": "awsui_size-big_1612d_9xu4m_74",
9
+ "size-large": "awsui_size-large_1612d_9xu4m_82",
10
+ "variant-normal": "awsui_variant-normal_1612d_9xu4m_90",
11
+ "variant-disabled": "awsui_variant-disabled_1612d_9xu4m_93",
12
+ "variant-inverted": "awsui_variant-inverted_1612d_9xu4m_96",
13
+ "circle": "awsui_circle_1612d_9xu4m_108",
14
+ "circle-left": "awsui_circle-left_1612d_9xu4m_136",
15
+ "spinner-line-left": "awsui_spinner-line-left_1612d_9xu4m_1",
16
+ "circle-right": "awsui_circle-right_1612d_9xu4m_141",
17
+ "spinner-line-right": "awsui_spinner-line-right_1612d_9xu4m_1"
18
18
  };
19
19
 
@@ -10,52 +10,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- @keyframes awsui_spinner-rotator_1612d_6c7it_1 {
13
+ @keyframes awsui_spinner-rotator_1612d_9xu4m_1 {
14
14
  0% {
15
- transform: rotate(var(--awsui-spinner-rotator-from-esndbs));
15
+ transform: rotate(var(--awsui-spinner-rotator-from-66120l));
16
16
  }
17
17
  100% {
18
- transform: rotate(var(--awsui-spinner-rotator-to-esndbs));
18
+ transform: rotate(var(--awsui-spinner-rotator-to-66120l));
19
19
  }
20
20
  }
21
- @keyframes awsui_spinner-line-left_1612d_6c7it_1 {
21
+ @keyframes awsui_spinner-line-left_1612d_9xu4m_1 {
22
22
  0% {
23
- transform: rotate(var(--awsui-spinner-line-left-from-esndbs));
23
+ transform: rotate(var(--awsui-spinner-line-left-from-66120l));
24
24
  }
25
25
  50% {
26
- transform: rotate(var(--awsui-spinner-line-left-to-esndbs));
26
+ transform: rotate(var(--awsui-spinner-line-left-to-66120l));
27
27
  }
28
28
  100% {
29
- transform: rotate(var(--awsui-spinner-line-left-from-esndbs));
29
+ transform: rotate(var(--awsui-spinner-line-left-from-66120l));
30
30
  }
31
31
  }
32
- @keyframes awsui_spinner-line-right_1612d_6c7it_1 {
32
+ @keyframes awsui_spinner-line-right_1612d_9xu4m_1 {
33
33
  0% {
34
- transform: rotate(var(--awsui-spinner-line-right-from-esndbs));
34
+ transform: rotate(var(--awsui-spinner-line-right-from-66120l));
35
35
  }
36
36
  50% {
37
- transform: rotate(var(--awsui-spinner-line-right-to-esndbs));
37
+ transform: rotate(var(--awsui-spinner-line-right-to-66120l));
38
38
  }
39
39
  100% {
40
- transform: rotate(var(--awsui-spinner-line-right-from-esndbs));
40
+ transform: rotate(var(--awsui-spinner-line-right-from-66120l));
41
41
  }
42
42
  }
43
- .awsui_root_1612d_6c7it_43:not(#\9) {
44
- --awsui-spinner-rotator-from-esndbs: 0deg;
45
- --awsui-spinner-rotator-to-esndbs: 360deg;
46
- --awsui-spinner-line-left-from-esndbs: 0deg;
47
- --awsui-spinner-line-left-to-esndbs: 120deg;
48
- --awsui-spinner-line-right-from-esndbs: 90deg;
49
- --awsui-spinner-line-right-to-esndbs: -30deg;
43
+ .awsui_root_1612d_9xu4m_43:not(#\9) {
44
+ --awsui-spinner-rotator-from-66120l: 0deg;
45
+ --awsui-spinner-rotator-to-66120l: 360deg;
46
+ --awsui-spinner-line-left-from-66120l: 0deg;
47
+ --awsui-spinner-line-left-to-66120l: 120deg;
48
+ --awsui-spinner-line-right-from-66120l: 90deg;
49
+ --awsui-spinner-line-right-to-66120l: -30deg;
50
50
  display: inline-block;
51
51
  vertical-align: top;
52
52
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
53
- animation: awsui_spinner-rotator_1612d_6c7it_1 0.7s linear infinite;
53
+ animation: awsui_spinner-rotator_1612d_9xu4m_1 0.7s linear infinite;
54
54
  box-sizing: border-box;
55
55
  line-height: 0;
56
56
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
57
57
  }
58
- .awsui_root_1612d_6c7it_43.awsui_size-x-small_1612d_6c7it_58:not(#\9) {
58
+ .awsui_root_1612d_9xu4m_43.awsui_size-x-small_1612d_9xu4m_58:not(#\9) {
59
59
  inline-size: 12px;
60
60
  block-size: 12px;
61
61
  padding-block: calc((12px - 10px) / 2);
@@ -63,7 +63,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
63
63
  margin-block: calc((var(--line-height-body-s-gako33, 16px) - 12px) / 2);
64
64
  box-sizing: border-box;
65
65
  }
66
- .awsui_root_1612d_6c7it_43.awsui_size-normal_1612d_6c7it_66:not(#\9) {
66
+ .awsui_root_1612d_9xu4m_43.awsui_size-normal_1612d_9xu4m_66:not(#\9) {
67
67
  inline-size: var(--size-icon-normal-311gry, 16px);
68
68
  block-size: var(--size-icon-normal-311gry, 16px);
69
69
  padding-block: calc((var(--size-icon-normal-311gry, 16px) - 12px) / 2);
@@ -71,7 +71,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
71
71
  margin-block: calc((var(--line-height-body-m-5xw6xo, 22px) - var(--size-icon-normal-311gry, 16px)) / 2);
72
72
  box-sizing: border-box;
73
73
  }
74
- .awsui_root_1612d_6c7it_43.awsui_size-big_1612d_6c7it_74:not(#\9) {
74
+ .awsui_root_1612d_9xu4m_43.awsui_size-big_1612d_9xu4m_74:not(#\9) {
75
75
  inline-size: var(--size-icon-big-z6z1yl, 32px);
76
76
  block-size: var(--size-icon-big-z6z1yl, 32px);
77
77
  padding-block: calc((var(--size-icon-big-z6z1yl, 32px) - 24px) / 2);
@@ -79,7 +79,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
79
79
  margin-block: calc((var(--line-height-heading-xl-pi61pg, 36px) - var(--size-icon-big-z6z1yl, 32px)) / 2);
80
80
  box-sizing: border-box;
81
81
  }
82
- .awsui_root_1612d_6c7it_43.awsui_size-large_1612d_6c7it_82:not(#\9) {
82
+ .awsui_root_1612d_9xu4m_43.awsui_size-large_1612d_9xu4m_82:not(#\9) {
83
83
  inline-size: var(--size-icon-large-uba15s, 48px);
84
84
  block-size: var(--size-icon-large-uba15s, 48px);
85
85
  padding-block: calc((var(--size-icon-large-uba15s, 48px) - 36px) / 2);
@@ -87,32 +87,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
87
87
  margin-block: calc((var(--line-height-display-l-tjudur, 56px) - var(--size-icon-large-uba15s, 48px)) / 2);
88
88
  box-sizing: border-box;
89
89
  }
90
- .awsui_root_1612d_6c7it_43.awsui_variant-normal_1612d_6c7it_90:not(#\9) {
90
+ .awsui_root_1612d_9xu4m_43.awsui_variant-normal_1612d_9xu4m_90:not(#\9) {
91
91
  color: currentColor;
92
92
  }
93
- .awsui_root_1612d_6c7it_43.awsui_variant-disabled_1612d_6c7it_93:not(#\9) {
93
+ .awsui_root_1612d_9xu4m_43.awsui_variant-disabled_1612d_9xu4m_93:not(#\9) {
94
94
  color: var(--color-text-status-inactive-fqjc97, #687078);
95
95
  }
96
- .awsui_root_1612d_6c7it_43.awsui_variant-inverted_1612d_6c7it_96:not(#\9) {
96
+ .awsui_root_1612d_9xu4m_43.awsui_variant-inverted_1612d_9xu4m_96:not(#\9) {
97
97
  color: var(--color-text-inverted-fflnsl, #ffffff);
98
98
  }
99
- .awsui_root_1612d_6c7it_43:not(#\9):dir(rtl) {
100
- --awsui-spinner-rotator-from-esndbs: 360deg;
101
- --awsui-spinner-rotator-to-esndbs: 0deg;
102
- --awsui-spinner-line-left-from-esndbs: 0deg;
103
- --awsui-spinner-line-left-to-esndbs: -120deg;
104
- --awsui-spinner-line-right-from-esndbs: -90deg;
105
- --awsui-spinner-line-right-to-esndbs: 30deg;
99
+ .awsui_root_1612d_9xu4m_43:not(#\9):dir(rtl) {
100
+ --awsui-spinner-rotator-from-66120l: 360deg;
101
+ --awsui-spinner-rotator-to-66120l: 0deg;
102
+ --awsui-spinner-line-left-from-66120l: 0deg;
103
+ --awsui-spinner-line-left-to-66120l: -120deg;
104
+ --awsui-spinner-line-right-from-66120l: -90deg;
105
+ --awsui-spinner-line-right-to-66120l: 30deg;
106
106
  }
107
107
 
108
- .awsui_circle_1612d_6c7it_108:not(#\9) {
108
+ .awsui_circle_1612d_9xu4m_108:not(#\9) {
109
109
  display: inline-block;
110
110
  inline-size: 50%;
111
111
  block-size: 100%;
112
112
  overflow: hidden;
113
113
  position: relative;
114
114
  }
115
- .awsui_circle_1612d_6c7it_108:not(#\9):after {
115
+ .awsui_circle_1612d_9xu4m_108:not(#\9):after {
116
116
  position: absolute;
117
117
  box-sizing: border-box;
118
118
  content: "";
@@ -125,7 +125,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
125
125
  border-inline-end-color: transparent;
126
126
  border-block-end-color: transparent;
127
127
  }
128
- .awsui_circle_1612d_6c7it_108:not(#\9):after {
128
+ .awsui_circle_1612d_9xu4m_108:not(#\9):after {
129
129
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
130
130
  animation: 1.5s ease-in-out infinite;
131
131
  inset-block-start: 0;
@@ -133,13 +133,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
133
133
  block-size: 100%;
134
134
  inline-size: 200%;
135
135
  }
136
- .awsui_circle_1612d_6c7it_108.awsui_circle-left_1612d_6c7it_136:not(#\9):after {
136
+ .awsui_circle_1612d_9xu4m_108.awsui_circle-left_1612d_9xu4m_136:not(#\9):after {
137
137
  inset-inline-start: 0;
138
138
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
139
- animation-name: awsui_spinner-line-left_1612d_6c7it_1;
139
+ animation-name: awsui_spinner-line-left_1612d_9xu4m_1;
140
140
  }
141
- .awsui_circle_1612d_6c7it_108.awsui_circle-right_1612d_6c7it_141:not(#\9):after {
141
+ .awsui_circle_1612d_9xu4m_108.awsui_circle-right_1612d_9xu4m_141:not(#\9):after {
142
142
  inset-inline-start: -100%;
143
143
  /*stylelint-disable-next-line @cloudscape-design/no-motion-outside-of-mixin */
144
- animation-name: awsui_spinner-line-right_1612d_6c7it_1;
144
+ animation-name: awsui_spinner-line-right_1612d_9xu4m_1;
145
145
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1612d_6c7it_43",
6
- "spinner-rotator": "awsui_spinner-rotator_1612d_6c7it_1",
7
- "size-x-small": "awsui_size-x-small_1612d_6c7it_58",
8
- "size-normal": "awsui_size-normal_1612d_6c7it_66",
9
- "size-big": "awsui_size-big_1612d_6c7it_74",
10
- "size-large": "awsui_size-large_1612d_6c7it_82",
11
- "variant-normal": "awsui_variant-normal_1612d_6c7it_90",
12
- "variant-disabled": "awsui_variant-disabled_1612d_6c7it_93",
13
- "variant-inverted": "awsui_variant-inverted_1612d_6c7it_96",
14
- "circle": "awsui_circle_1612d_6c7it_108",
15
- "circle-left": "awsui_circle-left_1612d_6c7it_136",
16
- "spinner-line-left": "awsui_spinner-line-left_1612d_6c7it_1",
17
- "circle-right": "awsui_circle-right_1612d_6c7it_141",
18
- "spinner-line-right": "awsui_spinner-line-right_1612d_6c7it_1"
5
+ "root": "awsui_root_1612d_9xu4m_43",
6
+ "spinner-rotator": "awsui_spinner-rotator_1612d_9xu4m_1",
7
+ "size-x-small": "awsui_size-x-small_1612d_9xu4m_58",
8
+ "size-normal": "awsui_size-normal_1612d_9xu4m_66",
9
+ "size-big": "awsui_size-big_1612d_9xu4m_74",
10
+ "size-large": "awsui_size-large_1612d_9xu4m_82",
11
+ "variant-normal": "awsui_variant-normal_1612d_9xu4m_90",
12
+ "variant-disabled": "awsui_variant-disabled_1612d_9xu4m_93",
13
+ "variant-inverted": "awsui_variant-inverted_1612d_9xu4m_96",
14
+ "circle": "awsui_circle_1612d_9xu4m_108",
15
+ "circle-left": "awsui_circle-left_1612d_9xu4m_136",
16
+ "spinner-line-left": "awsui_spinner-line-left_1612d_9xu4m_1",
17
+ "circle-right": "awsui_circle-right_1612d_9xu4m_141",
18
+ "spinner-line-right": "awsui_spinner-line-right_1612d_9xu4m_1"
19
19
  };
20
20
 
@@ -1,42 +1,42 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_wih1l_1knf8_13",
5
- "tools": "awsui_tools_wih1l_1knf8_24",
6
- "tools-filtering": "awsui_tools-filtering_wih1l_1knf8_33",
7
- "tools-align-right": "awsui_tools-align-right_wih1l_1knf8_46",
8
- "tools-clear-sort": "awsui_tools-clear-sort_wih1l_1knf8_50",
9
- "tools-pagination": "awsui_tools-pagination_wih1l_1knf8_53",
10
- "tools-preferences": "awsui_tools-preferences_wih1l_1knf8_53",
11
- "tools-small": "awsui_tools-small_wih1l_1knf8_59",
12
- "table": "awsui_table_wih1l_1knf8_63",
13
- "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1knf8_69",
14
- "wrapper": "awsui_wrapper_wih1l_1knf8_73",
15
- "variant-stacked": "awsui_variant-stacked_wih1l_1knf8_80",
16
- "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1knf8_80",
17
- "variant-container": "awsui_variant-container_wih1l_1knf8_80",
18
- "has-footer": "awsui_has-footer_wih1l_1knf8_83",
19
- "has-header": "awsui_has-header_wih1l_1knf8_86",
20
- "cell-merged": "awsui_cell-merged_wih1l_1knf8_103",
21
- "cell-merged-content": "awsui_cell-merged-content_wih1l_1knf8_115",
22
- "empty": "awsui_empty_wih1l_1knf8_131",
23
- "loading": "awsui_loading_wih1l_1knf8_135",
24
- "selection-control": "awsui_selection-control_wih1l_1knf8_144",
25
- "selection-control-header": "awsui_selection-control-header_wih1l_1knf8_151",
26
- "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_1knf8_156",
27
- "header-secondary": "awsui_header-secondary_wih1l_1knf8_163",
28
- "variant-full-page": "awsui_variant-full-page_wih1l_1knf8_174",
29
- "table-has-header": "awsui_table-has-header_wih1l_1knf8_180",
30
- "header-controls": "awsui_header-controls_wih1l_1knf8_191",
31
- "variant-embedded": "awsui_variant-embedded_wih1l_1knf8_200",
32
- "variant-borderless": "awsui_variant-borderless_wih1l_1knf8_200",
33
- "footer-wrapper": "awsui_footer-wrapper_wih1l_1knf8_205",
34
- "footer": "awsui_footer_wih1l_1knf8_205",
35
- "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1knf8_213",
36
- "footer-pagination": "awsui_footer-pagination_wih1l_1knf8_221",
37
- "thead-active": "awsui_thead-active_wih1l_1knf8_225",
38
- "row": "awsui_row_wih1l_1knf8_226",
39
- "row-selected": "awsui_row-selected_wih1l_1knf8_227",
40
- "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_1knf8_231"
4
+ "root": "awsui_root_wih1l_zrzbw_13",
5
+ "tools": "awsui_tools_wih1l_zrzbw_24",
6
+ "tools-filtering": "awsui_tools-filtering_wih1l_zrzbw_33",
7
+ "tools-align-right": "awsui_tools-align-right_wih1l_zrzbw_46",
8
+ "tools-clear-sort": "awsui_tools-clear-sort_wih1l_zrzbw_50",
9
+ "tools-pagination": "awsui_tools-pagination_wih1l_zrzbw_53",
10
+ "tools-preferences": "awsui_tools-preferences_wih1l_zrzbw_53",
11
+ "tools-small": "awsui_tools-small_wih1l_zrzbw_59",
12
+ "table": "awsui_table_wih1l_zrzbw_63",
13
+ "table-layout-fixed": "awsui_table-layout-fixed_wih1l_zrzbw_69",
14
+ "wrapper": "awsui_wrapper_wih1l_zrzbw_73",
15
+ "variant-stacked": "awsui_variant-stacked_wih1l_zrzbw_80",
16
+ "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_zrzbw_80",
17
+ "variant-container": "awsui_variant-container_wih1l_zrzbw_80",
18
+ "has-footer": "awsui_has-footer_wih1l_zrzbw_83",
19
+ "has-header": "awsui_has-header_wih1l_zrzbw_86",
20
+ "cell-merged": "awsui_cell-merged_wih1l_zrzbw_103",
21
+ "cell-merged-content": "awsui_cell-merged-content_wih1l_zrzbw_115",
22
+ "empty": "awsui_empty_wih1l_zrzbw_131",
23
+ "loading": "awsui_loading_wih1l_zrzbw_135",
24
+ "selection-control": "awsui_selection-control_wih1l_zrzbw_144",
25
+ "selection-control-header": "awsui_selection-control-header_wih1l_zrzbw_151",
26
+ "selection-control-content-spans-rows": "awsui_selection-control-content-spans-rows_wih1l_zrzbw_156",
27
+ "header-secondary": "awsui_header-secondary_wih1l_zrzbw_163",
28
+ "variant-full-page": "awsui_variant-full-page_wih1l_zrzbw_174",
29
+ "table-has-header": "awsui_table-has-header_wih1l_zrzbw_180",
30
+ "header-controls": "awsui_header-controls_wih1l_zrzbw_191",
31
+ "variant-embedded": "awsui_variant-embedded_wih1l_zrzbw_203",
32
+ "variant-borderless": "awsui_variant-borderless_wih1l_zrzbw_203",
33
+ "footer-wrapper": "awsui_footer-wrapper_wih1l_zrzbw_208",
34
+ "footer": "awsui_footer_wih1l_zrzbw_208",
35
+ "footer-with-pagination": "awsui_footer-with-pagination_wih1l_zrzbw_216",
36
+ "footer-pagination": "awsui_footer-pagination_wih1l_zrzbw_224",
37
+ "thead-active": "awsui_thead-active_wih1l_zrzbw_228",
38
+ "row": "awsui_row_wih1l_zrzbw_229",
39
+ "row-selected": "awsui_row-selected_wih1l_zrzbw_230",
40
+ "skeleton-loading-cell": "awsui_skeleton-loading-cell_wih1l_zrzbw_234"
41
41
  };
42
42
 
@@ -10,7 +10,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
10
10
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
11
  SPDX-License-Identifier: Apache-2.0
12
12
  */
13
- .awsui_root_wih1l_1knf8_13:not(#\9) {
13
+ .awsui_root_wih1l_zrzbw_13:not(#\9) {
14
14
  font-size: var(--font-size-body-m-tq5a14, 14px);
15
15
  line-height: var(--line-height-body-m-5xw6xo, 22px);
16
16
  color: var(--color-text-body-default-b2us04, #16191f);
@@ -21,7 +21,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
21
21
  inline-size: 100%;
22
22
  }
23
23
 
24
- .awsui_tools_wih1l_1knf8_24:not(#\9) {
24
+ .awsui_tools_wih1l_zrzbw_24:not(#\9) {
25
25
  display: flex;
26
26
  align-items: flex-end;
27
27
  flex-wrap: wrap;
@@ -30,67 +30,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
30
30
  padding-block-end: var(--space-table-header-tools-bottom-37d7z7, 4px);
31
31
  padding-inline: 0;
32
32
  }
33
- .awsui_tools-filtering_wih1l_1knf8_33:not(#\9) {
33
+ .awsui_tools-filtering_wih1l_zrzbw_33:not(#\9) {
34
34
  max-inline-size: 100%;
35
35
  }
36
36
  @supports (flex-basis: fit-content) {
37
- .awsui_tools-filtering_wih1l_1knf8_33:not(#\9) {
37
+ .awsui_tools-filtering_wih1l_zrzbw_33:not(#\9) {
38
38
  flex: 1 1 fit-content;
39
39
  }
40
40
  }
41
41
  @supports not (flex-basis: fit-content) {
42
- .awsui_tools-filtering_wih1l_1knf8_33:not(#\9) {
42
+ .awsui_tools-filtering_wih1l_zrzbw_33:not(#\9) {
43
43
  flex: 1 1 auto;
44
44
  }
45
45
  }
46
- .awsui_tools-align-right_wih1l_1knf8_46:not(#\9) {
46
+ .awsui_tools-align-right_wih1l_zrzbw_46:not(#\9) {
47
47
  display: flex;
48
48
  margin-inline-start: auto;
49
49
  }
50
- .awsui_tools-clear-sort_wih1l_1knf8_50:not(#\9) {
50
+ .awsui_tools-clear-sort_wih1l_zrzbw_50:not(#\9) {
51
51
  align-self: center;
52
52
  }
53
- .awsui_tools-clear-sort_wih1l_1knf8_50 + .awsui_tools-pagination_wih1l_1knf8_53:not(#\9), .awsui_tools-clear-sort_wih1l_1knf8_50 + .awsui_tools-preferences_wih1l_1knf8_53:not(#\9), .awsui_tools-pagination_wih1l_1knf8_53 + .awsui_tools-preferences_wih1l_1knf8_53:not(#\9) {
53
+ .awsui_tools-clear-sort_wih1l_zrzbw_50 + .awsui_tools-pagination_wih1l_zrzbw_53:not(#\9), .awsui_tools-clear-sort_wih1l_zrzbw_50 + .awsui_tools-preferences_wih1l_zrzbw_53:not(#\9), .awsui_tools-pagination_wih1l_zrzbw_53 + .awsui_tools-preferences_wih1l_zrzbw_53:not(#\9) {
54
54
  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
55
55
  box-sizing: border-box;
56
56
  margin-inline-start: var(--space-xs-m9b7jf, 8px);
57
57
  padding-inline-start: var(--space-xs-m9b7jf, 8px);
58
58
  }
59
- .awsui_tools-small_wih1l_1knf8_59 > .awsui_tools-filtering_wih1l_1knf8_33:not(#\9) {
59
+ .awsui_tools-small_wih1l_zrzbw_59 > .awsui_tools-filtering_wih1l_zrzbw_33:not(#\9) {
60
60
  flex-basis: 100%;
61
61
  }
62
62
 
63
- .awsui_table_wih1l_1knf8_63:not(#\9) {
63
+ .awsui_table_wih1l_zrzbw_63:not(#\9) {
64
64
  inline-size: 100%;
65
65
  border-spacing: 0;
66
66
  position: relative;
67
67
  box-sizing: border-box;
68
68
  }
69
- .awsui_table-layout-fixed_wih1l_1knf8_69:not(#\9) {
69
+ .awsui_table-layout-fixed_wih1l_zrzbw_69:not(#\9) {
70
70
  table-layout: fixed;
71
71
  }
72
72
 
73
- .awsui_wrapper_wih1l_1knf8_73:not(#\9) {
73
+ .awsui_wrapper_wih1l_zrzbw_73:not(#\9) {
74
74
  position: relative;
75
75
  box-sizing: border-box;
76
76
  inline-size: 100%;
77
77
  overflow-x: auto;
78
78
  scrollbar-width: none; /* Hide scrollbar in Firefox */
79
79
  }
80
- .awsui_wrapper_wih1l_1knf8_73.awsui_variant-stacked_wih1l_1knf8_80 > .awsui_table_wih1l_1knf8_63:not(#\9), .awsui_wrapper_wih1l_1knf8_73.awsui_variant-stacked_wih1l_1knf8_80 > .awsui_wrapper-content-measure_wih1l_1knf8_80:not(#\9), .awsui_wrapper_wih1l_1knf8_73.awsui_variant-container_wih1l_1knf8_80 > .awsui_table_wih1l_1knf8_63:not(#\9), .awsui_wrapper_wih1l_1knf8_73.awsui_variant-container_wih1l_1knf8_80 > .awsui_wrapper-content-measure_wih1l_1knf8_80:not(#\9) {
80
+ .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-stacked_wih1l_zrzbw_80 > .awsui_table_wih1l_zrzbw_63:not(#\9), .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-stacked_wih1l_zrzbw_80 > .awsui_wrapper-content-measure_wih1l_zrzbw_80:not(#\9), .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-container_wih1l_zrzbw_80 > .awsui_table_wih1l_zrzbw_63:not(#\9), .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-container_wih1l_zrzbw_80 > .awsui_wrapper-content-measure_wih1l_zrzbw_80:not(#\9) {
81
81
  padding-inline: var(--space-table-horizontal-o0ypm8, 0px);
82
82
  }
83
- .awsui_wrapper_wih1l_1knf8_73.awsui_variant-stacked_wih1l_1knf8_80:not(#\9):not(.awsui_has-footer_wih1l_1knf8_83), .awsui_wrapper_wih1l_1knf8_73.awsui_variant-container_wih1l_1knf8_80:not(#\9):not(.awsui_has-footer_wih1l_1knf8_83) {
83
+ .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-stacked_wih1l_zrzbw_80:not(#\9):not(.awsui_has-footer_wih1l_zrzbw_83), .awsui_wrapper_wih1l_zrzbw_73.awsui_variant-container_wih1l_zrzbw_80:not(#\9):not(.awsui_has-footer_wih1l_zrzbw_83) {
84
84
  padding-block-end: var(--space-table-content-bottom-88oqzz, 0px);
85
85
  }
86
- .awsui_wrapper_wih1l_1knf8_73:not(#\9):not(.awsui_has-header_wih1l_1knf8_86) {
86
+ .awsui_wrapper_wih1l_zrzbw_73:not(#\9):not(.awsui_has-header_wih1l_zrzbw_86) {
87
87
  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
88
88
  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
89
89
  }
90
- .awsui_wrapper_wih1l_1knf8_73:not(#\9)::-webkit-scrollbar {
90
+ .awsui_wrapper_wih1l_zrzbw_73:not(#\9)::-webkit-scrollbar {
91
91
  display: none; /* Hide scrollbar in Safari and Chrome */
92
92
  }
93
- body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1knf8_73:not(#\9):focus {
93
+ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_zrzbw_73:not(#\9):focus {
94
94
  outline: 2px dotted transparent;
95
95
  outline-offset: 2px;
96
96
  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
@@ -100,19 +100,19 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1knf8_73:not(#\9):focus
100
100
  box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
101
101
  }
102
102
 
103
- .awsui_cell-merged_wih1l_1knf8_103:not(#\9) {
103
+ .awsui_cell-merged_wih1l_zrzbw_103:not(#\9) {
104
104
  text-align: center;
105
105
  padding-block: 0;
106
106
  padding-inline: 0;
107
107
  }
108
- .awsui_cell-merged_wih1l_1knf8_103.awsui_has-footer_wih1l_1knf8_83:not(#\9) {
108
+ .awsui_cell-merged_wih1l_zrzbw_103.awsui_has-footer_wih1l_zrzbw_83:not(#\9) {
109
109
  /*
110
110
  Add a bottom border to the body cell of an empty table as a separator between the
111
111
  table and the footer
112
112
  */
113
113
  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-diwd4w, #eaeded);
114
114
  }
115
- .awsui_cell-merged-content_wih1l_1knf8_115:not(#\9) {
115
+ .awsui_cell-merged-content_wih1l_zrzbw_115:not(#\9) {
116
116
  box-sizing: border-box;
117
117
  inline-size: 100%;
118
118
  padding-block-start: var(--space-scaled-m-lfeh3i, 16px);
@@ -120,7 +120,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1knf8_73:not(#\9):focus
120
120
  padding-inline: var(--space-l-dpyxli, 20px);
121
121
  }
122
122
  @supports (position: sticky) {
123
- .awsui_cell-merged-content_wih1l_1knf8_115:not(#\9) {
123
+ .awsui_cell-merged-content_wih1l_zrzbw_115:not(#\9) {
124
124
  position: sticky;
125
125
  inset-inline-start: 0;
126
126
  margin-block: 0;
@@ -128,11 +128,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1knf8_73:not(#\9):focus
128
128
  }
129
129
  }
130
130
 
131
- .awsui_empty_wih1l_1knf8_131:not(#\9) {
131
+ .awsui_empty_wih1l_zrzbw_131:not(#\9) {
132
132
  color: var(--color-text-empty-y81uqw, #687078);
133
133
  }
134
134
 
135
- .awsui_loading_wih1l_1knf8_135:not(#\9) {
135
+ .awsui_loading_wih1l_zrzbw_135:not(#\9) {
136
136
  /* used in test-utils */
137
137
  }
138
138
 
@@ -141,26 +141,26 @@ The min/max/width token values in Visual Refresh should align
141
141
  the table header and body cells selection control with the table
142
142
  filter search icon.
143
143
  */
144
- .awsui_selection-control_wih1l_1knf8_144:not(#\9) {
144
+ .awsui_selection-control_wih1l_zrzbw_144:not(#\9) {
145
145
  box-sizing: border-box;
146
146
  max-inline-size: var(--size-table-selection-horizontal-uadoa1, 54px);
147
147
  min-inline-size: var(--size-table-selection-horizontal-uadoa1, 54px);
148
148
  position: relative;
149
149
  inline-size: var(--size-table-selection-horizontal-uadoa1, 54px);
150
150
  }
151
- .awsui_selection-control_wih1l_1knf8_144.awsui_selection-control-header_wih1l_1knf8_151:not(#\9) {
151
+ .awsui_selection-control_wih1l_zrzbw_144.awsui_selection-control-header_wih1l_zrzbw_151:not(#\9) {
152
152
  padding-block: var(--space-scaled-xs-pajbd1, 8px);
153
153
  padding-inline: var(--space-scaled-l-33ruz6, 20px);
154
154
  border-inline-start: var(--border-width-item-selected-l41fek, 1px) solid transparent;
155
155
  }
156
- .awsui_selection-control-content-spans-rows_wih1l_1knf8_156:not(#\9) {
156
+ .awsui_selection-control-content-spans-rows_wih1l_zrzbw_156:not(#\9) {
157
157
  display: flex;
158
158
  flex-direction: column;
159
159
  justify-content: flex-end;
160
160
  block-size: 100%;
161
161
  }
162
162
 
163
- .awsui_header-secondary_wih1l_1knf8_163:not(#\9) {
163
+ .awsui_header-secondary_wih1l_zrzbw_163:not(#\9) {
164
164
  overflow: auto;
165
165
  scrollbar-width: none; /* Firefox */
166
166
  box-sizing: border-box;
@@ -171,46 +171,49 @@ filter search icon.
171
171
  border-end-end-radius: 0;
172
172
  background: var(--color-background-table-header-pgyagt, #fafafa);
173
173
  }
174
- .awsui_header-secondary_wih1l_1knf8_163.awsui_variant-full-page_wih1l_1knf8_174:not(#\9) {
174
+ .awsui_header-secondary_wih1l_zrzbw_163.awsui_variant-full-page_wih1l_zrzbw_174:not(#\9) {
175
175
  background: var(--color-background-layout-main-y4565g, #f2f3f3);
176
176
  }
177
- .awsui_header-secondary_wih1l_1knf8_163.awsui_variant-stacked_wih1l_1knf8_80 > .awsui_table_wih1l_1knf8_63:not(#\9), .awsui_header-secondary_wih1l_1knf8_163.awsui_variant-container_wih1l_1knf8_80 > .awsui_table_wih1l_1knf8_63:not(#\9) {
177
+ .awsui_header-secondary_wih1l_zrzbw_163.awsui_variant-stacked_wih1l_zrzbw_80 > .awsui_table_wih1l_zrzbw_63:not(#\9), .awsui_header-secondary_wih1l_zrzbw_163.awsui_variant-container_wih1l_zrzbw_80 > .awsui_table_wih1l_zrzbw_63:not(#\9) {
178
178
  padding-inline: var(--space-table-horizontal-o0ypm8, 0px);
179
179
  }
180
- .awsui_header-secondary_wih1l_1knf8_163.awsui_variant-stacked_wih1l_1knf8_80:not(#\9):not(.awsui_table-has-header_wih1l_1knf8_180), .awsui_header-secondary_wih1l_1knf8_163.awsui_variant-container_wih1l_1knf8_80:not(#\9):not(.awsui_table-has-header_wih1l_1knf8_180) {
180
+ .awsui_header-secondary_wih1l_zrzbw_163.awsui_variant-stacked_wih1l_zrzbw_80:not(#\9):not(.awsui_table-has-header_wih1l_zrzbw_180), .awsui_header-secondary_wih1l_zrzbw_163.awsui_variant-container_wih1l_zrzbw_80:not(#\9):not(.awsui_table-has-header_wih1l_zrzbw_180) {
181
181
  border-start-start-radius: var(--border-radius-container-33hhdh, 0px);
182
182
  border-start-end-radius: var(--border-radius-container-33hhdh, 0px);
183
183
  }
184
- .awsui_header-secondary_wih1l_1knf8_163:not(#\9)::-webkit-scrollbar {
184
+ .awsui_header-secondary_wih1l_zrzbw_163:not(#\9)::-webkit-scrollbar {
185
185
  display: none; /* Safari and Chrome */
186
186
  }
187
- .awsui_header-secondary_wih1l_1knf8_163.awsui_table-has-header_wih1l_1knf8_180:not(#\9) {
187
+ .awsui_header-secondary_wih1l_zrzbw_163.awsui_table-has-header_wih1l_zrzbw_180:not(#\9) {
188
188
  border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-divider-rkhoab, #eaeded);
189
189
  }
190
190
 
191
- .awsui_header-controls_wih1l_1knf8_191:not(#\9) {
191
+ .awsui_header-controls_wih1l_zrzbw_191:not(#\9) {
192
192
  padding-block: var(--space-container-header-top-3txhx4, 12px) var(--space-container-header-bottom-9elagw, 12px);
193
193
  }
194
- .awsui_header-controls_wih1l_1knf8_191.awsui_variant-full-page_wih1l_1knf8_174:not(#\9) {
194
+ .awsui_header-controls_wih1l_zrzbw_191:not(#\9):not(.awsui_variant-full-page_wih1l_zrzbw_174) {
195
+ --awsui-inline-label-background-color-66120l: var(--color-background-table-header-pgyagt, #fafafa);
196
+ }
197
+ .awsui_header-controls_wih1l_zrzbw_191.awsui_variant-full-page_wih1l_zrzbw_174:not(#\9) {
195
198
  padding-block: 0 calc(var(--space-container-header-bottom-9elagw, 12px) + var(--space-table-header-tools-full-page-bottom-g1a6as, 4px));
196
199
  }
197
- .awsui_header-controls_wih1l_1knf8_191.awsui_variant-stacked_wih1l_1knf8_80:not(#\9), .awsui_header-controls_wih1l_1knf8_191.awsui_variant-container_wih1l_1knf8_80:not(#\9) {
200
+ .awsui_header-controls_wih1l_zrzbw_191.awsui_variant-stacked_wih1l_zrzbw_80:not(#\9), .awsui_header-controls_wih1l_zrzbw_191.awsui_variant-container_wih1l_zrzbw_80:not(#\9) {
198
201
  padding-inline: calc(var(--space-table-horizontal-o0ypm8, 0px) + var(--space-table-header-horizontal-y8sy8d, 20px));
199
202
  }
200
- .awsui_header-controls_wih1l_1knf8_191.awsui_variant-embedded_wih1l_1knf8_200:not(#\9), .awsui_header-controls_wih1l_1knf8_191.awsui_variant-borderless_wih1l_1knf8_200:not(#\9) {
203
+ .awsui_header-controls_wih1l_zrzbw_191.awsui_variant-embedded_wih1l_zrzbw_203:not(#\9), .awsui_header-controls_wih1l_zrzbw_191.awsui_variant-borderless_wih1l_zrzbw_203:not(#\9) {
201
204
  padding-inline: var(--space-table-header-horizontal-y8sy8d, 20px);
202
205
  padding-block-start: var(--space-table-embedded-header-top-bnncuk, 12px);
203
206
  }
204
207
 
205
- .awsui_footer-wrapper_wih1l_1knf8_205.awsui_variant-stacked_wih1l_1knf8_80:not(#\9), .awsui_footer-wrapper_wih1l_1knf8_205.awsui_variant-container_wih1l_1knf8_80:not(#\9) {
208
+ .awsui_footer-wrapper_wih1l_zrzbw_208.awsui_variant-stacked_wih1l_zrzbw_80:not(#\9), .awsui_footer-wrapper_wih1l_zrzbw_208.awsui_variant-container_wih1l_zrzbw_80:not(#\9) {
206
209
  padding-inline: var(--space-table-horizontal-o0ypm8, 0px);
207
210
  }
208
211
 
209
- .awsui_footer_wih1l_1knf8_205:not(#\9) {
212
+ .awsui_footer_wih1l_zrzbw_208:not(#\9) {
210
213
  padding-block: var(--space-scaled-s-2crg2b, 12px);
211
214
  padding-inline: var(--space-table-footer-horizontal-81b00d, 20px);
212
215
  }
213
- .awsui_footer-with-pagination_wih1l_1knf8_213:not(#\9) {
216
+ .awsui_footer-with-pagination_wih1l_zrzbw_216:not(#\9) {
214
217
  display: flex;
215
218
  flex-direction: row;
216
219
  justify-content: space-between;
@@ -218,17 +221,17 @@ filter search icon.
218
221
  flex-wrap: wrap;
219
222
  gap: var(--space-scaled-s-2crg2b, 12px);
220
223
  }
221
- .awsui_footer-pagination_wih1l_1knf8_221:not(#\9) {
224
+ .awsui_footer-pagination_wih1l_zrzbw_224:not(#\9) {
222
225
  margin-inline-start: auto;
223
226
  }
224
227
 
225
- .awsui_thead-active_wih1l_1knf8_225:not(#\9),
226
- .awsui_row_wih1l_1knf8_226:not(#\9),
227
- .awsui_row-selected_wih1l_1knf8_227:not(#\9) {
228
+ .awsui_thead-active_wih1l_zrzbw_228:not(#\9),
229
+ .awsui_row_wih1l_zrzbw_229:not(#\9),
230
+ .awsui_row-selected_wih1l_zrzbw_230:not(#\9) {
228
231
  /* used in test-utils */
229
232
  }
230
233
 
231
- .awsui_skeleton-loading-cell_wih1l_1knf8_231:not(#\9) {
234
+ .awsui_skeleton-loading-cell_wih1l_zrzbw_234:not(#\9) {
232
235
  padding-block: 0;
233
236
  padding-inline: 0;
234
237
  border-block-end: none;