@cloudscape-design/components-themeable 3.0.653 → 3.0.654

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 (226) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/app-layout/skeleton/styles.scss +62 -26
  3. package/lib/internal/scss/app-layout/visual-refresh/layout.scss +18 -12
  4. package/lib/internal/scss/cards/styles.scss +1 -3
  5. package/lib/internal/scss/container/styles.scss +0 -16
  6. package/lib/internal/scss/content-layout/styles.scss +72 -35
  7. package/lib/internal/scss/content-layout/test-classes/styles.scss +17 -0
  8. package/lib/internal/scss/internal/generated/custom-css-properties/index.scss +56 -51
  9. package/lib/internal/scss/table/styles.scss +0 -9
  10. package/lib/internal/scss/wizard/styles.scss +0 -18
  11. package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
  12. package/lib/internal/template/annotation-context/annotation/styles.scoped.css +31 -31
  13. package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
  14. package/lib/internal/template/app-layout/implementation.d.ts +31 -0
  15. package/lib/internal/template/app-layout/implementation.d.ts.map +1 -1
  16. package/lib/internal/template/app-layout/implementation.js +2 -0
  17. package/lib/internal/template/app-layout/implementation.js.map +1 -1
  18. package/lib/internal/template/app-layout/interfaces.d.ts +7 -0
  19. package/lib/internal/template/app-layout/interfaces.d.ts.map +1 -1
  20. package/lib/internal/template/app-layout/interfaces.js.map +1 -1
  21. package/lib/internal/template/app-layout/internal.js +1 -1
  22. package/lib/internal/template/app-layout/internal.js.map +1 -1
  23. package/lib/internal/template/app-layout/notifications/styles.css.js +3 -3
  24. package/lib/internal/template/app-layout/notifications/styles.scoped.css +7 -7
  25. package/lib/internal/template/app-layout/notifications/styles.selectors.js +3 -3
  26. package/lib/internal/template/app-layout/skeleton/index.d.ts +1 -1
  27. package/lib/internal/template/app-layout/skeleton/index.d.ts.map +1 -1
  28. package/lib/internal/template/app-layout/skeleton/index.js +2 -2
  29. package/lib/internal/template/app-layout/skeleton/index.js.map +1 -1
  30. package/lib/internal/template/app-layout/skeleton/layout.d.ts +2 -2
  31. package/lib/internal/template/app-layout/skeleton/layout.d.ts.map +1 -1
  32. package/lib/internal/template/app-layout/skeleton/layout.js +5 -4
  33. package/lib/internal/template/app-layout/skeleton/layout.js.map +1 -1
  34. package/lib/internal/template/app-layout/skeleton/styles.css.js +11 -11
  35. package/lib/internal/template/app-layout/skeleton/styles.scoped.css +99 -38
  36. package/lib/internal/template/app-layout/skeleton/styles.selectors.js +11 -11
  37. package/lib/internal/template/app-layout/utils/use-app-layout-placement.js +1 -1
  38. package/lib/internal/template/app-layout/utils/use-app-layout-placement.js.map +1 -1
  39. package/lib/internal/template/app-layout/utils/use-pointer-events.d.ts.map +1 -1
  40. package/lib/internal/template/app-layout/utils/use-pointer-events.js +1 -1
  41. package/lib/internal/template/app-layout/utils/use-pointer-events.js.map +1 -1
  42. package/lib/internal/template/app-layout/visual-refresh/background.d.ts.map +1 -1
  43. package/lib/internal/template/app-layout/visual-refresh/background.js +3 -3
  44. package/lib/internal/template/app-layout/visual-refresh/background.js.map +1 -1
  45. package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.d.ts.map +1 -1
  46. package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js +4 -3
  47. package/lib/internal/template/app-layout/visual-refresh/breadcrumbs.js.map +1 -1
  48. package/lib/internal/template/app-layout/visual-refresh/context.js +1 -1
  49. package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
  50. package/lib/internal/template/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  51. package/lib/internal/template/app-layout/visual-refresh/drawers.js +4 -4
  52. package/lib/internal/template/app-layout/visual-refresh/drawers.js.map +1 -1
  53. package/lib/internal/template/app-layout/visual-refresh/header.d.ts.map +1 -1
  54. package/lib/internal/template/app-layout/visual-refresh/header.js +4 -3
  55. package/lib/internal/template/app-layout/visual-refresh/header.js.map +1 -1
  56. package/lib/internal/template/app-layout/visual-refresh/layout.d.ts.map +1 -1
  57. package/lib/internal/template/app-layout/visual-refresh/layout.js +2 -0
  58. package/lib/internal/template/app-layout/visual-refresh/layout.js.map +1 -1
  59. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.d.ts.map +1 -1
  60. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js +4 -4
  61. package/lib/internal/template/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  62. package/lib/internal/template/app-layout/visual-refresh/navigation.d.ts.map +1 -1
  63. package/lib/internal/template/app-layout/visual-refresh/navigation.js +2 -2
  64. package/lib/internal/template/app-layout/visual-refresh/navigation.js.map +1 -1
  65. package/lib/internal/template/app-layout/visual-refresh/notifications.d.ts.map +1 -1
  66. package/lib/internal/template/app-layout/visual-refresh/notifications.js +4 -3
  67. package/lib/internal/template/app-layout/visual-refresh/notifications.js.map +1 -1
  68. package/lib/internal/template/app-layout/visual-refresh/styles.css.js +83 -81
  69. package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +266 -258
  70. package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +83 -81
  71. package/lib/internal/template/app-layout/visual-refresh/tools.d.ts.map +1 -1
  72. package/lib/internal/template/app-layout/visual-refresh/tools.js +3 -3
  73. package/lib/internal/template/app-layout/visual-refresh/tools.js.map +1 -1
  74. package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts +1 -0
  75. package/lib/internal/template/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  76. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js +2 -3
  77. package/lib/internal/template/app-layout/visual-refresh/trigger-button.js.map +1 -1
  78. package/lib/internal/template/area-chart/internal.js +1 -1
  79. package/lib/internal/template/area-chart/internal.js.map +1 -1
  80. package/lib/internal/template/cards/index.d.ts.map +1 -1
  81. package/lib/internal/template/cards/index.js +4 -6
  82. package/lib/internal/template/cards/index.js.map +1 -1
  83. package/lib/internal/template/cards/styles.css.js +39 -40
  84. package/lib/internal/template/cards/styles.scoped.css +50 -50
  85. package/lib/internal/template/cards/styles.selectors.js +39 -40
  86. package/lib/internal/template/container/internal.d.ts +2 -2
  87. package/lib/internal/template/container/internal.d.ts.map +1 -1
  88. package/lib/internal/template/container/internal.js +5 -7
  89. package/lib/internal/template/container/internal.js.map +1 -1
  90. package/lib/internal/template/container/styles.css.js +28 -30
  91. package/lib/internal/template/container/styles.scoped.css +52 -65
  92. package/lib/internal/template/container/styles.selectors.js +28 -30
  93. package/lib/internal/template/container/use-sticky-header.js +2 -2
  94. package/lib/internal/template/container/use-sticky-header.js.map +1 -1
  95. package/lib/internal/template/content-layout/interfaces.d.ts +52 -0
  96. package/lib/internal/template/content-layout/interfaces.d.ts.map +1 -1
  97. package/lib/internal/template/content-layout/interfaces.js.map +1 -1
  98. package/lib/internal/template/content-layout/internal.d.ts +1 -1
  99. package/lib/internal/template/content-layout/internal.d.ts.map +1 -1
  100. package/lib/internal/template/content-layout/internal.js +37 -7
  101. package/lib/internal/template/content-layout/internal.js.map +1 -1
  102. package/lib/internal/template/content-layout/styles.css.js +14 -7
  103. package/lib/internal/template/content-layout/styles.scoped.css +57 -37
  104. package/lib/internal/template/content-layout/styles.selectors.js +14 -7
  105. package/lib/internal/template/content-layout/test-classes/styles.css.js +9 -0
  106. package/lib/internal/template/content-layout/test-classes/styles.scoped.css +19 -0
  107. package/lib/internal/template/content-layout/test-classes/styles.selectors.js +10 -0
  108. package/lib/internal/template/flashbar/styles.css.js +47 -47
  109. package/lib/internal/template/flashbar/styles.scoped.css +171 -171
  110. package/lib/internal/template/flashbar/styles.selectors.js +47 -47
  111. package/lib/internal/template/internal/components/cartesian-chart/inline-start-labels.js +1 -1
  112. package/lib/internal/template/internal/components/cartesian-chart/inline-start-labels.js.map +1 -1
  113. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js +1 -1
  114. package/lib/internal/template/internal/components/dropdown/dropdown-fit-handler.js.map +1 -1
  115. package/lib/internal/template/internal/components/dropdown/index.js +1 -1
  116. package/lib/internal/template/internal/components/dropdown/index.js.map +1 -1
  117. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  118. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +41 -41
  119. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  120. package/lib/internal/template/internal/components/responsive-text/index.js +1 -1
  121. package/lib/internal/template/internal/components/responsive-text/index.js.map +1 -1
  122. package/lib/internal/template/internal/environment.js +1 -1
  123. package/lib/internal/template/internal/environment.json +1 -1
  124. package/lib/internal/template/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  125. package/lib/internal/template/internal/generated/custom-css-properties/index.js +56 -51
  126. package/lib/internal/template/internal/generated/custom-css-properties/index.js.map +1 -1
  127. package/lib/internal/template/internal/hooks/use-scroll-sync/index.d.ts +1 -1
  128. package/lib/internal/template/internal/hooks/use-scroll-sync/index.d.ts.map +1 -1
  129. package/lib/internal/template/internal/hooks/use-scroll-sync/index.js +2 -4
  130. package/lib/internal/template/internal/hooks/use-scroll-sync/index.js.map +1 -1
  131. package/lib/internal/template/internal/utils/content-header-utils.d.ts +1 -0
  132. package/lib/internal/template/internal/utils/content-header-utils.d.ts.map +1 -1
  133. package/lib/internal/template/internal/utils/content-header-utils.js +2 -1
  134. package/lib/internal/template/internal/utils/content-header-utils.js.map +1 -1
  135. package/lib/internal/template/internal/utils/dom.d.ts +0 -5
  136. package/lib/internal/template/internal/utils/dom.d.ts.map +1 -1
  137. package/lib/internal/template/internal/utils/dom.js +0 -12
  138. package/lib/internal/template/internal/utils/dom.js.map +1 -1
  139. package/lib/internal/template/internal/utils/handle-key.js +1 -1
  140. package/lib/internal/template/internal/utils/handle-key.js.map +1 -1
  141. package/lib/internal/template/mixed-line-bar-chart/chart-container.js +1 -1
  142. package/lib/internal/template/mixed-line-bar-chart/chart-container.js.map +1 -1
  143. package/lib/internal/template/pie-chart/responsive-text.js +1 -1
  144. package/lib/internal/template/pie-chart/responsive-text.js.map +1 -1
  145. package/lib/internal/template/popover/use-popover-position.js +1 -1
  146. package/lib/internal/template/popover/use-popover-position.js.map +1 -1
  147. package/lib/internal/template/slider/styles.css.js +25 -25
  148. package/lib/internal/template/slider/styles.scoped.css +71 -71
  149. package/lib/internal/template/slider/styles.selectors.js +25 -25
  150. package/lib/internal/template/spinner/styles.css.js +13 -13
  151. package/lib/internal/template/spinner/styles.scoped.css +39 -39
  152. package/lib/internal/template/spinner/styles.selectors.js +13 -13
  153. package/lib/internal/template/split-panel/icons/bottom-icon-refresh.d.ts.map +1 -1
  154. package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js +1 -2
  155. package/lib/internal/template/split-panel/icons/bottom-icon-refresh.js.map +1 -1
  156. package/lib/internal/template/split-panel/icons/side-position-refresh.d.ts.map +1 -1
  157. package/lib/internal/template/split-panel/icons/side-position-refresh.js +1 -2
  158. package/lib/internal/template/split-panel/icons/side-position-refresh.js.map +1 -1
  159. package/lib/internal/template/split-panel/internal.js +1 -1
  160. package/lib/internal/template/split-panel/internal.js.map +1 -1
  161. package/lib/internal/template/table/interfaces.d.ts +1 -0
  162. package/lib/internal/template/table/interfaces.d.ts.map +1 -1
  163. package/lib/internal/template/table/interfaces.js.map +1 -1
  164. package/lib/internal/template/table/internal.d.ts.map +1 -1
  165. package/lib/internal/template/table/internal.js +2 -8
  166. package/lib/internal/template/table/internal.js.map +1 -1
  167. package/lib/internal/template/table/no-data-cell.d.ts.map +1 -1
  168. package/lib/internal/template/table/no-data-cell.js +1 -2
  169. package/lib/internal/template/table/no-data-cell.js.map +1 -1
  170. package/lib/internal/template/table/progressive-loading/progressive-loading-utils.d.ts.map +1 -1
  171. package/lib/internal/template/table/progressive-loading/progressive-loading-utils.js +8 -3
  172. package/lib/internal/template/table/progressive-loading/progressive-loading-utils.js.map +1 -1
  173. package/lib/internal/template/table/resizer/index.js +1 -1
  174. package/lib/internal/template/table/resizer/index.js.map +1 -1
  175. package/lib/internal/template/table/resizer/resizer-lookup.js +1 -1
  176. package/lib/internal/template/table/resizer/resizer-lookup.js.map +1 -1
  177. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js +1 -1
  178. package/lib/internal/template/table/sticky-columns/use-sticky-columns.js.map +1 -1
  179. package/lib/internal/template/table/sticky-columns/utils.js +1 -1
  180. package/lib/internal/template/table/sticky-columns/utils.js.map +1 -1
  181. package/lib/internal/template/table/sticky-scrollbar/use-sticky-scrollbar.d.ts.map +1 -1
  182. package/lib/internal/template/table/sticky-scrollbar/use-sticky-scrollbar.js +12 -14
  183. package/lib/internal/template/table/sticky-scrollbar/use-sticky-scrollbar.js.map +1 -1
  184. package/lib/internal/template/table/sticky-scrolling.js +1 -1
  185. package/lib/internal/template/table/sticky-scrolling.js.map +1 -1
  186. package/lib/internal/template/table/styles.css.js +34 -35
  187. package/lib/internal/template/table/styles.scoped.css +39 -48
  188. package/lib/internal/template/table/styles.selectors.js +34 -35
  189. package/lib/internal/template/table/table-role/grid-navigation.js +13 -13
  190. package/lib/internal/template/table/table-role/grid-navigation.js.map +1 -1
  191. package/lib/internal/template/table/use-column-widths.js +1 -1
  192. package/lib/internal/template/table/use-column-widths.js.map +1 -1
  193. package/lib/internal/template/tabs/scroll-utils.js +1 -1
  194. package/lib/internal/template/tabs/scroll-utils.js.map +1 -1
  195. package/lib/internal/template/test-utils/dom/content-layout/index.d.ts +3 -0
  196. package/lib/internal/template/test-utils/dom/content-layout/index.js +11 -1
  197. package/lib/internal/template/test-utils/dom/content-layout/index.js.map +1 -1
  198. package/lib/internal/template/test-utils/selectors/content-layout/index.d.ts +3 -0
  199. package/lib/internal/template/test-utils/selectors/content-layout/index.js +11 -1
  200. package/lib/internal/template/test-utils/selectors/content-layout/index.js.map +1 -1
  201. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  202. package/lib/internal/template/wizard/internal.d.ts.map +1 -1
  203. package/lib/internal/template/wizard/internal.js +3 -5
  204. package/lib/internal/template/wizard/internal.js.map +1 -1
  205. package/lib/internal/template/wizard/styles.css.js +31 -32
  206. package/lib/internal/template/wizard/styles.scoped.css +59 -116
  207. package/lib/internal/template/wizard/styles.selectors.js +31 -32
  208. package/lib/internal/template/wizard/wizard-form-header.d.ts.map +1 -1
  209. package/lib/internal/template/wizard/wizard-form-header.js +2 -4
  210. package/lib/internal/template/wizard/wizard-form-header.js.map +1 -1
  211. package/lib/internal/template/wizard/wizard-navigation.d.ts.map +1 -1
  212. package/lib/internal/template/wizard/wizard-navigation.js +2 -3
  213. package/lib/internal/template/wizard/wizard-navigation.js.map +1 -1
  214. package/package.json +1 -1
  215. package/lib/internal/template/app-layout/widget.d.ts +0 -6
  216. package/lib/internal/template/app-layout/widget.d.ts.map +0 -1
  217. package/lib/internal/template/app-layout/widget.js +0 -16
  218. package/lib/internal/template/app-layout/widget.js.map +0 -1
  219. package/lib/internal/template/internal/direction.d.ts +0 -36
  220. package/lib/internal/template/internal/direction.d.ts.map +0 -1
  221. package/lib/internal/template/internal/direction.js +0 -66
  222. package/lib/internal/template/internal/direction.js.map +0 -1
  223. package/lib/internal/template/split-panel/widget.d.ts +0 -2
  224. package/lib/internal/template/split-panel/widget.d.ts.map +0 -1
  225. package/lib/internal/template/split-panel/widget.js +0 -4
  226. package/lib/internal/template/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_140be_99:not(#\9) {
100
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_140be_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
99
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
100
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1tzz2_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
101
101
  }
