@cloudscape-design/components 3.0.334 → 3.0.335

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 (325) hide show
  1. package/alert/styles.css.js +19 -19
  2. package/alert/styles.scoped.css +33 -33
  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 +30 -30
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/index.js +3 -3
  8. package/app-layout/index.js.map +1 -1
  9. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  10. package/app-layout/visual-refresh/context.js +3 -3
  11. package/app-layout/visual-refresh/context.js.map +1 -1
  12. package/app-layout/visual-refresh/styles.css.js +69 -69
  13. package/app-layout/visual-refresh/styles.scoped.css +168 -168
  14. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  15. package/attribute-editor/styles.css.js +14 -14
  16. package/attribute-editor/styles.scoped.css +27 -27
  17. package/attribute-editor/styles.selectors.js +14 -14
  18. package/autosuggest/virtual-list.d.ts.map +1 -1
  19. package/autosuggest/virtual-list.js +2 -2
  20. package/autosuggest/virtual-list.js.map +1 -1
  21. package/badge/styles.css.js +5 -5
  22. package/badge/styles.scoped.css +7 -7
  23. package/badge/styles.selectors.js +5 -5
  24. package/box/styles.css.js +189 -189
  25. package/box/styles.scoped.css +238 -238
  26. package/box/styles.selectors.js +189 -189
  27. package/breadcrumb-group/styles.css.js +7 -7
  28. package/breadcrumb-group/styles.scoped.css +14 -14
  29. package/breadcrumb-group/styles.selectors.js +7 -7
  30. package/button/styles.css.js +20 -20
  31. package/button/styles.scoped.css +154 -154
  32. package/button/styles.selectors.js +20 -20
  33. package/button-dropdown/index.d.ts.map +1 -1
  34. package/button-dropdown/index.js +2 -2
  35. package/button-dropdown/index.js.map +1 -1
  36. package/button-dropdown/interfaces.d.ts +31 -0
  37. package/button-dropdown/interfaces.d.ts.map +1 -1
  38. package/button-dropdown/interfaces.js.map +1 -1
  39. package/button-dropdown/internal.d.ts.map +1 -1
  40. package/button-dropdown/internal.js +52 -7
  41. package/button-dropdown/internal.js.map +1 -1
  42. package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
  43. package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
  44. package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
  45. package/button-dropdown/styles.css.js +14 -8
  46. package/button-dropdown/styles.scoped.css +44 -14
  47. package/button-dropdown/styles.selectors.js +14 -8
  48. package/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
  49. package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
  50. package/button-dropdown/utils/use-button-dropdown.js +1 -0
  51. package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
  52. package/calendar/styles.css.js +18 -18
  53. package/calendar/styles.scoped.css +40 -40
  54. package/calendar/styles.selectors.js +18 -18
  55. package/cards/index.js +5 -4
  56. package/cards/index.js.map +1 -1
  57. package/cards/styles.css.js +38 -38
  58. package/cards/styles.scoped.css +55 -55
  59. package/cards/styles.selectors.js +38 -38
  60. package/checkbox/styles.css.js +3 -3
  61. package/checkbox/styles.scoped.css +7 -7
  62. package/checkbox/styles.selectors.js +3 -3
  63. package/code-editor/index.js +2 -2
  64. package/code-editor/index.js.map +1 -1
  65. package/code-editor/status-bar.d.ts.map +1 -1
  66. package/code-editor/status-bar.js +3 -3
  67. package/code-editor/status-bar.js.map +1 -1
  68. package/code-editor/styles.css.js +32 -32
  69. package/code-editor/styles.scoped.css +129 -129
  70. package/code-editor/styles.selectors.js +32 -32
  71. package/collection-preferences/content-display/styles.css.js +11 -11
  72. package/collection-preferences/content-display/styles.scoped.css +19 -19
  73. package/collection-preferences/content-display/styles.selectors.js +11 -11
  74. package/collection-preferences/styles.css.js +37 -37
  75. package/collection-preferences/styles.scoped.css +47 -47
  76. package/collection-preferences/styles.selectors.js +37 -37
  77. package/column-layout/flexible-column-layout/index.d.ts.map +1 -1
  78. package/column-layout/flexible-column-layout/index.js +2 -2
  79. package/column-layout/flexible-column-layout/index.js.map +1 -1
  80. package/column-layout/styles.css.js +13 -13
  81. package/column-layout/styles.scoped.css +44 -44
  82. package/column-layout/styles.selectors.js +13 -13
  83. package/container/styles.css.js +28 -28
  84. package/container/styles.scoped.css +52 -52
  85. package/container/styles.selectors.js +28 -28
  86. package/date-picker/styles.css.js +7 -7
  87. package/date-picker/styles.scoped.css +10 -10
  88. package/date-picker/styles.selectors.js +7 -7
  89. package/date-range-picker/styles.css.js +38 -38
  90. package/date-range-picker/styles.scoped.css +48 -48
  91. package/date-range-picker/styles.selectors.js +38 -38
  92. package/expandable-section/styles.css.js +29 -29
  93. package/expandable-section/styles.scoped.css +65 -65
  94. package/expandable-section/styles.selectors.js +29 -29
  95. package/flashbar/styles.css.js +46 -46
  96. package/flashbar/styles.scoped.css +160 -160
  97. package/flashbar/styles.selectors.js +46 -46
  98. package/form/styles.css.js +9 -9
  99. package/form/styles.scoped.css +9 -9
  100. package/form/styles.selectors.js +9 -9
  101. package/form-field/styles.css.js +19 -19
  102. package/form-field/styles.scoped.css +31 -31
  103. package/form-field/styles.selectors.js +19 -19
  104. package/grid/styles.css.js +53 -53
  105. package/grid/styles.scoped.css +55 -55
  106. package/grid/styles.selectors.js +53 -53
  107. package/header/styles.css.js +44 -44
  108. package/header/styles.scoped.css +50 -50
  109. package/header/styles.selectors.js +44 -44
  110. package/help-panel/styles.css.js +4 -4
  111. package/help-panel/styles.scoped.css +70 -69
  112. package/help-panel/styles.selectors.js +4 -4
  113. package/icon/styles.css.js +21 -21
  114. package/icon/styles.scoped.css +50 -50
  115. package/icon/styles.selectors.js +21 -21
  116. package/input/styles.css.js +12 -12
  117. package/input/styles.scoped.css +35 -35
  118. package/input/styles.selectors.js +12 -12
  119. package/internal/base-component/styles.scoped.css +8 -7
  120. package/internal/components/button-trigger/styles.css.js +9 -9
  121. package/internal/components/button-trigger/styles.scoped.css +26 -26
  122. package/internal/components/button-trigger/styles.selectors.js +9 -9
  123. package/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
  124. package/internal/components/cartesian-chart/labels-measure.js +2 -2
  125. package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
  126. package/internal/components/chart-filter/styles.css.js +3 -3
  127. package/internal/components/chart-filter/styles.scoped.css +4 -4
  128. package/internal/components/chart-filter/styles.selectors.js +3 -3
  129. package/internal/components/chart-legend/styles.css.js +6 -6
  130. package/internal/components/chart-legend/styles.scoped.css +16 -16
  131. package/internal/components/chart-legend/styles.selectors.js +6 -6
  132. package/internal/components/chart-popover/styles.css.js +3 -3
  133. package/internal/components/chart-popover/styles.scoped.css +4 -4
  134. package/internal/components/chart-popover/styles.selectors.js +3 -3
  135. package/internal/components/chart-series-details/styles.css.js +5 -5
  136. package/internal/components/chart-series-details/styles.scoped.css +10 -10
  137. package/internal/components/chart-series-details/styles.selectors.js +5 -5
  138. package/internal/components/chart-series-marker/styles.css.js +5 -5
  139. package/internal/components/chart-series-marker/styles.scoped.css +8 -8
  140. package/internal/components/chart-series-marker/styles.selectors.js +5 -5
  141. package/internal/components/chart-wrapper/styles.css.js +6 -6
  142. package/internal/components/chart-wrapper/styles.scoped.css +9 -9
  143. package/internal/components/chart-wrapper/styles.selectors.js +6 -6
  144. package/internal/components/dropdown/styles.css.js +20 -20
  145. package/internal/components/dropdown/styles.scoped.css +36 -36
  146. package/internal/components/dropdown/styles.selectors.js +20 -20
  147. package/internal/components/dropdown-footer/styles.css.js +3 -3
  148. package/internal/components/dropdown-footer/styles.scoped.css +4 -4
  149. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  150. package/internal/components/dropdown-status/index.d.ts.map +1 -1
  151. package/internal/components/dropdown-status/index.js +1 -1
  152. package/internal/components/dropdown-status/index.js.map +1 -1
  153. package/internal/components/dropdown-status/styles.css.js +2 -2
  154. package/internal/components/dropdown-status/styles.scoped.css +3 -3
  155. package/internal/components/dropdown-status/styles.selectors.js +2 -2
  156. package/internal/components/menu-dropdown/styles.css.js +7 -7
  157. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  158. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  159. package/internal/components/option/styles.css.js +17 -17
  160. package/internal/components/option/styles.scoped.css +31 -31
  161. package/internal/components/option/styles.selectors.js +17 -17
  162. package/internal/components/options-list/styles.css.js +2 -2
  163. package/internal/components/options-list/styles.scoped.css +3 -3
  164. package/internal/components/options-list/styles.selectors.js +2 -2
  165. package/internal/components/selectable-item/styles.css.js +16 -16
  166. package/internal/components/selectable-item/styles.scoped.css +29 -29
  167. package/internal/components/selectable-item/styles.selectors.js +16 -16
  168. package/internal/components/token-list/styles.css.js +9 -9
  169. package/internal/components/token-list/styles.scoped.css +21 -21
  170. package/internal/components/token-list/styles.selectors.js +9 -9
  171. package/internal/environment.js +1 -1
  172. package/internal/generated/theming/index.cjs +24 -13
  173. package/internal/generated/theming/index.js +24 -13
  174. package/internal/hooks/container-queries/index.d.ts +0 -2
  175. package/internal/hooks/container-queries/index.d.ts.map +1 -1
  176. package/internal/hooks/container-queries/index.js +2 -1
  177. package/internal/hooks/container-queries/index.js.map +1 -1
  178. package/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
  179. package/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
  180. package/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
  181. package/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
  182. package/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
  183. package/internal/hooks/container-queries/use-resize-observer.js +0 -2
  184. package/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
  185. package/internal/hooks/use-dynamic-overlap/index.js +2 -2
  186. package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  187. package/internal/manifest.json +1 -1
  188. package/internal/utils/use-container-width.d.ts.map +1 -1
  189. package/internal/utils/use-container-width.js +5 -3
  190. package/internal/utils/use-container-width.js.map +1 -1
  191. package/link/styles.css.js +20 -20
  192. package/link/styles.scoped.css +73 -73
  193. package/link/styles.selectors.js +20 -20
  194. package/modal/internal.d.ts.map +1 -1
  195. package/modal/internal.js +2 -1
  196. package/modal/internal.js.map +1 -1
  197. package/modal/styles.css.js +23 -23
  198. package/modal/styles.scoped.css +40 -40
  199. package/modal/styles.selectors.js +23 -23
  200. package/multiselect/styles.css.js +1 -1
  201. package/multiselect/styles.scoped.css +2 -2
  202. package/multiselect/styles.selectors.js +1 -1
  203. package/package.json +1 -1
  204. package/pagination/styles.css.js +9 -9
  205. package/pagination/styles.scoped.css +24 -24
  206. package/pagination/styles.selectors.js +9 -9
  207. package/pie-chart/styles.css.js +23 -23
  208. package/pie-chart/styles.scoped.css +42 -42
  209. package/pie-chart/styles.selectors.js +23 -23
  210. package/popover/styles.css.js +50 -50
  211. package/popover/styles.scoped.css +66 -66
  212. package/popover/styles.selectors.js +50 -50
  213. package/progress-bar/styles.css.js +18 -18
  214. package/progress-bar/styles.scoped.css +35 -35
  215. package/progress-bar/styles.selectors.js +18 -18
  216. package/property-filter/index.d.ts.map +1 -1
  217. package/property-filter/index.js +2 -3
  218. package/property-filter/index.js.map +1 -1
  219. package/property-filter/styles.css.js +29 -29
  220. package/property-filter/styles.scoped.css +32 -32
  221. package/property-filter/styles.selectors.js +29 -29
  222. package/property-filter/token-editor.d.ts.map +1 -1
  223. package/property-filter/token-editor.js +2 -2
  224. package/property-filter/token-editor.js.map +1 -1
  225. package/radio-group/styles.css.js +9 -9
  226. package/radio-group/styles.scoped.css +17 -17
  227. package/radio-group/styles.selectors.js +9 -9
  228. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  229. package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
  230. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  231. package/segmented-control/styles.css.js +14 -14
  232. package/segmented-control/styles.scoped.css +35 -35
  233. package/segmented-control/styles.selectors.js +14 -14
  234. package/select/parts/virtual-list.js +2 -2
  235. package/select/parts/virtual-list.js.map +1 -1
  236. package/select/styles.css.js +1 -1
  237. package/select/styles.scoped.css +2 -2
  238. package/select/styles.selectors.js +1 -1
  239. package/side-navigation/styles.css.js +27 -27
  240. package/side-navigation/styles.scoped.css +39 -39
  241. package/side-navigation/styles.selectors.js +27 -27
  242. package/spinner/styles.css.js +13 -13
  243. package/spinner/styles.scoped.css +20 -20
  244. package/spinner/styles.selectors.js +13 -13
  245. package/split-panel/styles.css.js +56 -56
  246. package/split-panel/styles.scoped.css +78 -78
  247. package/split-panel/styles.selectors.js +56 -56
  248. package/status-indicator/internal.d.ts +6 -3
  249. package/status-indicator/internal.d.ts.map +1 -1
  250. package/status-indicator/internal.js +2 -2
  251. package/status-indicator/internal.js.map +1 -1
  252. package/status-indicator/styles.css.js +22 -20
  253. package/status-indicator/styles.scoped.css +33 -28
  254. package/status-indicator/styles.selectors.js +22 -20
  255. package/table/internal.d.ts.map +1 -1
  256. package/table/internal.js +6 -4
  257. package/table/internal.js.map +1 -1
  258. package/table/sticky-scrollbar/styles.css.js +4 -4
  259. package/table/sticky-scrollbar/styles.scoped.css +4 -5
  260. package/table/sticky-scrollbar/styles.selectors.js +4 -4
  261. package/table/styles.css.js +34 -34
  262. package/table/styles.scoped.css +43 -43
  263. package/table/styles.selectors.js +34 -34
  264. package/tabs/styles.css.js +21 -21
  265. package/tabs/styles.scoped.css +39 -39
  266. package/tabs/styles.selectors.js +21 -21
  267. package/tabs/tab-header-bar.js +2 -2
  268. package/tabs/tab-header-bar.js.map +1 -1
  269. package/test-utils/dom/button-dropdown/index.d.ts +2 -0
  270. package/test-utils/dom/button-dropdown/index.js +6 -1
  271. package/test-utils/dom/button-dropdown/index.js.map +1 -1
  272. package/test-utils/selectors/button-dropdown/index.d.ts +2 -0
  273. package/test-utils/selectors/button-dropdown/index.js +6 -1
  274. package/test-utils/selectors/button-dropdown/index.js.map +1 -1
  275. package/test-utils/tsconfig.tsbuildinfo +1 -1
  276. package/text-content/styles.css.js +1 -1
  277. package/text-content/styles.scoped.css +64 -64
  278. package/text-content/styles.selectors.js +1 -1
  279. package/text-filter/styles.css.js +3 -3
  280. package/text-filter/styles.scoped.css +4 -4
  281. package/text-filter/styles.selectors.js +3 -3
  282. package/textarea/styles.css.js +4 -4
  283. package/textarea/styles.scoped.css +14 -14
  284. package/textarea/styles.selectors.js +4 -4
  285. package/tiles/styles.css.js +28 -28
  286. package/tiles/styles.scoped.css +70 -70
  287. package/tiles/styles.selectors.js +28 -28
  288. package/toggle/styles.css.js +8 -8
  289. package/toggle/styles.scoped.css +15 -15
  290. package/toggle/styles.selectors.js +8 -8
  291. package/token-group/styles.css.js +7 -7
  292. package/token-group/styles.scoped.css +17 -17
  293. package/token-group/styles.selectors.js +7 -7
  294. package/top-navigation/1.0-beta/styles.css.js +25 -25
  295. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  296. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  297. package/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
  298. package/top-navigation/1.0-beta/use-top-navigation.js +2 -1
  299. package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
  300. package/top-navigation/styles.css.js +47 -47
  301. package/top-navigation/styles.scoped.css +70 -70
  302. package/top-navigation/styles.selectors.js +47 -47
  303. package/top-navigation/use-top-navigation.d.ts.map +1 -1
  304. package/top-navigation/use-top-navigation.js +2 -1
  305. package/top-navigation/use-top-navigation.js.map +1 -1
  306. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  307. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  308. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  309. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  310. package/tutorial-panel/components/tutorial-list/styles.scoped.css +30 -30
  311. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  312. package/tutorial-panel/styles.css.js +1 -1
  313. package/tutorial-panel/styles.scoped.css +2 -2
  314. package/tutorial-panel/styles.selectors.js +1 -1
  315. package/wizard/styles.css.js +31 -31
  316. package/wizard/styles.scoped.css +63 -63
  317. package/wizard/styles.selectors.js +31 -31
  318. package/internal/hooks/container-queries/interfaces.d.ts +0 -10
  319. package/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
  320. package/internal/hooks/container-queries/interfaces.js +0 -4
  321. package/internal/hooks/container-queries/interfaces.js.map +0 -1
  322. package/internal/hooks/container-queries/use-container-query.d.ts +0 -22
  323. package/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
  324. package/internal/hooks/container-queries/use-container-query.js +0 -32
  325. package/internal/hooks/container-queries/use-container-query.js.map +0 -1
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_root_1wzqe_7h5px_93:not(#\9) {
93
+ .awsui_root_1wzqe_5976q_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
123
  font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
124
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
125
125
  color: var(--color-text-body-default-su7kuo, #000716);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -129,100 +129,100 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_search-field_1wzqe_7h5px_106:not(#\9) {
132
+ .awsui_search-field_1wzqe_5976q_106:not(#\9) {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  max-width: calc(688px - 2 * var(--space-l-f4l5gr, 20px));
136
136
  }
137
137
 
138
- .awsui_input-wrapper_1wzqe_7h5px_112:not(#\9) {
138
+ .awsui_input-wrapper_1wzqe_5976q_112:not(#\9) {
139
139
  flex-grow: 1;
140
140
  }
141
141
 
142
- .awsui_add-token_1wzqe_7h5px_116:not(#\9) {
142
+ .awsui_add-token_1wzqe_5976q_116:not(#\9) {
143
143
  border-left: 1px solid var(--color-border-divider-default-9o8zql, #e9ebed);
144
144
  box-sizing: border-box;
145
145
  margin-left: var(--space-m-h2th94, 16px);
146
146
  padding-left: var(--space-m-h2th94, 16px);
147
147
  }
148
148
 
149
- .awsui_tokens_1wzqe_7h5px_123:not(#\9) {
149
+ .awsui_tokens_1wzqe_5976q_123:not(#\9) {
150
150
  margin: var(--space-xs-edba2s, 8px) 0;
151
151
  }
152
152
 
153
- .awsui_token-operator_1wzqe_7h5px_127:not(#\9) {
153
+ .awsui_token-operator_1wzqe_5976q_127:not(#\9) {
154
154
  font-weight: bold;
155
155
  }
156
156
 
157
- .awsui_property-editor_1wzqe_7h5px_131:not(#\9),
158
- .awsui_token-editor_1wzqe_7h5px_132:not(#\9) {
157
+ .awsui_property-editor_1wzqe_5976q_131:not(#\9),
158
+ .awsui_token-editor_1wzqe_5976q_132:not(#\9) {
159
159
  -webkit-user-select: text;
160
160
  user-select: text;
161
161
  margin: var(--space-xxs-ja5cp8, 4px);
162
162
  }
163
- .awsui_property-editor-form_1wzqe_7h5px_136:not(#\9),
164
- .awsui_token-editor-form_1wzqe_7h5px_137:not(#\9) {
163
+ .awsui_property-editor-form_1wzqe_5976q_136:not(#\9),
164
+ .awsui_token-editor-form_1wzqe_5976q_137:not(#\9) {
165
165
  margin-bottom: var(--space-scaled-l-2rs0gk, 20px);
166
166
  }
167
- .awsui_property-editor-field-property_1wzqe_7h5px_140:not(#\9),
168
- .awsui_token-editor-field-property_1wzqe_7h5px_141:not(#\9) {
167
+ .awsui_property-editor-field-property_1wzqe_5976q_140:not(#\9),
168
+ .awsui_token-editor-field-property_1wzqe_5976q_141:not(#\9) {
169
169
  /* used in test-utils */
170
170
  }
171
- .awsui_property-editor-field-operator_1wzqe_7h5px_144:not(#\9),
172
- .awsui_token-editor-field-operator_1wzqe_7h5px_145:not(#\9) {
171
+ .awsui_property-editor-field-operator_1wzqe_5976q_144:not(#\9),
172
+ .awsui_token-editor-field-operator_1wzqe_5976q_145:not(#\9) {
173
173
  margin-top: var(--space-scaled-l-2rs0gk, 20px);
174
174
  }
175
- .awsui_property-editor-field-value_1wzqe_7h5px_148:not(#\9),
176
- .awsui_token-editor-field-value_1wzqe_7h5px_149:not(#\9) {
175
+ .awsui_property-editor-field-value_1wzqe_5976q_148:not(#\9),
176
+ .awsui_token-editor-field-value_1wzqe_5976q_149:not(#\9) {
177
177
  margin-top: var(--space-scaled-l-2rs0gk, 20px);
178
178
  }
179
- .awsui_property-editor-cancel_1wzqe_7h5px_152:not(#\9),
180
- .awsui_token-editor-cancel_1wzqe_7h5px_153:not(#\9) {
179
+ .awsui_property-editor-cancel_1wzqe_5976q_152:not(#\9),
180
+ .awsui_token-editor-cancel_1wzqe_5976q_153:not(#\9) {
181
181
  margin-right: var(--space-xs-edba2s, 8px);
182
182
  }
183
- .awsui_property-editor-submit_1wzqe_7h5px_156:not(#\9),
184
- .awsui_token-editor-submit_1wzqe_7h5px_157:not(#\9) {
183
+ .awsui_property-editor-submit_1wzqe_5976q_156:not(#\9),
184
+ .awsui_token-editor-submit_1wzqe_5976q_157:not(#\9) {
185
185
  /* used in test-utils */
186
186
  }
187
- .awsui_property-editor-actions_1wzqe_7h5px_160:not(#\9),
188
- .awsui_token-editor-actions_1wzqe_7h5px_161:not(#\9) {
187
+ .awsui_property-editor-actions_1wzqe_5976q_160:not(#\9),
188
+ .awsui_token-editor-actions_1wzqe_5976q_161:not(#\9) {
189
189
  display: flex;
190
190
  justify-content: flex-end;
191
191
  padding-top: var(--space-s-hdd878, 12px);
192
192
  border-top: 1px solid var(--color-border-dropdown-item-default-83pxjk, #e9ebed);
193
193
  }
194
194
 
195
- .awsui_token-editor-actions_1wzqe_7h5px_161:not(#\9) {
195
+ .awsui_token-editor-actions_1wzqe_5976q_161:not(#\9) {
196
196
  padding-right: calc(var(--space-m-h2th94, 16px) + var(--space-xxs-ja5cp8, 4px));
197
197
  margin-left: calc(-1 * var(--space-m-h2th94, 16px) + -1 * var(--space-xxs-ja5cp8, 4px));
198
198
  margin-right: calc(-1 * var(--space-m-h2th94, 16px) + -1 * var(--space-xxs-ja5cp8, 4px));
199
199
  }
200
200
 
201
- .awsui_property-editor_1wzqe_7h5px_131:not(#\9) {
201
+ .awsui_property-editor_1wzqe_5976q_131:not(#\9) {
202
202
  padding: var(--space-m-h2th94, 16px);
203
203
  overflow-y: auto;
204
204
  }
205
205
 
206
- .awsui_custom-content-wrapper_1wzqe_7h5px_179:not(#\9) {
206
+ .awsui_custom-content-wrapper_1wzqe_5976q_179:not(#\9) {
207
207
  display: contents;
208
208
  }
209
209
 
210
- .awsui_custom-control_1wzqe_7h5px_183:not(#\9) {
210
+ .awsui_custom-control_1wzqe_5976q_183:not(#\9) {
211
211
  margin-right: var(--space-s-hdd878, 12px);
212
212
  }
213
213
 
214
- .awsui_input_1wzqe_7h5px_112:not(#\9) {
214
+ .awsui_input_1wzqe_5976q_112:not(#\9) {
215
215
  flex: 1;
216
216
  }
217
217
 
218
- .awsui_token-trigger_1wzqe_7h5px_191:not(#\9) {
218
+ .awsui_token-trigger_1wzqe_5976q_191:not(#\9) {
219
219
  min-width: 0;
220
220
  -ms-word-break: break-all;
221
221
  word-break: break-word;
222
222
  }
223
223
 
224
- .awsui_remove-all_1wzqe_7h5px_197:not(#\9),
225
- .awsui_token-label_1wzqe_7h5px_198:not(#\9),
226
- .awsui_join-operation_1wzqe_7h5px_199:not(#\9) {
224
+ .awsui_remove-all_1wzqe_5976q_197:not(#\9),
225
+ .awsui_token-label_1wzqe_5976q_198:not(#\9),
226
+ .awsui_join-operation_1wzqe_5976q_199:not(#\9) {
227
227
  /* used in test-utils */
228
228
  }
@@ -2,34 +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
- "root": "awsui_root_1wzqe_7h5px_93",
6
- "search-field": "awsui_search-field_1wzqe_7h5px_106",
7
- "input-wrapper": "awsui_input-wrapper_1wzqe_7h5px_112",
8
- "add-token": "awsui_add-token_1wzqe_7h5px_116",
9
- "tokens": "awsui_tokens_1wzqe_7h5px_123",
10
- "token-operator": "awsui_token-operator_1wzqe_7h5px_127",
11
- "property-editor": "awsui_property-editor_1wzqe_7h5px_131",
12
- "token-editor": "awsui_token-editor_1wzqe_7h5px_132",
13
- "property-editor-form": "awsui_property-editor-form_1wzqe_7h5px_136",
14
- "token-editor-form": "awsui_token-editor-form_1wzqe_7h5px_137",
15
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_7h5px_140",
16
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_7h5px_141",
17
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_7h5px_144",
18
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_7h5px_145",
19
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_7h5px_148",
20
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_7h5px_149",
21
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_7h5px_152",
22
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_7h5px_153",
23
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_7h5px_156",
24
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_7h5px_157",
25
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_7h5px_160",
26
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_7h5px_161",
27
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_7h5px_179",
28
- "custom-control": "awsui_custom-control_1wzqe_7h5px_183",
29
- "input": "awsui_input_1wzqe_7h5px_112",
30
- "token-trigger": "awsui_token-trigger_1wzqe_7h5px_191",
31
- "remove-all": "awsui_remove-all_1wzqe_7h5px_197",
32
- "token-label": "awsui_token-label_1wzqe_7h5px_198",
33
- "join-operation": "awsui_join-operation_1wzqe_7h5px_199"
5
+ "root": "awsui_root_1wzqe_5976q_93",
6
+ "search-field": "awsui_search-field_1wzqe_5976q_106",
7
+ "input-wrapper": "awsui_input-wrapper_1wzqe_5976q_112",
8
+ "add-token": "awsui_add-token_1wzqe_5976q_116",
9
+ "tokens": "awsui_tokens_1wzqe_5976q_123",
10
+ "token-operator": "awsui_token-operator_1wzqe_5976q_127",
11
+ "property-editor": "awsui_property-editor_1wzqe_5976q_131",
12
+ "token-editor": "awsui_token-editor_1wzqe_5976q_132",
13
+ "property-editor-form": "awsui_property-editor-form_1wzqe_5976q_136",
14
+ "token-editor-form": "awsui_token-editor-form_1wzqe_5976q_137",
15
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_5976q_140",
16
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_5976q_141",
17
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_5976q_144",
18
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_5976q_145",
19
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_5976q_148",
20
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_5976q_149",
21
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_5976q_152",
22
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_5976q_153",
23
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_5976q_156",
24
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_5976q_157",
25
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_5976q_160",
26
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_5976q_161",
27
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_5976q_179",
28
+ "custom-control": "awsui_custom-control_1wzqe_5976q_183",
29
+ "input": "awsui_input_1wzqe_5976q_112",
30
+ "token-trigger": "awsui_token-trigger_1wzqe_5976q_191",
31
+ "remove-all": "awsui_remove-all_1wzqe_5976q_197",
32
+ "token-label": "awsui_token-label_1wzqe_5976q_198",
33
+ "join-operation": "awsui_join-operation_1wzqe_5976q_199"
34
34
  };
35
35
 
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.d.ts","sourceRoot":"lib/default/","sources":["property-filter/token-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAEL,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAyKxF,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,GACjB,EAAE,gBAAgB,eAuGlB"}
1
+ {"version":3,"file":"token-editor.d.ts","sourceRoot":"lib/default/","sources":["property-filter/token-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAEL,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,eAAe,EACf,KAAK,EACN,MAAM,cAAc,CAAC;AAUtB,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAyKxF,UAAU,gBAAgB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,CAAC,QAAQ,EAAE,KAAK,KAAK,IAAI,CAAC;IACpC,KAAK,EAAE,KAAK,CAAC;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,GACjB,EAAE,gBAAgB,eA6GlB"}
@@ -106,8 +106,8 @@ export function TokenEditor({ asyncProperties, asyncProps, customGroupsText, dis
106
106
  React.createElement(InternalFormField, { label: i18nStrings.valueText, className: styles['token-editor-field-value'] },
107
107
  React.createElement(ValueInput, { propertyKey: propertyKey, operator: operator, value: value, onChangeValue: onChangeValue, asyncProps: asyncProps, filteringProperties: filteringProperties, filteringOptions: filteringOptions, onLoadItems: onLoadItems, i18nStrings: i18nStrings }))),
108
108
  React.createElement("div", { className: styles['token-editor-actions'] },
109
- React.createElement(InternalButton, { variant: "link", className: styles['token-editor-cancel'], onClick: closePopover }, i18nStrings.cancelActionText),
110
- React.createElement(InternalButton, { className: styles['token-editor-submit'], onClick: () => {
109
+ React.createElement(InternalButton, { formAction: "none", variant: "link", className: styles['token-editor-cancel'], onClick: closePopover }, i18nStrings.cancelActionText),
110
+ React.createElement(InternalButton, { className: styles['token-editor-submit'], formAction: "none", onClick: () => {
111
111
  setToken(matchTokenValue(temporaryToken, filteringOptions));
112
112
  closePopover();
113
113
  } }, i18nStrings.applyActionText))) }, triggerComponent));
@@ -1 +1 @@
1
- {"version":3,"file":"token-editor.js","sourceRoot":"lib/default/","sources":["property-filter/token-editor.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGhD,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,eAAuC,MAAM,qBAAqB,CAAC;AAU1E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EACL,gCAAgC,EAChC,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AAGtB,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,iBAAiB,GAAyB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;AAa5D,SAAS,aAAa,CAAC,EACrB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,wBAAwB,GACL;IACnB,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5G,MAAM,sBAAsB,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;IACzD,MAAM,wBAAwB,GAAG,UAAU,CAAC,CAAC,iCAAM,UAAU,GAAK,sBAAsB,EAAG,CAAC,CAAC,EAAE,CAAC;IAChG,MAAM,eAAe,GAAqD,sBAAsB,CAC9F,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;QACnC,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,aAAa;QACpB,iBAAiB,EAAE,IAAI;KACxB,CAAC,CACH,CAAC;IAEF,oEAAoE;IACpE,MAAM,yBAAyB,GAAG,gCAAgC,CAAC,mBAAmB,CAAC,CAAC;IACxF,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QACpC,IAAI,SAAS,IAAI,WAAW,EAAE;YAC5B,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACnC,IAAI,WAAW,IAAI,MAAM,CAAC,KAAK,EAAE;oBAC/B,MAAM,CAAC,QAAQ,GAAG,CAAC,yBAAyB,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;iBACzE;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,mBAAmB,GAAG;QAC1B,KAAK,EAAE,WAAW,CAAC,kBAAkB;QACrC,KAAK,EAAE,SAAS;KACjB,CAAC;IACF,IAAI,CAAC,wBAAwB,EAAE;QAC7B,eAAe,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;KAC9C;IACD,OAAO,CACL,oBAAC,cAAc,kBACb,OAAO,EAAE,eAAe,EACxB,cAAc,EACZ,QAAQ;YACN,CAAC,CAAC;gBACE,KAAK,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,SAAS;gBAC/B,KAAK,EAAE,QAAQ,CAAC,aAAa;aAC9B;YACH,CAAC,CAAC,mBAAmB,EAEzB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAAK,CAAC,IAC7D,wBAAwB,EAC5B,CACH,CAAC;AACJ,CAAC;AAUD,SAAS,aAAa,CAAC,EACrB,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,GACQ;IACnB,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5G,MAAM,iBAAiB,GAAyB,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACtG,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,WAAW,EAAE,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC;KAC1D,CAAC,CAAC,CAAC;IACJ,OAAO,CACL,oBAAC,cAAc,IACb,OAAO,EAAE,eAAe,EACxB,cAAc,EAAC,QAAQ,EACvB,cAAc,EACZ,QAAQ;YACN,CAAC,CAAC;gBACE,KAAK,EAAE,QAAQ;gBACf,KAAK,EAAE,QAAQ;gBACf,WAAW,EAAE,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC;aAC1D;YACH,CAAC,CAAC,IAAI,EAEV,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,KAA2B,CAAC,GACpF,CACH,CAAC;AACJ,CAAC;AAcD,SAAS,UAAU,CAAC,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,WAAW,EACX,WAAW,GACK;;IAChB,MAAM,QAAQ,GAAG,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC5G,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC,kBAAkB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;QAC9F,CAAC,CAAC,EAAE,CAAC;IACP,MAAM,wBAAwB,GAAG,YAAY,CAAC,WAAW,EAAE,EAAE,EAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,CAAC,CAAC;IAC3F,MAAM,0BAA0B,GAAG,WAAW;QAC5C,CAAC,iCAAM,wBAAwB,GAAK,UAAU,EAC9C,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAChC,MAAM,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAE9E,MAAM,YAAY,GAAG,WAAW,IAAI,QAAQ,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA,CAAC;IAEzF,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC5E,CAAC,CAAC,CAAC,CACF,oBAAC,mBAAmB,kBAClB,gBAAgB,EAAE,MAAA,WAAW,CAAC,gBAAgB,mCAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAClE,KAAK,EAAE,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,mCAAI,KAAK,mCAAI,EAAE,EAC1C,cAAc,EAAE,WAAW,CAAC,cAAc,EAC1C,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,QAAQ,EAAE,CAAC,QAAQ,EACnB,OAAO,EAAE,YAAY,IACjB,0BAA0B,IAC9B,aAAa,EAAE,IAAI,IACnB,CACH,CAAC;AACJ,CAAC;AAkBD,MAAM,UAAU,WAAW,CAAC,EAC1B,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,KAAK,EACL,gBAAgB,GACC;IACjB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAQ,KAAK,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,UAAU,CAAC,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,cAAc,EAAE,CAAC;IAC5D,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC;IAC/C,MAAM,mBAAmB,GAAG,CAAC,cAAkC,EAAE,EAAE;QACjE,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,MAAM,CAClD,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,WAAW,KAAK,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAC7E,SAAS,CACV,CAAC;QACF,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;QACxG,MAAM,QAAQ,GACZ,cAAc,CAAC,QAAQ,IAAI,gBAAgB,CAAC,OAAO,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACjF,CAAC,CAAC,cAAc,CAAC,QAAQ;YACzB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAC1B,iBAAiB,iCAAM,cAAc,KAAE,WAAW,EAAE,cAAc,EAAE,QAAQ,IAAG,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,cAAc,CAAC,QAAQ,CAAC;IACzC,MAAM,gBAAgB,GAAG,CAAC,WAA+B,EAAE,EAAE;QAC3D,iBAAiB,iCAAM,cAAc,KAAE,QAAQ,EAAE,WAAW,IAAG,CAAC;IAClE,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;IACnC,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAE,EAAE;QACzC,iBAAiB,iCAAM,cAAc,KAAE,KAAK,EAAE,QAAQ,IAAG,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,EAChC,WAAW,EAAC,MAAM,EAClB,MAAM,EAAE,WAAW,CAAC,eAAe,EACnC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,OAAO,EAChB,gBAAgB,EAAE,WAAW,CAAC,gBAAgB,EAC9C,QAAQ,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACxC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EACL,6BAAK,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC;YACpC,6BAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC;gBACzC,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC;oBAClG,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAC/C,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,wBAAwB,EAAE,wBAAwB,GAClD,CACgB;gBAEpB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC;oBAClG,oBAAC,aAAa,IACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,GACxB,CACgB;gBAEpB,oBAAC,iBAAiB,IAAC,KAAK,EAAE,WAAW,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,0BAA0B,CAAC;oBAC5F,oBAAC,UAAU,IACT,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,GACxB,CACgB,CAChB;YAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;gBAC5C,oBAAC,cAAc,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,YAAY,IAC3F,WAAW,CAAC,gBAAgB,CACd;gBACjB,oBAAC,cAAc,IACb,SAAS,EAAE,MAAM,CAAC,qBAAqB,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,eAAe,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;wBAC5D,YAAY,EAAE,CAAC;oBACjB,CAAC,IAEA,WAAW,CAAC,eAAe,CACb,CACb,CACF,IAGP,gBAAgB,CACD,CACnB,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useRef } from 'react';\n\nimport { SelectProps } from '../select/interfaces';\nimport InternalSelect from '../select/internal';\nimport InternalAutosuggest from '../autosuggest/internal';\nimport InternalPopover, { InternalPopoverRef } from '../popover/internal';\nimport {\n ComparisonOperator,\n GroupText,\n I18nStrings,\n InternalFilteringOption,\n InternalFilteringProperty,\n LoadItemsDetail,\n Token,\n} from './interfaces';\nimport styles from './styles.css.js';\nimport { useLoadItems } from './use-load-items';\nimport {\n createPropertiesCompatibilityMap,\n getAllowedOperators,\n getPropertyOptions,\n operatorToDescription,\n getPropertySuggestions,\n} from './controller';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport InternalButton from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { getPropertyByKey, matchTokenValue } from './utils';\n\nconst freeTextOperators: ComparisonOperator[] = [':', '!:'];\n\ninterface PropertyInputProps {\n asyncProps: null | DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n disableFreeTextFiltering?: boolean;\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangePropertyKey: (propertyKey: undefined | string) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n propertyKey: undefined | string;\n}\n\nfunction PropertyInput({\n propertyKey,\n onChangePropertyKey,\n asyncProps,\n filteringProperties,\n onLoadItems,\n customGroupsText,\n i18nStrings,\n disableFreeTextFiltering,\n}: PropertyInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const propertySelectHandlers = useLoadItems(onLoadItems);\n const asyncPropertySelectProps = asyncProps ? { ...asyncProps, ...propertySelectHandlers } : {};\n const propertyOptions: (SelectProps.Option | SelectProps.OptionGroup)[] = getPropertySuggestions(\n filteringProperties,\n customGroupsText,\n i18nStrings,\n ({ propertyKey, propertyLabel }) => ({\n value: propertyKey,\n label: propertyLabel,\n dontCloseOnSelect: true,\n })\n );\n\n // Disallow selecting properties that have different representation.\n const checkPropertiesCompatible = createPropertiesCompatibilityMap(filteringProperties);\n propertyOptions.forEach(optionGroup => {\n if ('options' in optionGroup) {\n optionGroup.options.forEach(option => {\n if (propertyKey && option.value) {\n option.disabled = !checkPropertiesCompatible(option.value, propertyKey);\n }\n });\n }\n });\n\n const allPropertiesOption = {\n label: i18nStrings.allPropertiesLabel,\n value: undefined,\n };\n if (!disableFreeTextFiltering) {\n propertyOptions.unshift(allPropertiesOption);\n }\n return (\n <InternalSelect\n options={propertyOptions}\n selectedOption={\n property\n ? {\n value: propertyKey ?? undefined,\n label: property.propertyLabel,\n }\n : allPropertiesOption\n }\n onChange={e => onChangePropertyKey(e.detail.selectedOption.value)}\n {...asyncPropertySelectProps}\n />\n );\n}\n\ninterface OperatorInputProps {\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangeOperator: (operator: ComparisonOperator) => void;\n operator: undefined | ComparisonOperator;\n propertyKey: undefined | string;\n}\n\nfunction OperatorInput({\n propertyKey,\n operator,\n onChangeOperator,\n filteringProperties,\n i18nStrings,\n}: OperatorInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const freeTextOperators: ComparisonOperator[] = [':', '!:'];\n const operatorOptions = (property ? getAllowedOperators(property) : freeTextOperators).map(operator => ({\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }));\n return (\n <InternalSelect\n options={operatorOptions}\n triggerVariant=\"option\"\n selectedOption={\n operator\n ? {\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }\n : null\n }\n onChange={e => onChangeOperator(e.detail.selectedOption.value as ComparisonOperator)}\n />\n );\n}\n\ninterface ValueInputProps {\n asyncProps: DropdownStatusProps;\n filteringOptions: readonly InternalFilteringOption[];\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangeValue: (value: string) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n operator: undefined | ComparisonOperator;\n propertyKey: undefined | string;\n value: undefined | string;\n}\n\nfunction ValueInput({\n propertyKey,\n operator,\n value,\n onChangeValue,\n asyncProps,\n filteringProperties,\n filteringOptions,\n onLoadItems,\n i18nStrings,\n}: ValueInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const valueOptions = property\n ? getPropertyOptions(property, filteringOptions).map(({ label, value }) => ({ label, value }))\n : [];\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty);\n const asyncValueAutosuggestProps = propertyKey\n ? { ...valueAutosuggestHandlers, ...asyncProps }\n : { empty: asyncProps.empty };\n const [matchedOption] = valueOptions.filter(option => option.value === value);\n\n const OperatorForm = propertyKey && operator && property?.getValueFormRenderer(operator);\n\n return OperatorForm ? (\n <OperatorForm value={value} onChange={onChangeValue} operator={operator} />\n ) : (\n <InternalAutosuggest\n enteredTextLabel={i18nStrings.enteredTextLabel ?? (value => value)}\n value={matchedOption?.label ?? value ?? ''}\n clearAriaLabel={i18nStrings.clearAriaLabel}\n onChange={e => onChangeValue(e.detail.value)}\n disabled={!operator}\n options={valueOptions}\n {...asyncValueAutosuggestProps}\n virtualScroll={true}\n />\n );\n}\n\ninterface TokenEditorProps {\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n disabled?: boolean;\n disableFreeTextFiltering?: boolean;\n expandToViewport?: boolean;\n filteringOptions: readonly InternalFilteringOption[];\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n setToken: (newToken: Token) => void;\n token: Token;\n triggerComponent?: React.ReactNode;\n}\n\nexport function TokenEditor({\n asyncProperties,\n asyncProps,\n customGroupsText,\n disableFreeTextFiltering,\n expandToViewport,\n filteringOptions,\n filteringProperties,\n i18nStrings,\n onLoadItems,\n setToken,\n token,\n triggerComponent,\n}: TokenEditorProps) {\n const [temporaryToken, setTemporaryToken] = useState<Token>(token);\n const popoverRef = useRef<InternalPopoverRef>(null);\n const closePopover = () => {\n popoverRef.current && popoverRef.current.dismissPopover();\n };\n\n const propertyKey = temporaryToken.propertyKey;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextOperators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n setTemporaryToken({ ...temporaryToken, propertyKey: newPropertyKey, operator });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n setTemporaryToken({ ...temporaryToken, operator: newOperator });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: string) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return (\n <InternalPopover\n ref={popoverRef}\n className={styles['token-label']}\n triggerType=\"text\"\n header={i18nStrings.editTokenHeader}\n size=\"large\"\n position=\"right\"\n dismissAriaLabel={i18nStrings.dismissAriaLabel}\n __onOpen={() => setTemporaryToken(token)}\n renderWithPortal={expandToViewport}\n content={\n <div className={styles['token-editor']}>\n <div className={styles['token-editor-form']}>\n <InternalFormField label={i18nStrings.propertyText} className={styles['token-editor-field-property']}>\n <PropertyInput\n propertyKey={propertyKey}\n onChangePropertyKey={onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n disableFreeTextFiltering={disableFreeTextFiltering}\n />\n </InternalFormField>\n\n <InternalFormField label={i18nStrings.operatorText} className={styles['token-editor-field-operator']}>\n <OperatorInput\n propertyKey={propertyKey}\n operator={operator}\n onChangeOperator={onChangeOperator}\n filteringProperties={filteringProperties}\n i18nStrings={i18nStrings}\n />\n </InternalFormField>\n\n <InternalFormField label={i18nStrings.valueText} className={styles['token-editor-field-value']}>\n <ValueInput\n propertyKey={propertyKey}\n operator={operator}\n value={value}\n onChangeValue={onChangeValue}\n asyncProps={asyncProps}\n filteringProperties={filteringProperties}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n </InternalFormField>\n </div>\n\n <div className={styles['token-editor-actions']}>\n <InternalButton variant=\"link\" className={styles['token-editor-cancel']} onClick={closePopover}>\n {i18nStrings.cancelActionText}\n </InternalButton>\n <InternalButton\n className={styles['token-editor-submit']}\n onClick={() => {\n setToken(matchTokenValue(temporaryToken, filteringOptions));\n closePopover();\n }}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </div>\n </div>\n }\n >\n {triggerComponent}\n </InternalPopover>\n );\n}\n"]}
1
+ {"version":3,"file":"token-editor.js","sourceRoot":"lib/default/","sources":["property-filter/token-editor.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useState, useRef } from 'react';\n\nimport { SelectProps } from '../select/interfaces';\nimport InternalSelect from '../select/internal';\nimport InternalAutosuggest from '../autosuggest/internal';\nimport InternalPopover, { InternalPopoverRef } from '../popover/internal';\nimport {\n ComparisonOperator,\n GroupText,\n I18nStrings,\n InternalFilteringOption,\n InternalFilteringProperty,\n LoadItemsDetail,\n Token,\n} from './interfaces';\nimport styles from './styles.css.js';\nimport { useLoadItems } from './use-load-items';\nimport {\n createPropertiesCompatibilityMap,\n getAllowedOperators,\n getPropertyOptions,\n operatorToDescription,\n getPropertySuggestions,\n} from './controller';\nimport { NonCancelableEventHandler } from '../internal/events';\nimport { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces';\nimport InternalButton from '../button/internal';\nimport InternalFormField from '../form-field/internal';\nimport { getPropertyByKey, matchTokenValue } from './utils';\n\nconst freeTextOperators: ComparisonOperator[] = [':', '!:'];\n\ninterface PropertyInputProps {\n asyncProps: null | DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n disableFreeTextFiltering?: boolean;\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangePropertyKey: (propertyKey: undefined | string) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n propertyKey: undefined | string;\n}\n\nfunction PropertyInput({\n propertyKey,\n onChangePropertyKey,\n asyncProps,\n filteringProperties,\n onLoadItems,\n customGroupsText,\n i18nStrings,\n disableFreeTextFiltering,\n}: PropertyInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const propertySelectHandlers = useLoadItems(onLoadItems);\n const asyncPropertySelectProps = asyncProps ? { ...asyncProps, ...propertySelectHandlers } : {};\n const propertyOptions: (SelectProps.Option | SelectProps.OptionGroup)[] = getPropertySuggestions(\n filteringProperties,\n customGroupsText,\n i18nStrings,\n ({ propertyKey, propertyLabel }) => ({\n value: propertyKey,\n label: propertyLabel,\n dontCloseOnSelect: true,\n })\n );\n\n // Disallow selecting properties that have different representation.\n const checkPropertiesCompatible = createPropertiesCompatibilityMap(filteringProperties);\n propertyOptions.forEach(optionGroup => {\n if ('options' in optionGroup) {\n optionGroup.options.forEach(option => {\n if (propertyKey && option.value) {\n option.disabled = !checkPropertiesCompatible(option.value, propertyKey);\n }\n });\n }\n });\n\n const allPropertiesOption = {\n label: i18nStrings.allPropertiesLabel,\n value: undefined,\n };\n if (!disableFreeTextFiltering) {\n propertyOptions.unshift(allPropertiesOption);\n }\n return (\n <InternalSelect\n options={propertyOptions}\n selectedOption={\n property\n ? {\n value: propertyKey ?? undefined,\n label: property.propertyLabel,\n }\n : allPropertiesOption\n }\n onChange={e => onChangePropertyKey(e.detail.selectedOption.value)}\n {...asyncPropertySelectProps}\n />\n );\n}\n\ninterface OperatorInputProps {\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangeOperator: (operator: ComparisonOperator) => void;\n operator: undefined | ComparisonOperator;\n propertyKey: undefined | string;\n}\n\nfunction OperatorInput({\n propertyKey,\n operator,\n onChangeOperator,\n filteringProperties,\n i18nStrings,\n}: OperatorInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const freeTextOperators: ComparisonOperator[] = [':', '!:'];\n const operatorOptions = (property ? getAllowedOperators(property) : freeTextOperators).map(operator => ({\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }));\n return (\n <InternalSelect\n options={operatorOptions}\n triggerVariant=\"option\"\n selectedOption={\n operator\n ? {\n value: operator,\n label: operator,\n description: operatorToDescription(operator, i18nStrings),\n }\n : null\n }\n onChange={e => onChangeOperator(e.detail.selectedOption.value as ComparisonOperator)}\n />\n );\n}\n\ninterface ValueInputProps {\n asyncProps: DropdownStatusProps;\n filteringOptions: readonly InternalFilteringOption[];\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onChangeValue: (value: string) => void;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n operator: undefined | ComparisonOperator;\n propertyKey: undefined | string;\n value: undefined | string;\n}\n\nfunction ValueInput({\n propertyKey,\n operator,\n value,\n onChangeValue,\n asyncProps,\n filteringProperties,\n filteringOptions,\n onLoadItems,\n i18nStrings,\n}: ValueInputProps) {\n const property = propertyKey !== undefined ? getPropertyByKey(filteringProperties, propertyKey) : undefined;\n const valueOptions = property\n ? getPropertyOptions(property, filteringOptions).map(({ label, value }) => ({ label, value }))\n : [];\n const valueAutosuggestHandlers = useLoadItems(onLoadItems, '', property?.externalProperty);\n const asyncValueAutosuggestProps = propertyKey\n ? { ...valueAutosuggestHandlers, ...asyncProps }\n : { empty: asyncProps.empty };\n const [matchedOption] = valueOptions.filter(option => option.value === value);\n\n const OperatorForm = propertyKey && operator && property?.getValueFormRenderer(operator);\n\n return OperatorForm ? (\n <OperatorForm value={value} onChange={onChangeValue} operator={operator} />\n ) : (\n <InternalAutosuggest\n enteredTextLabel={i18nStrings.enteredTextLabel ?? (value => value)}\n value={matchedOption?.label ?? value ?? ''}\n clearAriaLabel={i18nStrings.clearAriaLabel}\n onChange={e => onChangeValue(e.detail.value)}\n disabled={!operator}\n options={valueOptions}\n {...asyncValueAutosuggestProps}\n virtualScroll={true}\n />\n );\n}\n\ninterface TokenEditorProps {\n asyncProperties?: boolean;\n asyncProps: DropdownStatusProps;\n customGroupsText: readonly GroupText[];\n disabled?: boolean;\n disableFreeTextFiltering?: boolean;\n expandToViewport?: boolean;\n filteringOptions: readonly InternalFilteringOption[];\n filteringProperties: readonly InternalFilteringProperty[];\n i18nStrings: I18nStrings;\n onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;\n setToken: (newToken: Token) => void;\n token: Token;\n triggerComponent?: React.ReactNode;\n}\n\nexport function TokenEditor({\n asyncProperties,\n asyncProps,\n customGroupsText,\n disableFreeTextFiltering,\n expandToViewport,\n filteringOptions,\n filteringProperties,\n i18nStrings,\n onLoadItems,\n setToken,\n token,\n triggerComponent,\n}: TokenEditorProps) {\n const [temporaryToken, setTemporaryToken] = useState<Token>(token);\n const popoverRef = useRef<InternalPopoverRef>(null);\n const closePopover = () => {\n popoverRef.current && popoverRef.current.dismissPopover();\n };\n\n const propertyKey = temporaryToken.propertyKey;\n const onChangePropertyKey = (newPropertyKey: undefined | string) => {\n const filteringProperty = filteringProperties.reduce<InternalFilteringProperty | undefined>(\n (acc, property) => (property.propertyKey === newPropertyKey ? property : acc),\n undefined\n );\n const allowedOperators = filteringProperty ? getAllowedOperators(filteringProperty) : freeTextOperators;\n const operator =\n temporaryToken.operator && allowedOperators.indexOf(temporaryToken.operator) !== -1\n ? temporaryToken.operator\n : allowedOperators[0];\n setTemporaryToken({ ...temporaryToken, propertyKey: newPropertyKey, operator });\n };\n\n const operator = temporaryToken.operator;\n const onChangeOperator = (newOperator: ComparisonOperator) => {\n setTemporaryToken({ ...temporaryToken, operator: newOperator });\n };\n\n const value = temporaryToken.value;\n const onChangeValue = (newValue: string) => {\n setTemporaryToken({ ...temporaryToken, value: newValue });\n };\n\n return (\n <InternalPopover\n ref={popoverRef}\n className={styles['token-label']}\n triggerType=\"text\"\n header={i18nStrings.editTokenHeader}\n size=\"large\"\n position=\"right\"\n dismissAriaLabel={i18nStrings.dismissAriaLabel}\n __onOpen={() => setTemporaryToken(token)}\n renderWithPortal={expandToViewport}\n content={\n <div className={styles['token-editor']}>\n <div className={styles['token-editor-form']}>\n <InternalFormField label={i18nStrings.propertyText} className={styles['token-editor-field-property']}>\n <PropertyInput\n propertyKey={propertyKey}\n onChangePropertyKey={onChangePropertyKey}\n asyncProps={asyncProperties ? asyncProps : null}\n filteringProperties={filteringProperties}\n onLoadItems={onLoadItems}\n customGroupsText={customGroupsText}\n i18nStrings={i18nStrings}\n disableFreeTextFiltering={disableFreeTextFiltering}\n />\n </InternalFormField>\n\n <InternalFormField label={i18nStrings.operatorText} className={styles['token-editor-field-operator']}>\n <OperatorInput\n propertyKey={propertyKey}\n operator={operator}\n onChangeOperator={onChangeOperator}\n filteringProperties={filteringProperties}\n i18nStrings={i18nStrings}\n />\n </InternalFormField>\n\n <InternalFormField label={i18nStrings.valueText} className={styles['token-editor-field-value']}>\n <ValueInput\n propertyKey={propertyKey}\n operator={operator}\n value={value}\n onChangeValue={onChangeValue}\n asyncProps={asyncProps}\n filteringProperties={filteringProperties}\n filteringOptions={filteringOptions}\n onLoadItems={onLoadItems}\n i18nStrings={i18nStrings}\n />\n </InternalFormField>\n </div>\n\n <div className={styles['token-editor-actions']}>\n <InternalButton\n formAction=\"none\"\n variant=\"link\"\n className={styles['token-editor-cancel']}\n onClick={closePopover}\n >\n {i18nStrings.cancelActionText}\n </InternalButton>\n <InternalButton\n className={styles['token-editor-submit']}\n formAction=\"none\"\n onClick={() => {\n setToken(matchTokenValue(temporaryToken, filteringOptions));\n closePopover();\n }}\n >\n {i18nStrings.applyActionText}\n </InternalButton>\n </div>\n </div>\n }\n >\n {triggerComponent}\n </InternalPopover>\n );\n}\n"]}
@@ -1,14 +1,14 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1mabk_139mc_93",
5
- "radio": "awsui_radio_1mabk_139mc_107",
6
- "radio--has-description": "awsui_radio--has-description_1mabk_139mc_115",
7
- "radio-control": "awsui_radio-control_1mabk_139mc_119",
8
- "outline": "awsui_outline_1mabk_139mc_127",
9
- "styled-circle-border": "awsui_styled-circle-border_1mabk_139mc_146",
10
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_139mc_150",
11
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_139mc_155",
12
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_139mc_161"
4
+ "root": "awsui_root_1mabk_qp4q0_93",
5
+ "radio": "awsui_radio_1mabk_qp4q0_107",
6
+ "radio--has-description": "awsui_radio--has-description_1mabk_qp4q0_115",
7
+ "radio-control": "awsui_radio-control_1mabk_qp4q0_119",
8
+ "outline": "awsui_outline_1mabk_qp4q0_127",
9
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_qp4q0_146",
10
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qp4q0_150",
11
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qp4q0_155",
12
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qp4q0_161"
13
13
  };
14
14
 
@@ -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_1mabk_139mc_93:not(#\9) {
93
+ .awsui_root_1mabk_qp4q0_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
121
121
  word-spacing: normal;
122
122
  box-sizing: border-box;
123
123
  font-size: var(--font-body-m-size-7dign1, 14px);
124
- line-height: var(--font-body-m-line-height-rfgrp9, 22px);
124
+ line-height: var(--font-body-m-line-height-ghizru, 20px);
125
125
  color: var(--color-text-body-default-su7kuo, #000716);
126
126
  font-weight: 400;
127
127
  font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
@@ -130,34 +130,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  display: block;
131
131
  }
132
132
 
133
- .awsui_radio_1mabk_139mc_107:not(#\9) {
133
+ .awsui_radio_1mabk_qp4q0_107:not(#\9) {
134
134
  /*used in test-utils*/
135
135
  }
136
136
 
137
- .awsui_radio_1mabk_139mc_107 + .awsui_radio_1mabk_139mc_107:not(#\9) {
137
+ .awsui_radio_1mabk_qp4q0_107 + .awsui_radio_1mabk_qp4q0_107:not(#\9) {
138
138
  margin-top: var(--space-scaled-xxs-t2t62i, 4px);
139
139
  }
140
140
 
141
- .awsui_radio--has-description_1mabk_139mc_115 + .awsui_radio_1mabk_139mc_107:not(#\9) {
141
+ .awsui_radio--has-description_1mabk_qp4q0_115 + .awsui_radio_1mabk_qp4q0_107:not(#\9) {
142
142
  margin-top: var(--space-scaled-xs-wbfgrv, 8px);
143
143
  }
144
144
 
145
- .awsui_radio-control_1mabk_139mc_119:not(#\9) {
146
- margin-top: calc((var(--font-body-m-line-height-rfgrp9, 22px) - var(--size-control-6bris3, 16px)) / 2);
145
+ .awsui_radio-control_1mabk_qp4q0_119:not(#\9) {
146
+ margin-top: calc((var(--font-body-m-line-height-ghizru, 20px) - var(--size-control-6bris3, 16px)) / 2);
147
147
  min-height: var(--size-control-6bris3, 16px);
148
148
  min-width: var(--size-control-6bris3, 16px);
149
149
  height: var(--size-control-6bris3, 16px);
150
150
  width: var(--size-control-6bris3, 16px);
151
151
  }
152
152
 
153
- .awsui_outline_1mabk_139mc_127:not(#\9) {
153
+ .awsui_outline_1mabk_qp4q0_127:not(#\9) {
154
154
  position: relative;
155
155
  }
156
- .awsui_outline_1mabk_139mc_127:not(#\9) {
156
+ .awsui_outline_1mabk_qp4q0_127:not(#\9) {
157
157
  outline: 2px dotted transparent;
158
158
  outline-offset: calc(2px - 1px);
159
159
  }
160
- .awsui_outline_1mabk_139mc_127:not(#\9)::before {
160
+ .awsui_outline_1mabk_qp4q0_127:not(#\9)::before {
161
161
  content: " ";
162
162
  display: block;
163
163
  position: absolute;
@@ -169,35 +169,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
169
169
  box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
170
170
  }
171
171
 
172
- .awsui_styled-circle-border_1mabk_139mc_146:not(#\9) {
172
+ .awsui_styled-circle-border_1mabk_qp4q0_146:not(#\9) {
173
173
  stroke: var(--color-border-control-default-v28icv, #7d8998);
174
174
  fill: var(--color-background-control-default-19p6ht, #ffffff);
175
175
  }
176
- .awsui_styled-circle-border_1mabk_139mc_146.awsui_styled-circle-disabled_1mabk_139mc_150:not(#\9) {
176
+ .awsui_styled-circle-border_1mabk_qp4q0_146.awsui_styled-circle-disabled_1mabk_qp4q0_150:not(#\9) {
177
177
  fill: var(--color-background-control-disabled-u2n10f, #d1d5db);
178
178
  stroke: var(--color-background-control-disabled-u2n10f, #d1d5db);
179
179
  }
180
180
 
181
- .awsui_styled-circle-fill_1mabk_139mc_155:not(#\9) {
181
+ .awsui_styled-circle-fill_1mabk_qp4q0_155:not(#\9) {
182
182
  stroke: var(--color-background-control-checked-k2dd8u, #0972d3);
183
183
  fill: var(--color-foreground-control-default-rsunm6, #ffffff);
184
184
  opacity: 0;
185
185
  transition: opacity var(--motion-duration-transition-quick-0viajb, 90ms) var(--motion-easing-transition-quick-191occ, linear);
186
186
  }
187
- .awsui_styled-circle-fill_1mabk_139mc_155.awsui_styled-circle-checked_1mabk_139mc_161:not(#\9) {
187
+ .awsui_styled-circle-fill_1mabk_qp4q0_155.awsui_styled-circle-checked_1mabk_qp4q0_161:not(#\9) {
188
188
  opacity: 1;
189
189
  }
190
- .awsui_styled-circle-fill_1mabk_139mc_155.awsui_styled-circle-disabled_1mabk_139mc_150:not(#\9) {
190
+ .awsui_styled-circle-fill_1mabk_qp4q0_155.awsui_styled-circle-disabled_1mabk_qp4q0_150:not(#\9) {
191
191
  fill: var(--color-foreground-control-disabled-f2499o, #ffffff);
192
192
  stroke: var(--color-background-control-disabled-u2n10f, #d1d5db);
193
193
  }
194
194
  @media (prefers-reduced-motion: reduce) {
195
- .awsui_styled-circle-fill_1mabk_139mc_155:not(#\9) {
195
+ .awsui_styled-circle-fill_1mabk_qp4q0_155:not(#\9) {
196
196
  animation: none;
197
197
  transition: none;
198
198
  }
199
199
  }
200
- .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_139mc_155:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_139mc_155:not(#\9) {
200
+ .awsui-motion-disabled .awsui_styled-circle-fill_1mabk_qp4q0_155:not(#\9), .awsui-mode-entering .awsui_styled-circle-fill_1mabk_qp4q0_155:not(#\9) {
201
201
  animation: none;
202
202
  transition: none;
203
203
  }
@@ -2,14 +2,14 @@
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_1mabk_139mc_93",
6
- "radio": "awsui_radio_1mabk_139mc_107",
7
- "radio--has-description": "awsui_radio--has-description_1mabk_139mc_115",
8
- "radio-control": "awsui_radio-control_1mabk_139mc_119",
9
- "outline": "awsui_outline_1mabk_139mc_127",
10
- "styled-circle-border": "awsui_styled-circle-border_1mabk_139mc_146",
11
- "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_139mc_150",
12
- "styled-circle-fill": "awsui_styled-circle-fill_1mabk_139mc_155",
13
- "styled-circle-checked": "awsui_styled-circle-checked_1mabk_139mc_161"
5
+ "root": "awsui_root_1mabk_qp4q0_93",
6
+ "radio": "awsui_radio_1mabk_qp4q0_107",
7
+ "radio--has-description": "awsui_radio--has-description_1mabk_qp4q0_115",
8
+ "radio-control": "awsui_radio-control_1mabk_qp4q0_119",
9
+ "outline": "awsui_outline_1mabk_qp4q0_127",
10
+ "styled-circle-border": "awsui_styled-circle-border_1mabk_qp4q0_146",
11
+ "styled-circle-disabled": "awsui_styled-circle-disabled_1mabk_qp4q0_150",
12
+ "styled-circle-fill": "awsui_styled-circle-fill_1mabk_qp4q0_155",
13
+ "styled-circle-checked": "awsui_styled-circle-checked_1mabk_qp4q0_161"
14
14
  };
15
15
 
@@ -1,12 +1,12 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1vtzr_1kwdg_9",
5
- "view-button": "awsui_view-button_1vtzr_1kwdg_13",
6
- "browse-button": "awsui_browse-button_1vtzr_1kwdg_17",
7
- "layout": "awsui_layout_1vtzr_1kwdg_21",
8
- "layout-uri": "awsui_layout-uri_1vtzr_1kwdg_31",
9
- "layout-version": "awsui_layout-version_1vtzr_1kwdg_35",
10
- "layout-divider": "awsui_layout-divider_1vtzr_1kwdg_40"
4
+ "root": "awsui_root_1vtzr_c1oh4_9",
5
+ "view-button": "awsui_view-button_1vtzr_c1oh4_13",
6
+ "browse-button": "awsui_browse-button_1vtzr_c1oh4_17",
7
+ "layout": "awsui_layout_1vtzr_c1oh4_21",
8
+ "layout-uri": "awsui_layout-uri_1vtzr_c1oh4_31",
9
+ "layout-version": "awsui_layout-version_1vtzr_c1oh4_35",
10
+ "layout-divider": "awsui_layout-divider_1vtzr_c1oh4_40"
11
11
  };
12
12
 
@@ -6,40 +6,40 @@
6
6
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
7
  SPDX-License-Identifier: Apache-2.0
8
8
  */
9
- .awsui_root_1vtzr_1kwdg_9:not(#\9) {
9
+ .awsui_root_1vtzr_c1oh4_9:not(#\9) {
10
10
  /* used in test-utils */
11
11
  }
12
12
 
13
- .awsui_view-button_1vtzr_1kwdg_13:not(#\9) {
13
+ .awsui_view-button_1vtzr_c1oh4_13:not(#\9) {
14
14
  /* used in test-utils */
15
15
  }
16
16
 
17
- .awsui_browse-button_1vtzr_1kwdg_17:not(#\9) {
17
+ .awsui_browse-button_1vtzr_c1oh4_17:not(#\9) {
18
18
  /* used in test-utils */
19
19
  }
20
20
 
21
- .awsui_layout_1vtzr_1kwdg_21:not(#\9) {
21
+ .awsui_layout_1vtzr_c1oh4_21:not(#\9) {
22
22
  display: flex;
23
23
  flex-wrap: wrap;
24
24
  align-items: flex-end;
25
25
  margin: calc(-1 * var(--space-xs-edba2s, 8px));
26
26
  /* stylelint-disable selector-max-universal */
27
27
  }
28
- .awsui_layout_1vtzr_1kwdg_21 > *:not(#\9) {
28
+ .awsui_layout_1vtzr_c1oh4_21 > *:not(#\9) {
29
29
  margin: var(--space-xs-edba2s, 8px);
30
30
  }
31
- .awsui_layout-uri_1vtzr_1kwdg_31:not(#\9) {
31
+ .awsui_layout-uri_1vtzr_c1oh4_31:not(#\9) {
32
32
  min-width: 200px;
33
33
  flex: 1;
34
34
  }
35
- .awsui_layout-version_1vtzr_1kwdg_35:not(#\9) {
35
+ .awsui_layout-version_1vtzr_c1oh4_35:not(#\9) {
36
36
  max-width: 180px;
37
37
  min-width: 140px;
38
38
  width: 20%;
39
39
  }
40
- .awsui_layout-divider_1vtzr_1kwdg_40:not(#\9) {
40
+ .awsui_layout-divider_1vtzr_c1oh4_40:not(#\9) {
41
41
  height: calc(
42
- 2 * var(--border-divider-section-width-orq175, 2px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + var(--font-body-m-line-height-rfgrp9, 22px)
42
+ 2 * var(--border-divider-section-width-orq175, 2px) + 2 * var(--space-scaled-xxs-t2t62i, 4px) + var(--font-body-m-line-height-ghizru, 20px)
43
43
  );
44
44
  border-left: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
45
45
  }
@@ -2,12 +2,12 @@
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_1vtzr_1kwdg_9",
6
- "view-button": "awsui_view-button_1vtzr_1kwdg_13",
7
- "browse-button": "awsui_browse-button_1vtzr_1kwdg_17",
8
- "layout": "awsui_layout_1vtzr_1kwdg_21",
9
- "layout-uri": "awsui_layout-uri_1vtzr_1kwdg_31",
10
- "layout-version": "awsui_layout-version_1vtzr_1kwdg_35",
11
- "layout-divider": "awsui_layout-divider_1vtzr_1kwdg_40"
5
+ "root": "awsui_root_1vtzr_c1oh4_9",
6
+ "view-button": "awsui_view-button_1vtzr_c1oh4_13",
7
+ "browse-button": "awsui_browse-button_1vtzr_c1oh4_17",
8
+ "layout": "awsui_layout_1vtzr_c1oh4_21",
9
+ "layout-uri": "awsui_layout-uri_1vtzr_c1oh4_31",
10
+ "layout-version": "awsui_layout-version_1vtzr_c1oh4_35",
11
+ "layout-divider": "awsui_layout-divider_1vtzr_c1oh4_40"
12
12
  };
13
13
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "segment": "awsui_segment_8cbea_cqyq1_97",
5
- "disabled": "awsui_disabled_8cbea_cqyq1_166",
6
- "selected": "awsui_selected_8cbea_cqyq1_174",
7
- "icon": "awsui_icon_8cbea_cqyq1_195",
8
- "with-text": "awsui_with-text_8cbea_cqyq1_199",
9
- "with-no-text": "awsui_with-no-text_8cbea_cqyq1_205",
10
- "root": "awsui_root_8cbea_cqyq1_216",
11
- "segment-part": "awsui_segment-part_8cbea_cqyq1_229",
12
- "select": "awsui_select_8cbea_cqyq1_174",
13
- "segment-count-2": "awsui_segment-count-2_8cbea_cqyq1_248",
14
- "segment-count-3": "awsui_segment-count-3_8cbea_cqyq1_253",
15
- "segment-count-4": "awsui_segment-count-4_8cbea_cqyq1_258",
16
- "segment-count-5": "awsui_segment-count-5_8cbea_cqyq1_263",
17
- "segment-count-6": "awsui_segment-count-6_8cbea_cqyq1_268"
4
+ "segment": "awsui_segment_8cbea_1axpb_97",
5
+ "disabled": "awsui_disabled_8cbea_1axpb_166",
6
+ "selected": "awsui_selected_8cbea_1axpb_174",
7
+ "icon": "awsui_icon_8cbea_1axpb_195",
8
+ "with-text": "awsui_with-text_8cbea_1axpb_199",
9
+ "with-no-text": "awsui_with-no-text_8cbea_1axpb_205",
10
+ "root": "awsui_root_8cbea_1axpb_216",
11
+ "segment-part": "awsui_segment-part_8cbea_1axpb_229",
12
+ "select": "awsui_select_8cbea_1axpb_174",
13
+ "segment-count-2": "awsui_segment-count-2_8cbea_1axpb_248",
14
+ "segment-count-3": "awsui_segment-count-3_8cbea_1axpb_253",
15
+ "segment-count-4": "awsui_segment-count-4_8cbea_1axpb_258",
16
+ "segment-count-5": "awsui_segment-count-5_8cbea_1axpb_263",
17
+ "segment-count-6": "awsui_segment-count-6_8cbea_1axpb_268"
18
18
  };
19
19