@cloudscape-design/components 3.0.360 → 3.0.362

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 (194) hide show
  1. package/annotation-context/annotation/styles.css.js +24 -24
  2. package/annotation-context/annotation/styles.scoped.css +30 -30
  3. package/annotation-context/annotation/styles.selectors.js +24 -24
  4. package/app-layout/index.d.ts.map +1 -1
  5. package/app-layout/index.js +4 -5
  6. package/app-layout/index.js.map +1 -1
  7. package/app-layout/utils/use-content-width.js +1 -1
  8. package/app-layout/utils/use-content-width.js.map +1 -1
  9. package/app-layout/utils/use-observed-element.js +1 -1
  10. package/app-layout/utils/use-observed-element.js.map +1 -1
  11. package/app-layout/visual-refresh/styles.css.js +69 -69
  12. package/app-layout/visual-refresh/styles.scoped.css +169 -169
  13. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  14. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  15. package/area-chart/model/use-chart-model.js +2 -2
  16. package/area-chart/model/use-chart-model.js.map +1 -1
  17. package/area-chart/styles.css.js +6 -6
  18. package/area-chart/styles.scoped.css +10 -10
  19. package/area-chart/styles.selectors.js +6 -6
  20. package/attribute-editor/styles.css.js +14 -14
  21. package/attribute-editor/styles.scoped.css +25 -25
  22. package/attribute-editor/styles.selectors.js +14 -14
  23. package/button-dropdown/category-elements/styles.css.js +13 -13
  24. package/button-dropdown/category-elements/styles.scoped.css +27 -27
  25. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  26. package/button-dropdown/item-element/styles.css.js +15 -15
  27. package/button-dropdown/item-element/styles.scoped.css +19 -19
  28. package/button-dropdown/item-element/styles.selectors.js +15 -15
  29. package/button-dropdown/styles.css.js +14 -14
  30. package/button-dropdown/styles.scoped.css +22 -22
  31. package/button-dropdown/styles.selectors.js +14 -14
  32. package/code-editor/listeners.js +2 -2
  33. package/code-editor/listeners.js.map +1 -1
  34. package/code-editor/resizable-box/index.js +2 -2
  35. package/code-editor/resizable-box/index.js.map +1 -1
  36. package/code-editor/styles.css.js +32 -32
  37. package/code-editor/styles.scoped.css +130 -130
  38. package/code-editor/styles.selectors.js +32 -32
  39. package/collection-preferences/content-display/styles.css.js +11 -11
  40. package/collection-preferences/content-display/styles.scoped.css +18 -18
  41. package/collection-preferences/content-display/styles.selectors.js +11 -11
  42. package/collection-preferences/styles.css.js +37 -37
  43. package/collection-preferences/styles.scoped.css +47 -47
  44. package/collection-preferences/styles.selectors.js +37 -37
  45. package/column-layout/flexible-column-layout/styles.css.js +5 -5
  46. package/column-layout/flexible-column-layout/styles.scoped.css +5 -5
  47. package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
  48. package/column-layout/styles.css.js +13 -13
  49. package/column-layout/styles.scoped.css +46 -46
  50. package/column-layout/styles.selectors.js +13 -13
  51. package/container/styles.css.js +28 -28
  52. package/container/styles.scoped.css +55 -55
  53. package/container/styles.selectors.js +28 -28
  54. package/date-range-picker/styles.css.js +38 -38
  55. package/date-range-picker/styles.scoped.css +47 -47
  56. package/date-range-picker/styles.selectors.js +38 -38
  57. package/expandable-section/styles.css.js +29 -29
  58. package/expandable-section/styles.scoped.css +66 -66
  59. package/expandable-section/styles.selectors.js +29 -29
  60. package/form-field/styles.css.js +19 -19
  61. package/form-field/styles.scoped.css +30 -30
  62. package/form-field/styles.selectors.js +19 -19
  63. package/help-panel/styles.css.js +4 -4
  64. package/help-panel/styles.scoped.css +66 -66
  65. package/help-panel/styles.selectors.js +4 -4
  66. package/internal/base-component/styles.scoped.css +81 -57
  67. package/internal/components/dark-ribbon/index.js +2 -2
  68. package/internal/components/dark-ribbon/index.js.map +1 -1
  69. package/internal/components/dropdown-footer/styles.css.js +3 -3
  70. package/internal/components/dropdown-footer/styles.scoped.css +4 -4
  71. package/internal/components/dropdown-footer/styles.selectors.js +3 -3
  72. package/internal/components/options-list/index.d.ts.map +1 -1
  73. package/internal/components/options-list/index.js +2 -2
  74. package/internal/components/options-list/index.js.map +1 -1
  75. package/internal/components/selectable-item/styles.css.js +16 -16
  76. package/internal/components/selectable-item/styles.scoped.css +31 -31
  77. package/internal/components/selectable-item/styles.selectors.js +16 -16
  78. package/internal/components/token-list/styles.css.js +9 -9
  79. package/internal/components/token-list/styles.scoped.css +22 -22
  80. package/internal/components/token-list/styles.selectors.js +9 -9
  81. package/internal/environment.js +1 -1
  82. package/internal/environment.json +1 -1
  83. package/internal/generated/styles/tokens.js +1 -1
  84. package/internal/generated/theming/index.cjs +25 -23
  85. package/internal/generated/theming/index.js +25 -23
  86. package/internal/hooks/container-queries/index.d.ts +0 -1
  87. package/internal/hooks/container-queries/index.d.ts.map +1 -1
  88. package/internal/hooks/container-queries/index.js +0 -1
  89. package/internal/hooks/container-queries/index.js.map +1 -1
  90. package/internal/hooks/container-queries/use-height-measure.js +1 -1
  91. package/internal/hooks/container-queries/use-height-measure.js.map +1 -1
  92. package/internal/hooks/use-dynamic-overlap/index.js +1 -1
  93. package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
  94. package/internal/hooks/use-mobile/index.js +1 -1
  95. package/internal/hooks/use-mobile/index.js.map +1 -1
  96. package/internal/hooks/use-mouse-down-target.js +1 -1
  97. package/internal/hooks/use-mouse-down-target.js.map +1 -1
  98. package/internal/hooks/use-mutation-observer/index.d.ts.map +1 -1
  99. package/internal/hooks/use-mutation-observer/index.js +2 -3
  100. package/internal/hooks/use-mutation-observer/index.js.map +1 -1
  101. package/internal/manifest.json +1 -1
  102. package/modal/styles.css.js +23 -23
  103. package/modal/styles.scoped.css +39 -39
  104. package/modal/styles.selectors.js +23 -23
  105. package/package.json +1 -1
  106. package/pie-chart/labels.js +1 -1
  107. package/pie-chart/labels.js.map +1 -1
  108. package/pie-chart/styles.css.js +27 -27
  109. package/pie-chart/styles.scoped.css +43 -43
  110. package/pie-chart/styles.selectors.js +27 -27
  111. package/popover/container.d.ts.map +1 -1
  112. package/popover/container.js +1 -1
  113. package/popover/container.js.map +1 -1
  114. package/property-filter/styles.css.js +29 -29
  115. package/property-filter/styles.scoped.css +33 -33
  116. package/property-filter/styles.selectors.js +29 -29
  117. package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
  118. package/s3-resource-selector/s3-in-context/styles.scoped.css +10 -10
  119. package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
  120. package/s3-resource-selector/s3-in-context/use-versions-fetch.d.ts.map +1 -1
  121. package/s3-resource-selector/s3-in-context/use-versions-fetch.js +2 -2
  122. package/s3-resource-selector/s3-in-context/use-versions-fetch.js.map +1 -1
  123. package/s3-resource-selector/s3-modal/basic-table.d.ts.map +1 -1
  124. package/s3-resource-selector/s3-modal/basic-table.js +2 -2
  125. package/s3-resource-selector/s3-modal/basic-table.js.map +1 -1
  126. package/side-navigation/styles.css.js +28 -28
  127. package/side-navigation/styles.scoped.css +43 -43
  128. package/side-navigation/styles.selectors.js +28 -28
  129. package/split-panel/bottom.js +1 -1
  130. package/split-panel/bottom.js.map +1 -1
  131. package/split-panel/styles.css.js +56 -56
  132. package/split-panel/styles.scoped.css +85 -85
  133. package/split-panel/styles.selectors.js +56 -56
  134. package/table/body-cell/click-away.js +2 -2
  135. package/table/body-cell/click-away.js.map +1 -1
  136. package/table/body-cell/styles.css.js +28 -28
  137. package/table/body-cell/styles.scoped.css +76 -76
  138. package/table/body-cell/styles.selectors.js +28 -28
  139. package/table/header-cell/styles.css.js +24 -24
  140. package/table/header-cell/styles.scoped.css +43 -43
  141. package/table/header-cell/styles.selectors.js +24 -24
  142. package/table/resizer/index.js +3 -3
  143. package/table/resizer/index.js.map +1 -1
  144. package/table/sticky-columns/use-sticky-columns.d.ts.map +1 -1
  145. package/table/sticky-columns/use-sticky-columns.js +2 -3
  146. package/table/sticky-columns/use-sticky-columns.js.map +1 -1
  147. package/table/sticky-scrollbar/styles.css.js +6 -6
  148. package/table/sticky-scrollbar/styles.scoped.css +9 -9
  149. package/table/sticky-scrollbar/styles.selectors.js +6 -6
  150. package/table/styles.css.js +34 -34
  151. package/table/styles.scoped.css +42 -42
  152. package/table/styles.selectors.js +34 -34
  153. package/table/use-sticky-header.js +1 -1
  154. package/table/use-sticky-header.js.map +1 -1
  155. package/tabs/styles.css.js +21 -21
  156. package/tabs/styles.scoped.css +46 -46
  157. package/tabs/styles.selectors.js +21 -21
  158. package/tag-editor/index.d.ts.map +1 -1
  159. package/tag-editor/index.js +6 -6
  160. package/tag-editor/index.js.map +1 -1
  161. package/tiles/styles.css.js +29 -29
  162. package/tiles/styles.scoped.css +73 -73
  163. package/tiles/styles.selectors.js +29 -29
  164. package/top-navigation/1.0-beta/styles.css.js +25 -25
  165. package/top-navigation/1.0-beta/styles.scoped.css +43 -43
  166. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  167. package/top-navigation/styles.css.js +47 -47
  168. package/top-navigation/styles.scoped.css +73 -73
  169. package/top-navigation/styles.selectors.js +47 -47
  170. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  171. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
  172. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  173. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  174. package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  175. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  176. package/wizard/styles.css.js +31 -31
  177. package/wizard/styles.scoped.css +63 -63
  178. package/wizard/styles.selectors.js +31 -31
  179. package/internal/hooks/container-queries/use-resize-observer.d.ts +0 -21
  180. package/internal/hooks/container-queries/use-resize-observer.d.ts.map +0 -1
  181. package/internal/hooks/container-queries/use-resize-observer.js +0 -54
  182. package/internal/hooks/container-queries/use-resize-observer.js.map +0 -1
  183. package/internal/hooks/container-queries/utils.d.ts +0 -4
  184. package/internal/hooks/container-queries/utils.d.ts.map +0 -1
  185. package/internal/hooks/container-queries/utils.js +0 -10
  186. package/internal/hooks/container-queries/utils.js.map +0 -1
  187. package/internal/hooks/use-singleton-handler/index.d.ts +0 -11
  188. package/internal/hooks/use-singleton-handler/index.d.ts.map +0 -1
  189. package/internal/hooks/use-singleton-handler/index.js +0 -45
  190. package/internal/hooks/use-singleton-handler/index.js.map +0 -1
  191. package/internal/hooks/use-stable-event-handler/index.d.ts +0 -10
  192. package/internal/hooks/use-stable-event-handler/index.d.ts.map +0 -1
  193. package/internal/hooks/use-stable-event-handler/index.js +0 -19
  194. package/internal/hooks/use-stable-event-handler/index.js.map +0 -1
