@cloudscape-design/components 3.0.638 → 3.0.640

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 (253) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +31 -31
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/implementation.d.ts +31 -0
  5. package/app-layout/implementation.d.ts.map +1 -1
  6. package/app-layout/implementation.js +2 -0
  7. package/app-layout/implementation.js.map +1 -1
  8. package/app-layout/interfaces.d.ts +7 -0
  9. package/app-layout/interfaces.d.ts.map +1 -1
  10. package/app-layout/interfaces.js.map +1 -1
  11. package/app-layout/internal.js +1 -1
  12. package/app-layout/internal.js.map +1 -1
  13. package/app-layout/notifications/styles.css.js +3 -3
  14. package/app-layout/notifications/styles.scoped.css +7 -7
  15. package/app-layout/notifications/styles.selectors.js +3 -3
  16. package/app-layout/skeleton/index.d.ts +1 -1
  17. package/app-layout/skeleton/index.d.ts.map +1 -1
  18. package/app-layout/skeleton/index.js +2 -2
  19. package/app-layout/skeleton/index.js.map +1 -1
  20. package/app-layout/skeleton/layout.d.ts +2 -2
  21. package/app-layout/skeleton/layout.d.ts.map +1 -1
  22. package/app-layout/skeleton/layout.js +5 -4
  23. package/app-layout/skeleton/layout.js.map +1 -1
  24. package/app-layout/skeleton/styles.css.js +11 -11
  25. package/app-layout/skeleton/styles.scoped.css +99 -38
  26. package/app-layout/skeleton/styles.selectors.js +11 -11
  27. package/app-layout/utils/use-app-layout-placement.js +1 -1
  28. package/app-layout/utils/use-app-layout-placement.js.map +1 -1
  29. package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  30. package/app-layout/utils/use-pointer-events.js +1 -1
  31. package/app-layout/utils/use-pointer-events.js.map +1 -1
  32. package/app-layout/visual-refresh/background.d.ts.map +1 -1
  33. package/app-layout/visual-refresh/background.js +3 -3
  34. package/app-layout/visual-refresh/background.js.map +1 -1
  35. package/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  36. package/app-layout/visual-refresh/breadcrumbs.js +4 -3
  37. package/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  38. package/app-layout/visual-refresh/context.js +1 -1
  39. package/app-layout/visual-refresh/context.js.map +1 -1
  40. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  41. package/app-layout/visual-refresh/drawers.js +5 -5
  42. package/app-layout/visual-refresh/drawers.js.map +1 -1
  43. package/app-layout/visual-refresh/header.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/header.js +4 -3
  45. package/app-layout/visual-refresh/header.js.map +1 -1
  46. package/app-layout/visual-refresh/layout.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/layout.js +2 -0
  48. package/app-layout/visual-refresh/layout.js.map +1 -1
  49. package/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  50. package/app-layout/visual-refresh/mobile-toolbar.js +4 -4
  51. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  52. package/app-layout/visual-refresh/navigation.d.ts.map +1 -1
  53. package/app-layout/visual-refresh/navigation.js +2 -2
  54. package/app-layout/visual-refresh/navigation.js.map +1 -1
  55. package/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  56. package/app-layout/visual-refresh/notifications.js +4 -3
  57. package/app-layout/visual-refresh/notifications.js.map +1 -1
  58. package/app-layout/visual-refresh/styles.css.js +83 -81
  59. package/app-layout/visual-refresh/styles.scoped.css +266 -258
  60. package/app-layout/visual-refresh/styles.selectors.js +83 -81
  61. package/app-layout/visual-refresh/tools.d.ts.map +1 -1
  62. package/app-layout/visual-refresh/tools.js +4 -4
  63. package/app-layout/visual-refresh/tools.js.map +1 -1
  64. package/app-layout/visual-refresh/trigger-button.d.ts +1 -0
  65. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  66. package/app-layout/visual-refresh/trigger-button.js +2 -3
  67. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  68. package/area-chart/internal.js +1 -1
  69. package/area-chart/internal.js.map +1 -1
  70. package/cards/index.d.ts.map +1 -1
  71. package/cards/index.js +4 -6
  72. package/cards/index.js.map +1 -1
  73. package/cards/styles.css.js +39 -40
  74. package/cards/styles.scoped.css +50 -50
  75. package/cards/styles.selectors.js +39 -40
  76. package/container/internal.d.ts +2 -2
  77. package/container/internal.d.ts.map +1 -1
  78. package/container/internal.js +5 -7
  79. package/container/internal.js.map +1 -1
  80. package/container/styles.css.js +28 -30
  81. package/container/styles.scoped.css +52 -65
  82. package/container/styles.selectors.js +28 -30
  83. package/container/use-sticky-header.js +2 -2
  84. package/container/use-sticky-header.js.map +1 -1
  85. package/content-layout/interfaces.d.ts +52 -0
  86. package/content-layout/interfaces.d.ts.map +1 -1
  87. package/content-layout/interfaces.js.map +1 -1
  88. package/content-layout/internal.d.ts +1 -1
  89. package/content-layout/internal.d.ts.map +1 -1
  90. package/content-layout/internal.js +37 -7
  91. package/content-layout/internal.js.map +1 -1
  92. package/content-layout/styles.css.js +14 -7
  93. package/content-layout/styles.scoped.css +57 -37
  94. package/content-layout/styles.selectors.js +14 -7
  95. package/content-layout/test-classes/styles.css.js +9 -0
  96. package/content-layout/test-classes/styles.scoped.css +19 -0
  97. package/content-layout/test-classes/styles.selectors.js +10 -0
  98. package/flashbar/styles.css.js +47 -47
  99. package/flashbar/styles.scoped.css +171 -171
  100. package/flashbar/styles.selectors.js +47 -47
  101. package/internal/components/cartesian-chart/inline-start-labels.js +1 -1
  102. package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
  103. package/internal/components/dropdown/dropdown-fit-handler.js +1 -1
  104. package/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  105. package/internal/components/dropdown/index.js +1 -1
  106. package/internal/components/dropdown/index.js.map +1 -1
  107. package/internal/components/dropdown/styles.css.js +20 -20
  108. package/internal/components/dropdown/styles.scoped.css +41 -41
  109. package/internal/components/dropdown/styles.selectors.js +20 -20
  110. package/internal/components/responsive-text/index.js +1 -1
  111. package/internal/components/responsive-text/index.js.map +1 -1
  112. package/internal/environment.js +1 -1
  113. package/internal/environment.json +1 -1
  114. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  115. package/internal/generated/custom-css-properties/index.js +56 -51
  116. package/internal/generated/custom-css-properties/index.js.map +1 -1
  117. package/internal/hooks/use-scroll-sync/index.d.ts +1 -1
  118. package/internal/hooks/use-scroll-sync/index.d.ts.map +1 -1
  119. package/internal/hooks/use-scroll-sync/index.js +2 -4
  120. package/internal/hooks/use-scroll-sync/index.js.map +1 -1
  121. package/internal/manifest.json +1 -1
  122. package/internal/utils/content-header-utils.d.ts +1 -0
  123. package/internal/utils/content-header-utils.d.ts.map +1 -1
  124. package/internal/utils/content-header-utils.js +2 -1
  125. package/internal/utils/content-header-utils.js.map +1 -1
  126. package/internal/utils/dom.d.ts +0 -5
  127. package/internal/utils/dom.d.ts.map +1 -1
  128. package/internal/utils/dom.js +0 -12
  129. package/internal/utils/dom.js.map +1 -1
  130. package/internal/utils/handle-key.js +1 -1
  131. package/internal/utils/handle-key.js.map +1 -1
  132. package/link/interfaces.d.ts +6 -1
  133. package/link/interfaces.d.ts.map +1 -1
  134. package/link/interfaces.js.map +1 -1
  135. package/link/internal.d.ts.map +1 -1
  136. package/link/internal.js +12 -2
  137. package/link/internal.js.map +1 -1
  138. package/mixed-line-bar-chart/chart-container.js +1 -1
  139. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  140. package/package.json +1 -1
  141. package/pie-chart/responsive-text.js +1 -1
  142. package/pie-chart/responsive-text.js.map +1 -1
  143. package/popover/use-popover-position.js +1 -1
  144. package/popover/use-popover-position.js.map +1 -1
  145. package/slider/styles.css.js +25 -25
  146. package/slider/styles.scoped.css +71 -71
  147. package/slider/styles.selectors.js +25 -25
  148. package/spinner/styles.css.js +13 -13
  149. package/spinner/styles.scoped.css +39 -39
  150. package/spinner/styles.selectors.js +13 -13
  151. package/split-panel/bottom.d.ts.map +1 -1
  152. package/split-panel/bottom.js +4 -2
  153. package/split-panel/bottom.js.map +1 -1
  154. package/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  155. package/split-panel/icons/bottom-icon-refresh.js +1 -2
  156. package/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  157. package/split-panel/icons/bottom-icon.js +1 -1
  158. package/split-panel/icons/bottom-icon.js.map +1 -1
  159. package/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  160. package/split-panel/icons/side-position-refresh.js +2 -3
  161. package/split-panel/icons/side-position-refresh.js.map +1 -1
  162. package/split-panel/icons/side-position.js +1 -1
  163. package/split-panel/icons/side-position.js.map +1 -1
  164. package/split-panel/icons/styles.css.js +27 -0
  165. package/split-panel/icons/styles.scoped.css +168 -0
  166. package/split-panel/icons/styles.selectors.js +28 -0
  167. package/split-panel/implementation.d.ts.map +1 -1
  168. package/split-panel/implementation.js +7 -6
  169. package/split-panel/implementation.js.map +1 -1
  170. package/split-panel/internal.js +1 -1
  171. package/split-panel/internal.js.map +1 -1
  172. package/split-panel/side.d.ts.map +1 -1
  173. package/split-panel/side.js +5 -3
  174. package/split-panel/side.js.map +1 -1
  175. package/split-panel/styles.css.js +31 -57
  176. package/split-panel/styles.scoped.css +51 -235
  177. package/split-panel/styles.selectors.js +31 -57
  178. package/split-panel/test-classes/styles.css.js +13 -0
  179. package/split-panel/test-classes/styles.scoped.css +14 -0
  180. package/split-panel/test-classes/styles.selectors.js +14 -0
  181. package/table/interfaces.d.ts +1 -0
  182. package/table/interfaces.d.ts.map +1 -1
  183. package/table/interfaces.js.map +1 -1
  184. package/table/internal.d.ts.map +1 -1
  185. package/table/internal.js +2 -8
  186. package/table/internal.js.map +1 -1
  187. package/table/no-data-cell.d.ts.map +1 -1
  188. package/table/no-data-cell.js +1 -2
  189. package/table/no-data-cell.js.map +1 -1
  190. package/table/progressive-loading/progressive-loading-utils.d.ts.map +1 -1
  191. package/table/progressive-loading/progressive-loading-utils.js +8 -3
  192. package/table/progressive-loading/progressive-loading-utils.js.map +1 -1
  193. package/table/resizer/index.js +1 -1
  194. package/table/resizer/index.js.map +1 -1
  195. package/table/resizer/resizer-lookup.js +1 -1
  196. package/table/resizer/resizer-lookup.js.map +1 -1
  197. package/table/sticky-columns/use-sticky-columns.js +1 -1
  198. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  199. package/table/sticky-columns/utils.js +1 -1
  200. package/table/sticky-columns/utils.js.map +1 -1
  201. package/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -1
  202. package/table/sticky-scrollbar/use-sticky-scrollbar.js +12 -14
  203. package/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -1
  204. package/table/sticky-scrolling.js +1 -1
  205. package/table/sticky-scrolling.js.map +1 -1
  206. package/table/styles.css.js +34 -35
  207. package/table/styles.scoped.css +39 -48
  208. package/table/styles.selectors.js +34 -35
  209. package/table/table-role/grid-navigation.js +13 -13
  210. package/table/table-role/grid-navigation.js.map +1 -1
  211. package/table/use-column-widths.js +1 -1
  212. package/table/use-column-widths.js.map +1 -1
  213. package/tabs/scroll-utils.js +1 -1
  214. package/tabs/scroll-utils.js.map +1 -1
  215. package/test-utils/dom/app-layout/index.js +1 -1
  216. package/test-utils/dom/app-layout/index.js.map +1 -1
  217. package/test-utils/dom/content-layout/index.d.ts +3 -0
  218. package/test-utils/dom/content-layout/index.js +11 -1
  219. package/test-utils/dom/content-layout/index.js.map +1 -1
  220. package/test-utils/dom/split-panel/index.js +3 -3
  221. package/test-utils/dom/split-panel/index.js.map +1 -1
  222. package/test-utils/selectors/app-layout/index.js +1 -1
  223. package/test-utils/selectors/app-layout/index.js.map +1 -1
  224. package/test-utils/selectors/content-layout/index.d.ts +3 -0
  225. package/test-utils/selectors/content-layout/index.js +11 -1
  226. package/test-utils/selectors/content-layout/index.js.map +1 -1
  227. package/test-utils/selectors/split-panel/index.js +3 -3
  228. package/test-utils/selectors/split-panel/index.js.map +1 -1
  229. package/test-utils/tsconfig.tsbuildinfo +1 -1
  230. package/wizard/internal.d.ts.map +1 -1
  231. package/wizard/internal.js +3 -5
  232. package/wizard/internal.js.map +1 -1
  233. package/wizard/styles.css.js +31 -32
  234. package/wizard/styles.scoped.css +59 -116
  235. package/wizard/styles.selectors.js +31 -32
  236. package/wizard/wizard-form-header.d.ts.map +1 -1
  237. package/wizard/wizard-form-header.js +2 -4
  238. package/wizard/wizard-form-header.js.map +1 -1
  239. package/wizard/wizard-navigation.d.ts.map +1 -1
  240. package/wizard/wizard-navigation.js +2 -3
  241. package/wizard/wizard-navigation.js.map +1 -1
  242. package/app-layout/widget.d.ts +0 -6
  243. package/app-layout/widget.d.ts.map +0 -1
  244. package/app-layout/widget.js +0 -16
  245. package/app-layout/widget.js.map +0 -1
  246. package/internal/direction.d.ts +0 -36
  247. package/internal/direction.d.ts.map +0 -1
  248. package/internal/direction.js +0 -66
  249. package/internal/direction.js.map +0 -1
  250. package/split-panel/widget.d.ts +0 -2
  251. package/split-panel/widget.d.ts.map +0 -1
  252. package/split-panel/widget.js +0 -4
  253. package/split-panel/widget.js.map +0 -1
