@cloudscape-design/components-themeable 3.0.881 → 3.0.883

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 (164) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/date-range-picker/styles.scss +0 -2
  3. package/lib/internal/scss/internal/components/drag-handle/styles.scss +9 -1
  4. package/lib/internal/scss/internal/components/dropdown/styles.scss +0 -1
  5. package/lib/internal/scss/internal/components/options-list/styles.scss +1 -0
  6. package/lib/internal/scss/internal/components/panel-resize-handle/styles.scss +42 -3
  7. package/lib/internal/template/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  8. package/lib/internal/template/app-layout/drawer/resizable-drawer.js +2 -3
  9. package/lib/internal/template/app-layout/drawer/resizable-drawer.js.map +1 -1
  10. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts +1 -2
  11. package/lib/internal/template/app-layout/utils/use-focus-control.d.ts.map +1 -1
  12. package/lib/internal/template/app-layout/utils/use-focus-control.js +0 -2
  13. package/lib/internal/template/app-layout/utils/use-focus-control.js.map +1 -1
  14. package/lib/internal/template/app-layout/utils/use-resize.d.ts.map +1 -1
  15. package/lib/internal/template/app-layout/utils/use-resize.js +2 -3
  16. package/lib/internal/template/app-layout/utils/use-resize.js.map +1 -1
  17. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts +1 -2
  18. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.d.ts.map +1 -1
  19. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js +0 -1
  20. package/lib/internal/template/app-layout/utils/use-split-panel-focus-control.js.map +1 -1
  21. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.d.ts.map +1 -1
  22. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js +2 -3
  23. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/global-drawer.js.map +1 -1
  24. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.d.ts.map +1 -1
  25. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js +2 -3
  26. package/lib/internal/template/app-layout/visual-refresh-toolbar/drawer/local-drawer.js.map +1 -1
  27. package/lib/internal/template/button-group/index.d.ts.map +1 -1
  28. package/lib/internal/template/button-group/index.js +22 -1
  29. package/lib/internal/template/button-group/index.js.map +1 -1
  30. package/lib/internal/template/button-group/interfaces.d.ts +2 -1
  31. package/lib/internal/template/button-group/interfaces.d.ts.map +1 -1
  32. package/lib/internal/template/button-group/interfaces.js.map +1 -1
  33. package/lib/internal/template/collection-preferences/content-display/index.d.ts.map +1 -1
  34. package/lib/internal/template/collection-preferences/content-display/index.js +8 -5
  35. package/lib/internal/template/collection-preferences/content-display/index.js.map +1 -1
  36. package/lib/internal/template/date-picker/index.d.ts.map +1 -1
  37. package/lib/internal/template/date-picker/index.js +1 -5
  38. package/lib/internal/template/date-picker/index.js.map +1 -1
  39. package/lib/internal/template/date-range-picker/styles.css.js +38 -38
  40. package/lib/internal/template/date-range-picker/styles.scoped.css +47 -51
  41. package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
  42. package/lib/internal/template/flashbar/internal/analytics.d.ts.map +1 -1
  43. package/lib/internal/template/flashbar/internal/analytics.js +1 -3
  44. package/lib/internal/template/flashbar/internal/analytics.js.map +1 -1
  45. package/lib/internal/template/internal/components/drag-handle/index.d.ts +2 -2
  46. package/lib/internal/template/internal/components/drag-handle/index.d.ts.map +1 -1
  47. package/lib/internal/template/internal/components/drag-handle/index.js +7 -3
  48. package/lib/internal/template/internal/components/drag-handle/index.js.map +1 -1
  49. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts +1 -1
  50. package/lib/internal/template/internal/components/drag-handle/interfaces.d.ts.map +1 -1
  51. package/lib/internal/template/internal/components/drag-handle/interfaces.js.map +1 -1
  52. package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
  53. package/lib/internal/template/internal/components/dropdown/styles.scoped.css +37 -39
  54. package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
  55. package/lib/internal/template/internal/components/options-list/styles.css.js +3 -3
  56. package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -3
  57. package/lib/internal/template/internal/components/options-list/styles.selectors.js +3 -3
  58. package/lib/internal/template/internal/components/panel-resize-handle/icon.d.ts +5 -0
  59. package/lib/internal/template/internal/components/panel-resize-handle/icon.d.ts.map +1 -0
  60. package/lib/internal/template/internal/components/panel-resize-handle/icon.js +9 -0
  61. package/lib/internal/template/internal/components/panel-resize-handle/icon.js.map +1 -0
  62. package/lib/internal/template/internal/components/panel-resize-handle/index.d.ts +2 -4
  63. package/lib/internal/template/internal/components/panel-resize-handle/index.d.ts.map +1 -1
  64. package/lib/internal/template/internal/components/panel-resize-handle/index.js +5 -8
  65. package/lib/internal/template/internal/components/panel-resize-handle/index.js.map +1 -1
  66. package/lib/internal/template/internal/components/panel-resize-handle/styles.css.js +5 -2
  67. package/lib/internal/template/internal/components/panel-resize-handle/styles.scoped.css +191 -3
  68. package/lib/internal/template/internal/components/panel-resize-handle/styles.selectors.js +5 -2
  69. package/lib/internal/template/internal/components/sortable-area/index.d.ts +6 -0
  70. package/lib/internal/template/internal/components/sortable-area/index.d.ts.map +1 -0
  71. package/lib/internal/template/internal/components/{dnd-area → sortable-area}/index.js +34 -25
  72. package/lib/internal/template/internal/components/sortable-area/index.js.map +1 -0
  73. package/lib/internal/template/internal/components/sortable-area/interfaces.d.ts +42 -0
  74. package/lib/internal/template/internal/components/sortable-area/interfaces.d.ts.map +1 -0
  75. package/lib/internal/template/internal/components/sortable-area/interfaces.js.map +1 -0
  76. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/defaults.d.ts.map +1 -0
  77. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/defaults.js.map +1 -0
  78. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/index.d.ts.map +1 -0
  79. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/index.js.map +1 -0
  80. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/events.d.ts.map +1 -0
  81. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/events.js.map +1 -0
  82. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/listeners.d.ts.map +1 -0
  83. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/listeners.js.map +1 -0
  84. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/scroll.d.ts.map +1 -0
  85. package/lib/internal/template/internal/components/sortable-area/keyboard-sensor/utilities/scroll.js.map +1 -0
  86. package/lib/internal/template/internal/components/sortable-area/styles.css.js +13 -0
  87. package/lib/internal/template/internal/components/{dnd-area → sortable-area}/styles.scoped.css +17 -17
  88. package/lib/internal/template/internal/components/sortable-area/styles.selectors.js +14 -0
  89. package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-drag-and-drop-reorder.d.ts +4 -3
  90. package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.d.ts.map +1 -0
  91. package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-drag-and-drop-reorder.js +4 -4
  92. package/lib/internal/template/internal/components/sortable-area/use-drag-and-drop-reorder.js.map +1 -0
  93. package/lib/internal/template/internal/components/sortable-area/use-live-announcements.d.ts +13 -0
  94. package/lib/internal/template/internal/components/sortable-area/use-live-announcements.d.ts.map +1 -0
  95. package/lib/internal/template/internal/components/{dnd-area → sortable-area}/use-live-announcements.js +6 -6
  96. package/lib/internal/template/internal/components/sortable-area/use-live-announcements.js.map +1 -0
  97. package/lib/internal/template/internal/environment.js +1 -1
  98. package/lib/internal/template/internal/environment.json +1 -1
  99. package/lib/internal/template/internal/metrics.d.ts +3 -0
  100. package/lib/internal/template/internal/metrics.d.ts.map +1 -0
  101. package/lib/internal/template/internal/metrics.js +6 -0
  102. package/lib/internal/template/internal/metrics.js.map +1 -0
  103. package/lib/internal/template/internal/plugins/api.d.ts.map +1 -1
  104. package/lib/internal/template/internal/plugins/api.js +4 -0
  105. package/lib/internal/template/internal/plugins/api.js.map +1 -1
  106. package/lib/internal/template/internal/plugins/controllers/alert-flash-content.d.ts.map +1 -1
  107. package/lib/internal/template/internal/plugins/controllers/alert-flash-content.js +2 -1
  108. package/lib/internal/template/internal/plugins/controllers/alert-flash-content.js.map +1 -1
  109. package/lib/internal/template/internal/plugins/controllers/drawers.d.ts.map +1 -1
  110. package/lib/internal/template/internal/plugins/controllers/drawers.js +7 -3
  111. package/lib/internal/template/internal/plugins/controllers/drawers.js.map +1 -1
  112. package/lib/internal/template/internal/plugins/helpers/metrics.d.ts +3 -0
  113. package/lib/internal/template/internal/plugins/helpers/metrics.d.ts.map +1 -0
  114. package/lib/internal/template/internal/plugins/helpers/metrics.js +15 -0
  115. package/lib/internal/template/internal/plugins/helpers/metrics.js.map +1 -0
  116. package/lib/internal/template/internal/plugins/helpers/use-discovered-content.d.ts.map +1 -1
  117. package/lib/internal/template/internal/plugins/helpers/use-discovered-content.js +2 -1
  118. package/lib/internal/template/internal/plugins/helpers/use-discovered-content.js.map +1 -1
  119. package/lib/internal/template/split-panel/implementation.d.ts.map +1 -1
  120. package/lib/internal/template/split-panel/implementation.js +6 -7
  121. package/lib/internal/template/split-panel/implementation.js.map +1 -1
  122. package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
  123. package/lib/internal/template/table/table-role/utils.js +4 -5
  124. package/lib/internal/template/table/table-role/utils.js.map +1 -1
  125. package/package.json +1 -1
  126. package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.d.ts +0 -6
  127. package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.d.ts.map +0 -1
  128. package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.js +0 -8
  129. package/lib/internal/template/app-layout/visual-refresh-toolbar/exports.js.map +0 -1
  130. package/lib/internal/template/internal/components/dnd-area/index.d.ts +0 -4
  131. package/lib/internal/template/internal/components/dnd-area/index.d.ts.map +0 -1
  132. package/lib/internal/template/internal/components/dnd-area/index.js.map +0 -1
  133. package/lib/internal/template/internal/components/dnd-area/interfaces.d.ts +0 -39
  134. package/lib/internal/template/internal/components/dnd-area/interfaces.d.ts.map +0 -1
  135. package/lib/internal/template/internal/components/dnd-area/interfaces.js.map +0 -1
  136. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/defaults.d.ts.map +0 -1
  137. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/defaults.js.map +0 -1
  138. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/index.d.ts.map +0 -1
  139. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/index.js.map +0 -1
  140. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/events.d.ts.map +0 -1
  141. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/events.js.map +0 -1
  142. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/listeners.d.ts.map +0 -1
  143. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/listeners.js.map +0 -1
  144. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/scroll.d.ts.map +0 -1
  145. package/lib/internal/template/internal/components/dnd-area/keyboard-sensor/utilities/scroll.js.map +0 -1
  146. package/lib/internal/template/internal/components/dnd-area/styles.css.js +0 -13
  147. package/lib/internal/template/internal/components/dnd-area/styles.selectors.js +0 -14
  148. package/lib/internal/template/internal/components/dnd-area/use-drag-and-drop-reorder.d.ts.map +0 -1
  149. package/lib/internal/template/internal/components/dnd-area/use-drag-and-drop-reorder.js.map +0 -1
  150. package/lib/internal/template/internal/components/dnd-area/use-live-announcements.d.ts +0 -12
  151. package/lib/internal/template/internal/components/dnd-area/use-live-announcements.d.ts.map +0 -1
  152. package/lib/internal/template/internal/components/dnd-area/use-live-announcements.js.map +0 -1
  153. /package/lib/internal/scss/internal/components/{dnd-area → sortable-area}/styles.scss +0 -0
  154. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/interfaces.js +0 -0
  155. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/defaults.d.ts +0 -0
  156. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/defaults.js +0 -0
  157. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/index.d.ts +0 -0
  158. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/index.js +0 -0
  159. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/events.d.ts +0 -0
  160. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/events.js +0 -0
  161. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/listeners.d.ts +0 -0
  162. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/listeners.js +0 -0
  163. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/scroll.d.ts +0 -0
  164. /package/lib/internal/template/internal/components/{dnd-area → sortable-area}/keyboard-sensor/utilities/scroll.js +0 -0
