@cloudscape-design/components 3.0.176 → 3.0.178

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 (285) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +35 -31
  3. package/alert/styles.selectors.js +19 -19
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +31 -29
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/area-chart/styles.css.js +13 -13
  8. package/area-chart/styles.scoped.css +18 -16
  9. package/area-chart/styles.selectors.js +13 -13
  10. package/attribute-editor/styles.css.js +14 -14
  11. package/attribute-editor/styles.scoped.css +26 -24
  12. package/attribute-editor/styles.selectors.js +14 -14
  13. package/autosuggest/internal.d.ts.map +1 -1
  14. package/autosuggest/internal.js +2 -2
  15. package/autosuggest/internal.js.map +1 -1
  16. package/badge/styles.css.js +5 -5
  17. package/badge/styles.scoped.css +7 -5
  18. package/badge/styles.selectors.js +5 -5
  19. package/box/styles.css.js +189 -189
  20. package/box/styles.scoped.css +236 -234
  21. package/box/styles.selectors.js +189 -189
  22. package/breadcrumb-group/styles.css.js +6 -6
  23. package/breadcrumb-group/styles.scoped.css +15 -11
  24. package/breadcrumb-group/styles.selectors.js +6 -6
  25. package/button/styles.css.js +18 -18
  26. package/button/styles.scoped.css +138 -136
  27. package/button/styles.selectors.js +18 -18
  28. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  29. package/button-dropdown/mobile-expandable-group/styles.scoped.css +7 -5
  30. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  31. package/calendar/styles.css.js +18 -18
  32. package/calendar/styles.scoped.css +40 -38
  33. package/calendar/styles.selectors.js +18 -18
  34. package/cards/styles.css.js +37 -37
  35. package/cards/styles.scoped.css +48 -44
  36. package/cards/styles.selectors.js +37 -37
  37. package/checkbox/styles.css.js +3 -3
  38. package/checkbox/styles.scoped.css +7 -5
  39. package/checkbox/styles.selectors.js +3 -3
  40. package/code-editor/styles.css.js +32 -32
  41. package/code-editor/styles.scoped.css +111 -109
  42. package/code-editor/styles.selectors.js +32 -32
  43. package/column-layout/styles.css.js +13 -13
  44. package/column-layout/styles.scoped.css +45 -43
  45. package/column-layout/styles.selectors.js +13 -13
  46. package/container/index.d.ts.map +1 -1
  47. package/container/index.js +1 -1
  48. package/container/index.js.map +1 -1
  49. package/container/styles.css.js +17 -17
  50. package/container/styles.scoped.css +29 -27
  51. package/container/styles.selectors.js +17 -17
  52. package/date-picker/styles.css.js +7 -7
  53. package/date-picker/styles.scoped.css +11 -9
  54. package/date-picker/styles.selectors.js +7 -7
  55. package/date-range-picker/styles.css.js +38 -38
  56. package/date-range-picker/styles.scoped.css +47 -45
  57. package/date-range-picker/styles.selectors.js +38 -38
  58. package/expandable-section/styles.css.js +21 -21
  59. package/expandable-section/styles.scoped.css +44 -42
  60. package/expandable-section/styles.selectors.js +21 -21
  61. package/flashbar/styles.css.js +33 -33
  62. package/flashbar/styles.scoped.css +117 -115
  63. package/flashbar/styles.selectors.js +33 -33
  64. package/form/styles.css.js +8 -8
  65. package/form/styles.scoped.css +10 -8
  66. package/form/styles.selectors.js +8 -8
  67. package/form-field/styles.css.js +19 -19
  68. package/form-field/styles.scoped.css +31 -29
  69. package/form-field/styles.selectors.js +19 -19
  70. package/grid/styles.css.js +53 -53
  71. package/grid/styles.scoped.css +56 -54
  72. package/grid/styles.selectors.js +53 -53
  73. package/header/styles.css.js +44 -44
  74. package/header/styles.scoped.css +49 -47
  75. package/header/styles.selectors.js +44 -44
  76. package/help-panel/styles.css.js +4 -4
  77. package/help-panel/styles.scoped.css +60 -58
  78. package/help-panel/styles.selectors.js +4 -4
  79. package/icon/icons.js +1 -1
  80. package/input/index.d.ts.map +1 -1
  81. package/input/index.js +2 -2
  82. package/input/index.js.map +1 -1
  83. package/input/interfaces.d.ts +4 -0
  84. package/input/interfaces.d.ts.map +1 -1
  85. package/input/interfaces.js.map +1 -1
  86. package/input/internal.d.ts +0 -1
  87. package/input/internal.d.ts.map +1 -1
  88. package/input/internal.js +16 -14
  89. package/input/internal.js.map +1 -1
  90. package/input/styles.css.js +12 -13
  91. package/input/styles.scoped.css +35 -41
  92. package/input/styles.selectors.js +12 -13
  93. package/internal/components/autosuggest-input/index.d.ts +1 -0
  94. package/internal/components/autosuggest-input/index.d.ts.map +1 -1
  95. package/internal/components/autosuggest-input/index.js +2 -2
  96. package/internal/components/autosuggest-input/index.js.map +1 -1
  97. package/internal/components/button-trigger/styles.css.js +9 -9
  98. package/internal/components/button-trigger/styles.scoped.css +25 -23
  99. package/internal/components/button-trigger/styles.selectors.js +9 -9
  100. package/internal/components/chart-filter/styles.css.js +3 -3
  101. package/internal/components/chart-filter/styles.scoped.css +5 -3
  102. package/internal/components/chart-filter/styles.selectors.js +3 -3
  103. package/internal/components/chart-legend/styles.css.js +6 -6
  104. package/internal/components/chart-legend/styles.scoped.css +17 -15
  105. package/internal/components/chart-legend/styles.selectors.js +6 -6
  106. package/internal/components/chart-popover/styles.css.js +3 -3
  107. package/internal/components/chart-popover/styles.scoped.css +5 -3
  108. package/internal/components/chart-popover/styles.selectors.js +3 -3
  109. package/internal/components/chart-series-details/styles.css.js +5 -5
  110. package/internal/components/chart-series-details/styles.scoped.css +12 -8
  111. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  112. package/internal/components/chart-series-marker/styles.css.js +5 -5
  113. package/internal/components/chart-series-marker/styles.scoped.css +9 -7
  114. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  115. package/internal/components/dropdown/styles.css.js +20 -20
  116. package/internal/components/dropdown/styles.scoped.css +37 -35
  117. package/internal/components/dropdown/styles.selectors.js +20 -20
  118. package/internal/components/dropdown-footer/styles.css.js +3 -3
  119. package/internal/components/dropdown-footer/styles.scoped.css +5 -3
  120. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  121. package/internal/components/dropdown-status/styles.css.js +2 -2
  122. package/internal/components/dropdown-status/styles.scoped.css +4 -2
  123. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  124. package/internal/components/focus-lock/index.d.ts +2 -1
  125. package/internal/components/focus-lock/index.d.ts.map +1 -1
  126. package/internal/components/focus-lock/index.js +28 -5
  127. package/internal/components/focus-lock/index.js.map +1 -1
  128. package/internal/components/menu-dropdown/styles.css.js +7 -7
  129. package/internal/components/menu-dropdown/styles.scoped.css +15 -13
  130. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  131. package/internal/components/option/styles.css.js +15 -15
  132. package/internal/components/option/styles.scoped.css +27 -25
  133. package/internal/components/option/styles.selectors.js +15 -15
  134. package/internal/components/options-list/styles.css.js +2 -2
  135. package/internal/components/options-list/styles.scoped.css +4 -2
  136. package/internal/components/options-list/styles.selectors.js +2 -2
  137. package/internal/components/selectable-item/styles.css.js +16 -16
  138. package/internal/components/selectable-item/styles.scoped.css +29 -27
  139. package/internal/components/selectable-item/styles.selectors.js +16 -16
  140. package/internal/components/tab-trap/index.d.ts +7 -4
  141. package/internal/components/tab-trap/index.d.ts.map +1 -1
  142. package/internal/components/tab-trap/index.js +5 -3
  143. package/internal/components/tab-trap/index.js.map +1 -1
  144. package/internal/environment.js +1 -1
  145. package/internal/hooks/use-merge-refs/index.d.ts +1 -1
  146. package/internal/hooks/use-merge-refs/index.d.ts.map +1 -1
  147. package/internal/hooks/use-merge-refs/index.js.map +1 -1
  148. package/internal/manifest.json +1 -1
  149. package/link/styles.css.js +20 -20
  150. package/link/styles.scoped.css +75 -71
  151. package/link/styles.selectors.js +20 -20
  152. package/mixed-line-bar-chart/styles.css.js +19 -19
  153. package/mixed-line-bar-chart/styles.scoped.css +28 -26
  154. package/mixed-line-bar-chart/styles.selectors.js +19 -19
  155. package/modal/internal.d.ts.map +1 -1
  156. package/modal/internal.js +2 -9
  157. package/modal/internal.js.map +1 -1
  158. package/modal/styles.css.js +22 -22
  159. package/modal/styles.scoped.css +42 -38
  160. package/modal/styles.selectors.js +22 -22
  161. package/multiselect/internal.d.ts.map +1 -1
  162. package/multiselect/internal.js +2 -2
  163. package/multiselect/internal.js.map +1 -1
  164. package/multiselect/styles.css.js +1 -1
  165. package/multiselect/styles.scoped.css +3 -1
  166. package/multiselect/styles.selectors.js +1 -1
  167. package/package.json +1 -1
  168. package/pagination/styles.css.js +9 -9
  169. package/pagination/styles.scoped.css +25 -23
  170. package/pagination/styles.selectors.js +9 -9
  171. package/pie-chart/styles.css.js +27 -27
  172. package/pie-chart/styles.scoped.css +45 -43
  173. package/pie-chart/styles.selectors.js +27 -27
  174. package/popover/styles.css.js +50 -50
  175. package/popover/styles.scoped.css +69 -63
  176. package/popover/styles.selectors.js +50 -50
  177. package/progress-bar/styles.css.js +18 -18
  178. package/progress-bar/styles.scoped.css +34 -32
  179. package/progress-bar/styles.selectors.js +18 -18
  180. package/property-filter/interfaces.d.ts +1 -0
  181. package/property-filter/interfaces.d.ts.map +1 -1
  182. package/property-filter/interfaces.js.map +1 -1
  183. package/property-filter/styles.css.js +33 -33
  184. package/property-filter/styles.scoped.css +37 -35
  185. package/property-filter/styles.selectors.js +33 -33
  186. package/property-filter/token-editor.d.ts.map +1 -1
  187. package/property-filter/token-editor.js +1 -1
  188. package/property-filter/token-editor.js.map +1 -1
  189. package/radio-group/styles.css.js +9 -9
  190. package/radio-group/styles.scoped.css +17 -15
  191. package/radio-group/styles.selectors.js +9 -9
  192. package/s3-resource-selector/interfaces.d.ts +1 -0
  193. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  194. package/s3-resource-selector/interfaces.js.map +1 -1
  195. package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  196. package/s3-resource-selector/s3-in-context/index.js +1 -1
  197. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  198. package/segmented-control/styles.css.js +14 -14
  199. package/segmented-control/styles.scoped.css +35 -33
  200. package/segmented-control/styles.selectors.js +14 -14
  201. package/select/interfaces.d.ts +4 -0
  202. package/select/interfaces.d.ts.map +1 -1
  203. package/select/interfaces.js.map +1 -1
  204. package/select/internal.d.ts.map +1 -1
  205. package/select/internal.js +2 -2
  206. package/select/internal.js.map +1 -1
  207. package/select/parts/filter.d.ts +1 -1
  208. package/select/parts/filter.d.ts.map +1 -1
  209. package/select/styles.css.js +1 -1
  210. package/select/styles.scoped.css +3 -1
  211. package/select/styles.selectors.js +1 -1
  212. package/side-navigation/internal.js +1 -1
  213. package/side-navigation/internal.js.map +1 -1
  214. package/side-navigation/styles.css.js +22 -22
  215. package/side-navigation/styles.scoped.css +37 -32
  216. package/side-navigation/styles.selectors.js +22 -22
  217. package/split-panel/styles.css.js +59 -59
  218. package/split-panel/styles.scoped.css +83 -81
  219. package/split-panel/styles.selectors.js +59 -59
  220. package/status-indicator/styles.css.js +20 -20
  221. package/status-indicator/styles.scoped.css +28 -26
  222. package/status-indicator/styles.selectors.js +20 -20
  223. package/table/styles.css.js +33 -33
  224. package/table/styles.scoped.css +41 -39
  225. package/table/styles.selectors.js +33 -33
  226. package/tabs/styles.css.js +21 -21
  227. package/tabs/styles.scoped.css +40 -38
  228. package/tabs/styles.selectors.js +21 -21
  229. package/tag-editor/index.d.ts.map +1 -1
  230. package/tag-editor/index.js +2 -2
  231. package/tag-editor/index.js.map +1 -1
  232. package/tag-editor/interfaces.d.ts +1 -0
  233. package/tag-editor/interfaces.d.ts.map +1 -1
  234. package/tag-editor/interfaces.js.map +1 -1
  235. package/tag-editor/internal.d.ts +1 -0
  236. package/tag-editor/internal.d.ts.map +1 -1
  237. package/tag-editor/internal.js +2 -2
  238. package/tag-editor/internal.js.map +1 -1
  239. package/test-utils/dom/input/index.js +1 -1
  240. package/test-utils/dom/input/index.js.map +1 -1
  241. package/test-utils/selectors/input/index.js +1 -1
  242. package/test-utils/selectors/input/index.js.map +1 -1
  243. package/test-utils/tsconfig.tsbuildinfo +1 -1
  244. package/text-content/styles.css.js +1 -1
  245. package/text-content/styles.scoped.css +62 -60
  246. package/text-content/styles.selectors.js +1 -1
  247. package/text-filter/interfaces.d.ts +4 -0
  248. package/text-filter/interfaces.d.ts.map +1 -1
  249. package/text-filter/interfaces.js.map +1 -1
  250. package/text-filter/internal.d.ts.map +1 -1
  251. package/text-filter/internal.js +2 -2
  252. package/text-filter/internal.js.map +1 -1
  253. package/text-filter/styles.css.js +4 -4
  254. package/text-filter/styles.scoped.css +6 -4
  255. package/text-filter/styles.selectors.js +4 -4
  256. package/textarea/styles.css.js +4 -4
  257. package/textarea/styles.scoped.css +14 -12
  258. package/textarea/styles.selectors.js +4 -4
  259. package/tiles/styles.css.js +28 -28
  260. package/tiles/styles.scoped.css +72 -68
  261. package/tiles/styles.selectors.js +28 -28
  262. package/toggle/styles.css.js +8 -8
  263. package/toggle/styles.scoped.css +15 -13
  264. package/toggle/styles.selectors.js +8 -8
  265. package/token-group/styles.css.js +7 -7
  266. package/token-group/styles.scoped.css +26 -22
  267. package/token-group/styles.selectors.js +7 -7
  268. package/top-navigation/1.0-beta/styles.css.js +25 -25
  269. package/top-navigation/1.0-beta/styles.scoped.css +44 -42
  270. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  271. package/top-navigation/styles.css.js +47 -47
  272. package/top-navigation/styles.scoped.css +72 -66
  273. package/top-navigation/styles.selectors.js +47 -47
  274. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  275. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -21
  276. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  277. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  278. package/tutorial-panel/components/tutorial-list/styles.scoped.css +33 -27
  279. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  280. package/tutorial-panel/styles.css.js +1 -1
  281. package/tutorial-panel/styles.scoped.css +3 -1
  282. package/tutorial-panel/styles.selectors.js +1 -1
  283. package/wizard/styles.css.js +32 -32
  284. package/wizard/styles.scoped.css +62 -60
  285. package/wizard/styles.selectors.js +32 -32