@@ -96,10 +96,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
96
96
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
97
  SPDX-License-Identifier: Apache-2.0
98
98
  */
99
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
100
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1ifvh_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
99
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
100
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
101
101
  }
102
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1ifvh_1 {
102
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 {
103
103
  from {
104
104
  opacity: 0.4;
105
105
  }
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
108
108
  }
109
109
  }
110
110
  @media (prefers-reduced-motion: reduce) {
111
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
111
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
115
115
  }
116
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
116
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
117
117
  animation: none;
118
118
  transition: none;
119
119
  }
120
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99.awsui_refresh_qwoo0_1ifvh_120:not(#\9) {
120
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
121
121
  transform-origin: top;
122
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1ifvh_1;
122
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1;
123
123
  animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
124
124
  animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
125
125
  }
126
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_1ifvh_1 {
126
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1 {
127
127
  from {
128
128
  opacity: 0;
129
129
  }
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
132
132
  }
133
133
  }
134
134
  @media (prefers-reduced-motion: reduce) {
135
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99.awsui_refresh_qwoo0_1ifvh_120:not(#\9) {
135
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
136
136
  animation: none;
137
137
  transition: none;
138
138
  }
139
139
  }
140
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99.awsui_refresh_qwoo0_1ifvh_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99.awsui_refresh_qwoo0_1ifvh_120:not(#\9) {
140
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
141
141
  animation: none;
142
142
  transition: none;
143
143
  }
