@cloudscape-design/components-themeable 3.0.323 → 3.0.325
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.
- package/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/pie-chart/styles.scss +1 -1
- package/lib/internal/scss/table/body-cell/styles.scss +1 -1
- package/lib/internal/template/app-layout/index.js +1 -1
- package/lib/internal/template/app-layout/index.js.map +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.js +1 -1
- package/lib/internal/template/app-layout/visual-refresh/context.js.map +1 -1
- package/lib/internal/template/area-chart/internal.js +1 -1
- package/lib/internal/template/area-chart/internal.js.map +1 -1
- package/lib/internal/template/autosuggest/internal.js +1 -1
- package/lib/internal/template/autosuggest/internal.js.map +1 -1
- package/lib/internal/template/collection-preferences/index.js +1 -1
- package/lib/internal/template/collection-preferences/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/index.js +1 -1
- package/lib/internal/template/date-range-picker/index.js.map +1 -1
- package/lib/internal/template/date-range-picker/time-offset.js +1 -1
- package/lib/internal/template/date-range-picker/time-offset.js.map +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js +1 -1
- package/lib/internal/template/expandable-section/expandable-section-header.js.map +1 -1
- package/lib/internal/template/file-upload/internal.js +1 -1
- package/lib/internal/template/file-upload/internal.js.map +1 -1
- package/lib/internal/template/flashbar/common.js +1 -1
- package/lib/internal/template/flashbar/common.js.map +1 -1
- package/lib/internal/template/flashbar/flash.js +1 -1
- package/lib/internal/template/flashbar/flash.js.map +1 -1
- package/lib/internal/template/grid/internal.js +2 -2
- package/lib/internal/template/grid/internal.js.map +1 -1
- package/lib/internal/template/i18n/provider.js +1 -1
- package/lib/internal/template/i18n/provider.js.map +1 -1
- package/lib/internal/template/icon/internal.js +1 -1
- package/lib/internal/template/icon/internal.js.map +1 -1
- package/lib/internal/template/input/styles.css.js +12 -12
- package/lib/internal/template/input/styles.scoped.css +31 -31
- package/lib/internal/template/input/styles.selectors.js +12 -12
- package/lib/internal/template/internal/base-component/styles.scoped.css +27 -11
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +9 -9
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +24 -24
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.css.js +7 -7
- package/lib/internal/template/internal/components/checkbox-icon/styles.scoped.css +9 -9
- package/lib/internal/template/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/masked-input/use-mask.js +2 -2
- package/lib/internal/template/internal/components/masked-input/use-mask.js.map +1 -1
- package/lib/internal/template/internal/components/option/index.js +1 -1
- package/lib/internal/template/internal/components/option/index.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/generated/theming/index.cjs +54 -0
- package/lib/internal/template/internal/generated/theming/index.js +54 -0
- package/lib/internal/template/internal/hooks/check-controlled/index.js +1 -1
- package/lib/internal/template/internal/hooks/check-controlled/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-controllable/index.js +1 -1
- package/lib/internal/template/internal/hooks/use-controllable/index.js.map +1 -1
- package/lib/internal/template/internal/hooks/use-visual-mode/index.js +1 -1
- package/lib/internal/template/internal/hooks/use-visual-mode/index.js.map +1 -1
- package/lib/internal/template/internal/utils/check-safe-url.js +1 -1
- package/lib/internal/template/internal/utils/check-safe-url.js.map +1 -1
- package/lib/internal/template/internal/utils/locale/normalize-locale.js +1 -1
- package/lib/internal/template/internal/utils/locale/normalize-locale.js.map +1 -1
- package/lib/internal/template/mixed-line-bar-chart/internal.js +1 -1
- package/lib/internal/template/mixed-line-bar-chart/internal.js.map +1 -1
- package/lib/internal/template/pie-chart/styles.css.js +27 -27
- package/lib/internal/template/pie-chart/styles.scoped.css +44 -44
- package/lib/internal/template/pie-chart/styles.selectors.js +27 -27
- package/lib/internal/template/popover/index.js +1 -1
- package/lib/internal/template/popover/index.js.map +1 -1
- package/lib/internal/template/progress-bar/index.js +1 -1
- package/lib/internal/template/progress-bar/index.js.map +1 -1
- package/lib/internal/template/radio-group/styles.css.js +9 -9
- package/lib/internal/template/radio-group/styles.scoped.css +16 -16
- package/lib/internal/template/radio-group/styles.selectors.js +9 -9
- package/lib/internal/template/select/utils/check-option-value-field.js +1 -1
- package/lib/internal/template/select/utils/check-option-value-field.js.map +1 -1
- package/lib/internal/template/side-navigation/util.js +1 -1
- package/lib/internal/template/side-navigation/util.js.map +1 -1
- package/lib/internal/template/split-panel/styles.css.js +59 -59
- package/lib/internal/template/split-panel/styles.scoped.css +82 -82
- package/lib/internal/template/split-panel/styles.selectors.js +59 -59
- package/lib/internal/template/table/body-cell/styles.css.js +28 -28
- package/lib/internal/template/table/body-cell/styles.scoped.css +70 -70
- package/lib/internal/template/table/body-cell/styles.selectors.js +28 -28
- package/lib/internal/template/table/use-column-widths.js +1 -1
- package/lib/internal/template/table/use-column-widths.js.map +1 -1
- package/lib/internal/template/table/utils.js +1 -1
- package/lib/internal/template/table/utils.js.map +1 -1
- package/lib/internal/template/textarea/styles.css.js +4 -4
- package/lib/internal/template/textarea/styles.scoped.css +13 -13
- package/lib/internal/template/textarea/styles.selectors.js +4 -4
- package/lib/internal/template/tiles/styles.css.js +28 -28
- package/lib/internal/template/tiles/styles.scoped.css +69 -69
- package/lib/internal/template/tiles/styles.selectors.js +28 -28
- package/lib/internal/template/wizard/internal.js +1 -1
- package/lib/internal/template/wizard/internal.js.map +1 -1
- package/package.json +1 -1
- package/lib/internal/template/internal/logging.d.ts +0 -2
- package/lib/internal/template/internal/logging.d.ts.map +0 -1
- package/lib/internal/template/internal/logging.js +0 -14
- package/lib/internal/template/internal/logging.js.map +0 -1
|
@@ -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
|
-
div.awsui_column-
|
|
93
|
+
div.awsui_column-layout_vj6p7_1sks5_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,135 +129,135 @@ div.awsui_column-layout_vj6p7_4b4t5_93:not(#\9) {
|
|
|
129
129
|
-moz-osx-font-smoothing: auto;
|
|
130
130
|
word-wrap: break-word;
|
|
131
131
|
}
|
|
132
|
-
div.awsui_column-
|
|
132
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106:not(#\9) {
|
|
133
133
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / -2);
|
|
134
134
|
/* stylelint-disable-next-line selector-max-universal */
|
|
135
135
|
/* stylelint-disable-next-line selector-max-universal */
|
|
136
136
|
}
|
|
137
|
-
div.awsui_column-
|
|
137
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-no-gutters_vj6p7_1sks5_111:not(#\9) {
|
|
138
138
|
margin: 0;
|
|
139
139
|
}
|
|
140
|
-
div.awsui_column-
|
|
140
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114:not(#\9) {
|
|
141
141
|
/* stylelint-disable-next-line selector-max-universal */
|
|
142
142
|
margin: calc(-1 * var(--space-grid-gutter-jlj43y, 20px) / 2) calc(-1 * var(--space-grid-gutter-jlj43y, 20px));
|
|
143
143
|
}
|
|
144
|
-
div.awsui_column-
|
|
144
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114 > *:not(#\9) {
|
|
145
145
|
border-left: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
|
|
146
146
|
}
|
|
147
|
-
div.awsui_column-
|
|
147
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-breakpoint-default_vj6p7_1sks5_121 > *:not(#\9):nth-child(1n+1) {
|
|
148
148
|
border-left-width: 0;
|
|
149
149
|
}
|
|
150
|
-
div.awsui_column-
|
|
150
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-1_vj6p7_1sks5_124.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(1n+1) {
|
|
151
151
|
border-left-width: 0;
|
|
152
152
|
}
|
|
153
|
-
div.awsui_column-
|
|
153
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-1_vj6p7_1sks5_124.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(1n+1) {
|
|
154
154
|
border-left-width: 0;
|
|
155
155
|
}
|
|
156
|
-
div.awsui_column-
|
|
156
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n+1) {
|
|
157
157
|
border-left-width: 0;
|
|
158
158
|
}
|
|
159
|
-
div.awsui_column-
|
|
159
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(2n+1) {
|
|
160
160
|
border-left-width: 0;
|
|
161
161
|
}
|
|
162
|
-
div.awsui_column-
|
|
162
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n+1) {
|
|
163
163
|
border-left-width: 0;
|
|
164
164
|
}
|
|
165
|
-
div.awsui_column-
|
|
165
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(3n+1) {
|
|
166
166
|
border-left-width: 0;
|
|
167
167
|
}
|
|
168
|
-
div.awsui_column-
|
|
168
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n+1) {
|
|
169
169
|
border-left-width: 0;
|
|
170
170
|
}
|
|
171
|
-
div.awsui_column-
|
|
171
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-variant-text-grid_vj6p7_1sks5_114.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(4n+1) {
|
|
172
172
|
border-left-width: 0;
|
|
173
173
|
}
|
|
174
|
-
div.awsui_column-
|
|
174
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1sks5_111) > * {
|
|
175
175
|
padding: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
|
|
176
176
|
}
|
|
177
|
-
div.awsui_column-
|
|
177
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106:not(#\9):not(.awsui_grid-no-gutters_vj6p7_1sks5_111).awsui_grid-variant-text-grid_vj6p7_1sks5_114 > * {
|
|
178
178
|
padding: 0 var(--space-grid-gutter-jlj43y, 20px);
|
|
179
179
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2) 0;
|
|
180
180
|
}
|
|
181
|
-
div.awsui_column-
|
|
181
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155:not(#\9) {
|
|
182
182
|
/* stylelint-disable-next-line selector-max-universal */
|
|
183
183
|
}
|
|
184
|
-
div.awsui_column-
|
|
184
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155 > *:not(#\9) {
|
|
185
185
|
border-right: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
|
|
186
186
|
}
|
|
187
|
-
div.awsui_column-
|
|
187
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-breakpoint-default_vj6p7_1sks5_121 > *:not(#\9):nth-child(1n) {
|
|
188
188
|
border-right-width: 0;
|
|
189
189
|
}
|
|
190
|
-
div.awsui_column-
|
|
190
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-1_vj6p7_1sks5_124.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(1n) {
|
|
191
191
|
border-right-width: 0;
|
|
192
192
|
}
|
|
193
|
-
div.awsui_column-
|
|
193
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-1_vj6p7_1sks5_124.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(1n) {
|
|
194
194
|
border-right-width: 0;
|
|
195
195
|
}
|
|
196
|
-
div.awsui_column-
|
|
196
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n) {
|
|
197
197
|
border-right-width: 0;
|
|
198
198
|
}
|
|
199
|
-
div.awsui_column-
|
|
199
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(2n) {
|
|
200
200
|
border-right-width: 0;
|
|
201
201
|
}
|
|
202
|
-
div.awsui_column-
|
|
202
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n) {
|
|
203
203
|
border-right-width: 0;
|
|
204
204
|
}
|
|
205
|
-
div.awsui_column-
|
|
205
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(3n) {
|
|
206
206
|
border-right-width: 0;
|
|
207
207
|
}
|
|
208
|
-
div.awsui_column-
|
|
208
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-child(2n) {
|
|
209
209
|
border-right-width: 0;
|
|
210
210
|
}
|
|
211
|
-
div.awsui_column-
|
|
211
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-vertical-borders_vj6p7_1sks5_155.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-child(4n) {
|
|
212
212
|
border-right-width: 0;
|
|
213
213
|
}
|
|
214
|
-
div.awsui_column-
|
|
214
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188:not(#\9) {
|
|
215
215
|
/* stylelint-disable selector-max-universal */
|
|
216
216
|
/* stylelint-enable selector-max-universal */
|
|
217
217
|
}
|
|
218
|
-
div.awsui_column-
|
|
218
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188 > *:not(#\9) {
|
|
219
219
|
border-bottom: var(--border-divider-section-width-p0xg84, 1px) solid var(--color-border-divider-default-uqjcpn, #eaeded);
|
|
220
220
|
}
|
|
221
|
-
div.awsui_column-
|
|
221
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188 > *:not(#\9):last-child {
|
|
222
222
|
border-bottom-width: 0;
|
|
223
223
|
}
|
|
224
|
-
div.awsui_column-
|
|
224
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
225
225
|
border-bottom-width: 0;
|
|
226
226
|
}
|
|
227
|
-
div.awsui_column-
|
|
227
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-2_vj6p7_1sks5_130.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
228
228
|
border-bottom-width: 0;
|
|
229
229
|
}
|
|
230
|
-
div.awsui_column-
|
|
230
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
231
231
|
border-bottom-width: 0;
|
|
232
232
|
}
|
|
233
|
-
div.awsui_column-
|
|
233
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
|
|
234
234
|
border-bottom-width: 0;
|
|
235
235
|
}
|
|
236
|
-
div.awsui_column-
|
|
236
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
|
|
237
237
|
border-bottom-width: 0;
|
|
238
238
|
}
|
|
239
|
-
div.awsui_column-
|
|
239
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-3_vj6p7_1sks5_136.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
|
|
240
240
|
border-bottom-width: 0;
|
|
241
241
|
}
|
|
242
|
-
div.awsui_column-
|
|
242
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xxs_vj6p7_1sks5_124 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
243
243
|
border-bottom-width: 0;
|
|
244
244
|
}
|
|
245
|
-
div.awsui_column-
|
|
245
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
|
|
246
246
|
border-bottom-width: 0;
|
|
247
247
|
}
|
|
248
|
-
div.awsui_column-
|
|
248
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
|
|
249
249
|
border-bottom-width: 0;
|
|
250
250
|
}
|
|
251
|
-
div.awsui_column-
|
|
251
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
|
|
252
252
|
border-bottom-width: 0;
|
|
253
253
|
}
|
|
254
|
-
div.awsui_column-
|
|
254
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
|
|
255
255
|
border-bottom-width: 0;
|
|
256
256
|
}
|
|
257
|
-
div.awsui_column-
|
|
257
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
|
|
258
258
|
border-bottom-width: 0;
|
|
259
259
|
}
|
|
260
|
-
div.awsui_column-
|
|
260
|
+
div.awsui_column-layout_vj6p7_1sks5_93 > .awsui_grid_vj6p7_1sks5_106.awsui_grid-horizontal-borders_vj6p7_1sks5_188.awsui_grid-columns-4_vj6p7_1sks5_142.awsui_grid-breakpoint-xs_vj6p7_1sks5_127 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
|
|
261
261
|
border-bottom-width: 0;
|
|
262
262
|
}
|
|
263
263
|
|
|
@@ -265,7 +265,7 @@ div.awsui_column-layout_vj6p7_4b4t5_93 > .awsui_grid_vj6p7_4b4t5_106.awsui_grid-
|
|
|
265
265
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
266
266
|
SPDX-License-Identifier: Apache-2.0
|
|
267
267
|
*/
|
|
268
|
-
.
|
|
268
|
+
.awsui_root_vj6p7_1sks5_242:not(#\9) {
|
|
269
269
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
270
270
|
border-collapse: separate;
|
|
271
271
|
border-spacing: 0;
|
|
@@ -308,9 +308,9 @@ div.awsui_column-layout_vj6p7_4b4t5_93 > .awsui_grid_vj6p7_4b4t5_106.awsui_grid-
|
|
|
308
308
|
display: block;
|
|
309
309
|
}
|
|
310
310
|
|
|
311
|
-
.awsui_tile-
|
|
311
|
+
.awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
312
312
|
box-sizing: border-box;
|
|
313
|
-
border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-
|
|
313
|
+
border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-input-default-3zchtj, #687078);
|
|
314
314
|
border-radius: var(--border-radius-tiles-p1a4ne, 2px);
|
|
315
315
|
background: var(--color-background-input-default-16mzof, #ffffff);
|
|
316
316
|
padding: var(--space-xs-7veqkr, 8px) var(--space-scaled-m-5caa5e, 16px);
|
|
@@ -318,117 +318,117 @@ div.awsui_column-layout_vj6p7_4b4t5_93 > .awsui_grid_vj6p7_4b4t5_106.awsui_grid-
|
|
|
318
318
|
flex-direction: column;
|
|
319
319
|
transition: border-color var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear), background-color var(--motion-duration-transition-quick-s6zxev, 90ms) var(--motion-easing-transition-quick-1rczl6, linear);
|
|
320
320
|
}
|
|
321
|
-
.awsui_tile-
|
|
321
|
+
.awsui_tile-container_vj6p7_1sks5_259.awsui_has-metadata_vj6p7_1sks5_269:not(#\9) {
|
|
322
322
|
padding-bottom: var(--space-s-o95p2n, 12px);
|
|
323
323
|
}
|
|
324
|
-
.awsui_tile-
|
|
324
|
+
.awsui_tile-container_vj6p7_1sks5_259.awsui_selected_vj6p7_1sks5_272:not(#\9) {
|
|
325
325
|
border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-item-selected-044zoh, #0073bb);
|
|
326
326
|
background: var(--color-background-item-selected-7226j1, #f1faff);
|
|
327
327
|
}
|
|
328
|
-
.awsui_tile-
|
|
328
|
+
.awsui_tile-container_vj6p7_1sks5_259.awsui_disabled_vj6p7_1sks5_276:not(#\9) {
|
|
329
329
|
border: var(--border-field-width-gmdyxy, 1px) solid var(--color-border-tiles-disabled-aqjfes, transparent);
|
|
330
330
|
background: var(--color-background-tiles-disabled-6ulu0p, #eaeded);
|
|
331
331
|
}
|
|
332
332
|
@media (prefers-reduced-motion: reduce) {
|
|
333
|
-
.awsui_tile-
|
|
333
|
+
.awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
334
334
|
animation: none;
|
|
335
335
|
transition: none;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
.awsui-motion-disabled .awsui_tile-
|
|
338
|
+
.awsui-motion-disabled .awsui_tile-container_vj6p7_1sks5_259:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
339
339
|
animation: none;
|
|
340
340
|
transition: none;
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
.
|
|
343
|
+
.awsui_columns_vj6p7_1sks5_291:not(#\9) {
|
|
344
344
|
display: flex;
|
|
345
345
|
flex-wrap: wrap;
|
|
346
346
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / -2);
|
|
347
347
|
}
|
|
348
|
-
.
|
|
348
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-1_vj6p7_1sks5_296 > .awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
349
349
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
|
|
350
350
|
box-sizing: border-box;
|
|
351
351
|
flex: 0 0;
|
|
352
352
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
353
353
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
354
354
|
}
|
|
355
|
-
.
|
|
355
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-1_vj6p7_1sks5_296 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xs_vj6p7_1sks5_303:not(#\9) {
|
|
356
356
|
flex: 0 0;
|
|
357
357
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
358
358
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
359
359
|
}
|
|
360
|
-
.
|
|
360
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-1_vj6p7_1sks5_296 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xxs_vj6p7_1sks5_308:not(#\9) {
|
|
361
361
|
flex: 0 0;
|
|
362
362
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
363
363
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
364
364
|
}
|
|
365
|
-
.
|
|
365
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-2_vj6p7_1sks5_313 > .awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
366
366
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
|
|
367
367
|
box-sizing: border-box;
|
|
368
368
|
flex: 0 0;
|
|
369
369
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
370
370
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
371
371
|
}
|
|
372
|
-
.
|
|
372
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-2_vj6p7_1sks5_313 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xs_vj6p7_1sks5_303:not(#\9) {
|
|
373
373
|
flex: 0 0;
|
|
374
374
|
flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
375
375
|
max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
376
376
|
}
|
|
377
|
-
.
|
|
377
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-2_vj6p7_1sks5_313 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xxs_vj6p7_1sks5_308:not(#\9) {
|
|
378
378
|
flex: 0 0;
|
|
379
379
|
flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
380
380
|
max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
381
381
|
}
|
|
382
|
-
.
|
|
382
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-3_vj6p7_1sks5_330 > .awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
383
383
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
|
|
384
384
|
box-sizing: border-box;
|
|
385
385
|
flex: 0 0;
|
|
386
386
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
387
387
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
388
388
|
}
|
|
389
|
-
.
|
|
389
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-3_vj6p7_1sks5_330 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xs_vj6p7_1sks5_303:not(#\9) {
|
|
390
390
|
flex: 0 0;
|
|
391
391
|
flex-basis: calc(33.3333333333% - var(--space-grid-gutter-jlj43y, 20px));
|
|
392
392
|
max-width: calc(33.3333333333% - var(--space-grid-gutter-jlj43y, 20px));
|
|
393
393
|
}
|
|
394
|
-
.
|
|
394
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-3_vj6p7_1sks5_330 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xxs_vj6p7_1sks5_308:not(#\9) {
|
|
395
395
|
flex: 0 0;
|
|
396
396
|
flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
397
397
|
max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
398
398
|
}
|
|
399
|
-
.
|
|
399
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-4_vj6p7_1sks5_347 > .awsui_tile-container_vj6p7_1sks5_259:not(#\9) {
|
|
400
400
|
margin: calc(var(--space-grid-gutter-jlj43y, 20px) / 2);
|
|
401
401
|
box-sizing: border-box;
|
|
402
402
|
flex: 0 0;
|
|
403
403
|
flex-basis: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
404
404
|
max-width: calc(100% - var(--space-grid-gutter-jlj43y, 20px));
|
|
405
405
|
}
|
|
406
|
-
.
|
|
406
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-4_vj6p7_1sks5_347 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xs_vj6p7_1sks5_303:not(#\9) {
|
|
407
407
|
flex: 0 0;
|
|
408
408
|
flex-basis: calc(25% - var(--space-grid-gutter-jlj43y, 20px));
|
|
409
409
|
max-width: calc(25% - var(--space-grid-gutter-jlj43y, 20px));
|
|
410
410
|
}
|
|
411
|
-
.
|
|
411
|
+
.awsui_columns_vj6p7_1sks5_291.awsui_column-4_vj6p7_1sks5_347 > .awsui_tile-container_vj6p7_1sks5_259.awsui_breakpoint-xxs_vj6p7_1sks5_308:not(#\9) {
|
|
412
412
|
flex: 0 0;
|
|
413
413
|
flex-basis: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
414
414
|
max-width: calc(50% - var(--space-grid-gutter-jlj43y, 20px));
|
|
415
415
|
}
|
|
416
416
|
|
|
417
|
-
.
|
|
417
|
+
.awsui_control_vj6p7_1sks5_365:not(#\9) {
|
|
418
418
|
flex-grow: 1;
|
|
419
419
|
margin-bottom: var(--space-s-o95p2n, 12px);
|
|
420
420
|
}
|
|
421
|
-
.
|
|
421
|
+
.awsui_control_vj6p7_1sks5_365.awsui_no-image_vj6p7_1sks5_369:not(#\9) {
|
|
422
422
|
margin-bottom: 0;
|
|
423
423
|
}
|
|
424
424
|
|
|
425
|
-
.
|
|
425
|
+
.awsui_image_vj6p7_1sks5_373:not(#\9) {
|
|
426
426
|
text-align: center;
|
|
427
427
|
flex: none;
|
|
428
428
|
}
|
|
429
|
-
.
|
|
429
|
+
.awsui_image_vj6p7_1sks5_373 > img:not(#\9) {
|
|
430
430
|
max-width: 100%;
|
|
431
431
|
}
|
|
432
|
-
.
|
|
432
|
+
.awsui_image_vj6p7_1sks5_373.awsui_disabled_vj6p7_1sks5_276 > img:not(#\9) {
|
|
433
433
|
opacity: 0.3;
|
|
434
434
|
}
|
|
@@ -2,33 +2,33 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"column-layout": "awsui_column-
|
|
6
|
-
"grid": "
|
|
7
|
-
"grid-no-gutters": "awsui_grid-no-
|
|
8
|
-
"grid-variant-text-grid": "awsui_grid-variant-text-
|
|
9
|
-
"grid-breakpoint-default": "awsui_grid-breakpoint-
|
|
10
|
-
"grid-columns-1": "awsui_grid-columns-
|
|
11
|
-
"grid-breakpoint-xxs": "awsui_grid-breakpoint-
|
|
12
|
-
"grid-breakpoint-xs": "awsui_grid-breakpoint-
|
|
13
|
-
"grid-columns-2": "awsui_grid-columns-
|
|
14
|
-
"grid-columns-3": "awsui_grid-columns-
|
|
15
|
-
"grid-columns-4": "awsui_grid-columns-
|
|
16
|
-
"grid-vertical-borders": "awsui_grid-vertical-
|
|
17
|
-
"grid-horizontal-borders": "awsui_grid-horizontal-
|
|
18
|
-
"root": "
|
|
19
|
-
"tile-container": "awsui_tile-
|
|
20
|
-
"has-metadata": "awsui_has-
|
|
21
|
-
"selected": "
|
|
22
|
-
"disabled": "
|
|
23
|
-
"columns": "
|
|
24
|
-
"column-1": "awsui_column-
|
|
25
|
-
"breakpoint-xs": "awsui_breakpoint-
|
|
26
|
-
"breakpoint-xxs": "awsui_breakpoint-
|
|
27
|
-
"column-2": "awsui_column-
|
|
28
|
-
"column-3": "awsui_column-
|
|
29
|
-
"column-4": "awsui_column-
|
|
30
|
-
"control": "
|
|
31
|
-
"no-image": "awsui_no-
|
|
32
|
-
"image": "
|
|
5
|
+
"column-layout": "awsui_column-layout_vj6p7_1sks5_93",
|
|
6
|
+
"grid": "awsui_grid_vj6p7_1sks5_106",
|
|
7
|
+
"grid-no-gutters": "awsui_grid-no-gutters_vj6p7_1sks5_111",
|
|
8
|
+
"grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_1sks5_114",
|
|
9
|
+
"grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_1sks5_121",
|
|
10
|
+
"grid-columns-1": "awsui_grid-columns-1_vj6p7_1sks5_124",
|
|
11
|
+
"grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_1sks5_124",
|
|
12
|
+
"grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_1sks5_127",
|
|
13
|
+
"grid-columns-2": "awsui_grid-columns-2_vj6p7_1sks5_130",
|
|
14
|
+
"grid-columns-3": "awsui_grid-columns-3_vj6p7_1sks5_136",
|
|
15
|
+
"grid-columns-4": "awsui_grid-columns-4_vj6p7_1sks5_142",
|
|
16
|
+
"grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_1sks5_155",
|
|
17
|
+
"grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_1sks5_188",
|
|
18
|
+
"root": "awsui_root_vj6p7_1sks5_242",
|
|
19
|
+
"tile-container": "awsui_tile-container_vj6p7_1sks5_259",
|
|
20
|
+
"has-metadata": "awsui_has-metadata_vj6p7_1sks5_269",
|
|
21
|
+
"selected": "awsui_selected_vj6p7_1sks5_272",
|
|
22
|
+
"disabled": "awsui_disabled_vj6p7_1sks5_276",
|
|
23
|
+
"columns": "awsui_columns_vj6p7_1sks5_291",
|
|
24
|
+
"column-1": "awsui_column-1_vj6p7_1sks5_296",
|
|
25
|
+
"breakpoint-xs": "awsui_breakpoint-xs_vj6p7_1sks5_303",
|
|
26
|
+
"breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_1sks5_308",
|
|
27
|
+
"column-2": "awsui_column-2_vj6p7_1sks5_313",
|
|
28
|
+
"column-3": "awsui_column-3_vj6p7_1sks5_330",
|
|
29
|
+
"column-4": "awsui_column-4_vj6p7_1sks5_347",
|
|
30
|
+
"control": "awsui_control_vj6p7_1sks5_365",
|
|
31
|
+
"no-image": "awsui_no-image_vj6p7_1sks5_369",
|
|
32
|
+
"image": "awsui_image_vj6p7_1sks5_373"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -5,7 +5,7 @@ import React, { useRef } from 'react';
|
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import { getBaseProps } from '../internal/base-component';
|
|
7
7
|
import { fireNonCancelableEvent } from '../internal/events';
|
|
8
|
-
import { warnOnce } from '
|
|
8
|
+
import { warnOnce } from '@cloudscape-design/component-toolkit/internal';
|
|
9
9
|
import { useContainerBreakpoints } from '../internal/hooks/container-queries';
|
|
10
10
|
import { useControllable } from '../internal/hooks/use-controllable';
|
|
11
11
|
import { useMergeRefs } from '../internal/hooks/use-merge-refs';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAExE,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AAInD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAIrC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAWjB;;QAXiB,EACrC,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,iBAAiB,GAAG,KAAK,EACzB,WAAW,GAAG,KAAK,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,iBAAiB,OAEG,EADjB,IAAI,cAV8B,+IAWtC,CADQ;IAEP,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,MAAM,GAAG,GAAG,YAAY,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IAE5D,MAAM,cAAc,GAAG,UAAU,KAAK,SAAS,CAAC;IAEhD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,eAAe,CAAC,yBAAyB,EAAE,UAAU,EAAE,CAAC,EAAE;QACtG,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,iBAAiB;QACjC,aAAa,EAAE,YAAY;KAC5B,CAAC,CAAC;IACH,MAAM,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACrF,MAAM,qBAAqB,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhG,MAAM,iBAAiB,GAAG,MAAM,CAAS,qBAAqB,CAAC,CAAC;IAChE,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC;IAEvF,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,qBAAqB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG,CAAC,kBAA0B,EAAE,MAAoC,EAAE,EAAE;QAC3F,IAAI,mBAAmB,EAAE;YACvB,aAAa,CAAC,oBAAoB,CAAC;gBACjC,cAAc,EAAE,MAAM;gBACtB,mBAAmB;gBACnB,UAAU,EAAE,qBAAqB,GAAG,CAAC;gBACrC,gBAAgB,EAAE,IAAI,MAAM,CAAC,+BAA+B,CAAC,EAAE;gBAC/D,qBAAqB,EAAE,kBAAkB,GAAG,CAAC;gBAC7C,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;QAED,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;QACvC,sBAAsB,CAAC,UAAU,EAAE,EAAE,kBAAkB,EAAE,MAAM,EAAE,CAAC,CAAC;IACrE,CAAC,CAAC;IACF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAC9E,MAAM,aAAa,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,eAAe,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAChF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,EAAE,CAAC;QACf,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IACF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;IACrF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,UAAU,EAAE;YACd,YAAY,EAAE,CAAC;YACf,sBAAsB,CAAC,QAAQ,CAAC,CAAC;SAClC;aAAM;YACL,eAAe,CAAC,qBAAqB,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SACpD;IACH,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,iBAAiB,GAAG,IAAI,CAC5B,+BAA+B,EAC/B,IAAI,CAAC,WAAW,CAAC,iBAAiB,EAClC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CACtD,CAAC;IAEF,MAAM,WAAW,mCACZ,IAAI,CAAC,WAAW,KACnB,iBAAiB,EACjB,eAAe,EAAE,IAAI,CACnB,6BAA6B,EAC7B,MAAA,IAAI,CAAC,WAAW,0CAAE,eAAe,EACjC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,CAC/C,EACD,mBAAmB,EAAE,IAAI,CACvB,iCAAiC,EACjC,MAAA,IAAI,CAAC,WAAW,0CAAE,mBAAmB,EACrC,MAAM,CAAC,EAAE,CAAC,CAAC,UAAU,EAAE,UAAU,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACzE,EACD,YAAY,EAAE,IAAI,CAAC,0BAA0B,EAAE,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,EAC7E,cAAc,EAAE,IAAI,CAAC,4BAA4B,EAAE,IAAI,CAAC,WAAW,CAAC,cAAc,CAAC,EACnF,UAAU,EAAE,IAAI,CAAC,wBAAwB,EAAE,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,EACvE,QAAQ,EAAE,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAClE,CAAC;IAEF,IAAI,eAAe,IAAI,eAAe,IAAI,KAAK,CAAC,MAAM,EAAE;QACtD,QAAQ,CACN,QAAQ,EACR,uCAAuC,eAAe,+BACpD,KAAK,CAAC,MACR,uDAAuD,KAAK,CAAC,MAAM,GAAG,CAAC,WAAW,CACnF,CAAC;KACH;IAED,IAAI,WAAW,IAAI,CAAC,iBAAiB,EAAE;QACrC,QAAQ,CACN,QAAQ,EACR,oIAAoI,CACrI,CAAC;KACH;IAED,OAAO,CACL,6CAAS,SAAS,EAAM,WAAW,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,CAAC;QAC9F,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;YAE9G,oBAAC,gBAAgB,IACf,eAAe,EAAE,qBAAqB,EACtC,iBAAiB,EAAE,iBAAiB,CAAC,OAAO,EAC5C,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,GACZ;YACF,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,iBAAiB,CAAC,CAAC;gBAE3G,eAAe,IAAI,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,8BAA8B,CAAC,GAAI;gBAC/F,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,qBAAqB,EACtC,gBAAgB,EAAE,iBAAiB,EACnC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,CACE,CACF,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '../internal/logging';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { useInternalI18n } from '../internal/i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n __internalRootRef,\n ...rest\n}: InternalWizardProps) {\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps } = useFunnel();\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n if (funnelInteractionId) {\n FunnelMetrics.funnelStepNavigation({\n navigationType: reason,\n funnelInteractionId,\n stepNumber: actualActiveStepIndex + 1,\n stepNameSelector: `.${styles['form-header-component-wrapper']}`,\n destinationStepNumber: requestedStepIndex + 1,\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => {\n funnelCancel();\n fireNonCancelableEvent(onCancel);\n };\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n funnelSubmit();\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n const i18n = useInternalI18n('wizard');\n const skipToButtonLabel = i18n(\n 'i18nStrings.skipToButtonLabel',\n rest.i18nStrings.skipToButtonLabel,\n format => task => format({ task__title: task.title })\n );\n\n const i18nStrings: WizardProps.I18nStrings = {\n ...rest.i18nStrings,\n skipToButtonLabel,\n stepNumberLabel: i18n(\n 'i18nStrings.stepNumberLabel',\n rest.i18nStrings?.stepNumberLabel,\n format => stepNumber => format({ stepNumber })\n ),\n collapsedStepsLabel: i18n(\n 'i18nStrings.collapsedStepsLabel',\n rest.i18nStrings?.collapsedStepsLabel,\n format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n ),\n cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings.cancelButton),\n previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings.previousButton),\n nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings.nextButton),\n optional: i18n('i18nStrings.optional', rest.i18nStrings.optional),\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n return (\n <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["wizard/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { warnOnce } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useControllable } from '../internal/hooks/use-controllable';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\n\nimport { useInternalI18n } from '../internal/i18n/context';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel } from '../internal/analytics/hooks/use-funnel';\nimport { getSubStepAllSelector } from '../internal/analytics/selectors';\n\nimport WizardForm from './wizard-form';\nimport WizardNavigation from './wizard-navigation';\n\nimport { WizardProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ntype InternalWizardProps = WizardProps & InternalBaseComponentProps;\n\nexport default function InternalWizard({\n steps,\n activeStepIndex: controlledActiveStepIndex,\n isLoadingNextStep = false,\n allowSkipTo = false,\n secondaryActions,\n onCancel,\n onSubmit,\n onNavigate,\n __internalRootRef,\n ...rest\n}: InternalWizardProps) {\n const baseProps = getBaseProps(rest);\n\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n const ref = useMergeRefs(breakpointsRef, __internalRootRef);\n\n const smallContainer = breakpoint === 'default';\n\n const [activeStepIndex, setActiveStepIndex] = useControllable(controlledActiveStepIndex, onNavigate, 0, {\n componentName: 'Wizard',\n controlledProp: 'activeStepIndex',\n changeHandler: 'onNavigate',\n });\n const { funnelInteractionId, funnelSubmit, funnelCancel, funnelProps } = useFunnel();\n const actualActiveStepIndex = activeStepIndex ? Math.min(activeStepIndex, steps.length - 1) : 0;\n\n const farthestStepIndex = useRef<number>(actualActiveStepIndex);\n farthestStepIndex.current = Math.max(farthestStepIndex.current, actualActiveStepIndex);\n\n const isVisualRefresh = useVisualRefresh();\n const isLastStep = actualActiveStepIndex >= steps.length - 1;\n\n const navigationEvent = (requestedStepIndex: number, reason: WizardProps.NavigationReason) => {\n if (funnelInteractionId) {\n FunnelMetrics.funnelStepNavigation({\n navigationType: reason,\n funnelInteractionId,\n stepNumber: actualActiveStepIndex + 1,\n stepNameSelector: `.${styles['form-header-component-wrapper']}`,\n destinationStepNumber: requestedStepIndex + 1,\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n\n setActiveStepIndex(requestedStepIndex);\n fireNonCancelableEvent(onNavigate, { requestedStepIndex, reason });\n };\n const onStepClick = (stepIndex: number) => navigationEvent(stepIndex, 'step');\n const onSkipToClick = (stepIndex: number) => navigationEvent(stepIndex, 'skip');\n const onCancelClick = () => {\n funnelCancel();\n fireNonCancelableEvent(onCancel);\n };\n const onPreviousClick = () => navigationEvent(actualActiveStepIndex - 1, 'previous');\n const onPrimaryClick = () => {\n if (isLastStep) {\n funnelSubmit();\n fireNonCancelableEvent(onSubmit);\n } else {\n navigationEvent(actualActiveStepIndex + 1, 'next');\n }\n };\n\n const i18n = useInternalI18n('wizard');\n const skipToButtonLabel = i18n(\n 'i18nStrings.skipToButtonLabel',\n rest.i18nStrings.skipToButtonLabel,\n format => task => format({ task__title: task.title })\n );\n\n const i18nStrings: WizardProps.I18nStrings = {\n ...rest.i18nStrings,\n skipToButtonLabel,\n stepNumberLabel: i18n(\n 'i18nStrings.stepNumberLabel',\n rest.i18nStrings?.stepNumberLabel,\n format => stepNumber => format({ stepNumber })\n ),\n collapsedStepsLabel: i18n(\n 'i18nStrings.collapsedStepsLabel',\n rest.i18nStrings?.collapsedStepsLabel,\n format => (stepNumber, stepsCount) => format({ stepNumber, stepsCount })\n ),\n cancelButton: i18n('i18nStrings.cancelButton', rest.i18nStrings.cancelButton),\n previousButton: i18n('i18nStrings.previousButton', rest.i18nStrings.previousButton),\n nextButton: i18n('i18nStrings.nextButton', rest.i18nStrings.nextButton),\n optional: i18n('i18nStrings.optional', rest.i18nStrings.optional),\n };\n\n if (activeStepIndex && activeStepIndex >= steps.length) {\n warnOnce(\n 'Wizard',\n `You have set \\`activeStepIndex\\` to ${activeStepIndex} but you have provided only ${\n steps.length\n } steps. Its value is ignored and the component uses ${steps.length - 1} instead.`\n );\n }\n\n if (allowSkipTo && !skipToButtonLabel) {\n warnOnce(\n 'Wizard',\n `You have set \\`allowSkipTo\\` but you have not provided \\`i18nStrings.skipToButtonLabel\\`. The skip-to button will not be rendered.`\n );\n }\n\n return (\n <div {...baseProps} {...funnelProps} ref={ref} className={clsx(styles.root, baseProps.className)}>\n <div\n className={clsx(styles.wizard, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n <WizardNavigation\n activeStepIndex={actualActiveStepIndex}\n farthestStepIndex={farthestStepIndex.current}\n allowSkipTo={allowSkipTo}\n hidden={smallContainer}\n i18nStrings={i18nStrings}\n isVisualRefresh={isVisualRefresh}\n isLoadingNextStep={isLoadingNextStep}\n onStepClick={onStepClick}\n onSkipToClick={onSkipToClick}\n steps={steps}\n />\n <div\n className={clsx(styles.form, isVisualRefresh && styles.refresh, smallContainer && styles['small-container'])}\n >\n {isVisualRefresh && <div className={clsx(styles.background, 'awsui-context-content-header')} />}\n <WizardForm\n steps={steps}\n isVisualRefresh={isVisualRefresh}\n showCollapsedSteps={smallContainer}\n i18nStrings={i18nStrings}\n activeStepIndex={actualActiveStepIndex}\n isPrimaryLoading={isLoadingNextStep}\n allowSkipTo={allowSkipTo}\n secondaryActions={secondaryActions}\n onCancelClick={onCancelClick}\n onPreviousClick={onPreviousClick}\n onSkipToClick={onSkipToClick}\n onPrimaryClick={onPrimaryClick}\n />\n </div>\n </div>\n </div>\n );\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"logging.d.ts","sourceRoot":"lib/default/","sources":["internal/logging.ts"],"names":[],"mappings":"AAMA,wBAAgB,QAAQ,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAQjE"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { isDevelopment } from './is-development';
|
|
4
|
-
const messageCache = {};
|
|
5
|
-
export function warnOnce(component, message) {
|
|
6
|
-
if (isDevelopment) {
|
|
7
|
-
const warning = `[AwsUi] [${component}] ${message}`;
|
|
8
|
-
if (!messageCache[warning]) {
|
|
9
|
-
messageCache[warning] = true;
|
|
10
|
-
console.warn(warning);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=logging.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"logging.js","sourceRoot":"lib/default/","sources":["internal/logging.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,YAAY,GAAqC,EAAE,CAAC;AAE1D,MAAM,UAAU,QAAQ,CAAC,SAAiB,EAAE,OAAe;IACzD,IAAI,aAAa,EAAE;QACjB,MAAM,OAAO,GAAG,YAAY,SAAS,KAAK,OAAO,EAAE,CAAC;QACpD,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;YAC1B,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;YAC7B,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACvB;KACF;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { isDevelopment } from './is-development';\n\nconst messageCache: Record<string, true | undefined> = {};\n\nexport function warnOnce(component: string, message: string): void {\n if (isDevelopment) {\n const warning = `[AwsUi] [${component}] ${message}`;\n if (!messageCache[warning]) {\n messageCache[warning] = true;\n console.warn(warning);\n }\n }\n}\n"]}
|