@@ -150,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
150
150
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
151
151
  SPDX-License-Identifier: Apache-2.0
152
152
  */
153
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
154
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
153
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
154
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1 var(--motion-duration-show-quick-fo1fgn, 135ms) var(--motion-easing-show-quick-014od6, ease-out);
155
155
  }
156
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1 {
156
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1 {
157
157
  from {
158
158
  opacity: 0.4;
159
159
  }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
162
162
  }
163
163
  }
164
164
  @media (prefers-reduced-motion: reduce) {
165
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
165
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
166
166
  animation: none;
167
167
  transition: none;
168
168
  }
169
169
  }
170
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
170
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
171
171
  animation: none;
172
172
  transition: none;
173
173
  }
174
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
174
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
175
175
  transform-origin: top;
176
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1;
176
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1;
177
177
  animation-duration: var(--motion-duration-show-quick-fo1fgn, 135ms);
178
178
  animation-timing-function: var(--motion-easing-show-quick-014od6, ease-out);
179
179
  }
180
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1 {
180
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1 {
181
181
  from {
182
182
  opacity: 0;
183
183
  }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
186
186
  }
187
187
  }
188
188
  @media (prefers-reduced-motion: reduce) {
189
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
189
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
190
190
  animation: none;
191
191
  transition: none;
192
192
  }