@@ -146,7 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
146
146
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
147
147
  SPDX-License-Identifier: Apache-2.0
148
148
  */
149
- .awsui_root_qwoo0_1ifvh_149:not(#\9) {
149
+ .awsui_root_qwoo0_ori7u_149:not(#\9) {
150
150
  border-collapse: separate;
151
151
  border-spacing: 0;
152
152
  box-sizing: border-box;
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
183
183
  position: relative;
184
184
  white-space: inherit;
185
185
  }
186
- .awsui_root_qwoo0_1ifvh_149.awsui_interior_qwoo0_1ifvh_185:not(#\9) {
186
+ .awsui_root_qwoo0_ori7u_149.awsui_interior_qwoo0_ori7u_185:not(#\9) {
187
187
  position: static;
188
188
  }
189
189
 
190
- .awsui_dropdown_qwoo0_1ifvh_99:not(#\9) {
190
+ .awsui_dropdown_qwoo0_ori7u_99:not(#\9) {
191
191
  position: absolute;
192
192
  display: none;
193
193
  z-index: 2000;
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
195
195
  user-select: none;
196
196
  transform-origin: top;
197
197
  }
198
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_use-portal_qwoo0_1ifvh_196:not(#\9) {
198
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_use-portal_qwoo0_ori7u_196:not(#\9) {
199
199
  z-index: 7000;
200
200
  }
201
- .awsui_dropdown_qwoo0_1ifvh_99:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185) {
201
+ .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
202
202
  transform: translateY(0px);
203
203
  transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
204
204
  }
205
205
  @media (prefers-reduced-motion: reduce) {
206
- .awsui_dropdown_qwoo0_1ifvh_99:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185) {
206
+ .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
207
207
  animation: none;
208
208
  transition: none;
209
209
  }
210
210
  }
211
- .awsui-motion-disabled .awsui_dropdown_qwoo0_1ifvh_99:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1ifvh_99:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185) {
211
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185), .awsui-mode-entering .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
215
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
216
216
  position: relative;
217
217
  background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
218
218
  outline: none;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
225
225
  box-sizing: border-box;
226
226
  }
227
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9)::after {
227
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9)::after {
228
228
  content: "";
229
229
  position: absolute;
230
230
  z-index: 1;
@@ -242,76 +242,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
242
242
  pointer-events: none;
243
243
  }
244
244
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
245
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
245
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
246
246
  border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
247
247
  border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
248
248
  }
249
249
  }
250
- .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99.awsui_is-empty_qwoo0_1ifvh_248:not(#\9)::after {
250
+ .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_is-empty_qwoo0_ori7u_248:not(#\9)::after {
251
251
  display: none;
252
252
  }
253
- .awsui_dropdown_qwoo0_1ifvh_99 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
253
+ .awsui_dropdown_qwoo0_ori7u_99 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
254
254
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
255
255
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
256
256
  }
257
- .awsui_dropdown-drop-up_qwoo0_1ifvh_255 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
257
+ .awsui_dropdown-drop-up_qwoo0_ori7u_255 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
258
258
  transform-origin: bottom;
259
259
  box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
260
260
  }
261
- .awsui_dropdown-drop-up_qwoo0_1ifvh_255.awsui_with-limited-width_qwoo0_1ifvh_259 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
261
+ .awsui_dropdown-drop-up_qwoo0_ori7u_255.awsui_with-limited-width_qwoo0_ori7u_259 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
262
262
  border-block-start: none;
263
263
  }
264
- .awsui_dropdown-drop-left_qwoo0_1ifvh_262:not(#\9) {
264
+ .awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9) {
265
265
  inset-inline-end: 0;
266
266
  }
267
- .awsui_dropdown-drop-left_qwoo0_1ifvh_262:not(#\9):dir(rtl) {
267
+ .awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9):dir(rtl) {
268
268
  inset-inline-end: unset;
269
269
  }
270
- .awsui_dropdown-drop-right_qwoo0_1ifvh_268:not(#\9) {
270
+ .awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9) {
271
271
  inset-inline-start: 0;
272
272
  }
273
- .awsui_dropdown-drop-right_qwoo0_1ifvh_268:not(#\9):dir(rtl) {
273
+ .awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9):dir(rtl) {
274
274
  inset-inline-start: unset;
275
275
  }