@@ -91,7 +91,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
93
  /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
94
- .awsui_text-content_6absk_17qv7_94:not(#\9) {
94
+ .awsui_text-content_6absk_18ir1_94:not(#\9) {
95
95
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
96
96
  border-collapse: separate;
97
97
  border-spacing: 0;
@@ -126,29 +126,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
126
126
  color: var(--color-text-body-default-ajf1h5, #000716);
127
127
  font-weight: 400;
128
128
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
129
+ -webkit-font-smoothing: auto;
130
+ -moz-osx-font-smoothing: auto;
129
131
  /* stylelint-disable no-descending-specificity */
130
132
  /* stylelint-enable no-descending-specificity */
131
133
  }
132
- .awsui_text-content_6absk_17qv7_94 h1:not(#\9),
133
- .awsui_text-content_6absk_17qv7_94 h2:not(#\9),
134
- .awsui_text-content_6absk_17qv7_94 h3:not(#\9),
135
- .awsui_text-content_6absk_17qv7_94 h4:not(#\9),
136
- .awsui_text-content_6absk_17qv7_94 h5:not(#\9),
137
- .awsui_text-content_6absk_17qv7_94 p:not(#\9) {
134
+ .awsui_text-content_6absk_18ir1_94 h1:not(#\9),
135
+ .awsui_text-content_6absk_18ir1_94 h2:not(#\9),
136
+ .awsui_text-content_6absk_18ir1_94 h3:not(#\9),
137
+ .awsui_text-content_6absk_18ir1_94 h4:not(#\9),
138
+ .awsui_text-content_6absk_18ir1_94 h5:not(#\9),
139
+ .awsui_text-content_6absk_18ir1_94 p:not(#\9) {
138
140
  font-family: inherit;
139
141
  font-weight: normal;
140
142
  text-decoration: none;
141
143
  margin: 0;
142
144
  padding: var(--space-xxs-ynfts5, 4px) 0;
143
145
  }
144
- .awsui_text-content_6absk_17qv7_94 h1:not(#\9),
145
- .awsui_text-content_6absk_17qv7_94 h2:not(#\9),
146
- .awsui_text-content_6absk_17qv7_94 h3:not(#\9),
147
- .awsui_text-content_6absk_17qv7_94 h4:not(#\9),
148
- .awsui_text-content_6absk_17qv7_94 h5:not(#\9) {
146
+ .awsui_text-content_6absk_18ir1_94 h1:not(#\9),
147
+ .awsui_text-content_6absk_18ir1_94 h2:not(#\9),
148
+ .awsui_text-content_6absk_18ir1_94 h3:not(#\9),
149
+ .awsui_text-content_6absk_18ir1_94 h4:not(#\9),
150
+ .awsui_text-content_6absk_18ir1_94 h5:not(#\9) {
149
151
  color: var(--color-text-heading-default-jopz0f, #000716);
150
152
  }
151
- .awsui_text-content_6absk_17qv7_94 h1:not(#\9) {
153
+ .awsui_text-content_6absk_18ir1_94 h1:not(#\9) {
152
154
  font-size: var(--font-heading-xl-size-d0vjbk, 32px);
153
155
  line-height: var(--font-heading-xl-line-height-doxfdj, 40px);
154
156
  letter-spacing: var(--font-heading-xl-letter-spacing-9tcsmy, -0.02em);
@@ -156,7 +158,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
158
  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
157
159
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
158
160
  }
159
- .awsui_text-content_6absk_17qv7_94 h2:not(#\9) {
161
+ .awsui_text-content_6absk_18ir1_94 h2:not(#\9) {
160
162
  font-size: var(--font-heading-l-size-otmxys, 24px);
161
163
  line-height: var(--font-heading-l-line-height-gev4n1, 30px);
162
164
  letter-spacing: var(--font-heading-l-letter-spacing-f6wvtk, -0.015em);
@@ -164,7 +166,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
164
166
  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
165
167
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
166
168
  }
167
- .awsui_text-content_6absk_17qv7_94 h3:not(#\9) {
169
+ .awsui_text-content_6absk_18ir1_94 h3:not(#\9) {
168
170
  font-size: var(--font-heading-m-size-6e3jmg, 20px);
169
171
  line-height: var(--font-heading-m-line-height-u3t54f, 24px);
170
172
  letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
@@ -172,7 +174,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
172
174
  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
173
175
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
174
176
  }
175
- .awsui_text-content_6absk_17qv7_94 h4:not(#\9) {
177
+ .awsui_text-content_6absk_18ir1_94 h4:not(#\9) {
176
178
  font-size: var(--font-heading-s-size-9clg8y, 16px);
177
179
  line-height: var(--font-heading-s-line-height-5b7f0q, 20px);
178
180
  letter-spacing: var(--font-heading-s-letter-spacing-4d69jc, -0.005em);
@@ -180,30 +182,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
180
182
  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
181
183
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
182
184
  }
183
- .awsui_text-content_6absk_17qv7_94 h5:not(#\9) {
185
+ .awsui_text-content_6absk_18ir1_94 h5:not(#\9) {
184
186
  font-size: var(--font-heading-xs-size-fryxro, 14px);
185
187
  line-height: var(--font-heading-xs-line-height-5x131j, 18px);
186
188
  font-weight: var(--font-heading-xs-weight-wwznty, 800);
187
189
  -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
188
190
  -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
189
191
  }
190
- .awsui_text-content_6absk_17qv7_94 b:not(#\9),
191
- .awsui_text-content_6absk_17qv7_94 strong:not(#\9) {
192
+ .awsui_text-content_6absk_18ir1_94 b:not(#\9),
193
+ .awsui_text-content_6absk_18ir1_94 strong:not(#\9) {
192
194
  font-weight: 700;
193
195
  }
194
- .awsui_text-content_6absk_17qv7_94 p:not(#\9) {
196
+ .awsui_text-content_6absk_18ir1_94 p:not(#\9) {
195
197
  font-size: var(--font-body-m-size-sregvd, 14px);
196
198
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
197
199
  color: inherit;
198
200
  }
199
- .awsui_text-content_6absk_17qv7_94 small:not(#\9) {
201
+ .awsui_text-content_6absk_18ir1_94 small:not(#\9) {
200
202
  display: inline-block;
201
203
  font-size: var(--font-body-s-size-ukw2p9, 12px);
202
204
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
203
205
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
204
206
  color: var(--color-text-small-le1y42, #5f6b7a);
205
207
  }
206
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9) {
208
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
207
209
  font-size: inherit;
208
210
  color: var(--color-text-link-default-5f186r, #0972d3);
209
211
  font-weight: var(--font-link-primary-weight-91pybi, "inherit");
@@ -218,42 +220,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
218
220
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
219
221
  }
220
222
  @media (prefers-reduced-motion: reduce) {
221
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9) {
223
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
222
224
  animation: none;
223
225
  transition: none;
224
226
  }
225
227
  }
226
- .awsui-motion-disabled .awsui_text-content_6absk_17qv7_94 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_17qv7_94 small a:not(#\9) {
228
+ .awsui-motion-disabled .awsui_text-content_6absk_18ir1_94 small a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_18ir1_94 small a:not(#\9) {
227
229
  animation: none;
228
230
  transition: none;
229
231
  }
230
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9):hover {
232
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9):hover {
231
233
  cursor: pointer;
232
234
  color: var(--color-text-link-hover-kololx, #033160);
233
235
  }
234
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9):focus {
236
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9):focus {
235
237
  outline: none;
236
238
  }
237
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9):active {
239
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9):active {
238
240
  color: var(--color-text-link-hover-kololx, #033160);
239
241
  }
240
- .awsui_text-content_6absk_17qv7_94 small a:not(#\9):active, .awsui_text-content_6absk_17qv7_94 small a:not(#\9):focus, .awsui_text-content_6absk_17qv7_94 small a:not(#\9):hover {
242
+ .awsui_text-content_6absk_18ir1_94 small a:not(#\9):active, .awsui_text-content_6absk_18ir1_94 small a:not(#\9):focus, .awsui_text-content_6absk_18ir1_94 small a:not(#\9):hover {
241
243
  text-decoration: underline;
242
244
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
243
245
  text-decoration-color: currentColor;
244
246
  }
245
- .awsui_text-content_6absk_17qv7_94 code:not(#\9),
246
- .awsui_text-content_6absk_17qv7_94 pre:not(#\9),
247
- .awsui_text-content_6absk_17qv7_94 samp:not(#\9) {
247
+ .awsui_text-content_6absk_18ir1_94 code:not(#\9),
248
+ .awsui_text-content_6absk_18ir1_94 pre:not(#\9),
249
+ .awsui_text-content_6absk_18ir1_94 samp:not(#\9) {
248
250
  font-family: var(--font-family-monospace-iz223z, Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace);
249
251
  background: transparent;
250
252
  }
251
- .awsui_text-content_6absk_17qv7_94 code:not(#\9) {
253
+ .awsui_text-content_6absk_18ir1_94 code:not(#\9) {
252
254
  font-size: var(--font-body-s-size-ukw2p9, 12px);
253
255
  line-height: var(--font-body-s-line-height-kdsbrl, 16px);
254
256
  letter-spacing: var(--font-body-s-letter-spacing-cy0oxj, 0.005em);
255
257
  }
256
- .awsui_text-content_6absk_17qv7_94 a:not(#\9) {
258
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9) {
257
259
  color: var(--color-text-link-default-5f186r, #0972d3);
258
260
  font-weight: inherit;
259
261
  letter-spacing: normal;
@@ -266,31 +268,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
266
268
  transition-duration: var(--motion-duration-refresh-only-medium-5flen2, 165ms);
267
269
  }
268
270
  @media (prefers-reduced-motion: reduce) {
269
- .awsui_text-content_6absk_17qv7_94 a:not(#\9) {
271
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9) {
270
272
  animation: none;
271
273
  transition: none;
272
274
  }
273
275
  }
274
- .awsui-motion-disabled .awsui_text-content_6absk_17qv7_94 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_17qv7_94 a:not(#\9) {
276
+ .awsui-motion-disabled .awsui_text-content_6absk_18ir1_94 a:not(#\9), .awsui-mode-entering .awsui_text-content_6absk_18ir1_94 a:not(#\9) {
275
277
  animation: none;
276
278
  transition: none;
277
279
  }
278
- .awsui_text-content_6absk_17qv7_94 a:not(#\9):hover {
280
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9):hover {
279
281
  cursor: pointer;
280
282
  color: var(--color-text-link-hover-kololx, #033160);
281
283
  }
282
- .awsui_text-content_6absk_17qv7_94 a:not(#\9):focus {
284
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9):focus {
283
285
  outline: none;
284
286
  }
285
- .awsui_text-content_6absk_17qv7_94 a:not(#\9):active {
287
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9):active {
286
288
  color: var(--color-text-link-hover-kololx, #033160);
287
289
  }
288
- .awsui_text-content_6absk_17qv7_94 a:not(#\9):active, .awsui_text-content_6absk_17qv7_94 a:not(#\9):focus, .awsui_text-content_6absk_17qv7_94 a:not(#\9):hover {
290
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9):active, .awsui_text-content_6absk_18ir1_94 a:not(#\9):focus, .awsui_text-content_6absk_18ir1_94 a:not(#\9):hover {
289
291
  text-decoration: underline;
290
292
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
291
293
  text-decoration-color: currentColor;
292
294
  }
293
- .awsui_text-content_6absk_17qv7_94 a:not(#\9):focus {
295
+ .awsui_text-content_6absk_18ir1_94 a:not(#\9):focus {
294
296
  outline: thin dotted;
295
297
  outline: var(--border-link-focus-ring-outline-k2wccv, 0);
296
298
  outline-offset: 2px;
@@ -298,31 +300,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
298
300
  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
299
301
  box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
300
302
  }
301
- .awsui_text-content_6absk_17qv7_94 ul:not(#\9),
302
- .awsui_text-content_6absk_17qv7_94 ol:not(#\9) {
303
+ .awsui_text-content_6absk_18ir1_94 ul:not(#\9),
304
+ .awsui_text-content_6absk_18ir1_94 ol:not(#\9) {
303
305
  padding-left: var(--space-l-4vl6xu, 20px);
304
306
  margin: var(--space-xxs-ynfts5, 4px) 0;
305
307
  list-style-position: outside;
306
308
  }
307
- .awsui_text-content_6absk_17qv7_94 ul + ul:not(#\9),
308
- .awsui_text-content_6absk_17qv7_94 ul + ol:not(#\9),
309
- .awsui_text-content_6absk_17qv7_94 ul > li + ul:not(#\9),
310
- .awsui_text-content_6absk_17qv7_94 ul > li + li:not(#\9),
311
- .awsui_text-content_6absk_17qv7_94 ul > li + ol:not(#\9),
312
- .awsui_text-content_6absk_17qv7_94 ul > li > ul:not(#\9),
313
- .awsui_text-content_6absk_17qv7_94 ul > li > ol:not(#\9),
314
- .awsui_text-content_6absk_17qv7_94 ol + ul:not(#\9),
315
- .awsui_text-content_6absk_17qv7_94 ol + ol:not(#\9),
316
- .awsui_text-content_6absk_17qv7_94 ol > li + ul:not(#\9),
317
- .awsui_text-content_6absk_17qv7_94 ol > li + li:not(#\9),
318
- .awsui_text-content_6absk_17qv7_94 ol > li + ol:not(#\9),
319
- .awsui_text-content_6absk_17qv7_94 ol > li > ul:not(#\9),
320
- .awsui_text-content_6absk_17qv7_94 ol > li > ol:not(#\9) {
309
+ .awsui_text-content_6absk_18ir1_94 ul + ul:not(#\9),
310
+ .awsui_text-content_6absk_18ir1_94 ul + ol:not(#\9),
311
+ .awsui_text-content_6absk_18ir1_94 ul > li + ul:not(#\9),
312
+ .awsui_text-content_6absk_18ir1_94 ul > li + li:not(#\9),
313
+ .awsui_text-content_6absk_18ir1_94 ul > li + ol:not(#\9),
314
+ .awsui_text-content_6absk_18ir1_94 ul > li > ul:not(#\9),
315
+ .awsui_text-content_6absk_18ir1_94 ul > li > ol:not(#\9),
316
+ .awsui_text-content_6absk_18ir1_94 ol + ul:not(#\9),
317
+ .awsui_text-content_6absk_18ir1_94 ol + ol:not(#\9),
318
+ .awsui_text-content_6absk_18ir1_94 ol > li + ul:not(#\9),
319
+ .awsui_text-content_6absk_18ir1_94 ol > li + li:not(#\9),
320
+ .awsui_text-content_6absk_18ir1_94 ol > li + ol:not(#\9),
321
+ .awsui_text-content_6absk_18ir1_94 ol > li > ul:not(#\9),
322
+ .awsui_text-content_6absk_18ir1_94 ol > li > ol:not(#\9) {
321
323
  padding-top: var(--space-xxs-ynfts5, 4px);
322
324
  }
323
- .awsui_text-content_6absk_17qv7_94 ul > li > ul:not(#\9),
324
- .awsui_text-content_6absk_17qv7_94 ul > li > ol:not(#\9),
325
- .awsui_text-content_6absk_17qv7_94 ol > li > ul:not(#\9),
326
- .awsui_text-content_6absk_17qv7_94 ol > li > ol:not(#\9) {
325
+ .awsui_text-content_6absk_18ir1_94 ul > li > ul:not(#\9),
326
+ .awsui_text-content_6absk_18ir1_94 ul > li > ol:not(#\9),
327
+ .awsui_text-content_6absk_18ir1_94 ol > li > ul:not(#\9),
328
+ .awsui_text-content_6absk_18ir1_94 ol > li > ol:not(#\9) {
327
329
  margin: 0;
328
330
  }
@@ -2,6 +2,6 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "text-content": "awsui_text-content_6absk_17qv7_94"
5
+ "text-content": "awsui_text-content_6absk_18ir1_94"
6
6
  };
7
7
 
@@ -9,6 +9,10 @@ export interface TextFilterProps extends BaseComponentProps {
9
9
  * Placeholder for the filtering input.
10
10
  */
11
11
  filteringPlaceholder?: string;
12
+ /**
13
+ * Label for the filtering input clear button.
14
+ */
15
+ filteringClearAriaLabel?: string;
12
16
  /**
13
17
  * Accepts a human-readable, localized string that indicates the number of results. For example, "1 match" or "165 matches."
14
18
  * If the total number of results is unknown, also include an indication that there may be more results than
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
1
+ {"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;OAGG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,YAAY;QAC3B,aAAa,EAAE,MAAM,CAAC;KACvB;IAED,UAAiB,GAAG;QAClB;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;CACF"}
@@ -1 +1 @@
1
- {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
1
+ {"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/text-filter/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface TextFilterProps extends BaseComponentProps {\n /**\n * The current value of the filtering input.\n */\n filteringText: string;\n\n /**\n * Placeholder for the filtering input.\n */\n filteringPlaceholder?: string;\n\n /**\n * Label for the filtering input clear button.\n */\n filteringClearAriaLabel?: string;\n\n /**\n * Accepts a human-readable, localized string that indicates the number of results. For example, \"1 match\" or \"165 matches.\"\n * If the total number of results is unknown, also include an indication that there may be more results than\n * the number listed. For example, \"25+ matches.\"\n *\n * The count text is only displayed when `filteringText` isn't empty.\n */\n countText?: string;\n\n /**\n * Specifies if the filtering input is disabled.\n * For example, you can use it if you are fetching new items upon filtering change\n * in order to prevent the user from changing the filtering text.\n */\n disabled?: boolean;\n\n /**\n * Adds an `aria-label` on the filtering input.\n */\n filteringAriaLabel?: string;\n\n /**\n * Called when a change in filtering is caused by a user interaction. The event `detail` contains the current `filteringText`.\n */\n onChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n\n /**\n * Called after the user changes the value of the filtering input field and stops typing for a certain\n * period of time. If you want a delayed handler to invoke a filtering API call, you can use this event in addition to `onChange`.\n */\n onDelayedChange?: NonCancelableEventHandler<TextFilterProps.ChangeDetail>;\n}\n\nexport namespace TextFilterProps {\n export interface ChangeDetail {\n filteringText: string;\n }\n\n export interface Ref {\n /**\n * Sets focus on the underlying input control.\n */\n focus(): void;\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,kBAAkB,0HA4CvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAMtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI/C,QAAA,MAAM,kBAAkB,0HA8CvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
@@ -9,13 +9,13 @@ import useForwardFocus from '../internal/hooks/forward-focus';
9
9
  import { fireNonCancelableEvent } from '../internal/events';
10
10
  import styles from './styles.css.js';
11
11
  var InternalTextFilter = React.forwardRef(function (_a, ref) {
12
- var filteringText = _a.filteringText, filteringAriaLabel = _a.filteringAriaLabel, filteringPlaceholder = _a.filteringPlaceholder, disabled = _a.disabled, countText = _a.countText, onChange = _a.onChange, onDelayedChange = _a.onDelayedChange, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "disabled", "countText", "onChange", "onDelayedChange", "__internalRootRef"]);
12
+ var filteringText = _a.filteringText, filteringAriaLabel = _a.filteringAriaLabel, filteringPlaceholder = _a.filteringPlaceholder, filteringClearAriaLabel = _a.filteringClearAriaLabel, disabled = _a.disabled, countText = _a.countText, onChange = _a.onChange, onDelayedChange = _a.onDelayedChange, __internalRootRef = _a.__internalRootRef, rest = __rest(_a, ["filteringText", "filteringAriaLabel", "filteringPlaceholder", "filteringClearAriaLabel", "disabled", "countText", "onChange", "onDelayedChange", "__internalRootRef"]);
13
13
  var inputRef = useRef(null);
14
14
  var baseProps = getBaseProps(rest);
15
15
  useForwardFocus(ref, inputRef);
16
16
  var showResults = filteringText && countText && !disabled;
17
17
  return (React.createElement("div", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root), ref: __internalRootRef }),
18
- React.createElement(InternalInput, { ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, autoComplete: false, onChange: function (event) { return fireNonCancelableEvent(onChange, { filteringText: event.detail.value }); }, __onDelayedInput: function (event) { return fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }); } }),
18
+ React.createElement(InternalInput, { ref: inputRef, className: styles.input, type: "search", ariaLabel: filteringAriaLabel, placeholder: filteringPlaceholder, value: filteringText, disabled: disabled, autoComplete: false, clearAriaLabel: filteringClearAriaLabel, onChange: function (event) { return fireNonCancelableEvent(onChange, { filteringText: event.detail.value }); }, __onDelayedInput: function (event) { return fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value }); } }),
19
19
  React.createElement("span", { "aria-live": "polite", "aria-atomic": "true", className: clsx(styles.results, showResults && styles['results-visible']) }, showResults ? countText : '')));
20
20
  });
21
21
  export default InternalTextFilter;
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAU0B,EAC1B,GAAmC;IAVjC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACd,IAAI,cATT,4IAUC,CADQ;IAIT,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,IAAM,WAAW,GAAG,aAAa,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAvE,CAAuE,EAC1F,gBAAgB,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAA9E,CAA8E,GACzG;QACF,2CACY,QAAQ,iBACN,MAAM,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAExE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CACxB,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TextFilterProps } from './interfaces';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n disabled,\n countText,\n onChange,\n onDelayedChange,\n __internalRootRef,\n ...rest\n }: InternalTextFilterProps,\n ref: React.Ref<TextFilterProps.Ref>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const baseProps = getBaseProps(rest);\n useForwardFocus(ref, inputRef);\n const showResults = filteringText && countText && !disabled;\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n autoComplete={false}\n onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n />\n <span\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className={clsx(styles.results, showResults && styles['results-visible'])}\n >\n {showResults ? countText : ''}\n </span>\n </div>\n );\n }\n);\n\nexport default InternalTextFilter;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/text-filter/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,IAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,UACE,EAW0B,EAC1B,GAAmC;IAXjC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,oBAAoB,0BAAA,EACpB,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACd,IAAI,cAVT,uKAWC,CADQ;IAIT,IAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAChD,IAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,eAAe,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC/B,IAAM,WAAW,GAAG,aAAa,IAAI,SAAS,IAAI,CAAC,QAAQ,CAAC;IAE5D,OAAO,CACL,wCAAS,SAAS,IAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,iBAAiB;QAC3F,oBAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,kBAAkB,EAC7B,WAAW,EAAE,oBAAoB,EACjC,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,uBAAuB,EACvC,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAAvE,CAAuE,EAC1F,gBAAgB,EAAE,UAAA,KAAK,IAAI,OAAA,sBAAsB,CAAC,eAAe,EAAE,EAAE,aAAa,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAA9E,CAA8E,GACzG;QACF,2CACY,QAAQ,iBACN,MAAM,EAClB,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,WAAW,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAExE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CACxB,CACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef } from 'react';\nimport InternalInput from '../input/internal';\nimport { getBaseProps } from '../internal/base-component';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport styles from './styles.css.js';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { TextFilterProps } from './interfaces';\n\ntype InternalTextFilterProps = TextFilterProps & InternalBaseComponentProps;\n\nconst InternalTextFilter = React.forwardRef(\n (\n {\n filteringText,\n filteringAriaLabel,\n filteringPlaceholder,\n filteringClearAriaLabel,\n disabled,\n countText,\n onChange,\n onDelayedChange,\n __internalRootRef,\n ...rest\n }: InternalTextFilterProps,\n ref: React.Ref<TextFilterProps.Ref>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const baseProps = getBaseProps(rest);\n useForwardFocus(ref, inputRef);\n const showResults = filteringText && countText && !disabled;\n\n return (\n <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n <InternalInput\n ref={inputRef}\n className={styles.input}\n type=\"search\"\n ariaLabel={filteringAriaLabel}\n placeholder={filteringPlaceholder}\n value={filteringText}\n disabled={disabled}\n autoComplete={false}\n clearAriaLabel={filteringClearAriaLabel}\n onChange={event => fireNonCancelableEvent(onChange, { filteringText: event.detail.value })}\n __onDelayedInput={event => fireNonCancelableEvent(onDelayedChange, { filteringText: event.detail.value })}\n />\n <span\n aria-live=\"polite\"\n aria-atomic=\"true\"\n className={clsx(styles.results, showResults && styles['results-visible'])}\n >\n {showResults ? countText : ''}\n </span>\n </div>\n );\n }\n);\n\nexport default InternalTextFilter;\n"]}
@@ -1,9 +1,9 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1sdq3_mhcwk_93",
5
- "input": "awsui_input_1sdq3_mhcwk_107",
6
- "results": "awsui_results_1sdq3_mhcwk_111",
7
- "results-visible": "awsui_results-visible_1sdq3_mhcwk_117"
4
+ "root": "awsui_root_1sdq3_9ifhc_93",
5
+ "input": "awsui_input_1sdq3_9ifhc_109",
6
+ "results": "awsui_results_1sdq3_9ifhc_113",
7
+ "results-visible": "awsui_results-visible_1sdq3_9ifhc_119"
8
8
  };
9
9
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1sdq3_mhcwk_93:not(#\9) {
93
+ .awsui_root_1sdq3_9ifhc_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -125,21 +125,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
125
125
  color: var(--color-text-body-default-ajf1h5, #000716);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
128
+ -webkit-font-smoothing: auto;
129
+ -moz-osx-font-smoothing: auto;
128
130
  display: flex;
129
131
  align-items: center;
130
132
  max-width: calc(688px - 2 * var(--space-l-4vl6xu, 20px));
131
133
  }
132
134
 
133
- .awsui_input_1sdq3_mhcwk_107:not(#\9) {
135
+ .awsui_input_1sdq3_9ifhc_109:not(#\9) {
134
136
  flex: 1;
135
137
  }
136
138
 
137
- .awsui_results_1sdq3_mhcwk_111:not(#\9) {
139
+ .awsui_results_1sdq3_9ifhc_113:not(#\9) {
138
140
  color: var(--color-text-form-label-k3j0b4, #000716);
139
141
  display: inline-block;
140
142
  box-sizing: border-box;
141
143
  white-space: nowrap;
142
144
  }
143
- .awsui_results-visible_1sdq3_mhcwk_117:not(#\9) {
145
+ .awsui_results-visible_1sdq3_9ifhc_119:not(#\9) {
144
146
  padding-left: var(--space-s-hv8c1d, 12px);
145
147
  }
@@ -2,9 +2,9 @@
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_1sdq3_mhcwk_93",
6
- "input": "awsui_input_1sdq3_mhcwk_107",
7
- "results": "awsui_results_1sdq3_mhcwk_111",
8
- "results-visible": "awsui_results-visible_1sdq3_mhcwk_117"
5
+ "root": "awsui_root_1sdq3_9ifhc_93",
6
+ "input": "awsui_input_1sdq3_9ifhc_109",
7
+ "results": "awsui_results_1sdq3_9ifhc_113",
8
+ "results-visible": "awsui_results-visible_1sdq3_9ifhc_119"
9
9
  };
10
10
 
@@ -1,9 +1,9 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_qk1j1_114w0_93",
5
- "textarea": "awsui_textarea_qk1j1_114w0_97",
6
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_114w0_121",
7
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_114w0_157"
4
+ "root": "awsui_root_qk1j1_kji15_93",
5
+ "textarea": "awsui_textarea_qk1j1_kji15_97",
6
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_kji15_123",
7
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_kji15_159"
8
8
  };
9
9
 
@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_qk1j1_114w0_93:not(#\9) {
93
+ .awsui_root_qk1j1_kji15_93:not(#\9) {
94
94
  /* used for test-utils */
95
95
  }
96
96
 
97
- .awsui_textarea_qk1j1_114w0_97:not(#\9) {
97
+ .awsui_textarea_qk1j1_kji15_97:not(#\9) {
98
98
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
99
99
  border-collapse: separate;
100
100
  border-spacing: 0;
@@ -129,6 +129,8 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  color: var(--color-text-body-default-ajf1h5, #000716);
130
130
  font-weight: 400;
131
131
  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
132
+ -webkit-font-smoothing: auto;
133
+ -moz-osx-font-smoothing: auto;
132
134
  resize: auto; /* stylelint-disable-line plugin/no-unsupported-browser-features */
133
135
  cursor: text;
134
136
  white-space: pre-wrap;
@@ -144,43 +146,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
144
146
  font-size: var(--font-body-m-size-sregvd, 14px);
145
147
  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
146
148
  }
147
- .awsui_textarea_qk1j1_114w0_97.awsui_textarea-readonly_qk1j1_114w0_121:not(#\9) {
149
+ .awsui_textarea_qk1j1_kji15_97.awsui_textarea-readonly_qk1j1_kji15_123:not(#\9) {
148
150
  background-color: var(--color-background-input-default-u57378, #ffffff);
149
151
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
150
152
  }
151
- .awsui_textarea_qk1j1_114w0_97:not(#\9)::placeholder {
153
+ .awsui_textarea_qk1j1_kji15_97:not(#\9)::placeholder {
152
154
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
153
155
  font-style: italic;
154
156
  opacity: 1;
155
157
  }
156
- .awsui_textarea_qk1j1_114w0_97:not(#\9):-ms-input-placeholder {
158
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):-ms-input-placeholder {
157
159
  color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
158
160
  font-style: italic;
159
161
  }
160
- .awsui_textarea_qk1j1_114w0_97:not(#\9):focus {
162
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):focus {
161
163
  outline: 2px dotted transparent;
162
164
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
163
165
  border-radius: var(--border-radius-input-txq8zy, 8px);
164
166
  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
165
167
  }
166
- .awsui_textarea_qk1j1_114w0_97:not(#\9):invalid {
168
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):invalid {
167
169
  box-shadow: none;
168
170
  }
169
- .awsui_textarea_qk1j1_114w0_97:not(#\9):disabled {
171
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):disabled {
170
172
  background-color: var(--color-background-input-disabled-wu9j6u, #e9ebed);
171
173
  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-disabled-x2lopj, #e9ebed);
172
174
  color: var(--color-text-input-disabled-oawyzo, #9ba7b6);
173
175
  cursor: auto;
174
176
  cursor: default;
175
177
  }
176
- .awsui_textarea_qk1j1_114w0_97:not(#\9):disabled::placeholder {
178
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):disabled::placeholder {
177
179
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
178
180
  opacity: 1;
179
181
  }
180
- .awsui_textarea_qk1j1_114w0_97:not(#\9):disabled:-ms-input-placeholder {
182
+ .awsui_textarea_qk1j1_kji15_97:not(#\9):disabled:-ms-input-placeholder {
181
183
  color: var(--color-text-input-placeholder-disabled-6928j8, #9ba7b6);
182
184
  }
183
- .awsui_textarea_qk1j1_114w0_97.awsui_textarea-invalid_qk1j1_114w0_157:not(#\9) {
185
+ .awsui_textarea_qk1j1_kji15_97.awsui_textarea-invalid_qk1j1_kji15_159:not(#\9) {
184
186
  color: var(--color-text-status-error-5sesl6, #d91515);
185
187
  border-color: var(--color-text-status-error-5sesl6, #d91515);
186
188
  padding-left: calc(
@@ -188,6 +190,6 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
190
  );
189
191
  border-left-width: var(--border-invalid-width-5jpdqn, 8px);
190
192
  }
191
- .awsui_textarea_qk1j1_114w0_97.awsui_textarea-invalid_qk1j1_114w0_157:not(#\9):focus {
193
+ .awsui_textarea_qk1j1_kji15_97.awsui_textarea-invalid_qk1j1_kji15_159:not(#\9):focus {
192
194
  box-shadow: 0 0 0 var(--border-control-invalid-focus-ring-shadow-spread-omt6il, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
193
195
  }
@@ -2,9 +2,9 @@
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_qk1j1_114w0_93",
6
- "textarea": "awsui_textarea_qk1j1_114w0_97",
7
- "textarea-readonly": "awsui_textarea-readonly_qk1j1_114w0_121",
8
- "textarea-invalid": "awsui_textarea-invalid_qk1j1_114w0_157"
5
+ "root": "awsui_root_qk1j1_kji15_93",
6
+ "textarea": "awsui_textarea_qk1j1_kji15_97",
7
+ "textarea-readonly": "awsui_textarea-readonly_qk1j1_kji15_123",
8
+ "textarea-invalid": "awsui_textarea-invalid_qk1j1_kji15_159"
9
9
  };
10
10
 
@@ -1,33 +1,33 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "column-layout": "awsui_column-layout_vj6p7_gvt2c_93",
5
- "grid": "awsui_grid_vj6p7_gvt2c_104",
6
- "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_gvt2c_109",
7
- "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_gvt2c_112",
8
- "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_gvt2c_119",
9
- "grid-columns-1": "awsui_grid-columns-1_vj6p7_gvt2c_122",
10
- "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122",
11
- "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_gvt2c_125",
12
- "grid-columns-2": "awsui_grid-columns-2_vj6p7_gvt2c_128",
13
- "grid-columns-3": "awsui_grid-columns-3_vj6p7_gvt2c_134",
14
- "grid-columns-4": "awsui_grid-columns-4_vj6p7_gvt2c_140",
15
- "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_gvt2c_153",
16
- "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_gvt2c_186",
17
- "root": "awsui_root_vj6p7_gvt2c_240",
18
- "tile-container": "awsui_tile-container_vj6p7_gvt2c_255",
19
- "has-metadata": "awsui_has-metadata_vj6p7_gvt2c_265",
20
- "selected": "awsui_selected_vj6p7_gvt2c_268",
21
- "disabled": "awsui_disabled_vj6p7_gvt2c_272",
22
- "columns": "awsui_columns_vj6p7_gvt2c_287",
23
- "column-1": "awsui_column-1_vj6p7_gvt2c_292",
24
- "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_gvt2c_299",
25
- "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_gvt2c_304",
26
- "column-2": "awsui_column-2_vj6p7_gvt2c_309",
27
- "column-3": "awsui_column-3_vj6p7_gvt2c_326",
28
- "column-4": "awsui_column-4_vj6p7_gvt2c_343",
29
- "control": "awsui_control_vj6p7_gvt2c_361",
30
- "no-image": "awsui_no-image_vj6p7_gvt2c_365",
31
- "image": "awsui_image_vj6p7_gvt2c_369"
4
+ "column-layout": "awsui_column-layout_vj6p7_fk2hv_93",
5
+ "grid": "awsui_grid_vj6p7_fk2hv_106",
6
+ "grid-no-gutters": "awsui_grid-no-gutters_vj6p7_fk2hv_111",
7
+ "grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_fk2hv_114",
8
+ "grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_fk2hv_121",
9
+ "grid-columns-1": "awsui_grid-columns-1_vj6p7_fk2hv_124",
10
+ "grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_fk2hv_124",
11
+ "grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_fk2hv_127",
12
+ "grid-columns-2": "awsui_grid-columns-2_vj6p7_fk2hv_130",
13
+ "grid-columns-3": "awsui_grid-columns-3_vj6p7_fk2hv_136",
14
+ "grid-columns-4": "awsui_grid-columns-4_vj6p7_fk2hv_142",
15
+ "grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_fk2hv_155",
16
+ "grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_fk2hv_188",
17
+ "root": "awsui_root_vj6p7_fk2hv_242",
18
+ "tile-container": "awsui_tile-container_vj6p7_fk2hv_259",
19
+ "has-metadata": "awsui_has-metadata_vj6p7_fk2hv_269",
20
+ "selected": "awsui_selected_vj6p7_fk2hv_272",
21
+ "disabled": "awsui_disabled_vj6p7_fk2hv_276",
22
+ "columns": "awsui_columns_vj6p7_fk2hv_291",
23
+ "column-1": "awsui_column-1_vj6p7_fk2hv_296",
24
+ "breakpoint-xs": "awsui_breakpoint-xs_vj6p7_fk2hv_303",
25
+ "breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_fk2hv_308",
26
+ "column-2": "awsui_column-2_vj6p7_fk2hv_313",
27
+ "column-3": "awsui_column-3_vj6p7_fk2hv_330",
28
+ "column-4": "awsui_column-4_vj6p7_fk2hv_347",
29
+ "control": "awsui_control_vj6p7_fk2hv_365",
30
+ "no-image": "awsui_no-image_vj6p7_fk2hv_369",
31
+ "image": "awsui_image_vj6p7_fk2hv_373"
32
32
  };
33
33