193
193
  }
194
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_refresh_qwoo0_k1zxo_174:not(#\9) {
194
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_refresh_qwoo0_i43vv_174:not(#\9) {
195
195
  animation: none;
196
196
  transition: none;
197
197
  }
198
198
 
199
- .awsui_root_qwoo0_k1zxo_199:not(#\9) {
199
+ .awsui_root_qwoo0_i43vv_199:not(#\9) {
200
200
  border-collapse: separate;
201
201
  border-spacing: 0;
202
202
  box-sizing: border-box;
@@ -230,36 +230,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
230
230
  position: relative;
231
231
  white-space: inherit;
232
232
  }
233
- .awsui_root_qwoo0_k1zxo_199.awsui_interior_qwoo0_k1zxo_232:not(#\9) {
233
+ .awsui_root_qwoo0_i43vv_199.awsui_interior_qwoo0_i43vv_232:not(#\9) {
234
234
  position: static;
235
235
  }
236
236
 
237
- .awsui_dropdown_qwoo0_k1zxo_153:not(#\9) {
237
+ .awsui_dropdown_qwoo0_i43vv_153:not(#\9) {
238
238
  position: absolute;
239
239
  display: none;
240
240
  z-index: 2000;
241
- -webkit-user-select: none;
242
- user-select: none;
243
241
  transform-origin: top;
244
242
  }
245
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_use-portal_qwoo0_k1zxo_243:not(#\9) {
243
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_use-portal_qwoo0_i43vv_242:not(#\9) {
246
244
  z-index: 7000;
247
245
  }
248
- .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
246
+ .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
249
247
  transform: translateY(0px);
250
248
  transition: transform var(--motion-duration-show-quick-fo1fgn, 135ms);
251
249
  }
252
250
  @media (prefers-reduced-motion: reduce) {
253
- .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
251
+ .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
254
252
  animation: none;
255
253
  transition: none;
256
254
  }
257
255
  }
258
- .awsui-motion-disabled .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232), .awsui-mode-entering .awsui_dropdown_qwoo0_k1zxo_153:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232) {
256
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232), .awsui-mode-entering .awsui_dropdown_qwoo0_i43vv_153:not(#\9):not(.awsui_interior_qwoo0_i43vv_232) {
259
257
  animation: none;
260
258
  transition: none;
261
259
  }
262
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
260
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
263
261
  position: relative;
264
262
  background-color: var(--color-background-dropdown-item-default-r1zm6a, #ffffff);
265
263
  outline: none;
@@ -271,7 +269,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
271
269
  border-block: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
272
270
  box-sizing: border-box;
273
271
  }
274
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9)::after {
272
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9)::after {
275
273
  content: "";
276
274
  position: absolute;
277
275
  z-index: 1;
@@ -288,65 +286,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
288
286
  border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
289
287
  pointer-events: none;
290
288
  }