276
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_occupy-entire-width_qwoo0_1ifvh_274:not(#\9) {
276
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_occupy-entire-width_qwoo0_ori7u_274:not(#\9) {
277
277
  min-inline-size: 100%;
278
278
  }
279
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_stretch-beyond-trigger-width_qwoo0_1ifvh_277:not(#\9) {
279
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277:not(#\9) {
280
280
  inline-size: max-content;
281
- max-inline-size: var(--awsui-dropdown-default-max-width-epuq3n, 100%);
281
+ max-inline-size: var(--awsui-dropdown-default-max-width-7t5ed6, 100%);
282
282
  }
283
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_interior_qwoo0_1ifvh_185 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
283
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_interior_qwoo0_ori7u_185 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
284
284
  margin-block-start: -1px;
285
285
  }
286
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_hide-block-border_qwoo0_1ifvh_284 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
286
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
287
287
  border-block-start: none;
288
288
  }
289
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_hide-block-border_qwoo0_1ifvh_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_1ifvh_255) > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99 {
289
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_ori7u_255) > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99 {
290
290
  border-block-end: none;
291
291
  }
292
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_hide-block-border_qwoo0_1ifvh_284.awsui_refresh_qwoo0_1ifvh_120 > .awsui_dropdown-content-wrapper_qwoo0_1ifvh_99:not(#\9) {
292
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284.awsui_refresh_qwoo0_ori7u_120 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
293
293
  border-block-end: none;
294
294
  }
295
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_open_qwoo0_1ifvh_293:not(#\9) {
295
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9) {
296
296
  display: block;
297
297
  }
298
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_open_qwoo0_1ifvh_293:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185).awsui_refresh_qwoo0_1ifvh_120[data-animating=true] {
298
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true] {
299
299
  transform: translateY(4px);
300
300
  }
