@cloudscape-design/components-themeable 3.0.347 → 3.0.349

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 (220) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/visual-refresh/drawers.scss +2 -0
  3. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +3 -3
  4. package/lib/internal/scss/app-layout/visual-refresh/navigation.scss +1 -0
  5. package/lib/internal/scss/app-layout/visual-refresh/tools.scss +1 -0
  6. package/lib/internal/scss/box/text.scss +1 -1
  7. package/lib/internal/scss/button/styles.scss +1 -1
  8. package/lib/internal/scss/button-dropdown/category-elements/styles.scss +2 -3
  9. package/lib/internal/scss/button-dropdown/item-element/styles.scss +2 -2
  10. package/lib/internal/scss/cards/styles.scss +3 -9
  11. package/lib/internal/scss/container/shared.scss +2 -2
  12. package/lib/internal/scss/container/styles.scss +3 -0
  13. package/lib/internal/scss/expandable-section/styles.scss +2 -2
  14. package/lib/internal/scss/header/styles.scss +61 -58
  15. package/lib/internal/scss/modal/styles.scss +1 -1
  16. package/lib/internal/scss/segmented-control/segment.scss +1 -1
  17. package/lib/internal/scss/side-navigation/styles.scss +4 -0
  18. package/lib/internal/scss/table/styles.scss +6 -14
  19. package/lib/internal/scss/tabs/tab-header-bar.scss +4 -1
  20. package/lib/internal/scss/tiles/styles.scss +8 -2
  21. package/lib/internal/scss/wizard/styles.scss +5 -5
  22. package/lib/internal/template/app-layout/styles.css.js +17 -17
  23. package/lib/internal/template/app-layout/styles.scoped.css +21 -21
  24. package/lib/internal/template/app-layout/styles.selectors.js +17 -17
  25. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +69 -69
  26. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +173 -169
  27. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +69 -69
  28. package/lib/internal/template/area-chart/chart-container.d.ts +2 -2
  29. package/lib/internal/template/area-chart/chart-container.d.ts.map +1 -1
  30. package/lib/internal/template/area-chart/chart-container.js +1 -1
  31. package/lib/internal/template/area-chart/chart-container.js.map +1 -1
  32. package/lib/internal/template/area-chart/interfaces.d.ts +5 -1
  33. package/lib/internal/template/area-chart/interfaces.d.ts.map +1 -1
  34. package/lib/internal/template/area-chart/interfaces.js.map +1 -1
  35. package/lib/internal/template/area-chart/internal.d.ts +1 -1
  36. package/lib/internal/template/area-chart/internal.d.ts.map +1 -1
  37. package/lib/internal/template/area-chart/internal.js +2 -2
  38. package/lib/internal/template/area-chart/internal.js.map +1 -1
  39. package/lib/internal/template/attribute-editor/interfaces.d.ts +7 -0
  40. package/lib/internal/template/attribute-editor/interfaces.d.ts.map +1 -1
  41. package/lib/internal/template/attribute-editor/interfaces.js.map +1 -1
  42. package/lib/internal/template/attribute-editor/internal.d.ts.map +1 -1
  43. package/lib/internal/template/attribute-editor/internal.js +2 -2
  44. package/lib/internal/template/attribute-editor/internal.js.map +1 -1
  45. package/lib/internal/template/attribute-editor/row.d.ts +3 -2
  46. package/lib/internal/template/attribute-editor/row.d.ts.map +1 -1
  47. package/lib/internal/template/attribute-editor/row.js +2 -2
  48. package/lib/internal/template/attribute-editor/row.js.map +1 -1
  49. package/lib/internal/template/box/styles.css.js +189 -189
  50. package/lib/internal/template/box/styles.scoped.css +258 -258
  51. package/lib/internal/template/box/styles.selectors.js +189 -189
  52. package/lib/internal/template/button/styles.css.js +20 -20
  53. package/lib/internal/template/button/styles.scoped.css +154 -154
  54. package/lib/internal/template/button/styles.selectors.js +20 -20
  55. package/lib/internal/template/button-dropdown/category-elements/styles.css.js +13 -13
  56. package/lib/internal/template/button-dropdown/category-elements/styles.scoped.css +25 -25
  57. package/lib/internal/template/button-dropdown/category-elements/styles.selectors.js +13 -13
  58. package/lib/internal/template/button-dropdown/item-element/styles.css.js +14 -14
  59. package/lib/internal/template/button-dropdown/item-element/styles.scoped.css +20 -20
  60. package/lib/internal/template/button-dropdown/item-element/styles.selectors.js +14 -14
  61. package/lib/internal/template/cards/styles.css.js +38 -38
  62. package/lib/internal/template/cards/styles.scoped.css +57 -62
  63. package/lib/internal/template/cards/styles.selectors.js +38 -38
  64. package/lib/internal/template/container/styles.css.js +28 -28
  65. package/lib/internal/template/container/styles.scoped.css +57 -54
  66. package/lib/internal/template/container/styles.selectors.js +28 -28
  67. package/lib/internal/template/content-layout/styles.css.js +7 -7
  68. package/lib/internal/template/content-layout/styles.scoped.css +13 -13
  69. package/lib/internal/template/content-layout/styles.selectors.js +7 -7
  70. package/lib/internal/template/expandable-section/styles.css.js +29 -29
  71. package/lib/internal/template/expandable-section/styles.scoped.css +61 -61
  72. package/lib/internal/template/expandable-section/styles.selectors.js +29 -29
  73. package/lib/internal/template/flashbar/styles.css.js +46 -46
  74. package/lib/internal/template/flashbar/styles.scoped.css +146 -146
  75. package/lib/internal/template/flashbar/styles.selectors.js +46 -46
  76. package/lib/internal/template/form-field/internal.js +3 -2
  77. package/lib/internal/template/form-field/internal.js.map +1 -1
  78. package/lib/internal/template/header/internal.d.ts.map +1 -1
  79. package/lib/internal/template/header/internal.js +5 -5
  80. package/lib/internal/template/header/internal.js.map +1 -1
  81. package/lib/internal/template/header/styles.css.js +33 -44
  82. package/lib/internal/template/header/styles.scoped.css +85 -91
  83. package/lib/internal/template/header/styles.selectors.js +33 -44
  84. package/lib/internal/template/help-panel/styles.css.js +4 -4
  85. package/lib/internal/template/help-panel/styles.scoped.css +80 -80
  86. package/lib/internal/template/help-panel/styles.selectors.js +4 -4
  87. package/lib/internal/template/icon/styles.css.js +21 -21
  88. package/lib/internal/template/icon/styles.scoped.css +54 -54
  89. package/lib/internal/template/icon/styles.selectors.js +21 -21
  90. package/lib/internal/template/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  91. package/lib/internal/template/internal/analytics/components/analytics-funnel.js +14 -13
  92. package/lib/internal/template/internal/analytics/components/analytics-funnel.js.map +1 -1
  93. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts +6 -7
  94. package/lib/internal/template/internal/analytics/context/analytics-context.d.ts.map +1 -1
  95. package/lib/internal/template/internal/analytics/context/analytics-context.js +2 -6
  96. package/lib/internal/template/internal/analytics/context/analytics-context.js.map +1 -1
  97. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts +4 -7
  98. package/lib/internal/template/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  99. package/lib/internal/template/internal/analytics/hooks/use-funnel.js +9 -7
  100. package/lib/internal/template/internal/analytics/hooks/use-funnel.js.map +1 -1
  101. package/lib/internal/template/internal/base-component/styles.scoped.css +92 -80
  102. package/lib/internal/template/internal/components/button-trigger/index.d.ts +2 -1
  103. package/lib/internal/template/internal/components/button-trigger/index.d.ts.map +1 -1
  104. package/lib/internal/template/internal/components/button-trigger/index.js +2 -2
  105. package/lib/internal/template/internal/components/button-trigger/index.js.map +1 -1
  106. package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts +10 -2
  107. package/lib/internal/template/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  108. package/lib/internal/template/internal/components/cartesian-chart/interfaces.js.map +1 -1
  109. package/lib/internal/template/internal/components/dropdown/index.d.ts +1 -1
  110. package/lib/internal/template/internal/components/dropdown/index.d.ts.map +1 -1
  111. package/lib/internal/template/internal/components/dropdown/index.js +4 -4
  112. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  113. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts +8 -0
  114. package/lib/internal/template/internal/components/dropdown/interfaces.d.ts.map +1 -1
  115. package/lib/internal/template/internal/components/dropdown/interfaces.js.map +1 -1
  116. package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
  117. package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +14 -14
  118. package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
  119. package/lib/internal/template/internal/environment.js +1 -1
  120. package/lib/internal/template/internal/generated/theming/index.cjs +164 -120
  121. package/lib/internal/template/internal/generated/theming/index.js +164 -120
  122. package/lib/internal/template/link/internal.d.ts.map +1 -1
  123. package/lib/internal/template/link/internal.js +3 -2
  124. package/lib/internal/template/link/internal.js.map +1 -1
  125. package/lib/internal/template/link/styles.css.js +20 -20
  126. package/lib/internal/template/link/styles.scoped.css +83 -83
  127. package/lib/internal/template/link/styles.selectors.js +20 -20
  128. package/lib/internal/template/mixed-line-bar-chart/internal.d.ts +1 -1
  129. package/lib/internal/template/mixed-line-bar-chart/internal.d.ts.map +1 -1
  130. package/lib/internal/template/mixed-line-bar-chart/internal.js +2 -2
  131. package/lib/internal/template/mixed-line-bar-chart/internal.js.map +1 -1
  132. package/lib/internal/template/modal/styles.css.js +23 -23
  133. package/lib/internal/template/modal/styles.scoped.css +40 -40
  134. package/lib/internal/template/modal/styles.selectors.js +23 -23
  135. package/lib/internal/template/pagination/styles.css.js +9 -9
  136. package/lib/internal/template/pagination/styles.scoped.css +24 -24
  137. package/lib/internal/template/pagination/styles.selectors.js +9 -9
  138. package/lib/internal/template/popover/styles.css.js +50 -50
  139. package/lib/internal/template/popover/styles.scoped.css +65 -65
  140. package/lib/internal/template/popover/styles.selectors.js +50 -50
  141. package/lib/internal/template/property-filter/index.d.ts.map +1 -1
  142. package/lib/internal/template/property-filter/index.js +4 -3
  143. package/lib/internal/template/property-filter/index.js.map +1 -1
  144. package/lib/internal/template/property-filter/interfaces.d.ts +16 -5
  145. package/lib/internal/template/property-filter/interfaces.d.ts.map +1 -1
  146. package/lib/internal/template/property-filter/interfaces.js.map +1 -1
  147. package/lib/internal/template/s3-resource-selector/index.d.ts.map +1 -1
  148. package/lib/internal/template/s3-resource-selector/index.js +2 -2
  149. package/lib/internal/template/s3-resource-selector/index.js.map +1 -1
  150. package/lib/internal/template/s3-resource-selector/interfaces.d.ts +7 -0
  151. package/lib/internal/template/s3-resource-selector/interfaces.d.ts.map +1 -1
  152. package/lib/internal/template/s3-resource-selector/interfaces.js.map +1 -1
  153. package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts +1 -0
  154. package/lib/internal/template/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  155. package/lib/internal/template/s3-resource-selector/s3-in-context/index.js +2 -2
  156. package/lib/internal/template/s3-resource-selector/s3-in-context/index.js.map +1 -1
  157. package/lib/internal/template/segmented-control/styles.css.js +14 -14
  158. package/lib/internal/template/segmented-control/styles.scoped.css +35 -35
  159. package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
  160. package/lib/internal/template/select/utils/use-select.d.ts +5 -7
  161. package/lib/internal/template/select/utils/use-select.d.ts.map +1 -1
  162. package/lib/internal/template/select/utils/use-select.js +6 -0
  163. package/lib/internal/template/select/utils/use-select.js.map +1 -1
  164. package/lib/internal/template/side-navigation/internal.d.ts.map +1 -1
  165. package/lib/internal/template/side-navigation/internal.js +3 -1
  166. package/lib/internal/template/side-navigation/internal.js.map +1 -1
  167. package/lib/internal/template/side-navigation/styles.css.js +28 -27
  168. package/lib/internal/template/side-navigation/styles.scoped.css +52 -48
  169. package/lib/internal/template/side-navigation/styles.selectors.js +28 -27
  170. package/lib/internal/template/spinner/styles.css.js +13 -13
  171. package/lib/internal/template/spinner/styles.scoped.css +22 -22
  172. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  173. package/lib/internal/template/split-panel/styles.css.js +56 -56
  174. package/lib/internal/template/split-panel/styles.scoped.css +80 -80
  175. package/lib/internal/template/split-panel/styles.selectors.js +56 -56
  176. package/lib/internal/template/table/header-cell/styles.css.js +24 -24
  177. package/lib/internal/template/table/header-cell/styles.scoped.css +41 -41
  178. package/lib/internal/template/table/header-cell/styles.selectors.js +24 -24
  179. package/lib/internal/template/table/styles.css.js +34 -34
  180. package/lib/internal/template/table/styles.scoped.css +45 -52
  181. package/lib/internal/template/table/styles.selectors.js +34 -34
  182. package/lib/internal/template/tabs/styles.css.js +21 -21
  183. package/lib/internal/template/tabs/styles.scoped.css +44 -41
  184. package/lib/internal/template/tabs/styles.selectors.js +21 -21
  185. package/lib/internal/template/tag-editor/styles.css.js +3 -3
  186. package/lib/internal/template/tag-editor/styles.scoped.css +11 -11
  187. package/lib/internal/template/tag-editor/styles.selectors.js +3 -3
  188. package/lib/internal/template/text-content/styles.css.js +1 -1
  189. package/lib/internal/template/text-content/styles.scoped.css +71 -71
  190. package/lib/internal/template/text-content/styles.selectors.js +1 -1
  191. package/lib/internal/template/tiles/styles.css.js +29 -28
  192. package/lib/internal/template/tiles/styles.scoped.css +76 -70
  193. package/lib/internal/template/tiles/styles.selectors.js +29 -28
  194. package/lib/internal/template/tiles/tile.d.ts.map +1 -1
  195. package/lib/internal/template/tiles/tile.js +3 -1
  196. package/lib/internal/template/tiles/tile.js.map +1 -1
  197. package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
  198. package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -45
  199. package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
  200. package/lib/internal/template/top-navigation/styles.css.js +47 -47
  201. package/lib/internal/template/top-navigation/styles.scoped.css +74 -74
  202. package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
  203. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  204. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
  205. package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  206. package/lib/internal/template/wizard/interfaces.d.ts +10 -3
  207. package/lib/internal/template/wizard/interfaces.d.ts.map +1 -1
  208. package/lib/internal/template/wizard/interfaces.js.map +1 -1
  209. package/lib/internal/template/wizard/internal.d.ts +1 -1
  210. package/lib/internal/template/wizard/internal.d.ts.map +1 -1
  211. package/lib/internal/template/wizard/internal.js +5 -5
  212. package/lib/internal/template/wizard/internal.js.map +1 -1
  213. package/lib/internal/template/wizard/styles.css.js +31 -31
  214. package/lib/internal/template/wizard/styles.scoped.css +67 -67
  215. package/lib/internal/template/wizard/styles.selectors.js +31 -31
  216. package/lib/internal/template/wizard/wizard-form.d.ts +2 -1
  217. package/lib/internal/template/wizard/wizard-form.d.ts.map +1 -1
  218. package/lib/internal/template/wizard/wizard-form.js +2 -2
  219. package/lib/internal/template/wizard/wizard-form.js.map +1 -1
  220. package/package.json +1 -1
