@cloudscape-design/components 3.0.640 → 3.0.641

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 (123) hide show
  1. package/app-layout/drawer/index.js +1 -1
  2. package/app-layout/drawer/index.js.map +1 -1
  3. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  4. package/app-layout/drawer/resizable-drawer.js +2 -5
  5. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  6. package/app-layout/drawer/styles.css.js +13 -12
  7. package/app-layout/drawer/styles.scoped.css +30 -20
  8. package/app-layout/drawer/styles.selectors.js +13 -12
  9. package/app-layout/utils/use-resize.d.ts.map +1 -1
  10. package/app-layout/utils/use-resize.js +3 -7
  11. package/app-layout/utils/use-resize.js.map +1 -1
  12. package/app-layout/visual-refresh/drawers.js +1 -1
  13. package/app-layout/visual-refresh/drawers.js.map +1 -1
  14. package/app-layout/visual-refresh/split-panel.d.ts.map +1 -1
  15. package/app-layout/visual-refresh/split-panel.js +1 -3
  16. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  17. package/autosuggest/plain-list.d.ts.map +1 -1
  18. package/autosuggest/plain-list.js +1 -3
  19. package/autosuggest/plain-list.js.map +1 -1
  20. package/autosuggest/virtual-list.d.ts.map +1 -1
  21. package/autosuggest/virtual-list.js +1 -3
  22. package/autosuggest/virtual-list.js.map +1 -1
  23. package/calendar/utils/intl.d.ts.map +1 -1
  24. package/calendar/utils/intl.js +0 -3
  25. package/calendar/utils/intl.js.map +1 -1
  26. package/container/internal.d.ts.map +1 -1
  27. package/container/internal.js +3 -0
  28. package/container/internal.js.map +1 -1
  29. package/container/styles.css.js +29 -28
  30. package/container/styles.scoped.css +55 -52
  31. package/container/styles.selectors.js +29 -28
  32. package/date-range-picker/calendar/grids/index.d.ts.map +1 -1
  33. package/date-range-picker/calendar/grids/index.js +0 -8
  34. package/date-range-picker/calendar/grids/index.js.map +1 -1
  35. package/form/interfaces.d.ts +3 -8
  36. package/form/interfaces.d.ts.map +1 -1
  37. package/form/interfaces.js.map +1 -1
  38. package/form/internal.d.ts +1 -1
  39. package/form/internal.d.ts.map +1 -1
  40. package/form/internal.js +14 -20
  41. package/form/internal.js.map +1 -1
  42. package/form/styles.css.js +8 -9
  43. package/form/styles.scoped.css +8 -8
  44. package/form/styles.selectors.js +8 -9
  45. package/header/internal.d.ts.map +1 -1
  46. package/header/internal.js +1 -3
  47. package/header/internal.js.map +1 -1
  48. package/header/styles.css.js +34 -35
  49. package/header/styles.scoped.css +50 -53
  50. package/header/styles.selectors.js +34 -35
  51. package/input/styles.css.js +13 -13
  52. package/input/styles.scoped.css +32 -35
  53. package/input/styles.selectors.js +13 -13
  54. package/internal/components/chart-plot/application-controller.js +3 -13
  55. package/internal/components/chart-plot/application-controller.js.map +1 -1
  56. package/internal/components/dropdown/index.d.ts.map +1 -1
  57. package/internal/components/dropdown/index.js +0 -2
  58. package/internal/components/dropdown/index.js.map +1 -1
  59. package/internal/components/dropdown/styles.css.js +20 -20
  60. package/internal/components/dropdown/styles.scoped.css +39 -45
  61. package/internal/components/dropdown/styles.selectors.js +20 -20
  62. package/internal/components/panel-resize-handle/icon.d.ts +5 -0
  63. package/internal/components/panel-resize-handle/icon.d.ts.map +1 -0
  64. package/internal/components/panel-resize-handle/icon.js +9 -0
  65. package/internal/components/panel-resize-handle/icon.js.map +1 -0
  66. package/internal/components/panel-resize-handle/index.d.ts +12 -0
  67. package/internal/components/panel-resize-handle/index.d.ts.map +1 -0
  68. package/internal/components/panel-resize-handle/index.js +11 -0
  69. package/internal/components/panel-resize-handle/index.js.map +1 -0
  70. package/internal/components/panel-resize-handle/styles.css.js +10 -0
  71. package/internal/components/panel-resize-handle/styles.scoped.css +153 -0
  72. package/internal/components/panel-resize-handle/styles.selectors.js +11 -0
  73. package/internal/context/single-tab-stop-navigation-context.js +2 -2
  74. package/internal/context/single-tab-stop-navigation-context.js.map +1 -1
  75. package/internal/environment.js +1 -1
  76. package/internal/environment.json +1 -1
  77. package/internal/manifest.json +1 -1
  78. package/internal/utils/content-header-utils.d.ts +0 -2
  79. package/internal/utils/content-header-utils.d.ts.map +1 -1
  80. package/internal/utils/content-header-utils.js +0 -3
  81. package/internal/utils/content-header-utils.js.map +1 -1
  82. package/internal/utils/dom.d.ts.map +1 -1
  83. package/internal/utils/dom.js +7 -27
  84. package/internal/utils/dom.js.map +1 -1
  85. package/internal/utils/global-flags.d.ts +0 -1
  86. package/internal/utils/global-flags.d.ts.map +1 -1
  87. package/internal/utils/global-flags.js.map +1 -1
  88. package/package.json +1 -1
  89. package/pie-chart/labels.d.ts.map +1 -1
  90. package/pie-chart/labels.js +1 -4
  91. package/pie-chart/labels.js.map +1 -1
  92. package/pie-chart/pie-chart.d.ts.map +1 -1
  93. package/pie-chart/pie-chart.js +0 -3
  94. package/pie-chart/pie-chart.js.map +1 -1
  95. package/pie-chart/utils.d.ts.map +1 -1
  96. package/pie-chart/utils.js +0 -4
  97. package/pie-chart/utils.js.map +1 -1
  98. package/popover/internal.js +3 -6
  99. package/popover/internal.js.map +1 -1
  100. package/popover/styles.css.js +49 -50
  101. package/popover/styles.scoped.css +66 -69
  102. package/popover/styles.selectors.js +49 -50
  103. package/segmented-control/styles.css.js +14 -14
  104. package/segmented-control/styles.scoped.css +33 -33
  105. package/segmented-control/styles.selectors.js +14 -14
  106. package/split-panel/implementation.d.ts.map +1 -1
  107. package/split-panel/implementation.js +6 -3
  108. package/split-panel/implementation.js.map +1 -1
  109. package/split-panel/styles.css.js +26 -31
  110. package/split-panel/styles.scoped.css +41 -97
  111. package/split-panel/styles.selectors.js +26 -31
  112. package/table/selection/selection-control.d.ts.map +1 -1
  113. package/table/selection/selection-control.js.map +1 -1
  114. package/table/table-role/utils.d.ts.map +1 -1
  115. package/table/table-role/utils.js +6 -1
  116. package/table/table-role/utils.js.map +1 -1
  117. package/tiles/styles.css.js +29 -29
  118. package/tiles/styles.scoped.css +82 -95
  119. package/tiles/styles.selectors.js +29 -29
  120. package/split-panel/icons/resize-handler.d.ts +0 -6
  121. package/split-panel/icons/resize-handler.d.ts.map +0 -1
  122. package/split-panel/icons/resize-handler.js +0 -8
  123. package/split-panel/icons/resize-handler.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_ori7u_99:not(#\9) {
100
- animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
99
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
100
+ animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
101
101
  }
