@cloudscape-design/components 3.0.365 → 3.0.367

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 (100) hide show
  1. package/app-layout/defaults.d.ts +1 -2
  2. package/app-layout/defaults.d.ts.map +1 -1
  3. package/app-layout/defaults.js.map +1 -1
  4. package/app-layout/drawer/drawers-helpers.d.ts +7 -0
  5. package/app-layout/drawer/drawers-helpers.d.ts.map +1 -0
  6. package/app-layout/drawer/drawers-helpers.js +24 -0
  7. package/app-layout/drawer/drawers-helpers.js.map +1 -0
  8. package/app-layout/drawer/index.d.ts +1 -1
  9. package/app-layout/drawer/index.d.ts.map +1 -1
  10. package/app-layout/drawer/index.js +41 -18
  11. package/app-layout/drawer/index.js.map +1 -1
  12. package/app-layout/drawer/interfaces.d.ts +8 -3
  13. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  14. package/app-layout/drawer/interfaces.js.map +1 -1
  15. package/app-layout/drawer/overflow-menu.d.ts +13 -0
  16. package/app-layout/drawer/overflow-menu.d.ts.map +1 -0
  17. package/app-layout/drawer/overflow-menu.js +17 -0
  18. package/app-layout/drawer/overflow-menu.js.map +1 -0
  19. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  20. package/app-layout/drawer/resizable-drawer.js +6 -2
  21. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  22. package/app-layout/index.d.ts.map +1 -1
  23. package/app-layout/index.js +46 -124
  24. package/app-layout/index.js.map +1 -1
  25. package/app-layout/mobile-toolbar/index.d.ts +1 -0
  26. package/app-layout/mobile-toolbar/index.d.ts.map +1 -1
  27. package/app-layout/mobile-toolbar/index.js +15 -5
  28. package/app-layout/mobile-toolbar/index.js.map +1 -1
  29. package/app-layout/toggles/index.js +2 -2
  30. package/app-layout/toggles/index.js.map +1 -1
  31. package/app-layout/toggles/interfaces.d.ts +1 -0
  32. package/app-layout/toggles/interfaces.d.ts.map +1 -1
  33. package/app-layout/toggles/interfaces.js.map +1 -1
  34. package/app-layout/utils/use-drawers.d.ts +29 -0
  35. package/app-layout/utils/use-drawers.d.ts.map +1 -0
  36. package/app-layout/utils/use-drawers.js +87 -0
  37. package/app-layout/utils/use-drawers.js.map +1 -0
  38. package/app-layout/utils/use-resize.d.ts +8 -4
  39. package/app-layout/utils/use-resize.d.ts.map +1 -1
  40. package/app-layout/utils/use-resize.js +5 -37
  41. package/app-layout/utils/use-resize.js.map +1 -1
  42. package/app-layout/visual-refresh/context.d.ts +6 -4
  43. package/app-layout/visual-refresh/context.d.ts.map +1 -1
  44. package/app-layout/visual-refresh/context.js +20 -38
  45. package/app-layout/visual-refresh/context.js.map +1 -1
  46. package/app-layout/visual-refresh/drawers.d.ts.map +1 -1
  47. package/app-layout/visual-refresh/drawers.js +50 -25
  48. package/app-layout/visual-refresh/drawers.js.map +1 -1
  49. package/app-layout/visual-refresh/mobile-toolbar.js +2 -2
  50. package/app-layout/visual-refresh/mobile-toolbar.js.map +1 -1
  51. package/app-layout/visual-refresh/split-panel.js +1 -1
  52. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  53. package/app-layout/visual-refresh/styles.css.js +74 -69
  54. package/app-layout/visual-refresh/styles.scoped.css +197 -167
  55. package/app-layout/visual-refresh/styles.selectors.js +74 -69
  56. package/app-layout/visual-refresh/tools.js +1 -1
  57. package/app-layout/visual-refresh/tools.js.map +1 -1
  58. package/app-layout/visual-refresh/trigger-button.d.ts +1 -0
  59. package/app-layout/visual-refresh/trigger-button.d.ts.map +1 -1
  60. package/app-layout/visual-refresh/trigger-button.js +8 -5
  61. package/app-layout/visual-refresh/trigger-button.js.map +1 -1
  62. package/button/icon-helper.d.ts +1 -0
  63. package/button/icon-helper.d.ts.map +1 -1
  64. package/button/icon-helper.js +2 -2
  65. package/button/icon-helper.js.map +1 -1
  66. package/button/internal.d.ts +2 -0
  67. package/button/internal.d.ts.map +1 -1
  68. package/button/internal.js +2 -1
  69. package/button/internal.js.map +1 -1
  70. package/button-dropdown/interfaces.d.ts +10 -1
  71. package/button-dropdown/interfaces.d.ts.map +1 -1
  72. package/button-dropdown/interfaces.js.map +1 -1
  73. package/button-dropdown/internal.d.ts.map +1 -1
  74. package/button-dropdown/internal.js +15 -1
  75. package/button-dropdown/internal.js.map +1 -1
  76. package/button-dropdown/item-element/index.d.ts +4 -0
  77. package/button-dropdown/item-element/index.d.ts.map +1 -1
  78. package/button-dropdown/item-element/index.js +1 -1
  79. package/button-dropdown/item-element/index.js.map +1 -1
  80. package/icon/styles.css.js +21 -21
  81. package/icon/styles.scoped.css +54 -54
  82. package/icon/styles.selectors.js +21 -21
  83. package/internal/base-component/styles.scoped.css +5 -0
  84. package/internal/environment.js +1 -1
  85. package/internal/environment.json +1 -1
  86. package/internal/generated/theming/index.cjs +31 -0
  87. package/internal/generated/theming/index.js +31 -0
  88. package/internal/manifest.json +1 -1
  89. package/package.json +1 -1
  90. package/popover/interfaces.d.ts +4 -0
  91. package/popover/interfaces.d.ts.map +1 -1
  92. package/popover/interfaces.js.map +1 -1
  93. package/popover/internal.js +2 -2
  94. package/popover/internal.js.map +1 -1
  95. package/property-filter/index.d.ts.map +1 -1
  96. package/property-filter/index.js +2 -1
  97. package/property-filter/index.js.map +1 -1
  98. package/property-filter/styles.css.js +30 -29
  99. package/property-filter/styles.scoped.css +38 -32
  100. package/property-filter/styles.selectors.js +30 -29