301
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_open_qwoo0_1ifvh_293:not(#\9):not(.awsui_interior_qwoo0_1ifvh_185).awsui_refresh_qwoo0_1ifvh_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1ifvh_255 {
301
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_ori7u_255 {
302
302
  transform: translateY(-4px);
303
303
  }
304
- .awsui_dropdown_qwoo0_1ifvh_99.awsui_open_qwoo0_1ifvh_293.awsui_nowrap_qwoo0_1ifvh_302:not(#\9) {
304
+ .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293.awsui_nowrap_qwoo0_ori7u_302:not(#\9) {
305
305
  white-space: nowrap;
306
306
  overflow: scroll;
307
307
  }
308
308
 
309
- .awsui_dropdown-content_qwoo0_1ifvh_99:not(#\9) {
309
+ .awsui_dropdown-content_qwoo0_ori7u_99:not(#\9) {
310
310
  display: flex;
311
311
  flex-direction: column;
312
312
  inline-size: 100%;
313
313
  }
314
314
 
315
- .awsui_stretch-trigger-height_qwoo0_1ifvh_313:not(#\9) {
315
+ .awsui_stretch-trigger-height_qwoo0_ori7u_313:not(#\9) {
316
316
  block-size: 100%;
317
317
  }
@@ -2,25 +2,25 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1ifvh_99",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1ifvh_1",
7
- "refresh": "awsui_refresh_qwoo0_1ifvh_120",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1ifvh_1",
9
- "root": "awsui_root_qwoo0_1ifvh_149",
10
- "interior": "awsui_interior_qwoo0_1ifvh_185",
11
- "dropdown": "awsui_dropdown_qwoo0_1ifvh_99",
12
- "use-portal": "awsui_use-portal_qwoo0_1ifvh_196",
13
- "is-empty": "awsui_is-empty_qwoo0_1ifvh_248",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1ifvh_255",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_1ifvh_259",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1ifvh_262",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1ifvh_268",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1ifvh_274",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1ifvh_277",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_1ifvh_284",
21
- "open": "awsui_open_qwoo0_1ifvh_293",
22
- "nowrap": "awsui_nowrap_qwoo0_1ifvh_302",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_1ifvh_99",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1ifvh_313"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_ori7u_99",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1",
7
+ "refresh": "awsui_refresh_qwoo0_ori7u_120",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1",
9
+ "root": "awsui_root_qwoo0_ori7u_149",
10
+ "interior": "awsui_interior_qwoo0_ori7u_185",
11
+ "dropdown": "awsui_dropdown_qwoo0_ori7u_99",
12
+ "use-portal": "awsui_use-portal_qwoo0_ori7u_196",
13
+ "is-empty": "awsui_is-empty_qwoo0_ori7u_248",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_ori7u_255",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_ori7u_259",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_ori7u_262",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_ori7u_268",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_ori7u_274",
19
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_ori7u_284",
21
+ "open": "awsui_open_qwoo0_ori7u_293",
22
+ "nowrap": "awsui_nowrap_qwoo0_ori7u_302",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_ori7u_99",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_ori7u_313"
25
25
  };
26
26
 
@@ -2,7 +2,7 @@
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React, { memo, useEffect, useRef } from 'react';
4
4
  import { getTextWidth } from './responsive-text-utils';
5
- import { getIsRtl } from '../../direction';
5
+ import { getIsRtl } from '@cloudscape-design/component-toolkit/internal';
6
6
  export default memo(ResponsiveText);
7
7
  function ResponsiveText({ x, y, className, children, maxWidth }) {
8
8
  const textRef = useRef(null);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/responsive-text/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAU3C,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAuB;IAClF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;QACzC,iBAAiB,CAAC,OAAO,CAAC,OAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,8BAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAC/E,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAY,EAAE,QAAgB,EAAE,KAAc;IACxG,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAChC,OAAO,aAAa,IAAI,CAAC,EAAE;QACzB,QAAQ,CAAC,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAEhE,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE;YACtC,OAAO;SACR;aAAM;YACL,aAAa,EAAE,CAAC;SACjB;KACF;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,SAAiB,EAAE,KAAc;IACnE,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,EAAE;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC;KAClD;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { getTextWidth } from './responsive-text-utils';\nimport { getIsRtl } from '../../direction';\n\ninterface ResponsiveTextProps {\n x: number;\n y: number;\n className?: string;\n children: string;\n maxWidth: number;\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, className, children, maxWidth }: ResponsiveTextProps) {\n const textRef = useRef<SVGTextElement>(null);\n\n // Determine the visible width of the text and if necessary truncate it until it fits.\n useEffect(() => {\n const isRtl = getIsRtl(textRef.current!);\n renderTextContent(textRef.current!, children, maxWidth, isRtl);\n }, [maxWidth, children]);\n\n return (\n <text ref={textRef} x={x} y={y} style={{ textAnchor: 'end' }} className={className}>\n {children}\n </text>\n );\n}\n\nexport function renderTextContent(textNode: SVGTextElement, text: string, maxWidth: number, isRtl: boolean) {\n let visibleLength = text.length;\n while (visibleLength >= 0) {\n textNode.textContent = truncateText(text, visibleLength, isRtl);\n\n if (getTextWidth(textNode) <= maxWidth) {\n return;\n } else {\n visibleLength--;\n }\n }\n}\n\nfunction truncateText(text: string, maxLength: number, isRtl: boolean) {\n if (text.length === maxLength) {\n return text;\n }\n if (isRtl) {\n return text.slice(text.length - maxLength) + '…';\n }\n return text.slice(0, maxLength) + '…';\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/responsive-text/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AAUzE,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC;AAEpC,SAAS,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAuB;IAClF,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE7C,sFAAsF;IACtF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,OAAQ,CAAC,CAAC;QACzC,iBAAiB,CAAC,OAAO,CAAC,OAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,8BAAM,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,IAC/E,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,QAAwB,EAAE,IAAY,EAAE,QAAgB,EAAE,KAAc;IACxG,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC;IAChC,OAAO,aAAa,IAAI,CAAC,EAAE;QACzB,QAAQ,CAAC,WAAW,GAAG,YAAY,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC;QAEhE,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,QAAQ,EAAE;YACtC,OAAO;SACR;aAAM;YACL,aAAa,EAAE,CAAC;SACjB;KACF;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAY,EAAE,SAAiB,EAAE,KAAc;IACnE,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,KAAK,EAAE;QACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC,GAAG,GAAG,CAAC;KAClD;IACD,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { memo, useEffect, useRef } from 'react';\nimport { getTextWidth } from './responsive-text-utils';\nimport { getIsRtl } from '@cloudscape-design/component-toolkit/internal';\n\ninterface ResponsiveTextProps {\n x: number;\n y: number;\n className?: string;\n children: string;\n maxWidth: number;\n}\n\nexport default memo(ResponsiveText);\n\nfunction ResponsiveText({ x, y, className, children, maxWidth }: ResponsiveTextProps) {\n const textRef = useRef<SVGTextElement>(null);\n\n // Determine the visible width of the text and if necessary truncate it until it fits.\n useEffect(() => {\n const isRtl = getIsRtl(textRef.current!);\n renderTextContent(textRef.current!, children, maxWidth, isRtl);\n }, [maxWidth, children]);\n\n return (\n <text ref={textRef} x={x} y={y} style={{ textAnchor: 'end' }} className={className}>\n {children}\n </text>\n );\n}\n\nexport function renderTextContent(textNode: SVGTextElement, text: string, maxWidth: number, isRtl: boolean) {\n let visibleLength = text.length;\n while (visibleLength >= 0) {\n textNode.textContent = truncateText(text, visibleLength, isRtl);\n\n if (getTextWidth(textNode) <= maxWidth) {\n return;\n } else {\n visibleLength--;\n }\n }\n}\n\nfunction truncateText(text: string, maxLength: number, isRtl: boolean) {\n if (text.length === maxLength) {\n return text;\n }\n if (isRtl) {\n return text.slice(text.length - maxLength) + '…';\n }\n return text.slice(0, maxLength) + '…';\n}\n"]}
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (0968bb6f)";
2
+ export var PACKAGE_VERSION = "3.0.0 (fea11051)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (0968bb6f)",
3
+ "PACKAGE_VERSION": "3.0.0 (fea11051)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAC,MAAM,CAoDjD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAC,MAAM,CAyDjD,CAAC;AACF,eAAe,sBAAsB,CAAC"}
@@ -1,55 +1,60 @@
1
1
  const customCSSPropertiesMap = {
2
- "maxContentWidth": "--awsui-max-content-width-epuq3n",
3
- "minContentWidth": "--awsui-min-content-width-epuq3n",
4
- "breadcrumbsGap": "--awsui-breadcrumbs-gap-epuq3n",
5
- "contentGapLeft": "--awsui-content-gap-left-epuq3n",
6
- "contentGapRight": "--awsui-content-gap-right-epuq3n",
7
- "contentHeight": "--awsui-content-height-epuq3n",
8
- "defaultMaxContentWidth": "--awsui-default-max-content-width-epuq3n",
9
- "defaultMinContentWidth": "--awsui-default-min-content-width-epuq3n",
10
- "drawerSize": "--awsui-drawer-size-epuq3n",
11
- "footerHeight": "--awsui-footer-height-epuq3n",
12
- "headerGap": "--awsui-header-gap-epuq3n",
13
- "headerHeight": "--awsui-header-height-epuq3n",
14
- "layoutWidth": "--awsui-layout-width-epuq3n",
15
- "mainGap": "--awsui-main-gap-epuq3n",
16
- "mainOffsetLeft": "--awsui-main-offset-left-epuq3n",
17
- "mainTemplateRows": "--awsui-main-template-rows-epuq3n",
18
- "mobileBarHeight": "--awsui-mobile-bar-height-epuq3n",
19
- "notificationsGap": "--awsui-notifications-gap-epuq3n",
20
- "notificationsHeight": "--awsui-notifications-height-epuq3n",
21
- "offsetTop": "--awsui-offset-top-epuq3n",
22
- "overlapHeight": "--awsui-overlap-height-epuq3n",
23
- "navigationWidth": "--awsui-navigation-width-epuq3n",
24
- "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-epuq3n",
25
- "splitPanelReportedSize": "--awsui-split-panel-reported-size-epuq3n",
26
- "splitPanelHeight": "--awsui-split-panel-height-epuq3n",
27
- "splitPanelMinWidth": "--awsui-split-panel-min-width-epuq3n",
28
- "splitPanelMaxWidth": "--awsui-split-panel-max-width-epuq3n",
29
- "toolsMaxWidth": "--awsui-tools-max-width-epuq3n",
30
- "toolsWidth": "--awsui-tools-width-epuq3n",
31
- "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-epuq3n",
32
- "contentScrollMargin": "--awsui-content-scroll-margin-epuq3n",
33
- "flashbarStackDepth": "--awsui-flashbar-stack-depth-epuq3n",
34
- "flashbarStackIndex": "--awsui-flashbar-stack-index-epuq3n",
35
- "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-epuq3n",
36
- "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-epuq3n",
37
- "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-epuq3n",
38
- "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-epuq3n",
39
- "spinnerRotatorFrom": "--awsui-spinner-rotator-from-epuq3n",
40
- "spinnerRotatorTo": "--awsui-spinner-rotator-to-epuq3n",
41
- "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-epuq3n",
42
- "spinnerLineLeftTo": "--awsui-spinner-line-left-to-epuq3n",
43
- "spinnerLineRightFrom": "--awsui-spinner-line-right-from-epuq3n",
44
- "spinnerLineRightTo": "--awsui-spinner-line-right-to-epuq3n",
45
- "sliderLabelCount": "--awsui-slider-label-count-epuq3n",
46
- "sliderTickCount": "--awsui-slider-tick-count-epuq3n",
47
- "sliderReferenceColumn": "--awsui-slider-reference-column-epuq3n",
48
- "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-epuq3n",
49
- "sliderMaxStart": "--awsui-slider-max-start-epuq3n",
50
- "sliderMinEnd": "--awsui-slider-min-end-epuq3n",
51
- "sliderRangeInlineSize": "--awsui-slider-range-inline-size-epuq3n",
52
- "sliderTooltipPosition": "--awsui-slider-tooltip-position-epuq3n",
2
+ "maxContentWidth": "--awsui-max-content-width-7t5ed6",
3
+ "minContentWidth": "--awsui-min-content-width-7t5ed6",
4
+ "breadcrumbsGap": "--awsui-breadcrumbs-gap-7t5ed6",
5
+ "contentGapLeft": "--awsui-content-gap-left-7t5ed6",
6
+ "contentGapRight": "--awsui-content-gap-right-7t5ed6",
7
+ "contentHeight": "--awsui-content-height-7t5ed6",
8
+ "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-7t5ed6",
9
+ "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-7t5ed6",
10
+ "contentLayoutMainGap": "--awsui-content-layout-main-gap-7t5ed6",
11
+ "defaultMaxContentWidth": "--awsui-default-max-content-width-7t5ed6",
12
+ "defaultMinContentWidth": "--awsui-default-min-content-width-7t5ed6",
13
+ "drawerSize": "--awsui-drawer-size-7t5ed6",
14
+ "footerHeight": "--awsui-footer-height-7t5ed6",
15
+ "headerGap": "--awsui-header-gap-7t5ed6",
16
+ "headerHeight": "--awsui-header-height-7t5ed6",
17
+ "layoutWidth": "--awsui-layout-width-7t5ed6",
18
+ "mainGap": "--awsui-main-gap-7t5ed6",
19
+ "mainOffsetLeft": "--awsui-main-offset-left-7t5ed6",
20
+ "mainTemplateRows": "--awsui-main-template-rows-7t5ed6",
21
+ "mobileBarHeight": "--awsui-mobile-bar-height-7t5ed6",
22
+ "notificationsGap": "--awsui-notifications-gap-7t5ed6",
23
+ "notificationsHeight": "--awsui-notifications-height-7t5ed6",
24
+ "offsetTop": "--awsui-offset-top-7t5ed6",
25
+ "overlapHeight": "--awsui-overlap-height-7t5ed6",
26
+ "navigationWidth": "--awsui-navigation-width-7t5ed6",
27
+ "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-7t5ed6",
28
+ "splitPanelReportedSize": "--awsui-split-panel-reported-size-7t5ed6",
29
+ "splitPanelHeight": "--awsui-split-panel-height-7t5ed6",
30
+ "splitPanelMinWidth": "--awsui-split-panel-min-width-7t5ed6",
31
+ "splitPanelMaxWidth": "--awsui-split-panel-max-width-7t5ed6",
32
+ "toolsMaxWidth": "--awsui-tools-max-width-7t5ed6",
33
+ "toolsWidth": "--awsui-tools-width-7t5ed6",
34
+ "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-7t5ed6",
35
+ "contentScrollMargin": "--awsui-content-scroll-margin-7t5ed6",
36
+ "flashbarStackDepth": "--awsui-flashbar-stack-depth-7t5ed6",
37
+ "flashbarStackIndex": "--awsui-flashbar-stack-index-7t5ed6",
38
+ "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-7t5ed6",
39
+ "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-7t5ed6",
40
+ "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-7t5ed6",
41
+ "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-7t5ed6",
42
+ "spinnerRotatorFrom": "--awsui-spinner-rotator-from-7t5ed6",
43
+ "spinnerRotatorTo": "--awsui-spinner-rotator-to-7t5ed6",
44
+ "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-7t5ed6",
45
+ "spinnerLineLeftTo": "--awsui-spinner-line-left-to-7t5ed6",
46
+ "spinnerLineRightFrom": "--awsui-spinner-line-right-from-7t5ed6",
47
+ "spinnerLineRightTo": "--awsui-spinner-line-right-to-7t5ed6",
48
+ "sliderLabelCount": "--awsui-slider-label-count-7t5ed6",
49
+ "sliderTickCount": "--awsui-slider-tick-count-7t5ed6",
50
+ "sliderReferenceColumn": "--awsui-slider-reference-column-7t5ed6",
51
+ "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-7t5ed6",
52
+ "sliderMaxStart": "--awsui-slider-max-start-7t5ed6",
53
+ "sliderMinEnd": "--awsui-slider-min-end-7t5ed6",
54
+ "sliderRangeInlineSize": "--awsui-slider-range-inline-size-7t5ed6",
55
+ "sliderTooltipPosition": "--awsui-slider-tooltip-position-7t5ed6",
56
+ "togglesLeftWidth": "--awsui-toggles-left-width-7t5ed6",
57
+ "togglesRightWidth": "--awsui-toggles-right-width-7t5ed6",
53
58
  };
54
59
  export default customCSSPropertiesMap;
55
60
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAA0B;IACpD,iBAAiB,EAAE,kCAAkC;IAC7D,iBAAiB,EAAE,kCAAkC;IACrD,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,kBAAkB,EAAE,kCAAkC;IACtD,qBAAqB,EAAE,qCAAqC;IAC5D,WAAW,EAAE,2BAA2B;IACxC,eAAe,EAAE,+BAA+B;IAChD,iBAAiB,EAAE,iCAAiC;IACpD,8BAA8B,EAAE,iDAAiD;IACjF,wBAAwB,EAAE,0CAA0C;IACpE,kBAAkB,EAAE,mCAAmC;IACvD,oBAAoB,EAAE,sCAAsC;IAC5D,oBAAoB,EAAE,sCAAsC;IAC5D,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,4BAA4B;IAC1C,+BAA+B,EAAE,iDAAiD;IAClF,qBAAqB,EAAE,sCAAsC;IAC7D,oBAAoB,EAAE,qCAAqC;IAC3D,oBAAoB,EAAE,qCAAqC;IAC3D,4BAA4B,EAAE,8CAA8C;IAC5E,kCAAkC,EAAE,oDAAoD;IACxF,yCAAyC,EAAE,4DAA4D;IACvG,yBAAyB,EAAE,2CAA2C;IACtE,oBAAoB,EAAE,qCAAqC;IAC3D,kBAAkB,EAAE,mCAAmC;IACvD,qBAAqB,EAAE,uCAAuC;IAC9D,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,oBAAoB,EAAE,sCAAsC;IAC5D,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,uBAAuB,EAAE,wCAAwC;IACjE,2BAA2B,EAAE,6CAA6C;IAC1E,gBAAgB,EAAE,iCAAiC;IACnD,cAAc,EAAE,+BAA+B;IAC/C,uBAAuB,EAAE,yCAAyC;IAClE,uBAAuB,EAAE,wCAAwC;CAC1D,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n const customCSSPropertiesMap: Record<string,string> = {\n \"maxContentWidth\": \"--awsui-max-content-width-epuq3n\",\n\"minContentWidth\": \"--awsui-min-content-width-epuq3n\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-epuq3n\",\n\"contentGapLeft\": \"--awsui-content-gap-left-epuq3n\",\n\"contentGapRight\": \"--awsui-content-gap-right-epuq3n\",\n\"contentHeight\": \"--awsui-content-height-epuq3n\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-epuq3n\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-epuq3n\",\n\"drawerSize\": \"--awsui-drawer-size-epuq3n\",\n\"footerHeight\": \"--awsui-footer-height-epuq3n\",\n\"headerGap\": \"--awsui-header-gap-epuq3n\",\n\"headerHeight\": \"--awsui-header-height-epuq3n\",\n\"layoutWidth\": \"--awsui-layout-width-epuq3n\",\n\"mainGap\": \"--awsui-main-gap-epuq3n\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-epuq3n\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-epuq3n\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-epuq3n\",\n\"notificationsGap\": \"--awsui-notifications-gap-epuq3n\",\n\"notificationsHeight\": \"--awsui-notifications-height-epuq3n\",\n\"offsetTop\": \"--awsui-offset-top-epuq3n\",\n\"overlapHeight\": \"--awsui-overlap-height-epuq3n\",\n\"navigationWidth\": \"--awsui-navigation-width-epuq3n\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-epuq3n\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-epuq3n\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-epuq3n\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-epuq3n\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-epuq3n\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-epuq3n\",\n\"toolsWidth\": \"--awsui-tools-width-epuq3n\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-epuq3n\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-epuq3n\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-epuq3n\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-epuq3n\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-epuq3n\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-epuq3n\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-epuq3n\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-epuq3n\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-epuq3n\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-epuq3n\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-epuq3n\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-epuq3n\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-epuq3n\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-epuq3n\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-epuq3n\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-epuq3n\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-epuq3n\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-epuq3n\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-epuq3n\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-epuq3n\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-epuq3n\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-epuq3n\",\n };\n export default customCSSPropertiesMap;\n "]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAA0B;IACpD,iBAAiB,EAAE,kCAAkC;IAC7D,iBAAiB,EAAE,kCAAkC;IACrD,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,uCAAuC,EAAE,0DAA0D;IACnG,8BAA8B,EAAE,iDAAiD;IACjF,sBAAsB,EAAE,wCAAwC;IAChE,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,kBAAkB,EAAE,kCAAkC;IACtD,qBAAqB,EAAE,qCAAqC;IAC5D,WAAW,EAAE,2BAA2B;IACxC,eAAe,EAAE,+BAA+B;IAChD,iBAAiB,EAAE,iCAAiC;IACpD,8BAA8B,EAAE,iDAAiD;IACjF,wBAAwB,EAAE,0CAA0C;IACpE,kBAAkB,EAAE,mCAAmC;IACvD,oBAAoB,EAAE,sCAAsC;IAC5D,oBAAoB,EAAE,sCAAsC;IAC5D,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,4BAA4B;IAC1C,+BAA+B,EAAE,iDAAiD;IAClF,qBAAqB,EAAE,sCAAsC;IAC7D,oBAAoB,EAAE,qCAAqC;IAC3D,oBAAoB,EAAE,qCAAqC;IAC3D,4BAA4B,EAAE,8CAA8C;IAC5E,kCAAkC,EAAE,oDAAoD;IACxF,yCAAyC,EAAE,4DAA4D;IACvG,yBAAyB,EAAE,2CAA2C;IACtE,oBAAoB,EAAE,qCAAqC;IAC3D,kBAAkB,EAAE,mCAAmC;IACvD,qBAAqB,EAAE,uCAAuC;IAC9D,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,oBAAoB,EAAE,sCAAsC;IAC5D,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,uBAAuB,EAAE,wCAAwC;IACjE,2BAA2B,EAAE,6CAA6C;IAC1E,gBAAgB,EAAE,iCAAiC;IACnD,cAAc,EAAE,+BAA+B;IAC/C,uBAAuB,EAAE,yCAAyC;IAClE,uBAAuB,EAAE,wCAAwC;IACjE,kBAAkB,EAAE,mCAAmC;IACvD,mBAAmB,EAAE,oCAAoC;CAClD,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n const customCSSPropertiesMap: Record<string,string> = {\n \"maxContentWidth\": \"--awsui-max-content-width-7t5ed6\",\n\"minContentWidth\": \"--awsui-min-content-width-7t5ed6\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-7t5ed6\",\n\"contentGapLeft\": \"--awsui-content-gap-left-7t5ed6\",\n\"contentGapRight\": \"--awsui-content-gap-right-7t5ed6\",\n\"contentHeight\": \"--awsui-content-height-7t5ed6\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-7t5ed6\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-7t5ed6\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-7t5ed6\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-7t5ed6\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-7t5ed6\",\n\"drawerSize\": \"--awsui-drawer-size-7t5ed6\",\n\"footerHeight\": \"--awsui-footer-height-7t5ed6\",\n\"headerGap\": \"--awsui-header-gap-7t5ed6\",\n\"headerHeight\": \"--awsui-header-height-7t5ed6\",\n\"layoutWidth\": \"--awsui-layout-width-7t5ed6\",\n\"mainGap\": \"--awsui-main-gap-7t5ed6\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-7t5ed6\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-7t5ed6\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-7t5ed6\",\n\"notificationsGap\": \"--awsui-notifications-gap-7t5ed6\",\n\"notificationsHeight\": \"--awsui-notifications-height-7t5ed6\",\n\"offsetTop\": \"--awsui-offset-top-7t5ed6\",\n\"overlapHeight\": \"--awsui-overlap-height-7t5ed6\",\n\"navigationWidth\": \"--awsui-navigation-width-7t5ed6\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-7t5ed6\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-7t5ed6\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-7t5ed6\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-7t5ed6\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-7t5ed6\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-7t5ed6\",\n\"toolsWidth\": \"--awsui-tools-width-7t5ed6\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-7t5ed6\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-7t5ed6\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-7t5ed6\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-7t5ed6\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-7t5ed6\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-7t5ed6\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-7t5ed6\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-7t5ed6\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-7t5ed6\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-7t5ed6\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-7t5ed6\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-7t5ed6\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-7t5ed6\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-7t5ed6\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-7t5ed6\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-7t5ed6\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-7t5ed6\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-7t5ed6\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-7t5ed6\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-7t5ed6\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-7t5ed6\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-7t5ed6\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-7t5ed6\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-7t5ed6\",\n };\n export default customCSSPropertiesMap;\n "]}
@@ -7,5 +7,5 @@ import React, { RefObject } from 'react';
7
7
  * <div ref={ref1} onScroll={handleScroll}/>
8
8
  * <div ref={ref2} onScroll={handleScroll}/>
9
9
  */
10
- export declare function useScrollSync(refs: Array<RefObject<any>>, disabled?: boolean): ((event: React.UIEvent) => void) | undefined;
10
+ export declare function useScrollSync(refs: Array<RefObject<any>>): (event: React.UIEvent) => void;
11
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAGjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,UAA4B,YAEpE,aAAa,uBAqBvC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,WAGxC,aAAa,UAmB7B"}
@@ -1,7 +1,6 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { useRef } from 'react';
4
- import { supportsStickyPosition } from '../../utils/dom';
5
4
  /**
6
5
  * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.
7
6
  *
@@ -10,9 +9,9 @@ import { supportsStickyPosition } from '../../utils/dom';
10
9
  * <div ref={ref1} onScroll={handleScroll}/>
11
10
  * <div ref={ref2} onScroll={handleScroll}/>
12
11
  */
13
- export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
12
+ export function useScrollSync(refs) {
14
13
  const activeElement = useRef(null);
15
- const onScroll = (event) => {
14
+ return (event) => {
16
15
  const targetElement = event.currentTarget;
17
16
  // remembers the first element that fires onscroll to align with other elements against it
18
17
  if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {
@@ -31,6 +30,5 @@ export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
31
30
  });
32
31
  }
33
32
  };
34
- return !disabled ? onScroll : undefined;
35
33
  }
36
34
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QACzD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n * const handleScroll = useScrollSync([ref1, ref2]);\n * <div ref={ref1} onScroll={handleScroll}/>\n * <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n const activeElement = useRef<HTMLElement | null>(null);\n const onScroll = (event: React.UIEvent) => {\n const targetElement = event.currentTarget as HTMLElement;\n // remembers the first element that fires onscroll to align with other elements against it\n if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n requestAnimationFrame(() => {\n activeElement.current = targetElement;\n refs.forEach(ref => {\n const element = ref.current;\n if (element && element !== targetElement) {\n element.scrollLeft = targetElement.scrollLeft;\n }\n });\n // unblock the ability to scroll the synced elements\n requestAnimationFrame(() => {\n activeElement.current = null;\n });\n });\n }\n };\n\n return !disabled ? onScroll : undefined;\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B;IACvD,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAEvD,OAAO,CAAC,KAAoB,EAAE,EAAE;QAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QACzD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n * const handleScroll = useScrollSync([ref1, ref2]);\n * <div ref={ref1} onScroll={handleScroll}/>\n * <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>) {\n const activeElement = useRef<HTMLElement | null>(null);\n\n return (event: React.UIEvent) => {\n const targetElement = event.currentTarget as HTMLElement;\n // remembers the first element that fires onscroll to align with other elements against it\n if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n requestAnimationFrame(() => {\n activeElement.current = targetElement;\n refs.forEach(ref => {\n const element = ref.current;\n if (element && element !== targetElement) {\n element.scrollLeft = targetElement.scrollLeft;\n }\n });\n // unblock the ability to scroll the synced elements\n requestAnimationFrame(() => {\n activeElement.current = null;\n });\n });\n }\n };\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "0968bb6fcef93e54e3b891fa984fa5c13ab68216"
2
+ "commit": "fea11051dc7ba0573039a7aa83a0f313dba47083"
3
3
  }
@@ -1,3 +1,4 @@
1
+ export declare const highContrastHeaderClassName = "awsui-context-content-header";
1
2
  export declare const shouldRemoveHighContrastHeader: () => boolean;
2
3
  export declare const getContentHeaderClassName: () => string;
3
4
  //# sourceMappingURL=content-header-utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,8BAA8B,QAAO,OAAsD,CAAC;AACzG,eAAO,MAAM,yBAAyB,QAAO,MAC2B,CAAC"}
1
+ {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,2BAA2B,iCAAiC,CAAC;AAC1E,eAAO,MAAM,8BAA8B,QAAO,OAAsD,CAAC;AACzG,eAAO,MAAM,yBAAyB,QAAO,MACwB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import { getGlobalFlag } from './global-flags';
4
+ export const highContrastHeaderClassName = 'awsui-context-content-header';
4
5
  export const shouldRemoveHighContrastHeader = () => !!getGlobalFlag('removeHighContrastHeader');
5
- export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';
6
+ export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : highContrastHeaderClassName;
6
7
  //# sourceMappingURL=content-header-utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"content-header-utils.js","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAY,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAW,EAAE,CACpD,8BAA8B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const shouldRemoveHighContrastHeader = (): boolean => !!getGlobalFlag('removeHighContrastHeader');\nexport const getContentHeaderClassName = (): string =>\n shouldRemoveHighContrastHeader() ? '' : 'awsui-context-content-header';\n"]}
1
+ {"version":3,"file":"content-header-utils.js","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,2BAA2B,GAAG,8BAA8B,CAAC;AAC1E,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAY,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;AACzG,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAW,EAAE,CACpD,8BAA8B,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,2BAA2B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getGlobalFlag } from './global-flags';\n\nexport const highContrastHeaderClassName = 'awsui-context-content-header';\nexport const shouldRemoveHighContrastHeader = (): boolean => !!getGlobalFlag('removeHighContrastHeader');\nexport const getContentHeaderClassName = (): string =>\n shouldRemoveHighContrastHeader() ? '' : highContrastHeaderClassName;\n"]}
@@ -1,9 +1,4 @@
1
1
  export declare function findUpUntil(node: HTMLElement, callback: (element: HTMLElement) => boolean): HTMLElement | null;
2
- /**
3
- * Returns whether the browser supports CSS position sticky.
4
- * In our list of supported browsers, only returns false for IE11.
5
- */
6
- export declare function supportsStickyPosition(): boolean;
7
2
  /**
8
3
  * Returns an element that is used to position the given element.
9
4
  * @see https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block
@@ -1 +1 @@
1
- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,IAAI,CAY9G;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,YAMrC;AAsBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAgBhF;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAiB7C"}
1
+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/dom.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,IAAI,CAY9G;AAsBD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAgBhF;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAiB7C"}
@@ -15,18 +15,6 @@ export function findUpUntil(node, callback) {
15
15
  }
16
16
  return current;
17
17
  }
18
- /**
19
- * Returns whether the browser supports CSS position sticky.
20
- * In our list of supported browsers, only returns false for IE11.
21
- */
22
- export function supportsStickyPosition() {
23
- var _a, _b, _c;
24
- if (typeof window === 'undefined') {
25
- // render no-sticky UI on server-side
26
- return false;
27
- }
28
- return (_c = (_b = (_a = window.CSS) === null || _a === void 0 ? void 0 : _a.supports) === null || _b === void 0 ? void 0 : _b.call(_a, 'position', 'sticky')) !== null && _c !== void 0 ? _c : false;
29
- }
30
18
  /**
31
19
  * Returns whether `position: fixed` can be relative to transformed parents or
32
20
  * whether it's always relative to the viewport. Returns `true` on all browsers