102
- @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1 {
102
+ @keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_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_ori7u_99:not(#\9) {
111
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
112
112
  animation: none;
113
113
  transition: none;
114
114
  }
115
115
  }
116
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
116
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
117
117
  animation: none;
118
118
  transition: none;
119
119
  }
120
- .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
120
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9) {
121
121
  transform-origin: top;
122
- animation-name: awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1;
122
+ animation-name: awsui_awsui-motion-fade-in-0_qwoo0_13u58_1;
123
123
  animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
124
124
  animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
125
125
  }
126
- @keyframes awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1 {
126
+ @keyframes awsui_awsui-motion-fade-in-0_qwoo0_13u58_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_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
135
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9) {
136
136
  animation: none;
137
137
  transition: none;
138
138
  }
139
139
  }
140
- .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_refresh_qwoo0_ori7u_120:not(#\9) {
140
+ .awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_refresh_qwoo0_13u58_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_ori7u_149:not(#\9) {
149
+ .awsui_root_qwoo0_13u58_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_ori7u_149.awsui_interior_qwoo0_ori7u_185:not(#\9) {
186
+ .awsui_root_qwoo0_13u58_149.awsui_interior_qwoo0_13u58_185:not(#\9) {
187
187
  position: static;
188
188
  }
189
189
 
190
- .awsui_dropdown_qwoo0_ori7u_99:not(#\9) {
190
+ .awsui_dropdown_qwoo0_13u58_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_ori7u_99.awsui_use-portal_qwoo0_ori7u_196:not(#\9) {
198
+ .awsui_dropdown_qwoo0_13u58_99.awsui_use-portal_qwoo0_13u58_196:not(#\9) {
199
199
  z-index: 7000;
200
200
  }
201
- .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
201
+ .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
202
202
  transform: translateY(0px);
203
203
  transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
204
204
  }
205
205
  @media (prefers-reduced-motion: reduce) {
206
- .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
206
+ .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
207
207
  animation: none;
208
208
  transition: none;
209
209
  }
210
210
  }
211
- .awsui-motion-disabled .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185), .awsui-mode-entering .awsui_dropdown_qwoo0_ori7u_99:not(#\9):not(.awsui_interior_qwoo0_ori7u_185) {
211
+ .awsui-motion-disabled .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185), .awsui-mode-entering .awsui_dropdown_qwoo0_13u58_99:not(#\9):not(.awsui_interior_qwoo0_13u58_185) {
212
212
  animation: none;
213
213
  transition: none;
214
214
  }
215
- .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
215
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
216
216
  position: relative;
217
217
  background-color: var(--color-background-dropdown-item-default-be16w5, #ffffff);
218
218
  outline: none;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
224
224
  border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
225
225
  box-sizing: border-box;
226
226
  }
227
- .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9)::after {
227
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9)::after {
228
228
  content: "";
229
229
  position: absolute;
230
230
  z-index: 1;
@@ -241,77 +241,71 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
241
241
  border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
242
242
  pointer-events: none;
243
243
  }
244
- @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
245
- .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
246
- border-block: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
247
- border-inline: var(--border-field-width-09w7vk, 2px) solid var(--color-border-container-top-736buh, transparent);
248
- }
249
- }
250
- .awsui_dropdown-content-wrapper_qwoo0_ori7u_99.awsui_is-empty_qwoo0_ori7u_248:not(#\9)::after {
244
+ .awsui_dropdown-content-wrapper_qwoo0_13u58_99.awsui_is-empty_qwoo0_13u58_242:not(#\9)::after {
251
245
  display: none;
252
246
  }
253
- .awsui_dropdown_qwoo0_ori7u_99 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
247
+ .awsui_dropdown_qwoo0_13u58_99 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
254
248
  border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
255
249
  border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-yakmix, #b6bec9);
256
250
  }