291
- .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153.awsui_is-empty_qwoo0_k1zxo_289:not(#\9)::after {
289
+ .awsui_dropdown-content-wrapper_qwoo0_i43vv_153.awsui_is-empty_qwoo0_i43vv_288:not(#\9)::after {
292
290
  display: none;
293
291
  }
294
- .awsui_dropdown_qwoo0_k1zxo_153 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
292
+ .awsui_dropdown_qwoo0_i43vv_153 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
295
293
  border-block-start: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-container-top-lphfcg, #eaeded);
296
294
  border-block-end: var(--border-divider-list-width-x6rz7e, 1px) solid var(--color-border-dropdown-group-ze4esa, #eaeded);
297
295
  }
298
- .awsui_dropdown-drop-up_qwoo0_k1zxo_296 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
296
+ .awsui_dropdown-drop-up_qwoo0_i43vv_295 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
299
297
  transform-origin: bottom;
300
298
  box-shadow: var(--shadow-dropup-onasja, 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));
301
299
  }
302
- .awsui_dropdown-drop-up_qwoo0_k1zxo_296.awsui_with-limited-width_qwoo0_k1zxo_300 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
300
+ .awsui_dropdown-drop-up_qwoo0_i43vv_295.awsui_with-limited-width_qwoo0_i43vv_299 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
303
301
  border-block-start: none;
304
302
  }
305
- .awsui_dropdown-drop-left_qwoo0_k1zxo_303:not(#\9) {
303
+ .awsui_dropdown-drop-left_qwoo0_i43vv_302:not(#\9) {
306
304
  inset-inline-end: 0;
307
305
  }
308
- .awsui_dropdown-drop-right_qwoo0_k1zxo_306:not(#\9) {
306
+ .awsui_dropdown-drop-right_qwoo0_i43vv_305:not(#\9) {
309
307
  inset-inline-start: 0;
310
308
  }
311
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_occupy-entire-width_qwoo0_k1zxo_309:not(#\9) {
309
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_occupy-entire-width_qwoo0_i43vv_308:not(#\9) {
312
310
  min-inline-size: 100%;
313
311
  }
314
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_stretch-beyond-trigger-width_qwoo0_k1zxo_312:not(#\9) {
312
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_stretch-beyond-trigger-width_qwoo0_i43vv_311:not(#\9) {
315
313
  inline-size: max-content;
316
314
  max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
317
315
  }
318
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_interior_qwoo0_k1zxo_232 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
316
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_interior_qwoo0_i43vv_232 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
319
317
  margin-block-start: -1px;
320
318
  }
321
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
319
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
322
320
  border-block-start: none;
323
321
  }
324
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_k1zxo_296) > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153 {
322
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_i43vv_295) > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153 {
325
323
  border-block-end: none;
326
324
  }
327
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_hide-block-border_qwoo0_k1zxo_319.awsui_refresh_qwoo0_k1zxo_174 > .awsui_dropdown-content-wrapper_qwoo0_k1zxo_153:not(#\9) {
325
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_hide-block-border_qwoo0_i43vv_318.awsui_refresh_qwoo0_i43vv_174 > .awsui_dropdown-content-wrapper_qwoo0_i43vv_153:not(#\9) {
328
326
  border-block-end: none;
329
327
  }
330
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9) {
328
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9) {
331
329
  display: block;
332
330
  }
333
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232).awsui_refresh_qwoo0_k1zxo_174[data-animating=true] {
331
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9):not(.awsui_interior_qwoo0_i43vv_232).awsui_refresh_qwoo0_i43vv_174[data-animating=true] {
334
332
  transform: translateY(4px);
335
333
  }