@@ -1,18 +1,18 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "header": "awsui_header_16mm3_gtwjq_93",
5
- "disabled": "awsui_disabled_16mm3_gtwjq_108",
6
- "expandable-header": "awsui_expandable-header_16mm3_gtwjq_112",
7
- "rolled-down": "awsui_rolled-down_16mm3_gtwjq_123",
8
- "highlighted": "awsui_highlighted_16mm3_gtwjq_126",
9
- "is-focused": "awsui_is-focused_16mm3_gtwjq_139",
10
- "variant-navigation": "awsui_variant-navigation_16mm3_gtwjq_143",
11
- "category": "awsui_category_16mm3_gtwjq_155",
12
- "expandable": "awsui_expandable_16mm3_gtwjq_112",
13
- "expand-icon": "awsui_expand-icon_16mm3_gtwjq_176",
14
- "expand-icon-up": "awsui_expand-icon-up_16mm3_gtwjq_183",
15
- "expand-icon-right": "awsui_expand-icon-right_16mm3_gtwjq_186",
16
- "items-list-container": "awsui_items-list-container_16mm3_gtwjq_200"
4
+ "header": "awsui_header_16mm3_pgkf2_93",
5
+ "disabled": "awsui_disabled_16mm3_pgkf2_108",
6
+ "expandable-header": "awsui_expandable-header_16mm3_pgkf2_112",
7
+ "rolled-down": "awsui_rolled-down_16mm3_pgkf2_123",
8
+ "highlighted": "awsui_highlighted_16mm3_pgkf2_126",
9
+ "is-focused": "awsui_is-focused_16mm3_pgkf2_139",
10
+ "variant-navigation": "awsui_variant-navigation_16mm3_pgkf2_143",
11
+ "category": "awsui_category_16mm3_pgkf2_155",
12
+ "expandable": "awsui_expandable_16mm3_pgkf2_112",
13
+ "expand-icon": "awsui_expand-icon_16mm3_pgkf2_176",
14
+ "expand-icon-up": "awsui_expand-icon-up_16mm3_pgkf2_183",
15
+ "expand-icon-right": "awsui_expand-icon-right_16mm3_pgkf2_186",
16
+ "items-list-container": "awsui_items-list-container_16mm3_pgkf2_200"
17
17
  };