package/lib/internal/template/tiles/styles.scoped.css CHANGED
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- div.awsui_column-layout_vj6p7_1llpk_93:not(#\9) {
93
+ div.awsui_column-layout_vj6p7_1ju36_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -129,135 +129,135 @@ div.awsui_column-layout_vj6p7_1llpk_93:not(#\9) {
129
129
  -moz-osx-font-smoothing: auto;
130
130
  word-wrap: break-word;
131
131
  }
132
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106:not(#\9) {
132
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106:not(#\9) {
133
133
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / -2);
134
134
  /* stylelint-disable-next-line selector-max-universal */
135
135
  /* stylelint-disable-next-line selector-max-universal */
136
136
  }
137
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-no-gutters_vj6p7_1llpk_111:not(#\9) {
137
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-no-gutters_vj6p7_1ju36_111:not(#\9) {
138
138
  margin: 0;
139
139
  }
140
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114:not(#\9) {
140
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114:not(#\9) {
141
141
  /* stylelint-disable-next-line selector-max-universal */
142
142
  margin: calc(-1 * var(--space-grid-gutter-jlj43y, 20px) / 2) calc(-1 * var(--space-grid-gutter-jlj43y, 20px));
143
143
  }
144
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114 > *:not(#\9) {
144
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114 > *:not(#\9) {
145
145
  border-left: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
146
146
  }
147
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-breakpoint-default_vj6p7_1llpk_121 > *:not(#\9):nth-child(1n+1) {
147
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-breakpoint-default_vj6p7_1ju36_121 > *:not(#\9):nth-child(1n+1) {
148
148
  border-left-width: 0;
149
149
  }
150
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-1_vj6p7_1llpk_124.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(1n+1) {
150
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-1_vj6p7_1ju36_124.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(1n+1) {
151
151
  border-left-width: 0;
152
152
  }
153
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-1_vj6p7_1llpk_124.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(1n+1) {
153
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-1_vj6p7_1ju36_124.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(1n+1) {
154
154
  border-left-width: 0;
155
155
  }
156
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n+1) {
156
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n+1) {
157
157
  border-left-width: 0;
158
158
  }
159
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(2n+1) {
159
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(2n+1) {
160
160
  border-left-width: 0;
161
161
  }
162
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n+1) {
162
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n+1) {
163
163
  border-left-width: 0;
164
164
  }
165
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(3n+1) {
165
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(3n+1) {
166
166
  border-left-width: 0;
167
167
  }
168
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n+1) {
168
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n+1) {
169
169
  border-left-width: 0;
170
170
  }
171
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-variant-text-grid_vj6p7_1llpk_114.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(4n+1) {
171
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-variant-text-grid_vj6p7_1ju36_114.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(4n+1) {
172
172
  border-left-width: 0;
173
173
  }
174
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1llpk_111) > * {
174
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1ju36_111) > * {
175
175
  padding: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
176
176
  }
177
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1llpk_111).awsui_grid-variant-text-grid_vj6p7_1llpk_114 > * {
177
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1ju36_111).awsui_grid-variant-text-grid_vj6p7_1ju36_114 > * {
178
178
  padding: 0 var(--space-grid-gutter-jlj43y, 20px);
179
179
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2) 0;
180
180
  }
181
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155:not(#\9) {
181
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155:not(#\9) {
182
182
  /* stylelint-disable-next-line selector-max-universal */
183
183
  }
184
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155 > *:not(#\9) {
184
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155 > *:not(#\9) {
185
185
  border-right: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
186
186
  }
187
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-breakpoint-default_vj6p7_1llpk_121 > *:not(#\9):nth-child(1n) {
187
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-breakpoint-default_vj6p7_1ju36_121 > *:not(#\9):nth-child(1n) {
188
188
  border-right-width: 0;
189
189
  }
190
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-1_vj6p7_1llpk_124.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(1n) {
190
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-1_vj6p7_1ju36_124.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(1n) {
191
191
  border-right-width: 0;
192
192
  }
193
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-1_vj6p7_1llpk_124.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(1n) {
193
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-1_vj6p7_1ju36_124.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(1n) {
194
194
  border-right-width: 0;
195
195
  }
196
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n) {
196
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n) {
197
197
  border-right-width: 0;
198
198
  }
199
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(2n) {
199
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(2n) {
200
200
  border-right-width: 0;
201
201
  }
202
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n) {
202
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n) {
203
203
  border-right-width: 0;
204
204
  }
205
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(3n) {
205
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(3n) {
206
206
  border-right-width: 0;
207
207
  }
208
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-child(2n) {
208
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-child(2n) {
209
209
  border-right-width: 0;
210
210
  }
211
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-vertical-borders_vj6p7_1llpk_155.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-child(4n) {
211
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-vertical-borders_vj6p7_1ju36_155.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-child(4n) {
212
212
  border-right-width: 0;
213
213
  }
214
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188:not(#\9) {
214
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188:not(#\9) {
215
215
  /* stylelint-disable selector-max-universal */
216
216
  /* stylelint-enable selector-max-universal */
217
217
  }
218
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188 > *:not(#\9) {
218
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188 > *:not(#\9) {
219
219
  border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
220
220
  }
221
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188 > *:not(#\9):last-child {
221
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188 > *:not(#\9):last-child {
222
222
  border-bottom-width: 0;
223
223
  }
224
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
224
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
225
225
  border-bottom-width: 0;
226
226
  }
227
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-2_vj6p7_1llpk_130.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
227
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-2_vj6p7_1ju36_130.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
228
228
  border-bottom-width: 0;
229
229
  }
230
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
230
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
231
231
  border-bottom-width: 0;
232
232
  }
233
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
233
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
234
234
  border-bottom-width: 0;
235
235
  }
236
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
236
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
237
237
  border-bottom-width: 0;
238
238
  }
239
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-3_vj6p7_1llpk_136.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
239
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-3_vj6p7_1ju36_136.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
240
240
  border-bottom-width: 0;
241
241
  }
242
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xxs_vj6p7_1llpk_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
242
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xxs_vj6p7_1ju36_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
243
243
  border-bottom-width: 0;
244
244
  }
245
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
245
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
246
246
  border-bottom-width: 0;
247
247
  }
248
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
248
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
249
249
  border-bottom-width: 0;
250
250
  }
251
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
251
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
252
252
  border-bottom-width: 0;
253
253
  }
254
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
254
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
255
255
  border-bottom-width: 0;
256
256
  }
257
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
257
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
258
258
  border-bottom-width: 0;
259
259
  }
260
- div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-horizontal-borders_vj6p7_1llpk_188.awsui_grid-columns-4_vj6p7_1llpk_142.awsui_grid-breakpoint-xs_vj6p7_1llpk_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
260
+ div.awsui_column-layout_vj6p7_1ju36_93 > .awsui_grid_vj6p7_1ju36_106.awsui_grid-horizontal-borders_vj6p7_1ju36_188.awsui_grid-columns-4_vj6p7_1ju36_142.awsui_grid-breakpoint-xs_vj6p7_1ju36_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
261
261
  border-bottom-width: 0;
262
262
  }
263
263
 
@@ -265,7 +265,7 @@ div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-
265
265
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
266
266
  SPDX-License-Identifier: Apache-2.0
267
267
  */
268
- .awsui_root_vj6p7_1llpk_242:not(#\9) {
268
+ .awsui_root_vj6p7_1ju36_242:not(#\9) {
269
269
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
270
270
  border-collapse: separate;
271
271
  border-spacing: 0;
@@ -308,127 +308,133 @@ div.awsui_column-layout_vj6p7_1llpk_93 > .awsui_grid_vj6p7_1llpk_106.awsui_grid-
308
308
  display: block;
309
309
  }
310
310
 
311
- .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
311
+ .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
312
312
  box-sizing: border-box;
313
+ display: flex;
314
+ flex-direction: column;
313
315
  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
314
316
  border-radius: var(--border-radius-tiles-p1a4ne, 2px);
315
317
  background: var(--color-background-input-default-16mzof, #ffffff);
316
318
  padding: var(--space-xs-7veqkr, 8px) var(--space-scaled-m-5caa5e, 16px);
317
- display: flex;
318
- flex-direction: column;
319
319
  transition: border-color var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear), background-color var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear);
320
320
  }