336
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328:not(#\9):not(.awsui_interior_qwoo0_k1zxo_232).awsui_refresh_qwoo0_k1zxo_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_k1zxo_296 {
334
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327:not(#\9):not(.awsui_interior_qwoo0_i43vv_232).awsui_refresh_qwoo0_i43vv_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_i43vv_295 {
337
335
  transform: translateY(-4px);
338
336
  }
339
- .awsui_dropdown_qwoo0_k1zxo_153.awsui_open_qwoo0_k1zxo_328.awsui_nowrap_qwoo0_k1zxo_337:not(#\9) {
337
+ .awsui_dropdown_qwoo0_i43vv_153.awsui_open_qwoo0_i43vv_327.awsui_nowrap_qwoo0_i43vv_336:not(#\9) {
340
338
  white-space: nowrap;
341
339
  overflow: scroll;
342
340
  }
343
341
 
344
- .awsui_dropdown-content_qwoo0_k1zxo_153:not(#\9) {
342
+ .awsui_dropdown-content_qwoo0_i43vv_153:not(#\9) {
345
343
  display: flex;
346
344
  flex-direction: column;
347
345
  inline-size: 100%;
348
346
  }
349
347
 
350
- .awsui_stretch-trigger-height_qwoo0_k1zxo_348:not(#\9) {
348
+ .awsui_stretch-trigger-height_qwoo0_i43vv_347:not(#\9) {
351
349
  block-size: 100%;
352
350
  }
@@ -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_k1zxo_153",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_k1zxo_1",
7
- "refresh": "awsui_refresh_qwoo0_k1zxo_174",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_k1zxo_1",
9
- "root": "awsui_root_qwoo0_k1zxo_199",
10
- "interior": "awsui_interior_qwoo0_k1zxo_232",
11
- "dropdown": "awsui_dropdown_qwoo0_k1zxo_153",
12
- "use-portal": "awsui_use-portal_qwoo0_k1zxo_243",
13
- "is-empty": "awsui_is-empty_qwoo0_k1zxo_289",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_k1zxo_296",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_k1zxo_300",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_k1zxo_303",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_k1zxo_306",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_k1zxo_309",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_k1zxo_312",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_k1zxo_319",
21
- "open": "awsui_open_qwoo0_k1zxo_328",
22
- "nowrap": "awsui_nowrap_qwoo0_k1zxo_337",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_k1zxo_153",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_k1zxo_348"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_i43vv_153",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_i43vv_1",
7
+ "refresh": "awsui_refresh_qwoo0_i43vv_174",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_i43vv_1",
9
+ "root": "awsui_root_qwoo0_i43vv_199",
10
+ "interior": "awsui_interior_qwoo0_i43vv_232",
11
+ "dropdown": "awsui_dropdown_qwoo0_i43vv_153",
12
+ "use-portal": "awsui_use-portal_qwoo0_i43vv_242",
13
+ "is-empty": "awsui_is-empty_qwoo0_i43vv_288",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_i43vv_295",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_i43vv_299",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_i43vv_302",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_i43vv_305",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_i43vv_308",
19
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_i43vv_311",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_i43vv_318",
21
+ "open": "awsui_open_qwoo0_i43vv_327",
22
+ "nowrap": "awsui_nowrap_qwoo0_i43vv_336",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_i43vv_153",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_i43vv_347"
25
25
  };
26
26
 
@@ -1,8 +1,8 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "options-list": "awsui_options-list_19gcf_tnufo_145",
5
- "options-list-embedded": "awsui_options-list-embedded_19gcf_tnufo_191",
6
- "decrease-block-margin": "awsui_decrease-block-margin_19gcf_tnufo_198"
4
+ "options-list": "awsui_options-list_19gcf_p08j8_145",
5
+ "options-list-embedded": "awsui_options-list-embedded_19gcf_p08j8_192",
6
+ "decrease-block-margin": "awsui_decrease-block-margin_19gcf_p08j8_199"
7
7
  };
8
8
 
@@ -142,7 +142,7 @@
142
142
  */
143
143
  /* Style used for links in slots/components that are text heavy, to help links stand out among
144
144
  surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
- .awsui_options-list_19gcf_tnufo_145:not(#\9) {
145
+ .awsui_options-list_19gcf_p08j8_145:not(#\9) {
146
146
  padding-block: 0;
147
147
  padding-inline: 0;
148
148
  margin-block: 0;
@@ -188,14 +188,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
188
188
  border-start-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
189
189
  border-end-start-radius: var(--border-radius-dropdown-knc5ce, 0px);
190
190
  border-end-end-radius: var(--border-radius-dropdown-knc5ce, 0px);
191
+ -webkit-user-select: none;
192
+ user-select: none;
191
193
  }
192
- .awsui_options-list-embedded_19gcf_tnufo_191:not(#\9) {
194
+ .awsui_options-list-embedded_19gcf_p08j8_192:not(#\9) {
193
195
  border-start-start-radius: 0px;
194
196
  border-start-end-radius: 0px;
195
197
  border-end-start-radius: 0px;
196
198
  border-end-end-radius: 0px;
197
199
  }
198
200
 
199
- .awsui_decrease-block-margin_19gcf_tnufo_198:not(#\9) {
201
+ .awsui_decrease-block-margin_19gcf_p08j8_199:not(#\9) {
200
202
  margin-block: -1px;
201
203
  }
@@ -2,8 +2,8 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "options-list": "awsui_options-list_19gcf_tnufo_145",
6
- "options-list-embedded": "awsui_options-list-embedded_19gcf_tnufo_191",
7
- "decrease-block-margin": "awsui_decrease-block-margin_19gcf_tnufo_198"
5
+ "options-list": "awsui_options-list_19gcf_p08j8_145",
6
+ "options-list-embedded": "awsui_options-list-embedded_19gcf_p08j8_192",
7
+ "decrease-block-margin": "awsui_decrease-block-margin_19gcf_p08j8_199"
8
8
  };
9
9
 
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ export default function ResizeHandleIcon({ className }: {
3
+ className?: string;
4
+ }): JSX.Element;
5
+ //# sourceMappingURL=icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":";AAIA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eAe7E"}
@@ -0,0 +1,9 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import React from 'react';
4
+ export default function ResizeHandleIcon({ className }) {
5
+ return (React.createElement("svg", { focusable: false, className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": true },
6
+ React.createElement("line", { strokeWidth: "2", x1: "2", y1: "5", x2: "14", y2: "5" }),
7
+ React.createElement("line", { strokeWidth: "2", x1: "14", y1: "10", x2: "2", y2: "10" })));
8
+ }
9
+ //# sourceMappingURL=icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/icon.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IAC5E,OAAO,CACL,6BACE,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,iBACN,IAAI;QAEjB,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,GAAG;QACrD,8BAAM,WAAW,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,GAAG,CACnD,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\n\nexport default function ResizeHandleIcon({ className }: { className?: string }) {\n return (\n <svg\n focusable={false}\n className={className}\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n aria-hidden={true}\n >\n <line strokeWidth=\"2\" x1=\"2\" y1=\"5\" x2=\"14\" y2=\"5\" />\n <line strokeWidth=\"2\" x1=\"14\" y1=\"10\" x2=\"2\" y2=\"10\" />\n </svg>\n );\n}\n"]}
@@ -1,14 +1,12 @@
1
1
  import React from 'react';
2
2
  interface ResizeHandleProps {
3
+ className?: string;
3
4
  ariaLabel: string | undefined;
4
5
  position: 'side' | 'bottom';
5
6
  ariaValuenow: number;
6
7
  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
7
8
  onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
8
- className?: string;
9
9
  }
10
- declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<{
11
- focus: () => void;
12
- }>>;
10
+ declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
13
11
  export default _default;
14
12
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;;WAIyB,MAAM,IAAI;;AAFpC,wBAsBG"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,iBAAiB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CACjE;;AAED,wBAoBG"}
@@ -1,14 +1,11 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
3
  import React from 'react';
4
- import DragHandle from '../drag-handle';
4
+ import clsx from 'clsx';
5
+ import ResizeHandleIcon from './icon';
5
6
  import styles from './styles.css.js';
6
- export default React.forwardRef(function PanelResizeHandle({ ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown, className }, ref) {
7
- return (React.createElement("div", { className: styles[`handle-wrapper-${position}`] },
8
- React.createElement(DragHandle, { variant: position === 'bottom' ? 'resize-vertical' : 'resize-horizontal', size: "small", ref: ref, ariaLabel: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : '', ariaValue: {
9
- valueMin: 0,
10
- valueMax: 100,
11
- valueNow: ariaValuenow,
12
- }, onPointerDown: onPointerDown, onKeyDown: onKeyDown, className: className })));
7
+ export default React.forwardRef(function PanelResizeHandle({ className, ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown }, ref) {
8
+ return (React.createElement("div", { ref: ref, className: clsx(className, styles.slider, styles[`slider-${position}`]), role: "slider", tabIndex: 0, "aria-label": ariaLabel, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": ariaValuenow, onKeyDown: onKeyDown, onPointerDown: onPointerDown },
9
+ React.createElement(ResizeHandleIcon, { className: clsx(styles['slider-icon'], styles[`slider-icon-${position}`]) })));
13
10
  });
14
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,gBAAgB,CAAC;AAExC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC,eAAe,KAAK,CAAC,UAAU,CAAC,SAAS,iBAAiB,CACxD,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAqB,EAC7F,GAAqC;IAErC,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,QAAQ,EAAE,CAAC;QAClD,oBAAC,UAAU,IACT,OAAO,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,mBAAmB,EACxE,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,EAC1B,SAAS,EAAE;gBACT,QAAQ,EAAE,CAAC;gBACX,QAAQ,EAAE,GAAG;gBACb,QAAQ,EAAE,YAAY;aACvB,EACD,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,GACpB,CACE,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport DragHandle from '../drag-handle';\n\nimport styles from './styles.css.js';\n\ninterface ResizeHandleProps {\n ariaLabel: string | undefined;\n position: 'side' | 'bottom';\n ariaValuenow: number;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;\n className?: string;\n}\n\nexport default React.forwardRef(function PanelResizeHandle(\n { ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown, className }: ResizeHandleProps,\n ref: React.Ref<{ focus: () => void }>\n) {\n return (\n <div className={styles[`handle-wrapper-${position}`]}>\n <DragHandle\n variant={position === 'bottom' ? 'resize-vertical' : 'resize-horizontal'}\n size=\"small\"\n ref={ref}\n ariaLabel={ariaLabel ?? ''}\n ariaValue={{\n valueMin: 0,\n valueMax: 100,\n valueNow: ariaValuenow,\n }}\n onPointerDown={onPointerDown}\n onKeyDown={onKeyDown}\n className={className}\n />\n </div>\n );\n});\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AAEtC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAWrC,eAAe,KAAK,CAAC,UAAU,CAAoC,SAAS,iBAAiB,CAC3F,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,EAC1E,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU,QAAQ,EAAE,CAAC,CAAC,EACvE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,gBACC,SAAS,mBACN,GAAG,mBACH,CAAC,mBACD,YAAY,EAC3B,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,gBAAgB,IAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,eAAe,QAAQ,EAAE,CAAC,CAAC,GAAI,CAC3F,CACP,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport ResizeHandleIcon from './icon';\n\nimport styles from './styles.css.js';\n\ninterface ResizeHandleProps {\n className?: string;\n ariaLabel: string | undefined;\n position: 'side' | 'bottom';\n ariaValuenow: number;\n onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;\n onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;\n}\n\nexport default React.forwardRef<HTMLDivElement, ResizeHandleProps>(function PanelResizeHandle(\n { className, ariaLabel, ariaValuenow, position, onKeyDown, onPointerDown },\n ref\n) {\n return (\n <div\n ref={ref}\n className={clsx(className, styles.slider, styles[`slider-${position}`])}\n role=\"slider\"\n tabIndex={0}\n aria-label={ariaLabel}\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={ariaValuenow}\n onKeyDown={onKeyDown}\n onPointerDown={onPointerDown}\n >\n <ResizeHandleIcon className={clsx(styles['slider-icon'], styles[`slider-icon-${position}`])} />\n </div>\n );\n});\n"]}
@@ -1,7 +1,10 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "handle-wrapper-side": "awsui_handle-wrapper-side_cqzlk_1qkms_5",
5
- "handle-wrapper-bottom": "awsui_handle-wrapper-bottom_cqzlk_1qkms_9"
4
+ "slider": "awsui_slider_cqzlk_vw9m6_145",
5
+ "slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
6
+ "slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
7
+ "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
8
+ "slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
6
9
  };
7
10
 
@@ -2,10 +2,198 @@
2
2
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
3
  SPDX-License-Identifier: Apache-2.0
4
4
  */
5
- .awsui_handle-wrapper-side_cqzlk_1qkms_5:not(#\9) {
5
+ /*
6
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
7
+ SPDX-License-Identifier: Apache-2.0
8
+ */
9
+ /*
10
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
11
+ SPDX-License-Identifier: Apache-2.0
12
+ */
13
+ /*
14
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
15
+ SPDX-License-Identifier: Apache-2.0
16
+ */
17
+ /*
18
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
19
+ SPDX-License-Identifier: Apache-2.0
20
+ */
21
+ /*
22
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
23
+ SPDX-License-Identifier: Apache-2.0
24
+ */
25
+ /*
26
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
27
+ SPDX-License-Identifier: Apache-2.0
28
+ */
29
+ /*
30
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
31
+ SPDX-License-Identifier: Apache-2.0
32
+ */
33
+ /*
34
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
35
+ SPDX-License-Identifier: Apache-2.0
36
+ */
37
+ /*
38
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
39
+ SPDX-License-Identifier: Apache-2.0
40
+ */
41
+ /*
42
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
43
+ SPDX-License-Identifier: Apache-2.0
44
+ */
45
+ /*
46
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
47
+ SPDX-License-Identifier: Apache-2.0
48
+ */
49
+ /*
50
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
51
+ SPDX-License-Identifier: Apache-2.0
52
+ */
53
+ /*
54
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
55
+ SPDX-License-Identifier: Apache-2.0
56
+ */
57
+ /*
58
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
59
+ SPDX-License-Identifier: Apache-2.0
60
+ */
61
+ /*
62
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
63
+ SPDX-License-Identifier: Apache-2.0
64
+ */
65
+ /*
66
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
67
+ SPDX-License-Identifier: Apache-2.0
68
+ */
69
+ /*
70
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
71
+ SPDX-License-Identifier: Apache-2.0
72
+ */
73
+ /*
74
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
75
+ SPDX-License-Identifier: Apache-2.0
76
+ */
77
+ /*
78
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
79
+ SPDX-License-Identifier: Apache-2.0
80
+ */
81
+ /*
82
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
83
+ SPDX-License-Identifier: Apache-2.0
84
+ */
85
+ /*
86
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
87
+ SPDX-License-Identifier: Apache-2.0
88
+ */
89
+ /*
90
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
+ SPDX-License-Identifier: Apache-2.0
92
+ */
93
+ /*
94
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
+ SPDX-License-Identifier: Apache-2.0
96
+ */
97
+ /*
98
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
99
+ SPDX-License-Identifier: Apache-2.0
100
+ */
101
+ /*
102
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
103
+ SPDX-License-Identifier: Apache-2.0
104
+ */
105
+ /*
106
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
107
+ SPDX-License-Identifier: Apache-2.0
108
+ */
109
+ /*
110
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
111
+ SPDX-License-Identifier: Apache-2.0
112
+ */
113
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
114
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
115
+ /*
116
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
117
+ SPDX-License-Identifier: Apache-2.0
118
+ */
119
+ /*
120
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
121
+ SPDX-License-Identifier: Apache-2.0
122
+ */
123
+ /*
124
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
125
+ SPDX-License-Identifier: Apache-2.0
126
+ */
127
+ /*
128
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
129
+ SPDX-License-Identifier: Apache-2.0
130
+ */
131
+ /*
132
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
133
+ SPDX-License-Identifier: Apache-2.0
134
+ */
135
+ /*
136
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
137
+ SPDX-License-Identifier: Apache-2.0
138
+ */
139
+ /*
140
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
141
+ SPDX-License-Identifier: Apache-2.0
142
+ */
143
+ /* Style used for links in slots/components that are text heavy, to help links stand out among
144
+ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
145
+ .awsui_slider_cqzlk_vw9m6_145:not(#\9) {
146
+ padding-block: 0;
147
+ padding-inline: 0;
148
+ cursor: ns-resize;
149
+ margin-block-start: 2px;
150
+ margin-block-end: 0;
151
+ margin-inline: 0;
152
+ block-size: 16px;
153
+ touch-action: none;
154
+ }
155
+ .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
156
+ outline: none;
157
+ }
158
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
159
+ position: relative;
160
+ }
161
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus {
162
+ outline: 2px dotted transparent;
163
+ outline-offset: calc(0px - 1px);
164
+ }
165
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_vw9m6_145:not(#\9):focus::before {
166
+ content: " ";
167
+ display: block;
168
+ position: absolute;
169
+ inset-inline-start: calc(-1 * 0px);
170
+ inset-block-start: calc(-1 * 0px);
171
+ inline-size: calc(100% + 0px + 0px);
172
+ block-size: calc(100% + 0px + 0px);
173
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
174
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
175
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
176
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-vy2hlh, 2px);
177
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-q68bgg, #0073bb);
178
+ }
179
+
180
+ .awsui_slider-side_cqzlk_vw9m6_180:not(#\9) {
181
+ cursor: ew-resize;
182
+ margin-block: 0;
6
183
  margin-inline-start: 2px;
184
+ margin-inline-end: 0;
7
185
  }
8
186
 
9
- .awsui_handle-wrapper-bottom_cqzlk_1qkms_9:not(#\9) {
10
- margin-block-start: 2px;
187
+ .awsui_slider-icon_cqzlk_vw9m6_187:not(#\9) {
188
+ stroke: var(--color-text-interactive-default-t1snbz, #545b64);
189
+ }
190
+ .awsui_slider-icon_cqzlk_vw9m6_187:not(#\9):hover {
191
+ stroke: var(--color-text-interactive-hover-kxltdh, #16191f);
192
+ }
193
+ .awsui_slider-icon-bottom_cqzlk_vw9m6_193:not(#\9) {
194
+ margin-block: auto;
195
+ margin-inline: auto;
196
+ }
197
+ .awsui_slider-icon-side_cqzlk_vw9m6_197:not(#\9) {
198
+ transform: rotate(90deg);
11
199
  }
@@ -2,7 +2,10 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "handle-wrapper-side": "awsui_handle-wrapper-side_cqzlk_1qkms_5",
6
- "handle-wrapper-bottom": "awsui_handle-wrapper-bottom_cqzlk_1qkms_9"
5
+ "slider": "awsui_slider_cqzlk_vw9m6_145",
6
+ "slider-side": "awsui_slider-side_cqzlk_vw9m6_180",
7
+ "slider-icon": "awsui_slider-icon_cqzlk_vw9m6_187",
8
+ "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_vw9m6_193",
9
+ "slider-icon-side": "awsui_slider-icon-side_cqzlk_vw9m6_197"
7
10
  };
8
11
 
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { SortableAreaProps } from './interfaces';
3
+ export { SortableAreaProps };
4
+ export default function SortableArea<Item>({ items, itemDefinition, renderItem, onItemsChange, disableReorder, i18nStrings, }: SortableAreaProps<Item>): JSX.Element;
5
+ export declare function getBorderRadiusVariant(itemDefinition: SortableAreaProps.ItemDefinition<any>): SortableAreaProps.BorderRadiusVariant;
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/sortable-area/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,IAAI,EAAE,EACzC,KAAK,EACL,cAAc,EACd,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,iBAAiB,CAAC,IAAI,CAAC,eA4EzB;AAyED,wBAAgB,sBAAsB,CACpC,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,CAAC,GACpD,iBAAiB,CAAC,mBAAmB,CAEvC"}