18
18
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_header_16mm3_gtwjq_93:not(#\9) {
93
+ .awsui_header_16mm3_pgkf2_93:not(#\9) {
94
94
  position: relative;
95
95
  margin: 0;
96
96
  color: var(--color-text-dropdown-group-label-mej1lb, #414d5c);
@@ -105,25 +105,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
105
105
  ) calc(var(--space-button-horizontal-8jxzea, 20px) + var(--border-item-width-yel47s, 2px));
106
106
  z-index: 1;
107
107
  }
108
- .awsui_header_16mm3_gtwjq_93.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
108
+ .awsui_header_16mm3_pgkf2_93.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
109
109
  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
110
110
  cursor: default;
111
111
  }
112
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112:not(#\9) {
113
- border-top-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
114
- border-bottom-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
112
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112:not(#\9) {
113
+ border-top-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
114
+ border-bottom-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
115
115
  cursor: pointer;
116
116
  }
117
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
117
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
118
118
  cursor: default;
119
119
  }
120
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112:not(#\9):focus {
120
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112:not(#\9):focus {
121
121
  outline: none;
122
122
  }
123
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_rolled-down_16mm3_gtwjq_123:not(#\9) {
123
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_rolled-down_16mm3_pgkf2_123:not(#\9) {
124
124
  border-bottom-color: transparent;
125
125
  }
126
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126:not(#\9) {
126
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126:not(#\9) {
127
127
  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
128
128
  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
129
129
  padding: var(--space-xxs-p8yyaw, 4px) var(--space-button-horizontal-8jxzea, 20px);
@@ -131,73 +131,73 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
131
131
  border-radius: var(--border-radius-item-05df9h, 8px);
132
132
  z-index: 2;
133
133
  }
134
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126.awsui_disabled_16mm3_gtwjq_108:not(#\9) {
134
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126.awsui_disabled_16mm3_pgkf2_108:not(#\9) {
135
135
  background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
136
136
  border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
137
137
  color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
138
138
  }
139
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_highlighted_16mm3_gtwjq_126.awsui_is-focused_16mm3_gtwjq_139:not(#\9) {
139
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_highlighted_16mm3_pgkf2_126.awsui_is-focused_16mm3_pgkf2_139:not(#\9) {
140
140
  border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
141
141
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
142
142
  }
143
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_variant-navigation_16mm3_gtwjq_143:not(#\9) {
143
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_variant-navigation_16mm3_pgkf2_143:not(#\9) {
144
144
  padding-top: var(--space-xs-zb16t3, 8px);
145
145
  padding-bottom: var(--space-xs-zb16t3, 8px);
146
146
  }
147
- .awsui_header_16mm3_gtwjq_93.awsui_expandable-header_16mm3_gtwjq_112.awsui_variant-navigation_16mm3_gtwjq_143.awsui_highlighted_16mm3_gtwjq_126:not(#\9) {
147
+ .awsui_header_16mm3_pgkf2_93.awsui_expandable-header_16mm3_pgkf2_112.awsui_variant-navigation_16mm3_pgkf2_143.awsui_highlighted_16mm3_pgkf2_126:not(#\9) {
148
148
  border-color: transparent;
149
- border-top-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
150
- border-bottom-color: var(--color-border-dropdown-group-c2r4dp, #e9ebed);
149
+ border-top-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
150
+ border-bottom-color: var(--color-border-dropdown-group-zgquz8, #e9ebed);
151
151
  background-color: transparent;
152
152
  color: var(--color-text-accent-n2acxv, #0972d3);
153
153
  }
154
154
 
155
- .awsui_category_16mm3_gtwjq_155:not(#\9) {
155
+ .awsui_category_16mm3_pgkf2_155:not(#\9) {
156
156
  list-style: none;
157
157
  margin-top: calc(-1 * var(--border-divider-list-width-27y3k5, 1px));
158
158
  padding: 0;
159
159
  }
160
- .awsui_category_16mm3_gtwjq_155:not(#\9):first-child {
160
+ .awsui_category_16mm3_pgkf2_155:not(#\9):first-child {
161
161
  margin-top: 0;
162
162
  }
163
- .awsui_category_16mm3_gtwjq_155.awsui_expandable_16mm3_gtwjq_112:not(#\9) {
163
+ .awsui_category_16mm3_pgkf2_155.awsui_expandable_16mm3_pgkf2_112:not(#\9) {
164
164
  border-top: 0;
165
165
  }
166
- .awsui_category_16mm3_gtwjq_155:not(#\9):last-child {
166
+ .awsui_category_16mm3_pgkf2_155:not(#\9):last-child {
167
167
  border-bottom: none;
168
168
  }
169
- .awsui_category_16mm3_gtwjq_155.awsui_variant-navigation_16mm3_gtwjq_143:not(#\9) {
169
+ .awsui_category_16mm3_pgkf2_155.awsui_variant-navigation_16mm3_pgkf2_143:not(#\9) {
170
170
  padding-top: var(--space-xxs-p8yyaw, 4px);
171
171
  }
172
- .awsui_category_16mm3_gtwjq_155.awsui_variant-navigation_16mm3_gtwjq_143.awsui_expandable_16mm3_gtwjq_112:not(#\9) {
172
+ .awsui_category_16mm3_pgkf2_155.awsui_variant-navigation_16mm3_pgkf2_143.awsui_expandable_16mm3_pgkf2_112:not(#\9) {
173
173
  padding-top: 0;
174
174
  }
175
175
 
176
- .awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
176
+ .awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
177
177
  position: relative;
178
178
  left: var(--space-s-34lx8l, 12px);
179
179
  width: var(--space-m-udix3p, 16px);
180
180
  display: inline-block;
181
181
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
182
182
  }
183
- .awsui_expand-icon-up_16mm3_gtwjq_183:not(#\9) {
183
+ .awsui_expand-icon-up_16mm3_pgkf2_183:not(#\9) {
184
184
  transform: rotate(-180deg);
185
185
  }
186
- .awsui_expand-icon-right_16mm3_gtwjq_186:not(#\9) {
186
+ .awsui_expand-icon-right_16mm3_pgkf2_186:not(#\9) {
187
187
  transform: rotate(-90deg);
188
188
  }
189
189
  @media (prefers-reduced-motion: reduce) {
190
- .awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
190
+ .awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
191
191
  animation: none;
192
192
  transition: none;
193
193
  }
194
194
  }
195
- .awsui-motion-disabled .awsui_expand-icon_16mm3_gtwjq_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_gtwjq_176:not(#\9) {
195
+ .awsui-motion-disabled .awsui_expand-icon_16mm3_pgkf2_176:not(#\9), .awsui-mode-entering .awsui_expand-icon_16mm3_pgkf2_176:not(#\9) {
196
196
  animation: none;
197
197
  transition: none;
198
198
  }
199
199
 
200
- .awsui_items-list-container_16mm3_gtwjq_200:not(#\9) {
200
+ .awsui_items-list-container_16mm3_pgkf2_200:not(#\9) {
201
201
  padding: 0;
202
202
  margin: -1px 0 0 0;
203
203
  overflow-y: auto;
@@ -2,18 +2,18 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "header": "awsui_header_16mm3_gtwjq_93",
6
- "disabled": "awsui_disabled_16mm3_gtwjq_108",
7
- "expandable-header": "awsui_expandable-header_16mm3_gtwjq_112",
8
- "rolled-down": "awsui_rolled-down_16mm3_gtwjq_123",
9
- "highlighted": "awsui_highlighted_16mm3_gtwjq_126",
10
- "is-focused": "awsui_is-focused_16mm3_gtwjq_139",
11
- "variant-navigation": "awsui_variant-navigation_16mm3_gtwjq_143",
12
- "category": "awsui_category_16mm3_gtwjq_155",
13
- "expandable": "awsui_expandable_16mm3_gtwjq_112",
14
- "expand-icon": "awsui_expand-icon_16mm3_gtwjq_176",
15
- "expand-icon-up": "awsui_expand-icon-up_16mm3_gtwjq_183",
16
- "expand-icon-right": "awsui_expand-icon-right_16mm3_gtwjq_186",
17
- "items-list-container": "awsui_items-list-container_16mm3_gtwjq_200"
5
+ "header": "awsui_header_16mm3_pgkf2_93",
6
+ "disabled": "awsui_disabled_16mm3_pgkf2_108",
7
+ "expandable-header": "awsui_expandable-header_16mm3_pgkf2_112",
8
+ "rolled-down": "awsui_rolled-down_16mm3_pgkf2_123",
9
+ "highlighted": "awsui_highlighted_16mm3_pgkf2_126",
10
+ "is-focused": "awsui_is-focused_16mm3_pgkf2_139",
11
+ "variant-navigation": "awsui_variant-navigation_16mm3_pgkf2_143",
12
+ "category": "awsui_category_16mm3_pgkf2_155",
13
+ "expandable": "awsui_expandable_16mm3_pgkf2_112",
14
+ "expand-icon": "awsui_expand-icon_16mm3_pgkf2_176",
15
+ "expand-icon-up": "awsui_expand-icon-up_16mm3_pgkf2_183",
16
+ "expand-icon-right": "awsui_expand-icon-right_16mm3_pgkf2_186",
17
+ "items-list-container": "awsui_items-list-container_16mm3_pgkf2_200"
18
18
  };
19
19
 
@@ -1,20 +1,20 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "item-element": "awsui_item-element_93a1u_153ch_93",
5
- "disabled": "awsui_disabled_93a1u_153ch_103",
6
- "last": "awsui_last_93a1u_153ch_110",
7
- "highlighted": "awsui_highlighted_93a1u_153ch_113",
8
- "variant-icon": "awsui_variant-icon_93a1u_153ch_117",
9
- "variant-inline-icon": "awsui_variant-inline-icon_93a1u_153ch_117",
10
- "variant-normal": "awsui_variant-normal_93a1u_153ch_117",
11
- "variant-primary": "awsui_variant-primary_93a1u_153ch_117",
12
- "is-focused": "awsui_is-focused_93a1u_153ch_127",
13
- "variant-navigation": "awsui_variant-navigation_93a1u_153ch_131",
14
- "first": "awsui_first_93a1u_153ch_134",
15
- "has-category-header": "awsui_has-category-header_93a1u_153ch_134",
16
- "menu-item": "awsui_menu-item_93a1u_153ch_148",
17
- "icon": "awsui_icon_93a1u_153ch_166",
18
- "external-icon": "awsui_external-icon_93a1u_153ch_171"
4
+ "item-element": "awsui_item-element_93a1u_oqutk_93",
5
+ "disabled": "awsui_disabled_93a1u_oqutk_103",
6
+ "last": "awsui_last_93a1u_oqutk_110",
7
+ "highlighted": "awsui_highlighted_93a1u_oqutk_113",
8
+ "variant-icon": "awsui_variant-icon_93a1u_oqutk_117",
9
+ "variant-inline-icon": "awsui_variant-inline-icon_93a1u_oqutk_117",
10
+ "variant-normal": "awsui_variant-normal_93a1u_oqutk_117",
11
+ "variant-primary": "awsui_variant-primary_93a1u_oqutk_117",
12
+ "is-focused": "awsui_is-focused_93a1u_oqutk_127",
13
+ "variant-navigation": "awsui_variant-navigation_93a1u_oqutk_131",
14
+ "first": "awsui_first_93a1u_oqutk_134",
15
+ "has-category-header": "awsui_has-category-header_93a1u_oqutk_134",
16
+ "menu-item": "awsui_menu-item_93a1u_oqutk_148",
17
+ "icon": "awsui_icon_93a1u_oqutk_166",
18
+ "external-icon": "awsui_external-icon_93a1u_oqutk_171"
19
19
  };
20
20
 
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_item-element_93a1u_153ch_93:not(#\9) {
93
+ .awsui_item-element_93a1u_oqutk_93:not(#\9) {
94
94
  position: relative;
95
95
  z-index: 1;
96
96
  border: var(--border-item-width-yel47s, 2px) solid transparent;
@@ -100,52 +100,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
100
100
  margin-top: calc(-1 * var(--border-field-width-09w7vk, 2px));
101
101
  cursor: pointer;
102
102
  }
103
- .awsui_item-element_93a1u_153ch_93.awsui_disabled_93a1u_153ch_103:not(#\9) {
103
+ .awsui_item-element_93a1u_oqutk_93.awsui_disabled_93a1u_oqutk_103:not(#\9) {
104
104
  cursor: default;
105
105
  color: var(--color-text-dropdown-item-disabled-6oq3n6, #9ba7b6);
106
106
  }
107
- .awsui_item-element_93a1u_153ch_93:not(#\9):first-child {
107
+ .awsui_item-element_93a1u_oqutk_93:not(#\9):first-child {
108
108
  margin-top: 0;
109
109
  }
110
- .awsui_item-element_93a1u_153ch_93.awsui_last_93a1u_153ch_110:not(#\9) {
111
- border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-c2r4dp, #e9ebed);
110
+ .awsui_item-element_93a1u_oqutk_93.awsui_last_93a1u_oqutk_110:not(#\9) {
111
+ border-bottom: var(--border-item-width-yel47s, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
112
112
  }
113
- .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113:not(#\9) {
113
+ .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113:not(#\9) {
114
114
  color: var(--color-text-dropdown-item-highlighted-a51hdb, #000716);
115
115
  z-index: 2;
116
116
  }
117
- .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-icon_93a1u_153ch_117:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-inline-icon_93a1u_153ch_117:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-normal_93a1u_153ch_117:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-primary_93a1u_153ch_117:not(#\9) {
117
+ .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117:not(#\9) {
118
118
  background-color: var(--color-background-dropdown-item-hover-md83i5, #f4f4f4);
119
119
  border-color: var(--color-border-dropdown-item-hover-461g78, #7d8998);
120
120
  border-radius: var(--border-radius-item-05df9h, 8px);
121
121
  }
122
- .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-icon_93a1u_153ch_117.awsui_disabled_93a1u_153ch_103:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-inline-icon_93a1u_153ch_117.awsui_disabled_93a1u_153ch_103:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-normal_93a1u_153ch_117.awsui_disabled_93a1u_153ch_103:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-primary_93a1u_153ch_117.awsui_disabled_93a1u_153ch_103:not(#\9) {
122
+ .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117.awsui_disabled_93a1u_oqutk_103:not(#\9) {
123
123
  color: var(--color-text-dropdown-item-dimmed-f2joj8, #9ba7b6);
124
124
  border-color: var(--color-border-dropdown-item-dimmed-hover-xdu0hf, #7d8998);
125
125
  background-color: var(--color-background-dropdown-item-dimmed-dlm6wk, transparent);
126
126
  }
127
- .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-icon_93a1u_153ch_117.awsui_is-focused_93a1u_153ch_127:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-inline-icon_93a1u_153ch_117.awsui_is-focused_93a1u_153ch_127:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-normal_93a1u_153ch_117.awsui_is-focused_93a1u_153ch_127:not(#\9), .awsui_item-element_93a1u_153ch_93.awsui_highlighted_93a1u_153ch_113.awsui_variant-primary_93a1u_153ch_117.awsui_is-focused_93a1u_153ch_127:not(#\9) {
127
+ .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-icon_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-inline-icon_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-normal_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9), .awsui_item-element_93a1u_oqutk_93.awsui_highlighted_93a1u_oqutk_113.awsui_variant-primary_93a1u_oqutk_117.awsui_is-focused_93a1u_oqutk_127:not(#\9) {
128
128
  border-color: var(--color-border-item-focused-b2ntyl, #0972d3);
129
129
  box-shadow: inset 0 0 0 var(--border-control-focus-ring-shadow-spread-0ctpjf, 0px) var(--color-border-item-focused-b2ntyl, #0972d3);
130
130
  }
131
- .awsui_item-element_93a1u_153ch_93.awsui_variant-navigation_93a1u_153ch_131.awsui_highlighted_93a1u_153ch_113:not(#\9) {
131
+ .awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_highlighted_93a1u_oqutk_113:not(#\9) {
132
132
  color: var(--color-text-accent-n2acxv, #0972d3);
133
133
  }
134
- .awsui_item-element_93a1u_153ch_93.awsui_variant-navigation_93a1u_153ch_131.awsui_first_93a1u_153ch_134:not(#\9):not(.awsui_has-category-header_93a1u_153ch_134) {
134
+ .awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_first_93a1u_oqutk_134:not(#\9):not(.awsui_has-category-header_93a1u_oqutk_134) {
135
135
  padding-top: var(--space-xxs-p8yyaw, 4px);
136
136
  }
137
- .awsui_item-element_93a1u_153ch_93.awsui_variant-navigation_93a1u_153ch_131.awsui_last_93a1u_153ch_110:not(#\9) {
137
+ .awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_last_93a1u_oqutk_110:not(#\9) {
138
138
  padding-bottom: var(--space-xxs-p8yyaw, 4px);
139
139
  }
140
- .awsui_item-element_93a1u_153ch_93.awsui_variant-navigation_93a1u_153ch_131.awsui_first_93a1u_153ch_134.awsui_last_93a1u_153ch_110:not(#\9) {
140
+ .awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_first_93a1u_oqutk_134.awsui_last_93a1u_oqutk_110:not(#\9) {
141
141
  padding-bottom: var(--space-xxs-p8yyaw, 4px);
142
142
  padding-top: var(--space-xxs-p8yyaw, 4px);
143
143
  }
144
- .awsui_item-element_93a1u_153ch_93.awsui_variant-navigation_93a1u_153ch_131.awsui_last_93a1u_153ch_110:not(#\9):last-child {
144
+ .awsui_item-element_93a1u_oqutk_93.awsui_variant-navigation_93a1u_oqutk_131.awsui_last_93a1u_oqutk_110:not(#\9):last-child {
145
145
  padding-bottom: var(--space-xxs-p8yyaw, 4px);
146
146
  }
147
147
 
148
- .awsui_menu-item_93a1u_153ch_148:not(#\9) {
148
+ .awsui_menu-item_93a1u_oqutk_148:not(#\9) {
149
149
  min-width: 0;
150
150
  -ms-word-break: break-all;
151
151
  word-break: break-word;
@@ -156,18 +156,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
156
156
  text-decoration: none;
157
157
  /* stylelint-disable-next-line selector-max-type */
158
158
  }
159
- .awsui_menu-item_93a1u_153ch_148:not(#\9):focus {
159
+ .awsui_menu-item_93a1u_oqutk_148:not(#\9):focus {
160
160
  outline: none;
161
161
  }
162
- .awsui_has-category-header_93a1u_153ch_134 > .awsui_menu-item_93a1u_153ch_148:not(#\9), .awsui_has-category-header_93a1u_153ch_134 > span > .awsui_menu-item_93a1u_153ch_148:not(#\9) {
162
+ .awsui_has-category-header_93a1u_oqutk_134 > .awsui_menu-item_93a1u_oqutk_148:not(#\9), .awsui_has-category-header_93a1u_oqutk_134 > span > .awsui_menu-item_93a1u_oqutk_148:not(#\9) {
163
163
  padding-left: calc(var(--space-s-34lx8l, 12px) + var(--space-button-horizontal-8jxzea, 20px));
164
164
  }
165
165
 
166
- .awsui_icon_93a1u_153ch_166:not(#\9) {
166
+ .awsui_icon_93a1u_oqutk_166:not(#\9) {
167
167
  padding-right: var(--space-xs-zb16t3, 8px);
168
168
  flex-shrink: 0;
169
169
  }
170
170
 
171
- .awsui_external-icon_93a1u_153ch_171:not(#\9) {
171
+ .awsui_external-icon_93a1u_oqutk_171:not(#\9) {
172
172
  margin-left: var(--space-xxs-p8yyaw, 4px);
173
173
  }
@@ -2,20 +2,20 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "item-element": "awsui_item-element_93a1u_153ch_93",
6
- "disabled": "awsui_disabled_93a1u_153ch_103",
7
- "last": "awsui_last_93a1u_153ch_110",
8
- "highlighted": "awsui_highlighted_93a1u_153ch_113",
9
- "variant-icon": "awsui_variant-icon_93a1u_153ch_117",
10
- "variant-inline-icon": "awsui_variant-inline-icon_93a1u_153ch_117",
11
- "variant-normal": "awsui_variant-normal_93a1u_153ch_117",
12
- "variant-primary": "awsui_variant-primary_93a1u_153ch_117",
13
- "is-focused": "awsui_is-focused_93a1u_153ch_127",
14
- "variant-navigation": "awsui_variant-navigation_93a1u_153ch_131",
15
- "first": "awsui_first_93a1u_153ch_134",
16
- "has-category-header": "awsui_has-category-header_93a1u_153ch_134",
17
- "menu-item": "awsui_menu-item_93a1u_153ch_148",
18
- "icon": "awsui_icon_93a1u_153ch_166",
19
- "external-icon": "awsui_external-icon_93a1u_153ch_171"
5
+ "item-element": "awsui_item-element_93a1u_oqutk_93",
6
+ "disabled": "awsui_disabled_93a1u_oqutk_103",
7
+ "last": "awsui_last_93a1u_oqutk_110",
8
+ "highlighted": "awsui_highlighted_93a1u_oqutk_113",
9
+ "variant-icon": "awsui_variant-icon_93a1u_oqutk_117",
10
+ "variant-inline-icon": "awsui_variant-inline-icon_93a1u_oqutk_117",
11
+ "variant-normal": "awsui_variant-normal_93a1u_oqutk_117",
12
+ "variant-primary": "awsui_variant-primary_93a1u_oqutk_117",
13
+ "is-focused": "awsui_is-focused_93a1u_oqutk_127",
14
+ "variant-navigation": "awsui_variant-navigation_93a1u_oqutk_131",
15
+ "first": "awsui_first_93a1u_oqutk_134",
16
+ "has-category-header": "awsui_has-category-header_93a1u_oqutk_134",
17
+ "menu-item": "awsui_menu-item_93a1u_oqutk_148",
18
+ "icon": "awsui_icon_93a1u_oqutk_166",
19
+ "external-icon": "awsui_external-icon_93a1u_oqutk_171"
20
20
  };
21
21
 
@@ -1,19 +1,19 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "button-dropdown": "awsui_button-dropdown_sne0l_1etr6_93",
5
- "items-list-container": "awsui_items-list-container_sne0l_1etr6_97",
6
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1etr6_1",
7
- "rotate-up": "awsui_rotate-up_sne0l_1etr6_114",
8
- "rotate-down": "awsui_rotate-down_sne0l_1etr6_129",
9
- "header": "awsui_header_sne0l_1etr6_144",
10
- "title": "awsui_title_sne0l_1etr6_153",
11
- "description": "awsui_description_sne0l_1etr6_154",
12
- "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1etr6_158",
13
- "trigger-item": "awsui_trigger-item_sne0l_1etr6_161",
14
- "trigger-button": "awsui_trigger-button_sne0l_1etr6_164",
15
- "visual-refresh": "awsui_visual-refresh_sne0l_1etr6_176",
16
- "split-trigger": "awsui_split-trigger_sne0l_1etr6_158",
17
- "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1etr6_184"
4
+ "button-dropdown": "awsui_button-dropdown_sne0l_15mtc_93",
5
+ "items-list-container": "awsui_items-list-container_sne0l_15mtc_97",
6
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_15mtc_1",
7
+ "rotate-up": "awsui_rotate-up_sne0l_15mtc_114",
8
+ "rotate-down": "awsui_rotate-down_sne0l_15mtc_129",
9
+ "header": "awsui_header_sne0l_15mtc_144",
10
+ "title": "awsui_title_sne0l_15mtc_153",
11
+ "description": "awsui_description_sne0l_15mtc_154",
12
+ "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_15mtc_158",
13
+ "trigger-item": "awsui_trigger-item_sne0l_15mtc_161",
14
+ "trigger-button": "awsui_trigger-button_sne0l_15mtc_164",
15
+ "visual-refresh": "awsui_visual-refresh_sne0l_15mtc_176",
16
+ "split-trigger": "awsui_split-trigger_sne0l_15mtc_158",
17
+ "dropdown-trigger": "awsui_dropdown-trigger_sne0l_15mtc_184"
18
18
  };
19
19
 
@@ -90,97 +90,97 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
90
90
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
91
91
  SPDX-License-Identifier: Apache-2.0
92
92
  */
93
- .awsui_button-dropdown_sne0l_1etr6_93:not(#\9) {
93
+ .awsui_button-dropdown_sne0l_15mtc_93:not(#\9) {
94
94
  display: inline-block;
95
95
  }
96
96
 
97
- .awsui_items-list-container_sne0l_1etr6_97:not(#\9) {
97
+ .awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
98
98
  padding: 0;
99
99
  margin: 0;
100
- animation: awsui_awsui-motion-fade-in-0_sne0l_1etr6_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
100
+ animation: awsui_awsui-motion-fade-in-0_sne0l_15mtc_1 500ms var(--motion-easing-show-quick-vc5zgd, ease-out);
101
101
  animation-fill-mode: none;
102
102
  }
103
103
  @media (prefers-reduced-motion: reduce) {
104
- .awsui_items-list-container_sne0l_1etr6_97:not(#\9) {
104
+ .awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
105
105
  animation: none;
106
106
  transition: none;
107
107
  }
108
108
  }
109
- .awsui-motion-disabled .awsui_items-list-container_sne0l_1etr6_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_1etr6_97:not(#\9) {
109
+ .awsui-motion-disabled .awsui_items-list-container_sne0l_15mtc_97:not(#\9), .awsui-mode-entering .awsui_items-list-container_sne0l_15mtc_97:not(#\9) {
110
110
  animation: none;
111
111
  transition: none;
112
112
  }
113
113
 
114
- .awsui_rotate-up_sne0l_1etr6_114:not(#\9) {
114
+ .awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
115
115
  transform: rotate(-180deg);
116
116
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
117
117
  }
118
118
  @media (prefers-reduced-motion: reduce) {
119
- .awsui_rotate-up_sne0l_1etr6_114:not(#\9) {
119
+ .awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
120
120
  animation: none;
121
121
  transition: none;
122
122
  }
123
123
  }
124
- .awsui-motion-disabled .awsui_rotate-up_sne0l_1etr6_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_1etr6_114:not(#\9) {
124
+ .awsui-motion-disabled .awsui_rotate-up_sne0l_15mtc_114:not(#\9), .awsui-mode-entering .awsui_rotate-up_sne0l_15mtc_114:not(#\9) {
125
125
  animation: none;
126
126
  transition: none;
127
127
  }
128
128
 
129
- .awsui_rotate-down_sne0l_1etr6_129:not(#\9) {
129
+ .awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
130
130
  transform: rotate(0deg);
131
131
  transition: transform var(--motion-duration-rotate-180-dpvl4m, 135ms) var(--motion-easing-rotate-180-e270ko, cubic-bezier(0.165, 0.84, 0.44, 1));
132
132
  }
133
133
  @media (prefers-reduced-motion: reduce) {
134
- .awsui_rotate-down_sne0l_1etr6_129:not(#\9) {
134
+ .awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
135
135
  animation: none;
136
136
  transition: none;
137
137
  }
138
138
  }
139
- .awsui-motion-disabled .awsui_rotate-down_sne0l_1etr6_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_1etr6_129:not(#\9) {
139
+ .awsui-motion-disabled .awsui_rotate-down_sne0l_15mtc_129:not(#\9), .awsui-mode-entering .awsui_rotate-down_sne0l_15mtc_129:not(#\9) {
140
140
  animation: none;
141
141
  transition: none;
142
142
  }
143
143
 
144
- .awsui_header_sne0l_1etr6_144:not(#\9) {
144
+ .awsui_header_sne0l_15mtc_144:not(#\9) {
145
145
  display: flex;
146
146
  flex-direction: column;
147
147
  list-style: none;
148
148
  padding: var(--space-s-34lx8l, 12px) var(--space-l-t419sm, 20px);
149
149
  border: var(--border-field-width-09w7vk, 2px) solid transparent;
150
- border-bottom: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-c2r4dp, #e9ebed);
150
+ border-bottom: var(--border-field-width-09w7vk, 2px) solid var(--color-border-dropdown-group-zgquz8, #e9ebed);
151
151
  }
152
152
 
153
- .awsui_title_sne0l_1etr6_153:not(#\9),
154
- .awsui_description_sne0l_1etr6_154:not(#\9) {
153
+ .awsui_title_sne0l_15mtc_153:not(#\9),
154
+ .awsui_description_sne0l_15mtc_154:not(#\9) {
155
155
  color: var(--color-text-dropdown-header-ga95zo, #000716);
156
156
  }
157
157
 
158
- .awsui_split-trigger-wrapper_sne0l_1etr6_158:not(#\9) {
158
+ .awsui_split-trigger-wrapper_sne0l_15mtc_158:not(#\9) {
159
159
  display: flex;
160
160
  }
161
- .awsui_split-trigger-wrapper_sne0l_1etr6_158 > .awsui_trigger-item_sne0l_1etr6_161 > button:not(#\9):focus {
161
+ .awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161 > button:not(#\9):focus {
162
162
  z-index: 1;
163
163
  }
164
- .awsui_split-trigger-wrapper_sne0l_1etr6_158 > .awsui_trigger-item_sne0l_1etr6_161:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_1etr6_164 {
164
+ .awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:last-child) > .awsui_trigger-button_sne0l_15mtc_164 {
165
165
  border-top-right-radius: 0;
166
166
  border-bottom-right-radius: 0;
167
167
  padding-right: var(--space-xs-zb16t3, 8px);
168
168
  margin-right: var(--space-xxxs-zbmxqb, 2px);
169
169
  }
170
- .awsui_split-trigger-wrapper_sne0l_1etr6_158 > .awsui_trigger-item_sne0l_1etr6_161:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_1etr6_164 {
170
+ .awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:first-child) > .awsui_trigger-button_sne0l_15mtc_164 {
171
171
  border-top-left-radius: 0;
172
172
  border-bottom-left-radius: 0;
173
173
  padding-left: calc(var(--space-xs-zb16t3, 8px) - 2px);
174
174
  padding-right: calc(var(--space-xs-zb16t3, 8px) - 2px);
175
175
  }
176
- .awsui_split-trigger-wrapper_sne0l_1etr6_158 > .awsui_trigger-item_sne0l_1etr6_161:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_1etr6_176 > .awsui_trigger-button_sne0l_1etr6_164 {
176
+ .awsui_split-trigger-wrapper_sne0l_15mtc_158 > .awsui_trigger-item_sne0l_15mtc_161:not(#\9):not(:first-child).awsui_visual-refresh_sne0l_15mtc_176 > .awsui_trigger-button_sne0l_15mtc_164 {
177
177
  padding-right: calc(var(--space-s-34lx8l, 12px) - 2px);
178
178
  }
179
179
 
180
- .awsui_split-trigger_sne0l_1etr6_158:not(#\9) {
180
+ .awsui_split-trigger_sne0l_15mtc_158:not(#\9) {
181
181
  display: contents;
182
182
  }
183
183
 
184
- .awsui_dropdown-trigger_sne0l_1etr6_184:not(#\9) {
184
+ .awsui_dropdown-trigger_sne0l_15mtc_184:not(#\9) {
185
185
  display: contents;
186
186
  }
@@ -2,19 +2,19 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "button-dropdown": "awsui_button-dropdown_sne0l_1etr6_93",
6
- "items-list-container": "awsui_items-list-container_sne0l_1etr6_97",
7
- "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_1etr6_1",
8
- "rotate-up": "awsui_rotate-up_sne0l_1etr6_114",
9
- "rotate-down": "awsui_rotate-down_sne0l_1etr6_129",
10
- "header": "awsui_header_sne0l_1etr6_144",
11
- "title": "awsui_title_sne0l_1etr6_153",
12
- "description": "awsui_description_sne0l_1etr6_154",
13
- "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_1etr6_158",
14
- "trigger-item": "awsui_trigger-item_sne0l_1etr6_161",
15
- "trigger-button": "awsui_trigger-button_sne0l_1etr6_164",
16
- "visual-refresh": "awsui_visual-refresh_sne0l_1etr6_176",
17
- "split-trigger": "awsui_split-trigger_sne0l_1etr6_158",
18
- "dropdown-trigger": "awsui_dropdown-trigger_sne0l_1etr6_184"
5
+ "button-dropdown": "awsui_button-dropdown_sne0l_15mtc_93",
6
+ "items-list-container": "awsui_items-list-container_sne0l_15mtc_97",
7
+ "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_sne0l_15mtc_1",
8
+ "rotate-up": "awsui_rotate-up_sne0l_15mtc_114",
9
+ "rotate-down": "awsui_rotate-down_sne0l_15mtc_129",
10
+ "header": "awsui_header_sne0l_15mtc_144",
11
+ "title": "awsui_title_sne0l_15mtc_153",
12
+ "description": "awsui_description_sne0l_15mtc_154",
13
+ "split-trigger-wrapper": "awsui_split-trigger-wrapper_sne0l_15mtc_158",
14
+ "trigger-item": "awsui_trigger-item_sne0l_15mtc_161",
15
+ "trigger-button": "awsui_trigger-button_sne0l_15mtc_164",
16
+ "visual-refresh": "awsui_visual-refresh_sne0l_15mtc_176",
17
+ "split-trigger": "awsui_split-trigger_sne0l_15mtc_158",
18
+ "dropdown-trigger": "awsui_dropdown-trigger_sne0l_15mtc_184"
19
19
  };
20
20
 
@@ -3,12 +3,12 @@
3
3
  import { useEffect } from 'react';
4
4
  import { fireNonCancelableEvent } from '../internal/events';
5
5
  import { useDebounceCallback } from '../internal/hooks/use-debounce-callback';
6
- import { useStableEventHandler } from '../internal/hooks/use-stable-event-handler';
6
+ import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
7
7
  export function useChangeEffect(editor, onChange, onDelayedChange) {
8
8
  const debouncedChangeHandler = useDebounceCallback((detail) => {
9
9
  fireNonCancelableEvent(onDelayedChange, detail);
10
10
  }, 0);
11
- const handleChange = useStableEventHandler(() => {
11
+ const handleChange = useStableCallback(() => {
12
12
  const changeDetail = { value: (editor === null || editor === void 0 ? void 0 : editor.getValue()) || '' };
13
13
  fireNonCancelableEvent(onChange, changeDetail);
14
14
  debouncedChangeHandler(changeDetail);
@@ -1 +1 @@
1
- {"version":3,"file":"listeners.js","sourceRoot":"lib/default/","sources":["code-editor/listeners.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAEnF,MAAM,UAAU,eAAe,CAC7B,MAAmB,EACnB,QAAkE,EAClE,eAAyE;IAEzE,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,CAAC,MAAoC,EAAE,EAAE;QAC1F,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,MAAM,YAAY,GAAG,qBAAqB,CAAC,GAAG,EAAE;QAC9C,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,KAAI,EAAE,EAAE,CAAC;QACzD,sBAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/C,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { Ace } from 'ace-builds';\nimport { CodeEditorProps } from './interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { useStableEventHandler } from '../internal/hooks/use-stable-event-handler';\n\nexport function useChangeEffect(\n editor?: Ace.Editor,\n onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>,\n onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>\n) {\n const debouncedChangeHandler = useDebounceCallback((detail: CodeEditorProps.ChangeDetail) => {\n fireNonCancelableEvent(onDelayedChange, detail);\n }, 0);\n const handleChange = useStableEventHandler(() => {\n const changeDetail = { value: editor?.getValue() || '' };\n fireNonCancelableEvent(onChange, changeDetail);\n debouncedChangeHandler(changeDetail);\n });\n useEffect(() => {\n if (!editor) {\n return;\n }\n\n editor.on('change', handleChange);\n return () => editor.off('change', handleChange);\n }, [editor, handleChange]);\n}\n"]}
1
+ {"version":3,"file":"listeners.js","sourceRoot":"lib/default/","sources":["code-editor/listeners.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,MAAM,UAAU,eAAe,CAC7B,MAAmB,EACnB,QAAkE,EAClE,eAAyE;IAEzE,MAAM,sBAAsB,GAAG,mBAAmB,CAAC,CAAC,MAAoC,EAAE,EAAE;QAC1F,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,MAAM,YAAY,GAAG,iBAAiB,CAAC,GAAG,EAAE;QAC1C,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,EAAE,KAAI,EAAE,EAAE,CAAC;QACzD,sBAAsB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAC/C,sBAAsB,CAAC,YAAY,CAAC,CAAC;IACvC,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAClC,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAClD,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { Ace } from 'ace-builds';\nimport { CodeEditorProps } from './interfaces';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { useDebounceCallback } from '../internal/hooks/use-debounce-callback';\nimport { useStableCallback } from '@cloudscape-design/component-toolkit/internal';\n\nexport function useChangeEffect(\n editor?: Ace.Editor,\n onChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>,\n onDelayedChange?: NonCancelableEventHandler<CodeEditorProps.ChangeDetail>\n) {\n const debouncedChangeHandler = useDebounceCallback((detail: CodeEditorProps.ChangeDetail) => {\n fireNonCancelableEvent(onDelayedChange, detail);\n }, 0);\n const handleChange = useStableCallback(() => {\n const changeDetail = { value: editor?.getValue() || '' };\n fireNonCancelableEvent(onChange, changeDetail);\n debouncedChangeHandler(changeDetail);\n });\n useEffect(() => {\n if (!editor) {\n return;\n }\n\n editor.on('change', handleChange);\n return () => editor.off('change', handleChange);\n }, [editor, handleChange]);\n}\n"]}
@@ -1,11 +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, { useEffect, useRef, useState } from 'react';
4
- import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
5
4
  import styles from './styles.css.js';
5
+ import { useStableCallback } from '@cloudscape-design/component-toolkit/internal';
6
6
  export function ResizableBox({ children, height, minHeight, onResize }) {
7
7
  const [dragOffset, setDragOffset] = useState(null);
8
- const onResizeStable = useStableEventHandler(onResize);
8
+ const onResizeStable = useStableCallback(onResize);
9
9
  const containerRef = useRef(null);
10
10
  const onMouseDown = event => {
11
11
  if (event.button !== 0 || !containerRef.current) {