321
- .awsui_tile-container_vj6p7_1llpk_259.awsui_has-metadata_vj6p7_1llpk_269:not(#\9) {
321
+ .awsui_tile-container_vj6p7_1ju36_259.awsui_refresh_vj6p7_1ju36_269:not(#\9) {
322
+ padding: var(--space-xs-7veqkr, 8px) var(--space-s-o95p2n, 12px);
323
+ }
324
+ .awsui_tile-container_vj6p7_1ju36_259.awsui_has-metadata_vj6p7_1ju36_272:not(#\9) {
322
325
  padding-bottom: var(--space-s-o95p2n, 12px);
323
326
  }
324
- .awsui_tile-container_vj6p7_1llpk_259.awsui_selected_vj6p7_1llpk_272:not(#\9) {
327
+ .awsui_tile-container_vj6p7_1ju36_259.awsui_has-metadata_vj6p7_1ju36_272.awsui_refresh_vj6p7_1ju36_269:not(#\9) {
328
+ padding-bottom: var(--space-scaled-s-73r995, 12px);
329
+ }
330
+ .awsui_tile-container_vj6p7_1ju36_259.awsui_selected_vj6p7_1ju36_278:not(#\9) {
325
331
  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-selected-044zoh, #0073bb);
326
332
  background: var(--color-background-item-selected-7226j1, #f1faff);
327
333
  }
328
- .awsui_tile-container_vj6p7_1llpk_259.awsui_disabled_vj6p7_1llpk_276:not(#\9) {
334
+ .awsui_tile-container_vj6p7_1ju36_259.awsui_disabled_vj6p7_1ju36_282:not(#\9) {
329
335
  border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-tiles-disabled-aqjfes, transparent);
330
336
  background: var(--color-background-tiles-disabled-6ulu0p, #eaeded);
331
337
  }
332
338
  @media (prefers-reduced-motion: reduce) {
333
- .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
339
+ .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
334
340
  animation: none;
335
341
  transition: none;
336
342
  }
337
343
  }
338
- .awsui-motion-disabled .awsui_tile-container_vj6p7_1llpk_259:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
344
+ .awsui-motion-disabled .awsui_tile-container_vj6p7_1ju36_259:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
339
345
  animation: none;
340
346
  transition: none;
341
347
  }
342
348
 
343
- .awsui_columns_vj6p7_1llpk_291:not(#\9) {
349
+ .awsui_columns_vj6p7_1ju36_297:not(#\9) {
344
350
  display: flex;
345
351
  flex-wrap: wrap;
346
352
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / -2);
347
353
  }
348
- .awsui_columns_vj6p7_1llpk_291.awsui_column-1_vj6p7_1llpk_296 > .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
354
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-1_vj6p7_1ju36_302 > .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
349
355
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
350
356
  box-sizing: border-box;
351
357
  flex: 0 0;
352
358
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
353
359
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
354
360
  }
355
- .awsui_columns_vj6p7_1llpk_291.awsui_column-1_vj6p7_1llpk_296 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xs_vj6p7_1llpk_303:not(#\9) {
361
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-1_vj6p7_1ju36_302 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xs_vj6p7_1ju36_309:not(#\9) {
356
362
  flex: 0 0;
357
363
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
358
364
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
359
365
  }
360
- .awsui_columns_vj6p7_1llpk_291.awsui_column-1_vj6p7_1llpk_296 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xxs_vj6p7_1llpk_308:not(#\9) {
366
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-1_vj6p7_1ju36_302 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xxs_vj6p7_1ju36_314:not(#\9) {
361
367
  flex: 0 0;
362
368
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
363
369
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
364
370
  }
365
- .awsui_columns_vj6p7_1llpk_291.awsui_column-2_vj6p7_1llpk_313 > .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
371
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-2_vj6p7_1ju36_319 > .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
366
372
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
367
373
  box-sizing: border-box;
368
374
  flex: 0 0;
369
375
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
370
376
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
371
377
  }
372
- .awsui_columns_vj6p7_1llpk_291.awsui_column-2_vj6p7_1llpk_313 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xs_vj6p7_1llpk_303:not(#\9) {
378
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-2_vj6p7_1ju36_319 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xs_vj6p7_1ju36_309:not(#\9) {
373
379
  flex: 0 0;
374
380
  flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
375
381
  max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
376
382
  }
377
- .awsui_columns_vj6p7_1llpk_291.awsui_column-2_vj6p7_1llpk_313 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xxs_vj6p7_1llpk_308:not(#\9) {
383
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-2_vj6p7_1ju36_319 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xxs_vj6p7_1ju36_314:not(#\9) {
378
384
  flex: 0 0;
379
385
  flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
380
386
  max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
381
387
  }
382
- .awsui_columns_vj6p7_1llpk_291.awsui_column-3_vj6p7_1llpk_330 > .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
388
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-3_vj6p7_1ju36_336 > .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
383
389
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
384
390
  box-sizing: border-box;
385
391
  flex: 0 0;
386
392
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
387
393
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
388
394
  }
389
- .awsui_columns_vj6p7_1llpk_291.awsui_column-3_vj6p7_1llpk_330 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xs_vj6p7_1llpk_303:not(#\9) {
395
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-3_vj6p7_1ju36_336 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xs_vj6p7_1ju36_309:not(#\9) {
390
396
  flex: 0 0;
391
397
  flex-basis: calc(33.3333333333% - var(--space-grid-gutter-jlj43y, 20px));
392
398
  max-width: calc(33.3333333333% - var(--space-grid-gutter-jlj43y, 20px));
393
399
  }
394
- .awsui_columns_vj6p7_1llpk_291.awsui_column-3_vj6p7_1llpk_330 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xxs_vj6p7_1llpk_308:not(#\9) {
400
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-3_vj6p7_1ju36_336 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xxs_vj6p7_1ju36_314:not(#\9) {
395
401
  flex: 0 0;
396
402
  flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
397
403
  max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
398
404
  }
399
- .awsui_columns_vj6p7_1llpk_291.awsui_column-4_vj6p7_1llpk_347 > .awsui_tile-container_vj6p7_1llpk_259:not(#\9) {
405
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-4_vj6p7_1ju36_353 > .awsui_tile-container_vj6p7_1ju36_259:not(#\9) {
400
406
  margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
401
407
  box-sizing: border-box;
402
408
  flex: 0 0;
403
409
  flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
404
410
  max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
405
411
  }
406
- .awsui_columns_vj6p7_1llpk_291.awsui_column-4_vj6p7_1llpk_347 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xs_vj6p7_1llpk_303:not(#\9) {
412
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-4_vj6p7_1ju36_353 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xs_vj6p7_1ju36_309:not(#\9) {
407
413
  flex: 0 0;
408
414
  flex-basis: calc(25% - var(--space-grid-gutter-jlj43y, 20px));
409
415
  max-width: calc(25% - var(--space-grid-gutter-jlj43y, 20px));
410
416
  }
411
- .awsui_columns_vj6p7_1llpk_291.awsui_column-4_vj6p7_1llpk_347 > .awsui_tile-container_vj6p7_1llpk_259.awsui_breakpoint-xxs_vj6p7_1llpk_308:not(#\9) {
417
+ .awsui_columns_vj6p7_1ju36_297.awsui_column-4_vj6p7_1ju36_353 > .awsui_tile-container_vj6p7_1ju36_259.awsui_breakpoint-xxs_vj6p7_1ju36_314:not(#\9) {
412
418
  flex: 0 0;
413
419
  flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
414
420
  max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
415
421
  }
416
422
 
417
- .awsui_control_vj6p7_1llpk_365:not(#\9) {
423
+ .awsui_control_vj6p7_1ju36_371:not(#\9) {
418
424
  flex-grow: 1;
419
425
  margin-bottom: var(--space-s-o95p2n, 12px);
420
426
  }
421
- .awsui_control_vj6p7_1llpk_365.awsui_no-image_vj6p7_1llpk_369:not(#\9) {
427
+ .awsui_control_vj6p7_1ju36_371.awsui_no-image_vj6p7_1ju36_375:not(#\9) {
422
428
  margin-bottom: 0;
423
429
  }
424
430
 
425
- .awsui_image_vj6p7_1llpk_373:not(#\9) {
431
+ .awsui_image_vj6p7_1ju36_379:not(#\9) {
426
432
  text-align: center;
427
433
  flex: none;
428
434
  }
429
- .awsui_image_vj6p7_1llpk_373 > img:not(#\9) {
435
+ .awsui_image_vj6p7_1ju36_379 > img:not(#\9) {
430
436
  max-width: 100%;
431
437
  }
432
- .awsui_image_vj6p7_1llpk_373.awsui_disabled_vj6p7_1llpk_276 > img:not(#\9) {
438
+ .awsui_image_vj6p7_1ju36_379.awsui_disabled_vj6p7_1ju36_282 > img:not(#\9) {
433
439
  opacity: 0.3;
434
440
  }
package/lib/internal/template/tiles/styles.selectors.js CHANGED
@@ -2,33 +2,34 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "column-layout": "awsui_column-layout_vj6p7_1llpk_93",
6
- "grid": "awsui_grid_vj6p7_1llpk_106",
7
- "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1llpk_111",
8
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1llpk_114",
9
- "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1llpk_121",
10
- "grid-columns-1": "awsui_grid-columns-1_vj6p7_1llpk_124",
11
- "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1llpk_124",
12
- "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1llpk_127",
13
- "grid-columns-2": "awsui_grid-columns-2_vj6p7_1llpk_130",
14
- "grid-columns-3": "awsui_grid-columns-3_vj6p7_1llpk_136",
15
- "grid-columns-4": "awsui_grid-columns-4_vj6p7_1llpk_142",
16
- "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1llpk_155",
17
- "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1llpk_188",
18
- "root": "awsui_root_vj6p7_1llpk_242",
19
- "tile-container": "awsui_tile-container_vj6p7_1llpk_259",
20
- "has-metadata": "awsui_has-metadata_vj6p7_1llpk_269",
21
- "selected": "awsui_selected_vj6p7_1llpk_272",
22
- "disabled": "awsui_disabled_vj6p7_1llpk_276",
23
- "columns": "awsui_columns_vj6p7_1llpk_291",
24
- "column-1": "awsui_column-1_vj6p7_1llpk_296",
25
- "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1llpk_303",
26
- "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1llpk_308",
27
- "column-2": "awsui_column-2_vj6p7_1llpk_313",
28
- "column-3": "awsui_column-3_vj6p7_1llpk_330",
29
- "column-4": "awsui_column-4_vj6p7_1llpk_347",
30
- "control": "awsui_control_vj6p7_1llpk_365",
31
- "no-image": "awsui_no-image_vj6p7_1llpk_369",
32
- "image": "awsui_image_vj6p7_1llpk_373"
5
+ "column-layout": "awsui_column-layout_vj6p7_1ju36_93",
6
+ "grid": "awsui_grid_vj6p7_1ju36_106",
7
+ "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1ju36_111",
8
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1ju36_114",
9
+ "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1ju36_121",
10
+ "grid-columns-1": "awsui_grid-columns-1_vj6p7_1ju36_124",
11
+ "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1ju36_124",
12
+ "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1ju36_127",
13
+ "grid-columns-2": "awsui_grid-columns-2_vj6p7_1ju36_130",
14
+ "grid-columns-3": "awsui_grid-columns-3_vj6p7_1ju36_136",
15
+ "grid-columns-4": "awsui_grid-columns-4_vj6p7_1ju36_142",
16
+ "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1ju36_155",
17
+ "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1ju36_188",
18
+ "root": "awsui_root_vj6p7_1ju36_242",
19
+ "tile-container": "awsui_tile-container_vj6p7_1ju36_259",
20
+ "refresh": "awsui_refresh_vj6p7_1ju36_269",
21
+ "has-metadata": "awsui_has-metadata_vj6p7_1ju36_272",
22
+ "selected": "awsui_selected_vj6p7_1ju36_278",
23
+ "disabled": "awsui_disabled_vj6p7_1ju36_282",
24
+ "columns": "awsui_columns_vj6p7_1ju36_297",
25
+ "column-1": "awsui_column-1_vj6p7_1ju36_302",
26
+ "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1ju36_309",
27
+ "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1ju36_314",
28
+ "column-2": "awsui_column-2_vj6p7_1ju36_319",
29
+ "column-3": "awsui_column-3_vj6p7_1ju36_336",
30
+ "column-4": "awsui_column-4_vj6p7_1ju36_353",
31
+ "control": "awsui_control_vj6p7_1ju36_371",
32
+ "no-image": "awsui_no-image_vj6p7_1ju36_375",
33
+ "image": "awsui_image_vj6p7_1ju36_379"
33
34
  };
34
35
 
package/lib/internal/template/tiles/tile.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tile.d.ts","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,UAAU,SAAS;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,oFA2ChB,CAAC"}
1
+ {"version":3,"file":"tile.d.ts","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAK9E,UAAU,SAAS;IACjB,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,QAAQ,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,oFA6ChB,CAAC"}
package/lib/internal/template/tiles/tile.js CHANGED
@@ -6,11 +6,13 @@ import RadioButton from '../radio-group/radio-button';
6
6
  import styles from './styles.css.js';
7
7
  import { fireNonCancelableEvent } from '../internal/events';
8
8
  import { useMergeRefs } from '../internal/hooks/use-merge-refs';
9
+ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
9
10
  export const Tile = React.forwardRef(({ item, selected, name, breakpoint, onChange }, forwardedRef) => {
10
11
  const internalRef = useRef(null);
11
12
  const controlId = item.controlId || `${name}-value-${item.value}`;
13
+ const isVisualRefresh = useVisualRefresh();
12
14
  const mergedRef = useMergeRefs(internalRef, forwardedRef);
13
- return (React.createElement("div", { className: clsx(styles['tile-container'], { [styles['has-metadata']]: item.description || item.image }, { [styles.selected]: selected }, { [styles.disabled]: !!item.disabled }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
15
+ return (React.createElement("div", { className: clsx(styles['tile-container'], { [styles['has-metadata']]: item.description || item.image }, { [styles.selected]: selected }, { [styles.disabled]: !!item.disabled }, { [styles.refresh]: isVisualRefresh }, styles[`breakpoint-${breakpoint}`]), "data-value": item.value, onClick: () => {
14
16
  var _a;
15
17
  if (item.disabled) {
16
18
  return;
package/lib/internal/template/tiles/tile.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tile.js","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUhE,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAa,EAAE,YAAyC,EAAE,EAAE;IACvG,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAElE,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAE1D,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,EAC5D,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAC/B,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACtC,MAAM,CAAC,cAAc,UAAU,EAAE,CAAC,CACnC,gBACW,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,EAAE;gBACb,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aACzD;QACH,CAAC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACzE,oBAAC,WAAW,IACV,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,SAAS,GACpB,CACE;QACL,IAAI,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAG,IAAI,CAAC,KAAK,CAAO,CACzG,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\n\nimport { TilesProps } from './interfaces';\nimport RadioButton from '../radio-group/radio-button';\nimport styles from './styles.css.js';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\n\ninterface TileProps {\n item: TilesProps.TilesDefinition;\n selected: boolean;\n name: string;\n breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n onChange: TilesProps['onChange'];\n}\n\nexport const Tile = React.forwardRef(\n ({ item, selected, name, breakpoint, onChange }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {\n const internalRef = useRef<HTMLInputElement>(null);\n const controlId = item.controlId || `${name}-value-${item.value}`;\n\n const mergedRef = useMergeRefs(internalRef, forwardedRef);\n\n return (\n <div\n className={clsx(\n styles['tile-container'],\n { [styles['has-metadata']]: item.description || item.image },\n { [styles.selected]: selected },\n { [styles.disabled]: !!item.disabled },\n styles[`breakpoint-${breakpoint}`]\n )}\n data-value={item.value}\n onClick={() => {\n if (item.disabled) {\n return;\n }\n internalRef.current?.focus();\n if (!selected) {\n fireNonCancelableEvent(onChange, { value: item.value });\n }\n }}\n >\n <div className={clsx(styles.control, { [styles['no-image']]: !item.image })}>\n <RadioButton\n checked={selected}\n ref={mergedRef}\n name={name}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n controlId={controlId}\n />\n </div>\n {item.image && <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled })}>{item.image}</div>}\n </div>\n );\n }\n);\n"]}
1
+ {"version":3,"file":"tile.js","sourceRoot":"lib/default/","sources":["tiles/tile.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAGrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAUrE,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAa,EAAE,YAAyC,EAAE,EAAE;IACvG,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,IAAI,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAClE,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC;IAE1D,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,gBAAgB,CAAC,EACxB,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,EAC5D,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAC/B,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,EACtC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,eAAe,EAAE,EACrC,MAAM,CAAC,cAAc,UAAU,EAAE,CAAC,CACnC,gBACW,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,GAAG,EAAE;;YACZ,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,OAAO;aACR;YACD,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,QAAQ,EAAE;gBACb,sBAAsB,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;aACzD;QACH,CAAC;QAED,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACzE,oBAAC,WAAW,IACV,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,SAAS,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAE,SAAS,GACpB,CACE;QACL,IAAI,CAAC,KAAK,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAG,IAAI,CAAC,KAAK,CAAO,CACzG,CACP,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\n\nimport { TilesProps } from './interfaces';\nimport RadioButton from '../radio-group/radio-button';\nimport styles from './styles.css.js';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ninterface TileProps {\n item: TilesProps.TilesDefinition;\n selected: boolean;\n name: string;\n breakpoint: ReturnType<typeof useContainerBreakpoints>[0];\n onChange: TilesProps['onChange'];\n}\n\nexport const Tile = React.forwardRef(\n ({ item, selected, name, breakpoint, onChange }: TileProps, forwardedRef: React.Ref<HTMLInputElement>) => {\n const internalRef = useRef<HTMLInputElement>(null);\n const controlId = item.controlId || `${name}-value-${item.value}`;\n const isVisualRefresh = useVisualRefresh();\n\n const mergedRef = useMergeRefs(internalRef, forwardedRef);\n\n return (\n <div\n className={clsx(\n styles['tile-container'],\n { [styles['has-metadata']]: item.description || item.image },\n { [styles.selected]: selected },\n { [styles.disabled]: !!item.disabled },\n { [styles.refresh]: isVisualRefresh },\n styles[`breakpoint-${breakpoint}`]\n )}\n data-value={item.value}\n onClick={() => {\n if (item.disabled) {\n return;\n }\n internalRef.current?.focus();\n if (!selected) {\n fireNonCancelableEvent(onChange, { value: item.value });\n }\n }}\n >\n <div className={clsx(styles.control, { [styles['no-image']]: !item.image })}>\n <RadioButton\n checked={selected}\n ref={mergedRef}\n name={name}\n value={item.value}\n label={item.label}\n description={item.description}\n disabled={item.disabled}\n controlId={controlId}\n />\n </div>\n {item.image && <div className={clsx(styles.image, { [styles.disabled]: !!item.disabled })}>{item.image}</div>}\n </div>\n );\n }\n);\n"]}
package/lib/internal/template/top-navigation/1.0-beta/styles.css.js CHANGED
@@ -1,30 +1,30 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "top-navigation": "awsui_top-navigation_1ca1i_1ep6t_93",
5
- "padding-box": "awsui_padding-box_1ca1i_1ep6t_106",
6
- "medium": "awsui_medium_1ca1i_1ep6t_116",
7
- "narrow": "awsui_narrow_1ca1i_1ep6t_116",
8
- "hidden": "awsui_hidden_1ca1i_1ep6t_124",
9
- "\t": "awsui_\t_1ca1i_1ep6t_1",
10
- "identity": "awsui_identity_1ca1i_1ep6t_137",
11
- "identity-link": "awsui_identity-link_1ca1i_1ep6t_137",
12
- "no-logo": "awsui_no-logo_1ca1i_1ep6t_154",
13
- "logo": "awsui_logo_1ca1i_1ep6t_158",
14
- "title": "awsui_title_1ca1i_1ep6t_169",
15
- "inputs": "awsui_inputs_1ca1i_1ep6t_185",
16
- "search": "awsui_search_1ca1i_1ep6t_192",
17
- "search-expanded": "awsui_search-expanded_1ca1i_1ep6t_197",
18
- "utilities": "awsui_utilities_1ca1i_1ep6t_202",
19
- "utility-wrapper": "awsui_utility-wrapper_1ca1i_1ep6t_214",
20
- "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1ep6t_230",
21
- "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1ep6t_230",
22
- "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1ep6t_244",
23
- "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1ep6t_259",
24
- "utility-link-icon": "awsui_utility-link-icon_1ca1i_1ep6t_272",
25
- "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1ep6t_276",
26
- "trigger": "awsui_trigger_1ca1i_1ep6t_280",
27
- "rotate-up": "awsui_rotate-up_1ca1i_1ep6t_284",
28
- "rotate-down": "awsui_rotate-down_1ca1i_1ep6t_299"
4
+ "top-navigation": "awsui_top-navigation_1ca1i_1e9gw_93",
5
+ "padding-box": "awsui_padding-box_1ca1i_1e9gw_106",
6
+ "medium": "awsui_medium_1ca1i_1e9gw_116",
7
+ "narrow": "awsui_narrow_1ca1i_1e9gw_116",
8
+ "hidden": "awsui_hidden_1ca1i_1e9gw_124",
9
+ "\t": "awsui_\t_1ca1i_1e9gw_1",
10
+ "identity": "awsui_identity_1ca1i_1e9gw_137",
11
+ "identity-link": "awsui_identity-link_1ca1i_1e9gw_137",
12
+ "no-logo": "awsui_no-logo_1ca1i_1e9gw_154",
13
+ "logo": "awsui_logo_1ca1i_1e9gw_158",
14
+ "title": "awsui_title_1ca1i_1e9gw_169",
15
+ "inputs": "awsui_inputs_1ca1i_1e9gw_185",
16
+ "search": "awsui_search_1ca1i_1e9gw_192",
17
+ "search-expanded": "awsui_search-expanded_1ca1i_1e9gw_197",
18
+ "utilities": "awsui_utilities_1ca1i_1e9gw_202",
19
+ "utility-wrapper": "awsui_utility-wrapper_1ca1i_1e9gw_214",
20
+ "utility-wrapper-last": "awsui_utility-wrapper-last_1ca1i_1e9gw_230",
21
+ "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_1ca1i_1e9gw_230",
22
+ "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_1ca1i_1e9gw_244",
23
+ "utility-type-button-link": "awsui_utility-type-button-link_1ca1i_1e9gw_259",
24
+ "utility-link-icon": "awsui_utility-link-icon_1ca1i_1e9gw_272",
25
+ "utility-button-external-icon": "awsui_utility-button-external-icon_1ca1i_1e9gw_276",
26
+ "trigger": "awsui_trigger_1ca1i_1e9gw_280",
27
+ "rotate-up": "awsui_rotate-up_1ca1i_1e9gw_284",
28
+ "rotate-down": "awsui_rotate-down_1ca1i_1e9gw_299"
29
29
  };
30
30