@@ -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_root_1wzqe_1im8m_93:not(#\9) {
93
+ .awsui_root_1wzqe_1tzz6_93:not(#\9) {
94
94
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
95
95
  border-collapse: separate;
96
96
  border-spacing: 0;
@@ -129,100 +129,106 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
129
129
  -moz-osx-font-smoothing: auto;
130
130
  }
131
131
 
132
- .awsui_search-field_1wzqe_1im8m_106:not(#\9) {
132
+ .awsui_search-field_1wzqe_1tzz6_106:not(#\9) {
133
133
  display: flex;
134
- align-items: center;
134
+ align-items: flex-end;
135
135
  max-width: calc(688px - 2 * var(--space-l-t419sm, 20px));
136
136
  }
137
137
 
138
- .awsui_input-wrapper_1wzqe_1im8m_112:not(#\9) {
138
+ .awsui_input-wrapper_1wzqe_1tzz6_112:not(#\9) {
139
139
  flex-grow: 1;
140
140
  }
141
141
 
142
- .awsui_add-token_1wzqe_1im8m_116:not(#\9) {
142
+ .awsui_add-token_1wzqe_1tzz6_116:not(#\9) {
143
143
  border-left: 1px solid var(--color-border-divider-default-et9j7s, #e9ebed);
144
144
  box-sizing: border-box;
145
145
  margin-left: var(--space-m-udix3p, 16px);
146
146
  padding-left: var(--space-m-udix3p, 16px);
147
147
  }
148
148
 
149
- .awsui_tokens_1wzqe_1im8m_123:not(#\9) {
149
+ .awsui_tokens_1wzqe_1tzz6_123:not(#\9) {
150
150
  margin: var(--space-xs-zb16t3, 8px) 0;
151
151
  }
152
152
 
153
- .awsui_token-operator_1wzqe_1im8m_127:not(#\9) {
153
+ .awsui_token-operator_1wzqe_1tzz6_127:not(#\9) {
154
154
  font-weight: bold;
155
155
  }
156
156
 
157
- .awsui_property-editor_1wzqe_1im8m_131:not(#\9),
158
- .awsui_token-editor_1wzqe_1im8m_132:not(#\9) {
157
+ .awsui_property-editor_1wzqe_1tzz6_131:not(#\9),
158
+ .awsui_token-editor_1wzqe_1tzz6_132:not(#\9) {
159
159
  -webkit-user-select: text;
160
160
  user-select: text;
161
161
  margin: var(--space-xxs-p8yyaw, 4px);
162
162
  }
163
- .awsui_property-editor-form_1wzqe_1im8m_136:not(#\9),
164
- .awsui_token-editor-form_1wzqe_1im8m_137:not(#\9) {
163
+ .awsui_property-editor-form_1wzqe_1tzz6_136:not(#\9),
164
+ .awsui_token-editor-form_1wzqe_1tzz6_137:not(#\9) {
165
165
  margin-bottom: var(--space-scaled-l-0hpmd7, 20px);
166
166
  }
167
- .awsui_property-editor-field-property_1wzqe_1im8m_140:not(#\9),
168
- .awsui_token-editor-field-property_1wzqe_1im8m_141:not(#\9) {
167
+ .awsui_property-editor-field-property_1wzqe_1tzz6_140:not(#\9),
168
+ .awsui_token-editor-field-property_1wzqe_1tzz6_141:not(#\9) {
169
169
  /* used in test-utils */
170
170
  }
171
- .awsui_property-editor-field-operator_1wzqe_1im8m_144:not(#\9),
172
- .awsui_token-editor-field-operator_1wzqe_1im8m_145:not(#\9) {
171
+ .awsui_property-editor-field-operator_1wzqe_1tzz6_144:not(#\9),
172
+ .awsui_token-editor-field-operator_1wzqe_1tzz6_145:not(#\9) {
173
173
  margin-top: var(--space-scaled-l-0hpmd7, 20px);
174
174
  }
175
- .awsui_property-editor-field-value_1wzqe_1im8m_148:not(#\9),
176
- .awsui_token-editor-field-value_1wzqe_1im8m_149:not(#\9) {
175
+ .awsui_property-editor-field-value_1wzqe_1tzz6_148:not(#\9),
176
+ .awsui_token-editor-field-value_1wzqe_1tzz6_149:not(#\9) {
177
177
  margin-top: var(--space-scaled-l-0hpmd7, 20px);
178
178
  }
179
- .awsui_property-editor-cancel_1wzqe_1im8m_152:not(#\9),
180
- .awsui_token-editor-cancel_1wzqe_1im8m_153:not(#\9) {
179
+ .awsui_property-editor-cancel_1wzqe_1tzz6_152:not(#\9),
180
+ .awsui_token-editor-cancel_1wzqe_1tzz6_153:not(#\9) {
181
181
  margin-right: var(--space-xs-zb16t3, 8px);
182
182
  }
183
- .awsui_property-editor-submit_1wzqe_1im8m_156:not(#\9),
184
- .awsui_token-editor-submit_1wzqe_1im8m_157:not(#\9) {
183
+ .awsui_property-editor-submit_1wzqe_1tzz6_156:not(#\9),
184
+ .awsui_token-editor-submit_1wzqe_1tzz6_157:not(#\9) {
185
185
  /* used in test-utils */
186
186
  }
187
- .awsui_property-editor-actions_1wzqe_1im8m_160:not(#\9),
188
- .awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
187
+ .awsui_property-editor-actions_1wzqe_1tzz6_160:not(#\9),
188
+ .awsui_token-editor-actions_1wzqe_1tzz6_161:not(#\9) {
189
189
  display: flex;
190
190
  justify-content: flex-end;
191
191
  padding-top: var(--space-s-34lx8l, 12px);
192
192
  border-top: 1px solid var(--color-border-dropdown-item-default-dofu99, #e9ebed);
193
193
  }
194
194
 
195
- .awsui_token-editor-actions_1wzqe_1im8m_161:not(#\9) {
195
+ .awsui_token-editor-actions_1wzqe_1tzz6_161:not(#\9) {
196
196
  padding-right: calc(var(--space-m-udix3p, 16px) + var(--space-xxs-p8yyaw, 4px));
197
197
  margin-left: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
198
198
  margin-right: calc(-1 * var(--space-m-udix3p, 16px) + -1 * var(--space-xxs-p8yyaw, 4px));
199
199
  }
200
200
 
201
- .awsui_property-editor_1wzqe_1im8m_131:not(#\9) {
201
+ .awsui_property-editor_1wzqe_1tzz6_131:not(#\9) {
202
202
  padding: var(--space-m-udix3p, 16px);
203
203
  overflow-y: auto;
204
204
  }
205
205
 
206
- .awsui_custom-content-wrapper_1wzqe_1im8m_179:not(#\9) {
206
+ .awsui_custom-content-wrapper_1wzqe_1tzz6_179:not(#\9) {
207
207
  display: contents;
208
208
  }
209
209
 
210
- .awsui_custom-control_1wzqe_1im8m_183:not(#\9) {
210
+ .awsui_custom-control_1wzqe_1tzz6_183:not(#\9) {
211
211
  margin-right: var(--space-s-34lx8l, 12px);
212
212
  }
213
213
 
214
- .awsui_input_1wzqe_1im8m_112:not(#\9) {
214
+ .awsui_input_1wzqe_1tzz6_112:not(#\9) {
215
215
  flex: 1;
216
216
  }
217
217
 
218
- .awsui_token-trigger_1wzqe_1im8m_191:not(#\9) {
218
+ .awsui_results_1wzqe_1tzz6_191:not(#\9) {
219
+ padding: calc(var(--space-scaled-xxs-7597g1, 4px) + var(--border-field-width-09w7vk, 2px));
220
+ padding-left: 0;
221
+ padding-right: 0;
222
+ }
223
+
224
+ .awsui_token-trigger_1wzqe_1tzz6_197:not(#\9) {
219
225
  min-width: 0;
220
226
  -ms-word-break: break-all;
221
227
  word-break: break-word;
222
228
  }
223
229
 
224
- .awsui_remove-all_1wzqe_1im8m_197:not(#\9),
225
- .awsui_token-label_1wzqe_1im8m_198:not(#\9),
226
- .awsui_join-operation_1wzqe_1im8m_199:not(#\9) {
230
+ .awsui_remove-all_1wzqe_1tzz6_203:not(#\9),
231
+ .awsui_token-label_1wzqe_1tzz6_204:not(#\9),
232
+ .awsui_join-operation_1wzqe_1tzz6_205:not(#\9) {
227
233
  /* used in test-utils */
228
234
  }
@@ -2,34 +2,35 @@
2
2
  // es-module interop with Babel and Typescript
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  module.exports.default = {
5
- "root": "awsui_root_1wzqe_1im8m_93",
6
- "search-field": "awsui_search-field_1wzqe_1im8m_106",
7
- "input-wrapper": "awsui_input-wrapper_1wzqe_1im8m_112",
8
- "add-token": "awsui_add-token_1wzqe_1im8m_116",
9
- "tokens": "awsui_tokens_1wzqe_1im8m_123",
10
- "token-operator": "awsui_token-operator_1wzqe_1im8m_127",
11
- "property-editor": "awsui_property-editor_1wzqe_1im8m_131",
12
- "token-editor": "awsui_token-editor_1wzqe_1im8m_132",
13
- "property-editor-form": "awsui_property-editor-form_1wzqe_1im8m_136",
14
- "token-editor-form": "awsui_token-editor-form_1wzqe_1im8m_137",
15
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1im8m_140",
16
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1im8m_141",
17
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1im8m_144",
18
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1im8m_145",
19
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1im8m_148",
20
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1im8m_149",
21
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1im8m_152",
22
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1im8m_153",
23
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_1im8m_156",
24
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_1im8m_157",
25
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_1im8m_160",
26
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_1im8m_161",
27
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1im8m_179",
28
- "custom-control": "awsui_custom-control_1wzqe_1im8m_183",
29
- "input": "awsui_input_1wzqe_1im8m_112",
30
- "token-trigger": "awsui_token-trigger_1wzqe_1im8m_191",
31
- "remove-all": "awsui_remove-all_1wzqe_1im8m_197",
32
- "token-label": "awsui_token-label_1wzqe_1im8m_198",
33
- "join-operation": "awsui_join-operation_1wzqe_1im8m_199"
5
+ "root": "awsui_root_1wzqe_1tzz6_93",
6
+ "search-field": "awsui_search-field_1wzqe_1tzz6_106",
7
+ "input-wrapper": "awsui_input-wrapper_1wzqe_1tzz6_112",
8
+ "add-token": "awsui_add-token_1wzqe_1tzz6_116",
9
+ "tokens": "awsui_tokens_1wzqe_1tzz6_123",
10
+ "token-operator": "awsui_token-operator_1wzqe_1tzz6_127",
11
+ "property-editor": "awsui_property-editor_1wzqe_1tzz6_131",
12
+ "token-editor": "awsui_token-editor_1wzqe_1tzz6_132",
13
+ "property-editor-form": "awsui_property-editor-form_1wzqe_1tzz6_136",
14
+ "token-editor-form": "awsui_token-editor-form_1wzqe_1tzz6_137",
15
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1tzz6_140",
16
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1tzz6_141",
17
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1tzz6_144",
18
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1tzz6_145",
19
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1tzz6_148",
20
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1tzz6_149",
21
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1tzz6_152",
22
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1tzz6_153",
23
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_1tzz6_156",
24
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_1tzz6_157",
25
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_1tzz6_160",
26
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_1tzz6_161",
27
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1tzz6_179",
28
+ "custom-control": "awsui_custom-control_1wzqe_1tzz6_183",
29
+ "input": "awsui_input_1wzqe_1tzz6_112",
30
+ "results": "awsui_results_1wzqe_1tzz6_191",
31
+ "token-trigger": "awsui_token-trigger_1wzqe_1tzz6_197",
32
+ "remove-all": "awsui_remove-all_1wzqe_1tzz6_203",
33
+ "token-label": "awsui_token-label_1wzqe_1tzz6_204",
34
+ "join-operation": "awsui_join-operation_1wzqe_1tzz6_205"
34
35
  };
35
36