102
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_140be_1 {
102
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1tzz2_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_140be_99:not(#\9) {
111
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
115
115
  }
116
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
116
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
117
117
  animation: none;
118
118
  transition: none;
119
119
  }
120
- .awsui_dropdown-content-wrapper_qwoo0_140be_99.awsui_refresh_qwoo0_140be_120:not(#\9) {
120
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99.awsui_refresh_qwoo0_1tzz2_120:not(#\9) {
121
121
  transform-origin: top;
122
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_140be_1;
122
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1tzz2_1;
123
123
  animation-duration: var(--motion-duration-show-quick-kypzaj, 135ms);
124
124
  animation-timing-function: var(--motion-easing-show-quick-lvi5i8, ease-out);
125
125
  }
126
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_140be_1 {
126
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_1tzz2_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_140be_99.awsui_refresh_qwoo0_140be_120:not(#\9) {
135
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99.awsui_refresh_qwoo0_1tzz2_120:not(#\9) {
136
136
  animation: none;
137
137
  transition: none;
138
138
  }
139
139
  }
140
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_140be_99.awsui_refresh_qwoo0_140be_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_140be_99.awsui_refresh_qwoo0_140be_120:not(#\9) {
140
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99.awsui_refresh_qwoo0_1tzz2_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99.awsui_refresh_qwoo0_1tzz2_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_140be_149:not(#\9) {
149
+ .awsui_root_qwoo0_1tzz2_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_140be_149.awsui_interior_qwoo0_140be_185:not(#\9) {
186
+ .awsui_root_qwoo0_1tzz2_149.awsui_interior_qwoo0_1tzz2_185:not(#\9) {
187
187
  position: static;
188
188
  }
189
189
 
190
- .awsui_dropdown_qwoo0_140be_99:not(#\9) {
190
+ .awsui_dropdown_qwoo0_1tzz2_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_140be_99.awsui_use-portal_qwoo0_140be_196:not(#\9) {
198
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_use-portal_qwoo0_1tzz2_196:not(#\9) {
199
199
  z-index: 7000;
200
200
  }
201
- .awsui_dropdown_qwoo0_140be_99:not(#\9):not(.awsui_interior_qwoo0_140be_185) {
201
+ .awsui_dropdown_qwoo0_1tzz2_99:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185) {
202
202
  transform: translateY(0px);
203
203
  transition: transform var(--motion-duration-show-quick-kypzaj, 135ms);
204
204
  }
205
205
  @media (prefers-reduced-motion: reduce) {
206
- .awsui_dropdown_qwoo0_140be_99:not(#\9):not(.awsui_interior_qwoo0_140be_185) {
206
+ .awsui_dropdown_qwoo0_1tzz2_99:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185) {
207
207
  animation: none;
208
208
  transition: none;
209
209
  }
210
210
  }
211
- .awsui-motion-disabled .awsui_dropdown_qwoo0_140be_99:not(#\9):not(.awsui_interior_qwoo0_140be_185), .awsui-mode-entering .awsui_dropdown_qwoo0_140be_99:not(#\9):not(.awsui_interior_qwoo0_140be_185) {
211
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_1tzz2_99:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1tzz2_99:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
- .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
215
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
216
216
  position: relative;
217
217
  background-color: var(--color-background-dropdown-item-default-s7k0er, #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-471u6a, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
225
225
  box-sizing: border-box;
226
226
  }
227
- .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9)::after {
227
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_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_140be_99:not(#\9) {
245
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
246
246
  border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
247
247
  border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
248
248
  }
249
249
  }
250
- .awsui_dropdown-content-wrapper_qwoo0_140be_99.awsui_is-empty_qwoo0_140be_248:not(#\9)::after {
250
+ .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99.awsui_is-empty_qwoo0_1tzz2_248:not(#\9)::after {
251
251
  display: none;
252
252
  }
253
- .awsui_dropdown_qwoo0_140be_99 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
253
+ .awsui_dropdown_qwoo0_1tzz2_99 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
254
254
  border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
255
255
  border-block-end: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-dropdown-group-mkqzrv, #eaeded);
256
256
  }
257
- .awsui_dropdown-drop-up_qwoo0_140be_255 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
257
+ .awsui_dropdown-drop-up_qwoo0_1tzz2_255 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
258
258
  transform-origin: bottom;
259
259
  box-shadow: var(--shadow-dropup-ovsp4h, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
260
260
  }
261
- .awsui_dropdown-drop-up_qwoo0_140be_255.awsui_with-limited-width_qwoo0_140be_259 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
261
+ .awsui_dropdown-drop-up_qwoo0_1tzz2_255.awsui_with-limited-width_qwoo0_1tzz2_259 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
262
262
  border-block-start: none;
263
263
  }
264
- .awsui_dropdown-drop-left_qwoo0_140be_262:not(#\9) {
264
+ .awsui_dropdown-drop-left_qwoo0_1tzz2_262:not(#\9) {
265
265
  inset-inline-end: 0;
266
266
  }
267
- .awsui_dropdown-drop-left_qwoo0_140be_262:not(#\9):dir(rtl) {
267
+ .awsui_dropdown-drop-left_qwoo0_1tzz2_262:not(#\9):dir(rtl) {
268
268
  inset-inline-end: unset;
269
269
  }
270
- .awsui_dropdown-drop-right_qwoo0_140be_268:not(#\9) {
270
+ .awsui_dropdown-drop-right_qwoo0_1tzz2_268:not(#\9) {
271
271
  inset-inline-start: 0;
272
272
  }
273
- .awsui_dropdown-drop-right_qwoo0_140be_268:not(#\9):dir(rtl) {
273
+ .awsui_dropdown-drop-right_qwoo0_1tzz2_268:not(#\9):dir(rtl) {
274
274
  inset-inline-start: unset;
275
275
  }
276
- .awsui_dropdown_qwoo0_140be_99.awsui_occupy-entire-width_qwoo0_140be_274:not(#\9) {
276
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_occupy-entire-width_qwoo0_1tzz2_274:not(#\9) {
277
277
  min-inline-size: 100%;
278
278
  }
279
- .awsui_dropdown_qwoo0_140be_99.awsui_stretch-beyond-trigger-width_qwoo0_140be_277:not(#\9) {
279
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_stretch-beyond-trigger-width_qwoo0_1tzz2_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_140be_99.awsui_interior_qwoo0_140be_185 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
283
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_interior_qwoo0_1tzz2_185 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
284
284
  margin-block-start: -1px;
285
285
  }
286
- .awsui_dropdown_qwoo0_140be_99.awsui_hide-block-border_qwoo0_140be_284 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
286
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_hide-block-border_qwoo0_1tzz2_284 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
287
287
  border-block-start: none;
288
288
  }
289
- .awsui_dropdown_qwoo0_140be_99.awsui_hide-block-border_qwoo0_140be_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_140be_255) > .awsui_dropdown-content-wrapper_qwoo0_140be_99 {
289
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_hide-block-border_qwoo0_1tzz2_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_1tzz2_255) > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99 {
290
290
  border-block-end: none;
291
291
  }
292
- .awsui_dropdown_qwoo0_140be_99.awsui_hide-block-border_qwoo0_140be_284.awsui_refresh_qwoo0_140be_120 > .awsui_dropdown-content-wrapper_qwoo0_140be_99:not(#\9) {
292
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_hide-block-border_qwoo0_1tzz2_284.awsui_refresh_qwoo0_1tzz2_120 > .awsui_dropdown-content-wrapper_qwoo0_1tzz2_99:not(#\9) {
293
293
  border-block-end: none;
294
294
  }
295
- .awsui_dropdown_qwoo0_140be_99.awsui_open_qwoo0_140be_293:not(#\9) {
295
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_open_qwoo0_1tzz2_293:not(#\9) {
296
296
  display: block;
297
297
  }
298
- .awsui_dropdown_qwoo0_140be_99.awsui_open_qwoo0_140be_293:not(#\9):not(.awsui_interior_qwoo0_140be_185).awsui_refresh_qwoo0_140be_120[data-animating=true] {
298
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_open_qwoo0_1tzz2_293:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185).awsui_refresh_qwoo0_1tzz2_120[data-animating=true] {
299
299
  transform: translateY(4px);
300
300
  }
301
- .awsui_dropdown_qwoo0_140be_99.awsui_open_qwoo0_140be_293:not(#\9):not(.awsui_interior_qwoo0_140be_185).awsui_refresh_qwoo0_140be_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_140be_255 {
301
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_open_qwoo0_1tzz2_293:not(#\9):not(.awsui_interior_qwoo0_1tzz2_185).awsui_refresh_qwoo0_1tzz2_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1tzz2_255 {
302
302
  transform: translateY(-4px);
303
303
  }
304
- .awsui_dropdown_qwoo0_140be_99.awsui_open_qwoo0_140be_293.awsui_nowrap_qwoo0_140be_302:not(#\9) {
304
+ .awsui_dropdown_qwoo0_1tzz2_99.awsui_open_qwoo0_1tzz2_293.awsui_nowrap_qwoo0_1tzz2_302:not(#\9) {
305
305
  white-space: nowrap;
306
306
  overflow: scroll;
307
307
  }
308
308
 
309
- .awsui_dropdown-content_qwoo0_140be_99:not(#\9) {
309
+ .awsui_dropdown-content_qwoo0_1tzz2_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_140be_313:not(#\9) {
315
+ .awsui_stretch-trigger-height_qwoo0_1tzz2_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_140be_99",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_140be_1",
7
- "refresh": "awsui_refresh_qwoo0_140be_120",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_140be_1",
9
- "root": "awsui_root_qwoo0_140be_149",
10
- "interior": "awsui_interior_qwoo0_140be_185",
11
- "dropdown": "awsui_dropdown_qwoo0_140be_99",
12
- "use-portal": "awsui_use-portal_qwoo0_140be_196",
13
- "is-empty": "awsui_is-empty_qwoo0_140be_248",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_140be_255",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_140be_259",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_140be_262",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_140be_268",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_140be_274",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_140be_277",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_140be_284",
21
- "open": "awsui_open_qwoo0_140be_293",
22
- "nowrap": "awsui_nowrap_qwoo0_140be_302",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_140be_99",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_140be_313"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1tzz2_99",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1tzz2_1",
7
+ "refresh": "awsui_refresh_qwoo0_1tzz2_120",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1tzz2_1",
9
+ "root": "awsui_root_qwoo0_1tzz2_149",
10
+ "interior": "awsui_interior_qwoo0_1tzz2_185",
11
+ "dropdown": "awsui_dropdown_qwoo0_1tzz2_99",
12
+ "use-portal": "awsui_use-portal_qwoo0_1tzz2_196",
13
+ "is-empty": "awsui_is-empty_qwoo0_1tzz2_248",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1tzz2_255",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_1tzz2_259",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1tzz2_262",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1tzz2_268",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1tzz2_274",
19
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1tzz2_277",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_1tzz2_284",
21
+ "open": "awsui_open_qwoo0_1tzz2_293",
22
+ "nowrap": "awsui_nowrap_qwoo0_1tzz2_302",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_1tzz2_99",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1tzz2_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 (cb92fe29)";
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 (cb92fe29)",
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,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