@cloudscape-design/components-themeable 3.0.729 → 3.0.731

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 (55) hide show
  1. package/lib/internal/manifest.json +1 -1
  2. package/lib/internal/scss/property-filter/styles.scss +13 -23
  3. package/lib/internal/scss/tiles/analytics-metadata/styles.scss +8 -0
  4. package/lib/internal/template/internal/environment.js +1 -1
  5. package/lib/internal/template/internal/environment.json +1 -1
  6. package/lib/internal/template/property-filter/styles.css.js +38 -46
  7. package/lib/internal/template/property-filter/styles.scoped.css +44 -60
  8. package/lib/internal/template/property-filter/styles.selectors.js +38 -46
  9. package/lib/internal/template/property-filter/token-editor-inputs.d.ts +37 -0
  10. package/lib/internal/template/property-filter/token-editor-inputs.d.ts.map +1 -0
  11. package/lib/internal/template/property-filter/token-editor-inputs.js +59 -0
  12. package/lib/internal/template/property-filter/token-editor-inputs.js.map +1 -0
  13. package/lib/internal/template/property-filter/token-editor.d.ts +18 -39
  14. package/lib/internal/template/property-filter/token-editor.d.ts.map +1 -1
  15. package/lib/internal/template/property-filter/token-editor.js +106 -88
  16. package/lib/internal/template/property-filter/token-editor.js.map +1 -1
  17. package/lib/internal/template/property-filter/token.d.ts.map +1 -1
  18. package/lib/internal/template/property-filter/token.js +9 -1
  19. package/lib/internal/template/property-filter/token.js.map +1 -1
  20. package/lib/internal/template/radio-group/radio-button.d.ts +1 -0
  21. package/lib/internal/template/radio-group/radio-button.d.ts.map +1 -1
  22. package/lib/internal/template/radio-group/radio-button.js +2 -2
  23. package/lib/internal/template/radio-group/radio-button.js.map +1 -1
  24. package/lib/internal/template/test-utils/tsconfig.tsbuildinfo +1 -1
  25. package/lib/internal/template/tiles/analytics-metadata/interfaces.d.ts +14 -0
  26. package/lib/internal/template/tiles/analytics-metadata/interfaces.d.ts.map +1 -0
  27. package/lib/internal/template/tiles/analytics-metadata/interfaces.js +4 -0
  28. package/lib/internal/template/tiles/analytics-metadata/interfaces.js.map +1 -0
  29. package/lib/internal/template/tiles/analytics-metadata/styles.css.js +6 -0
  30. package/lib/internal/template/tiles/analytics-metadata/styles.scoped.css +7 -0
  31. package/lib/internal/template/tiles/analytics-metadata/styles.selectors.js +7 -0
  32. package/lib/internal/template/tiles/index.d.ts.map +1 -1
  33. package/lib/internal/template/tiles/index.js +8 -1
  34. package/lib/internal/template/tiles/index.js.map +1 -1
  35. package/lib/internal/template/tiles/internal.d.ts.map +1 -1
  36. package/lib/internal/template/tiles/internal.js +12 -1
  37. package/lib/internal/template/tiles/internal.js.map +1 -1
  38. package/lib/internal/template/tiles/tile.d.ts.map +1 -1
  39. package/lib/internal/template/tiles/tile.js +8 -4
  40. package/lib/internal/template/tiles/tile.js.map +1 -1
  41. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts +13 -0
  42. package/lib/internal/template/toggle/analytics-metadata/interfaces.d.ts.map +1 -0
  43. package/lib/internal/template/toggle/analytics-metadata/interfaces.js +4 -0
  44. package/lib/internal/template/toggle/analytics-metadata/interfaces.js.map +1 -0
  45. package/lib/internal/template/toggle/index.js +1 -1
  46. package/lib/internal/template/toggle/index.js.map +1 -1
  47. package/lib/internal/template/toggle/internal.d.ts +4 -1
  48. package/lib/internal/template/toggle/internal.d.ts.map +1 -1
  49. package/lib/internal/template/toggle/internal.js +16 -2
  50. package/lib/internal/template/toggle/internal.js.map +1 -1
  51. package/package.json +1 -1
  52. package/lib/internal/template/property-filter/token-editor-grouped.d.ts +0 -32
  53. package/lib/internal/template/property-filter/token-editor-grouped.d.ts.map +0 -1
  54. package/lib/internal/template/property-filter/token-editor-grouped.js +0 -114
  55. package/lib/internal/template/property-filter/token-editor-grouped.js.map +0 -1
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "74c98cf64eb1202dad898ac41ad150ae2fb349e5"
2
+ "commit": "24407b38efa400fc5114b1b6db8867c93c9b66a0"
3
3
  }
@@ -39,11 +39,13 @@ $operator-field-width: 120px;
39
39
  font-weight: bold;