257
- .awsui_dropdown-drop-up_qwoo0_ori7u_255 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
251
+ .awsui_dropdown-drop-up_qwoo0_13u58_249 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
258
252
  transform-origin: bottom;
259
253
  box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
260
254
  }
261
- .awsui_dropdown-drop-up_qwoo0_ori7u_255.awsui_with-limited-width_qwoo0_ori7u_259 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
255
+ .awsui_dropdown-drop-up_qwoo0_13u58_249.awsui_with-limited-width_qwoo0_13u58_253 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
262
256
  border-block-start: none;
263
257
  }
264
- .awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9) {
258
+ .awsui_dropdown-drop-left_qwoo0_13u58_256:not(#\9) {
265
259
  inset-inline-end: 0;
266
260
  }
267
- .awsui_dropdown-drop-left_qwoo0_ori7u_262:not(#\9):dir(rtl) {
261
+ .awsui_dropdown-drop-left_qwoo0_13u58_256:not(#\9):dir(rtl) {
268
262
  inset-inline-end: unset;
269
263
  }
270
- .awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9) {
264
+ .awsui_dropdown-drop-right_qwoo0_13u58_262:not(#\9) {
271
265
  inset-inline-start: 0;
272
266
  }
273
- .awsui_dropdown-drop-right_qwoo0_ori7u_268:not(#\9):dir(rtl) {
267
+ .awsui_dropdown-drop-right_qwoo0_13u58_262:not(#\9):dir(rtl) {
274
268
  inset-inline-start: unset;
275
269
  }
276
- .awsui_dropdown_qwoo0_ori7u_99.awsui_occupy-entire-width_qwoo0_ori7u_274:not(#\9) {
270
+ .awsui_dropdown_qwoo0_13u58_99.awsui_occupy-entire-width_qwoo0_13u58_268:not(#\9) {
277
271
  min-inline-size: 100%;
278
272
  }
279
- .awsui_dropdown_qwoo0_ori7u_99.awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277:not(#\9) {
273
+ .awsui_dropdown_qwoo0_13u58_99.awsui_stretch-beyond-trigger-width_qwoo0_13u58_271:not(#\9) {
280
274
  inline-size: max-content;
281
275
  max-inline-size: var(--awsui-dropdown-default-max-width-7t5ed6, 100%);
282
276
  }
283
- .awsui_dropdown_qwoo0_ori7u_99.awsui_interior_qwoo0_ori7u_185 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
277
+ .awsui_dropdown_qwoo0_13u58_99.awsui_interior_qwoo0_13u58_185 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
284
278
  margin-block-start: -1px;
285
279
  }
286
- .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
280
+ .awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
287
281
  border-block-start: none;
288
282
  }
289
- .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_ori7u_255) > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99 {
283
+ .awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_13u58_249) > .awsui_dropdown-content-wrapper_qwoo0_13u58_99 {
290
284
  border-block-end: none;
291
285
  }
292
- .awsui_dropdown_qwoo0_ori7u_99.awsui_hide-block-border_qwoo0_ori7u_284.awsui_refresh_qwoo0_ori7u_120 > .awsui_dropdown-content-wrapper_qwoo0_ori7u_99:not(#\9) {
286
+ .awsui_dropdown_qwoo0_13u58_99.awsui_hide-block-border_qwoo0_13u58_278.awsui_refresh_qwoo0_13u58_120 > .awsui_dropdown-content-wrapper_qwoo0_13u58_99:not(#\9) {
293
287
  border-block-end: none;
294
288
  }
295
- .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9) {
289
+ .awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9) {
296
290
  display: block;
297
291
  }
298
- .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true] {
292
+ .awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9):not(.awsui_interior_qwoo0_13u58_185).awsui_refresh_qwoo0_13u58_120[data-animating=true] {
299
293
  transform: translateY(4px);
300
294
  }
301
- .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293:not(#\9):not(.awsui_interior_qwoo0_ori7u_185).awsui_refresh_qwoo0_ori7u_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_ori7u_255 {
295
+ .awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287:not(#\9):not(.awsui_interior_qwoo0_13u58_185).awsui_refresh_qwoo0_13u58_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_13u58_249 {
302
296
  transform: translateY(-4px);
303
297
  }
304
- .awsui_dropdown_qwoo0_ori7u_99.awsui_open_qwoo0_ori7u_293.awsui_nowrap_qwoo0_ori7u_302:not(#\9) {
298
+ .awsui_dropdown_qwoo0_13u58_99.awsui_open_qwoo0_13u58_287.awsui_nowrap_qwoo0_13u58_296:not(#\9) {
305
299
  white-space: nowrap;
306
300
  overflow: scroll;
307
301
  }
308
302
 
309
- .awsui_dropdown-content_qwoo0_ori7u_99:not(#\9) {
303
+ .awsui_dropdown-content_qwoo0_13u58_99:not(#\9) {
310
304
  display: flex;
311
305
  flex-direction: column;
312
306
  inline-size: 100%;
313
307
  }
314
308
 
315
- .awsui_stretch-trigger-height_qwoo0_ori7u_313:not(#\9) {
309
+ .awsui_stretch-trigger-height_qwoo0_13u58_307:not(#\9) {
316
310
  block-size: 100%;
317
311
  }
@@ -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_ori7u_99",
6
- "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_ori7u_1",
7
- "refresh": "awsui_refresh_qwoo0_ori7u_120",
8
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_ori7u_1",
9
- "root": "awsui_root_qwoo0_ori7u_149",
10
- "interior": "awsui_interior_qwoo0_ori7u_185",
11
- "dropdown": "awsui_dropdown_qwoo0_ori7u_99",
12
- "use-portal": "awsui_use-portal_qwoo0_ori7u_196",
13
- "is-empty": "awsui_is-empty_qwoo0_ori7u_248",
14
- "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_ori7u_255",
15
- "with-limited-width": "awsui_with-limited-width_qwoo0_ori7u_259",
16
- "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_ori7u_262",
17
- "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_ori7u_268",
18
- "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_ori7u_274",
19
- "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_ori7u_277",
20
- "hide-block-border": "awsui_hide-block-border_qwoo0_ori7u_284",
21
- "open": "awsui_open_qwoo0_ori7u_293",
22
- "nowrap": "awsui_nowrap_qwoo0_ori7u_302",
23
- "dropdown-content": "awsui_dropdown-content_qwoo0_ori7u_99",
24
- "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_ori7u_313"
5
+ "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_13u58_99",
6
+ "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_13u58_1",
7
+ "refresh": "awsui_refresh_qwoo0_13u58_120",
8
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_13u58_1",
9
+ "root": "awsui_root_qwoo0_13u58_149",
10
+ "interior": "awsui_interior_qwoo0_13u58_185",
11
+ "dropdown": "awsui_dropdown_qwoo0_13u58_99",
12
+ "use-portal": "awsui_use-portal_qwoo0_13u58_196",
13
+ "is-empty": "awsui_is-empty_qwoo0_13u58_242",
14
+ "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_13u58_249",
15
+ "with-limited-width": "awsui_with-limited-width_qwoo0_13u58_253",
16
+ "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_13u58_256",
17
+ "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_13u58_262",
18
+ "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_13u58_268",
19
+ "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_13u58_271",
20
+ "hide-block-border": "awsui_hide-block-border_qwoo0_13u58_278",
21
+ "open": "awsui_open_qwoo0_13u58_287",
22
+ "nowrap": "awsui_nowrap_qwoo0_13u58_296",
23
+ "dropdown-content": "awsui_dropdown-content_qwoo0_13u58_99",
24
+ "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_13u58_307"
25
25
  };
26
26
 
@@ -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"]}
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ interface ResizeHandleProps {
3
+ className?: string;
4
+ ariaLabel: string | undefined;
5
+ position: 'side' | 'bottom';
6
+ ariaValuenow: number;
7
+ onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
8
+ onPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
9
+ }
10
+ declare const _default: React.ForwardRefExoticComponent<ResizeHandleProps & React.RefAttributes<HTMLDivElement>>;
11
+ export default _default;
12
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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;AAI1B,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"}
@@ -0,0 +1,11 @@
1
+ // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
+ // SPDX-License-Identifier: Apache-2.0
3
+ import clsx from 'clsx';
4
+ import React from 'react';
5
+ import ResizeHandleIcon from './icon';
6
+ import styles from './styles.css.js';
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}`]) })));
10
+ });
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/panel-resize-handle/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,QAAQ,CAAC;AACtC,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 clsx from 'clsx';\nimport React from 'react';\nimport ResizeHandleIcon from './icon';\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"]}
@@ -0,0 +1,10 @@
1
+
2
+ import './styles.scoped.css';
3
+ export default {
4
+ "slider": "awsui_slider_cqzlk_1ksjn_99",
5
+ "slider-side": "awsui_slider-side_cqzlk_1ksjn_134",
6
+ "slider-icon": "awsui_slider-icon_cqzlk_1ksjn_141",
7
+ "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1ksjn_147",
8
+ "slider-icon-side": "awsui_slider-icon-side_cqzlk_1ksjn_151"
9
+ };
10
+
@@ -0,0 +1,153 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+ /* stylelint-disable plugin/no-unsupported-browser-features */
6
+ /* stylelint-enable plugin/no-unsupported-browser-features */
7
+ /*
8
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
9
+ SPDX-License-Identifier: Apache-2.0
10
+ */
11
+ /*
12
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
13
+ SPDX-License-Identifier: Apache-2.0
14
+ */
15
+ /*
16
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
17
+ SPDX-License-Identifier: Apache-2.0
18
+ */
19
+ /*
20
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
21
+ SPDX-License-Identifier: Apache-2.0
22
+ */
23
+ /*
24
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
25
+ SPDX-License-Identifier: Apache-2.0
26
+ */
27
+ /*
28
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
29
+ SPDX-License-Identifier: Apache-2.0
30
+ */
31
+ /*
32
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
33
+ SPDX-License-Identifier: Apache-2.0
34
+ */
35
+ /*
36
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
37
+ SPDX-License-Identifier: Apache-2.0
38
+ */
39
+ /*
40
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
41
+ SPDX-License-Identifier: Apache-2.0
42
+ */
43
+ /*
44
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
45
+ SPDX-License-Identifier: Apache-2.0
46
+ */
47
+ /*
48
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
49
+ SPDX-License-Identifier: Apache-2.0
50
+ */
51
+ /*
52
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
53
+ SPDX-License-Identifier: Apache-2.0
54
+ */
55
+ /*
56
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
57
+ SPDX-License-Identifier: Apache-2.0
58
+ */
59
+ /*
60
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
61
+ SPDX-License-Identifier: Apache-2.0
62
+ */
63
+ /*
64
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
65
+ SPDX-License-Identifier: Apache-2.0
66
+ */
67
+ /*
68
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
69
+ SPDX-License-Identifier: Apache-2.0
70
+ */
71
+ /* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
72
+ /* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
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
+ /* Style used for links in slots/components that are text heavy, to help links stand out among
90
+ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
91
+ /*
92
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
93
+ SPDX-License-Identifier: Apache-2.0
94
+ */
95
+ /*
96
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
97
+ SPDX-License-Identifier: Apache-2.0
98
+ */
99
+ .awsui_slider_cqzlk_1ksjn_99:not(#\9) {
100
+ padding-block: 0;
101
+ padding-inline: 0;
102
+ cursor: ns-resize;
103
+ margin-block-start: 2px;
104
+ margin-block-end: 0;
105
+ margin-inline: 0;
106
+ block-size: 16px;
107
+ touch-action: none;
108
+ }
109
+ .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
110
+ outline: none;
111
+ }
112
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
113
+ position: relative;
114
+ }
115
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus {
116
+ outline: 2px dotted transparent;
117
+ outline-offset: calc(0px - 1px);
118
+ }
119
+ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1ksjn_99:not(#\9):focus::before {
120
+ content: " ";
121
+ display: block;
122
+ position: absolute;
123
+ inset-inline-start: calc(-1 * 0px);
124
+ inset-block-start: calc(-1 * 0px);
125
+ inline-size: calc(100% + 2 * 0px);
126
+ block-size: calc(100% + 2 * 0px);
127
+ border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
128
+ border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
129
+ border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
130
+ border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
131
+ box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
132
+ }
133
+
134
+ .awsui_slider-side_cqzlk_1ksjn_134:not(#\9) {
135
+ cursor: ew-resize;
136
+ margin-block: 0;
137
+ margin-inline-start: 2px;
138
+ margin-inline-end: 0;
139
+ }
140
+
141
+ .awsui_slider-icon_cqzlk_1ksjn_141:not(#\9) {
142
+ stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
143
+ }
144
+ .awsui_slider-icon_cqzlk_1ksjn_141:not(#\9):hover {
145
+ stroke: var(--color-text-interactive-hover-mj8add, #000716);
146
+ }
147
+ .awsui_slider-icon-bottom_cqzlk_1ksjn_147:not(#\9) {
148
+ margin-block: auto;
149
+ margin-inline: auto;
150
+ }
151
+ .awsui_slider-icon-side_cqzlk_1ksjn_151:not(#\9) {
152
+ transform: rotate(90deg);
153
+ }
@@ -0,0 +1,11 @@
1
+
2
+ // es-module interop with Babel and Typescript
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ module.exports.default = {
5
+ "slider": "awsui_slider_cqzlk_1ksjn_99",
6
+ "slider-side": "awsui_slider-side_cqzlk_1ksjn_134",
7
+ "slider-icon": "awsui_slider-icon_cqzlk_1ksjn_141",
8
+ "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1ksjn_147",
9
+ "slider-icon-side": "awsui_slider-icon-side_cqzlk_1ksjn_151"
10
+ };
11
+
@@ -1,6 +1,6 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import { createContext, useContext, useEffect, useState } from 'react';
3
+ import { createContext, useContext, useLayoutEffect, useState } from 'react';
4
4
  export const defaultValue = {
5
5
  navigationActive: false,
6
6
  registerFocusable: () => () => { },
@@ -16,7 +16,7 @@ export function useSingleTabStopNavigation(focusable, options) {
16
16
  const [focusTargetActive, setFocusTargetActive] = useState(false);
17
17
  const navigationDisabled = (options === null || options === void 0 ? void 0 : options.tabIndex) && (options === null || options === void 0 ? void 0 : options.tabIndex) < 0;
18
18
  const navigationActive = contextNavigationActive && !navigationDisabled;
19
- useEffect(() => {
19
+ useLayoutEffect(() => {
20
20
  if (navigationActive && focusable && focusable.current) {
21
21
  const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));
22
22
  return () => unregister();
@@ -1 +1 @@
1
- {"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQvE,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,gBAAgB,EAAE,KAAK;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE1E,MAAM,UAAU,0BAA0B,CACxC,SAA8C,EAC9C,OAA+B;;IAE/B,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACpH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,IAAG,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YACtD,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;YAC1G,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACjC,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC7D;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext, useContext, useEffect, useState } from 'react';\n\nexport type FocusableChangeHandler = (isFocusable: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n tabIndex?: number;\n}\n\nexport const defaultValue: {\n navigationActive: boolean;\n registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;\n} = {\n navigationActive: false,\n registerFocusable: () => () => {},\n};\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext(defaultValue);\n\nexport function useSingleTabStopNavigation(\n focusable: null | React.RefObject<HTMLElement>,\n options?: { tabIndex?: number }\n) {\n const { navigationActive: contextNavigationActive, registerFocusable } = useContext(SingleTabStopNavigationContext);\n const [focusTargetActive, setFocusTargetActive] = useState(false);\n const navigationDisabled = options?.tabIndex && options?.tabIndex < 0;\n const navigationActive = contextNavigationActive && !navigationDisabled;\n\n useEffect(() => {\n if (navigationActive && focusable && focusable.current) {\n const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));\n return () => unregister();\n }\n });\n\n let tabIndex = options?.tabIndex;\n if (navigationActive) {\n tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n }\n\n return { navigationActive, tabIndex };\n}\n"]}
1
+ {"version":3,"file":"single-tab-stop-navigation-context.js","sourceRoot":"","sources":["../../../../src/internal/context/single-tab-stop-navigation-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ7E,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,gBAAgB,EAAE,KAAK;IACvB,iBAAiB,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAE,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAE1E,MAAM,UAAU,0BAA0B,CACxC,SAA8C,EAC9C,OAA+B;;IAE/B,MAAM,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,GAAG,UAAU,CAAC,8BAA8B,CAAC,CAAC;IACpH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,kBAAkB,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,KAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,IAAG,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,uBAAuB,IAAI,CAAC,kBAAkB,CAAC;IAExE,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE;YACtD,MAAM,UAAU,GAAG,iBAAiB,CAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;YAC1G,OAAO,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC,CAAC;IAEH,IAAI,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;IACjC,IAAI,gBAAgB,EAAE;QACpB,QAAQ,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,mCAAI,CAAC,CAAC;KAC7D;IAED,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { createContext, useContext, useLayoutEffect, useState } from 'react';\n\nexport type FocusableChangeHandler = (isFocusable: boolean) => void;\n\nexport interface SingleTabStopNavigationOptions {\n tabIndex?: number;\n}\n\nexport const defaultValue: {\n navigationActive: boolean;\n registerFocusable(focusable: HTMLElement, handler: FocusableChangeHandler): () => void;\n} = {\n navigationActive: false,\n registerFocusable: () => () => {},\n};\n\n/**\n * Single tab stop navigation context is used together with keyboard navigation that requires a single tab stop.\n * It instructs interactive elements to override tab indices for just a single one to remain user-focusable.\n */\nexport const SingleTabStopNavigationContext = createContext(defaultValue);\n\nexport function useSingleTabStopNavigation(\n focusable: null | React.RefObject<HTMLElement>,\n options?: { tabIndex?: number }\n) {\n const { navigationActive: contextNavigationActive, registerFocusable } = useContext(SingleTabStopNavigationContext);\n const [focusTargetActive, setFocusTargetActive] = useState(false);\n const navigationDisabled = options?.tabIndex && options?.tabIndex < 0;\n const navigationActive = contextNavigationActive && !navigationDisabled;\n\n useLayoutEffect(() => {\n if (navigationActive && focusable && focusable.current) {\n const unregister = registerFocusable(focusable.current, isFocusable => setFocusTargetActive(isFocusable));\n return () => unregister();\n }\n });\n\n let tabIndex = options?.tabIndex;\n if (navigationActive) {\n tabIndex = !focusTargetActive ? -1 : options?.tabIndex ?? 0;\n }\n\n return { navigationActive, tabIndex };\n}\n"]}
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (fea11051)";
2
+ export var PACKAGE_VERSION = "3.0.0 (06cdd1f1)";
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 (fea11051)",
3
+ "PACKAGE_VERSION": "3.0.0 (06cdd1f1)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "fea11051dc7ba0573039a7aa83a0f313dba47083"
2
+ "commit": "06cdd1f1de1de206a8d3ccf6cbdd4929d0095161"
3
3
  }
@@ -1,4 +1,2 @@
1
1
  export declare const highContrastHeaderClassName = "awsui-context-content-header";
2
- export declare const shouldRemoveHighContrastHeader: () => boolean;
3
- export declare const getContentHeaderClassName: () => string;
4
2
  //# 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,2BAA2B,iCAAiC,CAAC;AAC1E,eAAO,MAAM,8BAA8B,QAAO,OAAsD,CAAC;AACzG,eAAO,MAAM,yBAAyB,QAAO,MACwB,CAAC"}
1
+ {"version":3,"file":"content-header-utils.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B,iCAAiC,CAAC"}
@@ -1,7 +1,4 @@
1
1
  // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
2
  // SPDX-License-Identifier: Apache-2.0
3
- import { getGlobalFlag } from './global-flags';
4
3
  export const highContrastHeaderClassName = 'awsui-context-content-header';
5
- export const shouldRemoveHighContrastHeader = () => !!getGlobalFlag('removeHighContrastHeader');
6
- export const getContentHeaderClassName = () => shouldRemoveHighContrastHeader() ? '' : highContrastHeaderClassName;
7
4
  //# 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,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
+ {"version":3,"file":"content-header-utils.js","sourceRoot":"","sources":["../../../../src/internal/utils/content-header-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,MAAM,CAAC,MAAM,2BAA2B,GAAG,8BAA8B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nexport const highContrastHeaderClassName = 'awsui-context-content-header';\n"]}
@@ -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;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":"AAIA,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,IAAI,CAY9G;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAchF;AAID;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAiB7C"}