40
40
  }
41
41
 
42
- .property-editor,
43
- .token-editor {
42
+ .property-editor {
44
43
  user-select: text;
45
44
  margin-block: awsui.$space-xxs;
46
45
  margin-inline: awsui.$space-xxs;
46
+ padding-block: awsui.$space-m;
47
+ padding-inline: awsui.$space-m;
48
+ overflow-y: auto;
47
49
 
48
50
  &-form {
49
51
  margin-block-end: awsui.$space-scaled-l;
@@ -78,14 +80,6 @@ $operator-field-width: 120px;
78
80
  }
79
81
 
80
82
  .token-editor {
81
- &-actions {
82
- // The below code cancels horizontal padding of the popover and horizontal margin of the token-editor.
83
- padding-inline-end: calc(#{awsui.$space-m} + #{awsui.$space-xxs});
84
- margin-inline: calc(-1 * #{awsui.$space-m} + -1 * #{awsui.$space-xxs});
85
- }
86
- }
87
-
88
- .token-editor-grouped {
89
83
  display: flex;
90
84
  flex-direction: column;
91
85
  gap: awsui.$space-s;
@@ -94,7 +88,7 @@ $operator-field-width: 120px;
94
88
  margin-inline: awsui.$space-xxs;
95
89
 
96
90
  &-form {
97
- margin-block-end: awsui.$space-scaled-l;
91
+ /* used in test-utils */
98
92
  }
99
93
 
100
94
  &-field-property {
@@ -134,17 +128,17 @@ $operator-field-width: 120px;
134
128
 
135
129
  display: grid;
136
130
  gap: awsui.$space-s;
137
- grid-template-columns: 2fr $operator-field-width 3fr min-content;
131
+ grid-template-columns: minmax(100px, 2fr) minmax(100px, $operator-field-width) minmax(100px, 3fr) min-content;
138
132
 
139
133
  &-group {
140
134
  display: contents;
141
135
  }
142
136
 
143
137
  &.token-editor-narrow {
144
- grid-template-columns: 1fr;
138
+ grid-template-columns: minmax(100px, 1fr);
145
139
  gap: awsui.$space-m;
146
140
 
147
- > .token-editor-grouped-group {
141
+ > .token-editor-group {
148
142
  display: flex;
149
143
  flex-direction: column;
150
144
  gap: awsui.$space-s;
@@ -159,9 +153,11 @@ $operator-field-width: 120px;
159
153
  }
160
154
 
161
155
  &-cell {
162
- display: flex;
163
- align-items: flex-end;
164
- justify-content: flex-end;
156
+ &:not(.token-editor-narrow) {
157
+ display: flex;
158
+ align-items: flex-end;
159
+ justify-content: flex-end;
160
+ }
165
161
  }
166
162
  }
167
163
 
@@ -170,12 +166,6 @@ $operator-field-width: 120px;
170
166
  }
171
167
  }
172
168
 
173
- .property-editor {
174
- padding-block: awsui.$space-m;
175
- padding-inline: awsui.$space-m;
176
- overflow-y: auto;
177
- }
178
-
179
169
  .custom-content-wrapper {
180
170
  display: contents;
181
171
  }
@@ -0,0 +1,8 @@
1
+ /*
2
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
3
+ SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ .radio-button {
7
+ /* used in analytics metadata */
8
+ }
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (74c98cf6)";
2
+ export var PACKAGE_VERSION = "3.0.0 (24407b38)";
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 (74c98cf6)",
3
+ "PACKAGE_VERSION": "3.0.0 (24407b38)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -1,51 +1,43 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "root": "awsui_root_1wzqe_s3v1v_97",
5
- "search-field": "awsui_search-field_1wzqe_s3v1v_132",
6
- "input-wrapper": "awsui_input-wrapper_1wzqe_s3v1v_138",
7
- "add-token": "awsui_add-token_1wzqe_s3v1v_142",
8
- "tokens": "awsui_tokens_1wzqe_s3v1v_149",
9
- "token-operator": "awsui_token-operator_1wzqe_s3v1v_154",
10
- "property-editor": "awsui_property-editor_1wzqe_s3v1v_158",
11
- "token-editor": "awsui_token-editor_1wzqe_s3v1v_159",
12
- "property-editor-form": "awsui_property-editor-form_1wzqe_s3v1v_164",
13
- "token-editor-form": "awsui_token-editor-form_1wzqe_s3v1v_165",
14
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s3v1v_168",
15
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s3v1v_169",
16
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s3v1v_172",
17
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s3v1v_173",
18
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s3v1v_176",
19
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s3v1v_177",
20
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s3v1v_180",
21
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s3v1v_181",
22
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_s3v1v_184",
23
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_s3v1v_185",
24
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_s3v1v_188",
25
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_s3v1v_189",
26
- "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s3v1v_201",
27
- "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s3v1v_209",
28
- "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212",
29
- "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215",
30
- "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218",
31
- "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221",
32
- "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s3v1v_224",
33
- "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s3v1v_227",
34
- "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s3v1v_236",
35
- "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273",
36
- "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s3v1v_276",
37
- "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s3v1v_280",
38
- "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285",
39
- "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291",
40
- "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296",
41
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s3v1v_306",
42
- "custom-control": "awsui_custom-control_1wzqe_s3v1v_310",
43
- "input": "awsui_input_1wzqe_s3v1v_138",
44
- "results": "awsui_results_1wzqe_s3v1v_318",
45
- "token-trigger": "awsui_token-trigger_1wzqe_s3v1v_323",
46
- "remove-all": "awsui_remove-all_1wzqe_s3v1v_328",
47
- "join-operation": "awsui_join-operation_1wzqe_s3v1v_329",
48
- "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s3v1v_330",
49
- "constraint": "awsui_constraint_1wzqe_s3v1v_334"
4
+ "root": "awsui_root_1wzqe_104el_97",
5
+ "search-field": "awsui_search-field_1wzqe_104el_132",
6
+ "input-wrapper": "awsui_input-wrapper_1wzqe_104el_138",
7
+ "add-token": "awsui_add-token_1wzqe_104el_142",
8
+ "tokens": "awsui_tokens_1wzqe_104el_149",
9
+ "token-operator": "awsui_token-operator_1wzqe_104el_154",
10
+ "property-editor": "awsui_property-editor_1wzqe_104el_158",
11
+ "property-editor-form": "awsui_property-editor-form_1wzqe_104el_166",
12
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_104el_169",
13
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_104el_172",
14
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_104el_175",
15
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_104el_178",
16
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_104el_181",
17
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_104el_184",
18
+ "token-editor": "awsui_token-editor_1wzqe_104el_191",
19
+ "token-editor-form": "awsui_token-editor-form_1wzqe_104el_199",
20
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_104el_202",
21
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_104el_205",
22
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_104el_208",
23
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_104el_211",
24
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_104el_214",
25
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_104el_217",
26
+ "token-editor-grid": "awsui_token-editor-grid_1wzqe_104el_226",
27
+ "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_104el_263",
28
+ "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_104el_266",
29
+ "token-editor-group": "awsui_token-editor-group_1wzqe_104el_270",
30
+ "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_104el_275",
31
+ "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_104el_281",
32
+ "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_104el_286",
33
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_104el_290",
34
+ "custom-control": "awsui_custom-control_1wzqe_104el_294",
35
+ "input": "awsui_input_1wzqe_104el_138",
36
+ "results": "awsui_results_1wzqe_104el_302",
37
+ "token-trigger": "awsui_token-trigger_1wzqe_104el_307",
38
+ "remove-all": "awsui_remove-all_1wzqe_104el_312",
39
+ "join-operation": "awsui_join-operation_1wzqe_104el_313",
40
+ "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_104el_314",
41
+ "constraint": "awsui_constraint_1wzqe_104el_318"
50
42
  };
51
43
 
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
94
94
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
95
95
  SPDX-License-Identifier: Apache-2.0
96
96
  */
97
- .awsui_root_1wzqe_s3v1v_97:not(#\9) {
97
+ .awsui_root_1wzqe_104el_97:not(#\9) {
98
98
  border-collapse: separate;
99
99
  border-spacing: 0;
100
100
  box-sizing: border-box;
@@ -130,77 +130,67 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
130
130
  -moz-osx-font-smoothing: auto;
131
131
  }
132
132
 
133
- .awsui_search-field_1wzqe_s3v1v_132:not(#\9) {
133
+ .awsui_search-field_1wzqe_104el_132:not(#\9) {
134
134
  display: flex;
135
135
  align-items: flex-end;
136
136
  max-inline-size: calc(688px - 2 * var(--space-l-xu1x80, 20px));
137
137
  }
138
138
 
139
- .awsui_input-wrapper_1wzqe_s3v1v_138:not(#\9) {
139
+ .awsui_input-wrapper_1wzqe_104el_138:not(#\9) {
140
140
  flex-grow: 1;
141
141
  }
142
142
 
143
- .awsui_add-token_1wzqe_s3v1v_142:not(#\9) {
143
+ .awsui_add-token_1wzqe_104el_142:not(#\9) {
144
144
  border-inline-start: 1px solid var(--color-border-divider-default-in8dkg, #eaeded);
145
145
  box-sizing: border-box;
146
146
  margin-inline-start: var(--space-m-kpg8id, 16px);
147
147
  padding-inline-start: var(--space-m-kpg8id, 16px);
148
148
  }
149
149
 
150
- .awsui_tokens_1wzqe_s3v1v_149:not(#\9) {
150
+ .awsui_tokens_1wzqe_104el_149:not(#\9) {
151
151
  margin-block: var(--space-xs-xf5ch3, 8px);
152
152
  margin-inline: 0;
153
153
  }
154
154
 
155
- .awsui_token-operator_1wzqe_s3v1v_154:not(#\9) {
155
+ .awsui_token-operator_1wzqe_104el_154:not(#\9) {
156
156
  font-weight: bold;
157
157
  }
158
158
 
159
- .awsui_property-editor_1wzqe_s3v1v_158:not(#\9),
160
- .awsui_token-editor_1wzqe_s3v1v_159:not(#\9) {
159
+ .awsui_property-editor_1wzqe_104el_158:not(#\9) {
161
160
  -webkit-user-select: text;
162
161
  user-select: text;
163
162
  margin-block: var(--space-xxs-9rrxti, 4px);
164
163
  margin-inline: var(--space-xxs-9rrxti, 4px);
164
+ padding-block: var(--space-m-kpg8id, 16px);
165
+ padding-inline: var(--space-m-kpg8id, 16px);
166
+ overflow-y: auto;
165
167
  }
166
- .awsui_property-editor-form_1wzqe_s3v1v_164:not(#\9),
167
- .awsui_token-editor-form_1wzqe_s3v1v_165:not(#\9) {
168
+ .awsui_property-editor-form_1wzqe_104el_166:not(#\9) {
168
169
  margin-block-end: var(--space-scaled-l-08jb88, 20px);
169
170
  }
170
- .awsui_property-editor-field-property_1wzqe_s3v1v_168:not(#\9),
171
- .awsui_token-editor-field-property_1wzqe_s3v1v_169:not(#\9) {
171
+ .awsui_property-editor-field-property_1wzqe_104el_169:not(#\9) {
172
172
  /* used in test-utils */
173
173
  }
174
- .awsui_property-editor-field-operator_1wzqe_s3v1v_172:not(#\9),
175
- .awsui_token-editor-field-operator_1wzqe_s3v1v_173:not(#\9) {
174
+ .awsui_property-editor-field-operator_1wzqe_104el_172:not(#\9) {
176
175
  margin-block-start: var(--space-scaled-l-08jb88, 20px);
177
176
  }
178
- .awsui_property-editor-field-value_1wzqe_s3v1v_176:not(#\9),
179
- .awsui_token-editor-field-value_1wzqe_s3v1v_177:not(#\9) {
177
+ .awsui_property-editor-field-value_1wzqe_104el_175:not(#\9) {
180
178
  margin-block-start: var(--space-scaled-l-08jb88, 20px);
181
179
  }
182
- .awsui_property-editor-cancel_1wzqe_s3v1v_180:not(#\9),
183
- .awsui_token-editor-cancel_1wzqe_s3v1v_181:not(#\9) {
180
+ .awsui_property-editor-cancel_1wzqe_104el_178:not(#\9) {
184
181
  margin-inline-end: var(--space-xs-xf5ch3, 8px);
185
182
  }
186
- .awsui_property-editor-submit_1wzqe_s3v1v_184:not(#\9),
187
- .awsui_token-editor-submit_1wzqe_s3v1v_185:not(#\9) {
183
+ .awsui_property-editor-submit_1wzqe_104el_181:not(#\9) {
188
184
  /* used in test-utils */
189
185
  }
190
- .awsui_property-editor-actions_1wzqe_s3v1v_188:not(#\9),
191
- .awsui_token-editor-actions_1wzqe_s3v1v_189:not(#\9) {
186
+ .awsui_property-editor-actions_1wzqe_104el_184:not(#\9) {
192
187
  display: flex;
193
188
  justify-content: flex-end;
194
189
  padding-block-start: var(--space-s-2025hl, 12px);
195
190
  border-block-start: 1px solid var(--color-border-dropdown-item-default-xnte9u, #eaeded);
196
191
  }
197
192
 
198
- .awsui_token-editor-actions_1wzqe_s3v1v_189:not(#\9) {
199
- padding-inline-end: calc(var(--space-m-kpg8id, 16px) + var(--space-xxs-9rrxti, 4px));
200
- margin-inline: calc(-1 * var(--space-m-kpg8id, 16px) + -1 * var(--space-xxs-9rrxti, 4px));
201
- }
202
-
203
- .awsui_token-editor-grouped_1wzqe_s3v1v_201:not(#\9) {
193
+ .awsui_token-editor_1wzqe_104el_191:not(#\9) {
204
194
  display: flex;
205
195
  flex-direction: column;
206
196
  gap: var(--space-s-2025hl, 12px);
@@ -209,25 +199,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
209
199
  margin-block: var(--space-xxs-9rrxti, 4px);
210
200
  margin-inline: var(--space-xxs-9rrxti, 4px);
211
201
  }
212
- .awsui_token-editor-grouped-form_1wzqe_s3v1v_209:not(#\9) {
213
- margin-block-end: var(--space-scaled-l-08jb88, 20px);
202
+ .awsui_token-editor-form_1wzqe_104el_199:not(#\9) {
203
+ /* used in test-utils */
214
204
  }
215
- .awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212:not(#\9) {
205
+ .awsui_token-editor-field-property_1wzqe_104el_202:not(#\9) {
216
206
  flex-grow: 2;
217
207
  }
218
- .awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215:not(#\9) {
208
+ .awsui_token-editor-field-operator_1wzqe_104el_205:not(#\9) {
219
209
  flex-grow: 1;
220
210
  }
221
- .awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218:not(#\9) {
211
+ .awsui_token-editor-field-value_1wzqe_104el_208:not(#\9) {
222
212
  flex-grow: 2;
223
213
  }
224
- .awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221:not(#\9) {
214
+ .awsui_token-editor-cancel_1wzqe_104el_211:not(#\9) {
225
215
  margin-inline-end: var(--space-xs-xf5ch3, 8px);
226
216
  }
227
- .awsui_token-editor-grouped-submit_1wzqe_s3v1v_224:not(#\9) {
217
+ .awsui_token-editor-submit_1wzqe_104el_214:not(#\9) {
228
218
  /* used in test-utils */
229
219
  }
230
- .awsui_token-editor-grouped-actions_1wzqe_s3v1v_227:not(#\9) {
220
+ .awsui_token-editor-actions_1wzqe_104el_217:not(#\9) {
231
221
  display: flex;
232
222
  justify-content: flex-end;
233
223
  padding-block-start: var(--space-s-2025hl, 12px);
@@ -236,7 +226,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
236
226
  margin-inline: calc(-1 * var(--space-m-kpg8id, 16px) + -1 * var(--space-xxs-9rrxti, 4px));
237
227
  margin-block-start: var(--space-s-2025hl, 12px);
238
228
  }
239
- .awsui_token-editor-grouped-grid_1wzqe_s3v1v_236:not(#\9) {
229
+ .awsui_token-editor-grid_1wzqe_104el_226:not(#\9) {
240
230
  border-collapse: separate;
241
231
  border-spacing: 0;
242
232
  box-sizing: border-box;
@@ -272,70 +262,64 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
272
262
  -moz-osx-font-smoothing: auto;
273
263
  display: grid;
274
264
  gap: var(--space-s-2025hl, 12px);
275
- grid-template-columns: 2fr 120px 3fr min-content;
265
+ grid-template-columns: minmax(100px, 2fr) minmax(100px, 120px) minmax(100px, 3fr) min-content;
276
266
  }
277
- .awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273:not(#\9) {
267
+ .awsui_token-editor-grid-group_1wzqe_104el_263:not(#\9) {
278
268
  display: contents;
279
269
  }
280
- .awsui_token-editor-grouped-grid_1wzqe_s3v1v_236.awsui_token-editor-narrow_1wzqe_s3v1v_276:not(#\9) {
281
- grid-template-columns: 1fr;
270
+ .awsui_token-editor-grid_1wzqe_104el_226.awsui_token-editor-narrow_1wzqe_104el_266:not(#\9) {
271
+ grid-template-columns: minmax(100px, 1fr);
282
272
  gap: var(--space-m-kpg8id, 16px);
283
273
  }
284
- .awsui_token-editor-grouped-grid_1wzqe_s3v1v_236.awsui_token-editor-narrow_1wzqe_s3v1v_276 > .awsui_token-editor-grouped-group_1wzqe_s3v1v_280:not(#\9) {
274
+ .awsui_token-editor-grid_1wzqe_104el_226.awsui_token-editor-narrow_1wzqe_104el_266 > .awsui_token-editor-group_1wzqe_104el_270:not(#\9) {
285
275
  display: flex;
286
276
  flex-direction: column;
287
277
  gap: var(--space-s-2025hl, 12px);
288
278
  }
289
- .awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285:not(#\9) {
279
+ .awsui_token-editor-grid-header_1wzqe_104el_275:not(#\9) {
290
280
  color: var(--color-text-column-header-beosjg, #545b64);
291
281
  font-weight: var(--font-weight-heading-s-mkhu7c, 700);
292
282
  padding-block: var(--space-scaled-xxs-t7ij38, 4px);
293
283
  text-align: start;
294
284
  }
295
- .awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291:not(#\9) {
285
+ .awsui_token-editor-grid-cell_1wzqe_104el_281:not(#\9):not(.awsui_token-editor-narrow_1wzqe_104el_266) {
296
286
  display: flex;
297
287
  align-items: flex-end;
298
288
  justify-content: flex-end;
299
289
  }
300
- .awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296:not(#\9) {
290
+ .awsui_token-editor-add-token_1wzqe_104el_286:not(#\9) {
301
291
  margin-block-start: var(--space-s-2025hl, 12px);
302
292
  }
303
293
 
304
- .awsui_property-editor_1wzqe_s3v1v_158:not(#\9) {
305
- padding-block: var(--space-m-kpg8id, 16px);
306
- padding-inline: var(--space-m-kpg8id, 16px);
307
- overflow-y: auto;
308
- }
309
-
310
- .awsui_custom-content-wrapper_1wzqe_s3v1v_306:not(#\9) {
294
+ .awsui_custom-content-wrapper_1wzqe_104el_290:not(#\9) {
311
295
  display: contents;
312
296
  }
313
297
 
314
- .awsui_custom-control_1wzqe_s3v1v_310:not(#\9) {
298
+ .awsui_custom-control_1wzqe_104el_294:not(#\9) {
315
299
  margin-inline-end: var(--space-s-2025hl, 12px);
316
300
  }
317
301
 
318
- .awsui_input_1wzqe_s3v1v_138:not(#\9) {
302
+ .awsui_input_1wzqe_104el_138:not(#\9) {
319
303
  flex: 1;
320
304
  }
321
305
 
322
- .awsui_results_1wzqe_s3v1v_318:not(#\9) {
306
+ .awsui_results_1wzqe_104el_302:not(#\9) {
323
307
  padding-block: calc(var(--space-scaled-xxs-t7ij38, 4px) + var(--border-field-width-yoy972, 1px));
324
308
  padding-inline: 0;
325
309
  }
326
310
 
327
- .awsui_token-trigger_1wzqe_s3v1v_323:not(#\9) {
311
+ .awsui_token-trigger_1wzqe_104el_307:not(#\9) {
328
312
  min-inline-size: 0;
329
313
  word-break: break-word;
330
314
  }
331
315
 
332
- .awsui_remove-all_1wzqe_s3v1v_328:not(#\9),
333
- .awsui_join-operation_1wzqe_s3v1v_329:not(#\9),
334
- .awsui_custom-filter-actions_1wzqe_s3v1v_330:not(#\9) {
316
+ .awsui_remove-all_1wzqe_104el_312:not(#\9),
317
+ .awsui_join-operation_1wzqe_104el_313:not(#\9),
318
+ .awsui_custom-filter-actions_1wzqe_104el_314:not(#\9) {
335
319
  /* used in test-utils */
336
320
  }
337
321
 
338
- .awsui_constraint_1wzqe_s3v1v_334:not(#\9) {
322
+ .awsui_constraint_1wzqe_104el_318:not(#\9) {
339
323
  padding-block-start: var(--space-xxs-9rrxti, 4px);
340
324
  color: var(--color-text-form-secondary-rh78tu, #687078);
341
325
  font-size: var(--font-size-body-s-533prh, 12px);
@@ -2,51 +2,43 @@
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_s3v1v_97",
6
- "search-field": "awsui_search-field_1wzqe_s3v1v_132",
7
- "input-wrapper": "awsui_input-wrapper_1wzqe_s3v1v_138",
8
- "add-token": "awsui_add-token_1wzqe_s3v1v_142",
9
- "tokens": "awsui_tokens_1wzqe_s3v1v_149",
10
- "token-operator": "awsui_token-operator_1wzqe_s3v1v_154",
11
- "property-editor": "awsui_property-editor_1wzqe_s3v1v_158",
12
- "token-editor": "awsui_token-editor_1wzqe_s3v1v_159",
13
- "property-editor-form": "awsui_property-editor-form_1wzqe_s3v1v_164",
14
- "token-editor-form": "awsui_token-editor-form_1wzqe_s3v1v_165",
15
- "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_s3v1v_168",
16
- "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_s3v1v_169",
17
- "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_s3v1v_172",
18
- "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_s3v1v_173",
19
- "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_s3v1v_176",
20
- "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_s3v1v_177",
21
- "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_s3v1v_180",
22
- "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_s3v1v_181",
23
- "property-editor-submit": "awsui_property-editor-submit_1wzqe_s3v1v_184",
24
- "token-editor-submit": "awsui_token-editor-submit_1wzqe_s3v1v_185",
25
- "property-editor-actions": "awsui_property-editor-actions_1wzqe_s3v1v_188",
26
- "token-editor-actions": "awsui_token-editor-actions_1wzqe_s3v1v_189",
27
- "token-editor-grouped": "awsui_token-editor-grouped_1wzqe_s3v1v_201",
28
- "token-editor-grouped-form": "awsui_token-editor-grouped-form_1wzqe_s3v1v_209",
29
- "token-editor-grouped-field-property": "awsui_token-editor-grouped-field-property_1wzqe_s3v1v_212",
30
- "token-editor-grouped-field-operator": "awsui_token-editor-grouped-field-operator_1wzqe_s3v1v_215",
31
- "token-editor-grouped-field-value": "awsui_token-editor-grouped-field-value_1wzqe_s3v1v_218",
32
- "token-editor-grouped-cancel": "awsui_token-editor-grouped-cancel_1wzqe_s3v1v_221",
33
- "token-editor-grouped-submit": "awsui_token-editor-grouped-submit_1wzqe_s3v1v_224",
34
- "token-editor-grouped-actions": "awsui_token-editor-grouped-actions_1wzqe_s3v1v_227",
35
- "token-editor-grouped-grid": "awsui_token-editor-grouped-grid_1wzqe_s3v1v_236",
36
- "token-editor-grouped-grid-group": "awsui_token-editor-grouped-grid-group_1wzqe_s3v1v_273",
37
- "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_s3v1v_276",
38
- "token-editor-grouped-group": "awsui_token-editor-grouped-group_1wzqe_s3v1v_280",
39
- "token-editor-grouped-grid-header": "awsui_token-editor-grouped-grid-header_1wzqe_s3v1v_285",
40
- "token-editor-grouped-grid-cell": "awsui_token-editor-grouped-grid-cell_1wzqe_s3v1v_291",
41
- "token-editor-grouped-add-token": "awsui_token-editor-grouped-add-token_1wzqe_s3v1v_296",
42
- "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_s3v1v_306",
43
- "custom-control": "awsui_custom-control_1wzqe_s3v1v_310",
44
- "input": "awsui_input_1wzqe_s3v1v_138",
45
- "results": "awsui_results_1wzqe_s3v1v_318",
46
- "token-trigger": "awsui_token-trigger_1wzqe_s3v1v_323",
47
- "remove-all": "awsui_remove-all_1wzqe_s3v1v_328",
48
- "join-operation": "awsui_join-operation_1wzqe_s3v1v_329",
49
- "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_s3v1v_330",
50
- "constraint": "awsui_constraint_1wzqe_s3v1v_334"
5
+ "root": "awsui_root_1wzqe_104el_97",
6
+ "search-field": "awsui_search-field_1wzqe_104el_132",
7
+ "input-wrapper": "awsui_input-wrapper_1wzqe_104el_138",
8
+ "add-token": "awsui_add-token_1wzqe_104el_142",
9
+ "tokens": "awsui_tokens_1wzqe_104el_149",
10
+ "token-operator": "awsui_token-operator_1wzqe_104el_154",
11
+ "property-editor": "awsui_property-editor_1wzqe_104el_158",
12
+ "property-editor-form": "awsui_property-editor-form_1wzqe_104el_166",
13
+ "property-editor-field-property": "awsui_property-editor-field-property_1wzqe_104el_169",
14
+ "property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_104el_172",
15
+ "property-editor-field-value": "awsui_property-editor-field-value_1wzqe_104el_175",
16
+ "property-editor-cancel": "awsui_property-editor-cancel_1wzqe_104el_178",
17
+ "property-editor-submit": "awsui_property-editor-submit_1wzqe_104el_181",
18
+ "property-editor-actions": "awsui_property-editor-actions_1wzqe_104el_184",
19
+ "token-editor": "awsui_token-editor_1wzqe_104el_191",
20
+ "token-editor-form": "awsui_token-editor-form_1wzqe_104el_199",
21
+ "token-editor-field-property": "awsui_token-editor-field-property_1wzqe_104el_202",
22
+ "token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_104el_205",
23
+ "token-editor-field-value": "awsui_token-editor-field-value_1wzqe_104el_208",
24
+ "token-editor-cancel": "awsui_token-editor-cancel_1wzqe_104el_211",
25
+ "token-editor-submit": "awsui_token-editor-submit_1wzqe_104el_214",
26
+ "token-editor-actions": "awsui_token-editor-actions_1wzqe_104el_217",
27
+ "token-editor-grid": "awsui_token-editor-grid_1wzqe_104el_226",
28
+ "token-editor-grid-group": "awsui_token-editor-grid-group_1wzqe_104el_263",
29
+ "token-editor-narrow": "awsui_token-editor-narrow_1wzqe_104el_266",
30
+ "token-editor-group": "awsui_token-editor-group_1wzqe_104el_270",
31
+ "token-editor-grid-header": "awsui_token-editor-grid-header_1wzqe_104el_275",
32
+ "token-editor-grid-cell": "awsui_token-editor-grid-cell_1wzqe_104el_281",
33
+ "token-editor-add-token": "awsui_token-editor-add-token_1wzqe_104el_286",
34
+ "custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_104el_290",
35
+ "custom-control": "awsui_custom-control_1wzqe_104el_294",
36
+ "input": "awsui_input_1wzqe_104el_138",
37
+ "results": "awsui_results_1wzqe_104el_302",
38
+ "token-trigger": "awsui_token-trigger_1wzqe_104el_307",
39
+ "remove-all": "awsui_remove-all_1wzqe_104el_312",
40
+ "join-operation": "awsui_join-operation_1wzqe_104el_313",
41
+ "custom-filter-actions": "awsui_custom-filter-actions_1wzqe_104el_314",
42
+ "constraint": "awsui_constraint_1wzqe_104el_318"
51
43
  };
52
44
 
@@ -0,0 +1,37 @@
1
+ /// <reference types="react" />
2
+ import { DropdownStatusProps } from '../internal/components/dropdown-status/interfaces.js';
3
+ import { NonCancelableEventHandler } from '../internal/events/index.js';
4
+ import { ComparisonOperator, GroupText, I18nStrings, InternalFilteringOption, InternalFilteringProperty, InternalFreeTextFiltering, LoadItemsDetail } from './interfaces.js';
5
+ interface PropertyInputProps {
6
+ asyncProps: null | DropdownStatusProps;
7
+ customGroupsText: readonly GroupText[];
8
+ freeTextFiltering: InternalFreeTextFiltering;
9
+ filteringProperties: readonly InternalFilteringProperty[];
10
+ i18nStrings: I18nStrings;
11
+ onChangePropertyKey: (propertyKey: undefined | string) => void;
12
+ onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;
13
+ property: null | InternalFilteringProperty;
14
+ }
15
+ export declare function PropertyInput({ property, onChangePropertyKey, asyncProps, filteringProperties, onLoadItems, customGroupsText, i18nStrings, freeTextFiltering, }: PropertyInputProps): JSX.Element;
16
+ interface OperatorInputProps {
17
+ i18nStrings: I18nStrings;
18
+ onChangeOperator: (operator: ComparisonOperator) => void;
19
+ operator: undefined | ComparisonOperator;
20
+ property: null | InternalFilteringProperty;
21
+ freeTextFiltering: InternalFreeTextFiltering;
22
+ triggerVariant: 'option' | 'label';
23
+ }
24
+ export declare function OperatorInput({ property, operator, onChangeOperator, i18nStrings, freeTextFiltering, triggerVariant, }: OperatorInputProps): JSX.Element;
25
+ interface ValueInputProps {
26
+ asyncProps: DropdownStatusProps;
27
+ filteringOptions: readonly InternalFilteringOption[];
28
+ i18nStrings: I18nStrings;
29
+ onChangeValue: (value: string) => void;
30
+ onLoadItems?: NonCancelableEventHandler<LoadItemsDetail>;
31
+ operator: undefined | ComparisonOperator;
32
+ property: null | InternalFilteringProperty;
33
+ value: undefined | string;
34
+ }
35
+ export declare function ValueInput({ property, operator, value, onChangeValue, asyncProps, filteringOptions, onLoadItems, i18nStrings, }: ValueInputProps): JSX.Element;
36
+ export {};
37
+ //# sourceMappingURL=token-editor-inputs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"token-editor-inputs.d.ts","sourceRoot":"","sources":["../../../src/property-filter/token-editor-inputs.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,uBAAuB,EACvB,yBAAyB,EACzB,yBAAyB,EACzB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,kBAAkB;IAC1B,UAAU,EAAE,IAAI,GAAG,mBAAmB,CAAC;IACvC,gBAAgB,EAAE,SAAS,SAAS,EAAE,CAAC;IACvC,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,mBAAmB,EAAE,SAAS,yBAAyB,EAAE,CAAC;IAC1D,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC/D,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;CAC5C;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,mBAAmB,EACnB,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,iBAAiB,GAClB,EAAE,kBAAkB,eAoCpB;AAED,UAAU,kBAAkB;IAC1B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACzC,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;IAC3C,iBAAiB,EAAE,yBAAyB,CAAC;IAC7C,cAAc,EAAE,QAAQ,GAAG,OAAO,CAAC;CACpC;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,cAAc,GACf,EAAE,kBAAkB,eAsBpB;AAED,UAAU,eAAe;IACvB,UAAU,EAAE,mBAAmB,CAAC;IAChC,gBAAgB,EAAE,SAAS,uBAAuB,EAAE,CAAC;IACrD,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,CAAC;IACzD,QAAQ,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACzC,QAAQ,EAAE,IAAI,GAAG,yBAAyB,CAAC;IAC3C,KAAK,EAAE,SAAS,GAAG,MAAM,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,UAAU,EACV,gBAAgB,EAChB,WAAW,EACX,WAAW,GACZ,EAAE,eAAe,eA6BjB"}