@cloudscape-design/components 3.0.116 → 3.0.118
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/area-chart/model/use-chart-model.d.ts.map +1 -1
- package/area-chart/model/use-chart-model.js +2 -1
- package/area-chart/model/use-chart-model.js.map +1 -1
- package/area-chart/model/utils.d.ts +0 -6
- package/area-chart/model/utils.d.ts.map +1 -1
- package/area-chart/model/utils.js +0 -52
- package/area-chart/model/utils.js.map +1 -1
- package/button/index.d.ts.map +1 -1
- package/button/index.js +2 -2
- package/button/index.js.map +1 -1
- package/button/interfaces.d.ts +4 -0
- package/button/interfaces.d.ts.map +1 -1
- package/button/interfaces.js.map +1 -1
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +10 -5
- package/button/internal.js.map +1 -1
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +4 -0
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +2 -2
- package/button-dropdown/internal.js.map +1 -1
- package/cards/index.d.ts.map +1 -1
- package/cards/index.js +3 -1
- package/cards/index.js.map +1 -1
- package/code-editor/index.d.ts.map +1 -1
- package/code-editor/index.js +3 -1
- package/code-editor/index.js.map +1 -1
- package/expandable-section/expandable-section-header.d.ts +12 -4
- package/expandable-section/expandable-section-header.d.ts.map +1 -1
- package/expandable-section/expandable-section-header.js +51 -11
- package/expandable-section/expandable-section-header.js.map +1 -1
- package/expandable-section/interfaces.d.ts +21 -3
- package/expandable-section/interfaces.d.ts.map +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/internal.d.ts +1 -1
- package/expandable-section/internal.d.ts.map +1 -1
- package/expandable-section/internal.js +2 -2
- package/expandable-section/internal.js.map +1 -1
- package/expandable-section/styles.css.js +21 -20
- package/expandable-section/styles.scoped.css +56 -39
- package/expandable-section/styles.selectors.js +21 -20
- package/flashbar/flash.d.ts +3 -3
- package/flashbar/flash.d.ts.map +1 -1
- package/flashbar/flash.js +31 -15
- package/flashbar/flash.js.map +1 -1
- package/flashbar/index.d.ts.map +1 -1
- package/flashbar/index.js +61 -14
- package/flashbar/index.js.map +1 -1
- package/flashbar/interfaces.d.ts +16 -0
- package/flashbar/interfaces.d.ts.map +1 -1
- package/flashbar/interfaces.js.map +1 -1
- package/flashbar/styles.css.js +33 -29
- package/flashbar/styles.scoped.css +151 -112
- package/flashbar/styles.selectors.js +33 -29
- package/help-panel/index.d.ts.map +1 -1
- package/help-panel/index.js +3 -1
- package/help-panel/index.js.map +1 -1
- package/internal/components/chart-status-container/index.d.ts +2 -2
- package/internal/components/chart-status-container/index.d.ts.map +1 -1
- package/internal/components/chart-status-container/index.js +2 -3
- package/internal/components/chart-status-container/index.js.map +1 -1
- package/internal/components/live-region/index.d.ts +2 -1
- package/internal/components/live-region/index.d.ts.map +1 -1
- package/internal/components/live-region/index.js +6 -5
- package/internal/components/live-region/index.js.map +1 -1
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/throttle.d.ts +10 -0
- package/internal/utils/throttle.d.ts.map +1 -0
- package/internal/utils/throttle.js +57 -0
- package/internal/utils/throttle.js.map +1 -0
- package/package.json +1 -1
- package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
- package/s3-resource-selector/s3-in-context/index.js +3 -1
- package/s3-resource-selector/s3-in-context/index.js.map +1 -1
- package/side-navigation/internal.js +2 -2
- package/side-navigation/internal.js.map +1 -1
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +3 -1
- package/table/internal.js.map +1 -1
- package/tag-editor/index.d.ts.map +1 -1
- package/tag-editor/index.js +3 -1
- package/tag-editor/index.js.map +1 -1
- package/test-utils/dom/flashbar/flash.js +1 -1
- package/test-utils/dom/flashbar/flash.js.map +1 -1
- package/test-utils/dom/flashbar/index.js +1 -1
- package/test-utils/dom/flashbar/index.js.map +1 -1
- package/test-utils/selectors/flashbar/flash.js +1 -1
- package/test-utils/selectors/flashbar/flash.js.map +1 -1
- package/test-utils/selectors/flashbar/index.js +1 -1
- package/test-utils/selectors/flashbar/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +69 -68
- package/tiles/styles.selectors.js +28 -28
- package/tutorial-panel/components/tutorial-detail-view/task.js +1 -1
- package/tutorial-panel/components/tutorial-detail-view/task.js.map +1 -1
- package/tutorial-panel/components/tutorial-list/index.d.ts.map +1 -1
- package/tutorial-panel/components/tutorial-list/index.js +3 -1
- package/tutorial-panel/components/tutorial-list/index.js.map +1 -1
- package/wizard/index.d.ts.map +1 -1
- package/wizard/index.js +2 -20
- package/wizard/index.js.map +1 -1
- package/wizard/styles.css.js +32 -31
- package/wizard/styles.scoped.css +71 -59
- package/wizard/styles.selectors.js +32 -31
- package/wizard/wizard-form.d.ts.map +1 -1
- package/wizard/wizard-form.js +15 -3
- package/wizard/wizard-form.js.map +1 -1
package/tiles/styles.scoped.css
CHANGED
|
@@ -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_gvt2c_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -127,135 +127,135 @@ div.awsui_column-layout_vj6p7_1snwb_93:not(#\9) {
|
|
|
127
127
|
font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
128
128
|
word-wrap: break-word;
|
|
129
129
|
}
|
|
130
|
-
div.awsui_column-
|
|
130
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9) {
|
|
131
131
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
|
|
132
132
|
/* stylelint-disable-next-line selector-max-universal */
|
|
133
133
|
/* stylelint-disable-next-line selector-max-universal */
|
|
134
134
|
}
|
|
135
|
-
div.awsui_column-
|
|
135
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-no-gutters_vj6p7_gvt2c_109:not(#\9) {
|
|
136
136
|
margin: 0;
|
|
137
137
|
}
|
|
138
|
-
div.awsui_column-
|
|
138
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112:not(#\9) {
|
|
139
139
|
/* stylelint-disable-next-line selector-max-universal */
|
|
140
140
|
margin: calc(-1 * (var(--space-text-grid-vertical-tj8m1c, 16px))) calc(-1 * var(--space-grid-gutter-0subky, 20px));
|
|
141
141
|
}
|
|
142
|
-
div.awsui_column-
|
|
142
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112 > *:not(#\9) {
|
|
143
143
|
border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
144
144
|
}
|
|
145
|
-
div.awsui_column-
|
|
145
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-breakpoint-default_vj6p7_gvt2c_119 > *:not(#\9):nth-child(1n+1) {
|
|
146
146
|
border-left-width: 0;
|
|
147
147
|
}
|
|
148
|
-
div.awsui_column-
|
|
148
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(1n+1) {
|
|
149
149
|
border-left-width: 0;
|
|
150
150
|
}
|
|
151
|
-
div.awsui_column-
|
|
151
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(1n+1) {
|
|
152
152
|
border-left-width: 0;
|
|
153
153
|
}
|
|
154
|
-
div.awsui_column-
|
|
154
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
|
|
155
155
|
border-left-width: 0;
|
|
156
156
|
}
|
|
157
|
-
div.awsui_column-
|
|
157
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(2n+1) {
|
|
158
158
|
border-left-width: 0;
|
|
159
159
|
}
|
|
160
|
-
div.awsui_column-
|
|
160
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
|
|
161
161
|
border-left-width: 0;
|
|
162
162
|
}
|
|
163
|
-
div.awsui_column-
|
|
163
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(3n+1) {
|
|
164
164
|
border-left-width: 0;
|
|
165
165
|
}
|
|
166
|
-
div.awsui_column-
|
|
166
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n+1) {
|
|
167
167
|
border-left-width: 0;
|
|
168
168
|
}
|
|
169
|
-
div.awsui_column-
|
|
169
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-variant-text-grid_vj6p7_gvt2c_112.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(4n+1) {
|
|
170
170
|
border-left-width: 0;
|
|
171
171
|
}
|
|
172
|
-
div.awsui_column-
|
|
172
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_gvt2c_109) > * {
|
|
173
173
|
padding: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
174
174
|
}
|
|
175
|
-
div.awsui_column-
|
|
175
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104:not(#\9):not(.awsui_grid-no-gutters_vj6p7_gvt2c_109).awsui_grid-variant-text-grid_vj6p7_gvt2c_112 > * {
|
|
176
176
|
padding: 0 var(--space-grid-gutter-0subky, 20px);
|
|
177
177
|
margin: var(--space-text-grid-vertical-tj8m1c, 16px) 0;
|
|
178
178
|
}
|
|
179
|
-
div.awsui_column-
|
|
179
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153:not(#\9) {
|
|
180
180
|
/* stylelint-disable-next-line selector-max-universal */
|
|
181
181
|
}
|
|
182
|
-
div.awsui_column-
|
|
182
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153 > *:not(#\9) {
|
|
183
183
|
border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
184
184
|
}
|
|
185
|
-
div.awsui_column-
|
|
185
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-breakpoint-default_vj6p7_gvt2c_119 > *:not(#\9):nth-child(1n) {
|
|
186
186
|
border-right-width: 0;
|
|
187
187
|
}
|
|
188
|
-
div.awsui_column-
|
|
188
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(1n) {
|
|
189
189
|
border-right-width: 0;
|
|
190
190
|
}
|
|
191
|
-
div.awsui_column-
|
|
191
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-1_vj6p7_gvt2c_122.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(1n) {
|
|
192
192
|
border-right-width: 0;
|
|
193
193
|
}
|
|
194
|
-
div.awsui_column-
|
|
194
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
|
|
195
195
|
border-right-width: 0;
|
|
196
196
|
}
|
|
197
|
-
div.awsui_column-
|
|
197
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(2n) {
|
|
198
198
|
border-right-width: 0;
|
|
199
199
|
}
|
|
200
|
-
div.awsui_column-
|
|
200
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
|
|
201
201
|
border-right-width: 0;
|
|
202
202
|
}
|
|
203
|
-
div.awsui_column-
|
|
203
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(3n) {
|
|
204
204
|
border-right-width: 0;
|
|
205
205
|
}
|
|
206
|
-
div.awsui_column-
|
|
206
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-child(2n) {
|
|
207
207
|
border-right-width: 0;
|
|
208
208
|
}
|
|
209
|
-
div.awsui_column-
|
|
209
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-vertical-borders_vj6p7_gvt2c_153.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-child(4n) {
|
|
210
210
|
border-right-width: 0;
|
|
211
211
|
}
|
|
212
|
-
div.awsui_column-
|
|
212
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186:not(#\9) {
|
|
213
213
|
/* stylelint-disable selector-max-universal */
|
|
214
214
|
/* stylelint-enable selector-max-universal */
|
|
215
215
|
}
|
|
216
|
-
div.awsui_column-
|
|
216
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186 > *:not(#\9) {
|
|
217
217
|
border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
|
|
218
218
|
}
|
|
219
|
-
div.awsui_column-
|
|
219
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186 > *:not(#\9):last-child {
|
|
220
220
|
border-bottom-width: 0;
|
|
221
221
|
}
|
|
222
|
-
div.awsui_column-
|
|
222
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
223
223
|
border-bottom-width: 0;
|
|
224
224
|
}
|
|
225
|
-
div.awsui_column-
|
|
225
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-2_vj6p7_gvt2c_128.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
226
226
|
border-bottom-width: 0;
|
|
227
227
|
}
|
|
228
|
-
div.awsui_column-
|
|
228
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
229
229
|
border-bottom-width: 0;
|
|
230
230
|
}
|
|
231
|
-
div.awsui_column-
|
|
231
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(3n+1) {
|
|
232
232
|
border-bottom-width: 0;
|
|
233
233
|
}
|
|
234
|
-
div.awsui_column-
|
|
234
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(3n+2) {
|
|
235
235
|
border-bottom-width: 0;
|
|
236
236
|
}
|
|
237
|
-
div.awsui_column-
|
|
237
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-3_vj6p7_gvt2c_134.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(3n+1) {
|
|
238
238
|
border-bottom-width: 0;
|
|
239
239
|
}
|
|
240
|
-
div.awsui_column-
|
|
240
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122 > *:not(#\9):nth-last-child(2):nth-child(2n+1) {
|
|
241
241
|
border-bottom-width: 0;
|
|
242
242
|
}
|
|
243
|
-
div.awsui_column-
|
|
243
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+1) {
|
|
244
244
|
border-bottom-width: 0;
|
|
245
245
|
}
|
|
246
|
-
div.awsui_column-
|
|
246
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+2) {
|
|
247
247
|
border-bottom-width: 0;
|
|
248
248
|
}
|
|
249
|
-
div.awsui_column-
|
|
249
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(2):nth-child(4n+3) {
|
|
250
250
|
border-bottom-width: 0;
|
|
251
251
|
}
|
|
252
|
-
div.awsui_column-
|
|
252
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(4n+1) {
|
|
253
253
|
border-bottom-width: 0;
|
|
254
254
|
}
|
|
255
|
-
div.awsui_column-
|
|
255
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(3):nth-child(4n+2) {
|
|
256
256
|
border-bottom-width: 0;
|
|
257
257
|
}
|
|
258
|
-
div.awsui_column-
|
|
258
|
+
div.awsui_column-layout_vj6p7_gvt2c_93 > .awsui_grid_vj6p7_gvt2c_104.awsui_grid-horizontal-borders_vj6p7_gvt2c_186.awsui_grid-columns-4_vj6p7_gvt2c_140.awsui_grid-breakpoint-xs_vj6p7_gvt2c_125 > *:not(#\9):nth-last-child(4):nth-child(4n+1) {
|
|
259
259
|
border-bottom-width: 0;
|
|
260
260
|
}
|
|
261
261
|
|
|
@@ -263,7 +263,7 @@ div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-
|
|
|
263
263
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
264
264
|
SPDX-License-Identifier: Apache-2.0
|
|
265
265
|
*/
|
|
266
|
-
.
|
|
266
|
+
.awsui_root_vj6p7_gvt2c_240:not(#\9) {
|
|
267
267
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
268
268
|
border-collapse: separate;
|
|
269
269
|
border-spacing: 0;
|
|
@@ -304,126 +304,127 @@ div.awsui_column-layout_vj6p7_1snwb_93 > .awsui_grid_vj6p7_1snwb_104.awsui_grid-
|
|
|
304
304
|
display: block;
|
|
305
305
|
}
|
|
306
306
|
|
|
307
|
-
.awsui_tile-
|
|
307
|
+
.awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
308
308
|
box-sizing: border-box;
|
|
309
309
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-input-default-e47bkv, #7d8998);
|
|
310
310
|
border-radius: var(--border-radius-tiles-kl8mtb, 8px);
|
|
311
|
+
background: var(--color-background-input-default-u57378, #ffffff);
|
|
311
312
|
padding: var(--space-xs-rsr2qu, 8px) var(--space-scaled-m-pv0fmt, 16px);
|
|
312
313
|
display: flex;
|
|
313
314
|
flex-direction: column;
|
|
314
315
|
transition: border-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear), background-color var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
|
|
315
316
|
}
|
|
316
|
-
.awsui_tile-
|
|
317
|
+
.awsui_tile-container_vj6p7_gvt2c_255.awsui_has-metadata_vj6p7_gvt2c_265:not(#\9) {
|
|
317
318
|
padding-bottom: var(--space-s-hv8c1d, 12px);
|
|
318
319
|
}
|
|
319
|
-
.awsui_tile-
|
|
320
|
+
.awsui_tile-container_vj6p7_gvt2c_255.awsui_selected_vj6p7_gvt2c_268:not(#\9) {
|
|
320
321
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
|
|
321
322
|
background: var(--color-background-item-selected-ebt4bi, #f2f8fd);
|
|
322
323
|
}
|
|
323
|
-
.awsui_tile-
|
|
324
|
+
.awsui_tile-container_vj6p7_gvt2c_255.awsui_disabled_vj6p7_gvt2c_272:not(#\9) {
|
|
324
325
|
border: var(--border-field-width-idlekx, 2px) solid var(--color-border-tiles-disabled-dp4h7y, #e9ebed);
|
|
325
326
|
background: var(--color-background-tiles-disabled-byt5lx, #e9ebed);
|
|
326
327
|
}
|
|
327
328
|
@media (prefers-reduced-motion: reduce) {
|
|
328
|
-
.awsui_tile-
|
|
329
|
+
.awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
329
330
|
animation: none;
|
|
330
331
|
transition: none;
|
|
331
332
|
}
|
|
332
333
|
}
|
|
333
|
-
.awsui-motion-disabled .awsui_tile-
|
|
334
|
+
.awsui-motion-disabled .awsui_tile-container_vj6p7_gvt2c_255:not(#\9), .awsui-mode-entering .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
334
335
|
animation: none;
|
|
335
336
|
transition: none;
|
|
336
337
|
}
|
|
337
338
|
|
|
338
|
-
.
|
|
339
|
+
.awsui_columns_vj6p7_gvt2c_287:not(#\9) {
|
|
339
340
|
display: flex;
|
|
340
341
|
flex-wrap: wrap;
|
|
341
342
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / -2);
|
|
342
343
|
}
|
|
343
|
-
.
|
|
344
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
344
345
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
345
346
|
box-sizing: border-box;
|
|
346
347
|
flex: 0 0;
|
|
347
348
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
348
349
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
349
350
|
}
|
|
350
|
-
.
|
|
351
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
|
|
351
352
|
flex: 0 0;
|
|
352
353
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
353
354
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
354
355
|
}
|
|
355
|
-
.
|
|
356
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-1_vj6p7_gvt2c_292 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
|
|
356
357
|
flex: 0 0;
|
|
357
358
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
358
359
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
359
360
|
}
|
|
360
|
-
.
|
|
361
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
361
362
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
362
363
|
box-sizing: border-box;
|
|
363
364
|
flex: 0 0;
|
|
364
365
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
365
366
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
366
367
|
}
|
|
367
|
-
.
|
|
368
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
|
|
368
369
|
flex: 0 0;
|
|
369
370
|
flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
370
371
|
max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
371
372
|
}
|
|
372
|
-
.
|
|
373
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-2_vj6p7_gvt2c_309 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
|
|
373
374
|
flex: 0 0;
|
|
374
375
|
flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
375
376
|
max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
376
377
|
}
|
|
377
|
-
.
|
|
378
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
378
379
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
379
380
|
box-sizing: border-box;
|
|
380
381
|
flex: 0 0;
|
|
381
382
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
382
383
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
383
384
|
}
|
|
384
|
-
.
|
|
385
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
|
|
385
386
|
flex: 0 0;
|
|
386
387
|
flex-basis: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
|
|
387
388
|
max-width: calc(33.3333333333% - var(--space-grid-gutter-0subky, 20px));
|
|
388
389
|
}
|
|
389
|
-
.
|
|
390
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-3_vj6p7_gvt2c_326 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
|
|
390
391
|
flex: 0 0;
|
|
391
392
|
flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
392
393
|
max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
393
394
|
}
|
|
394
|
-
.
|
|
395
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255:not(#\9) {
|
|
395
396
|
margin: calc(var(--space-grid-gutter-0subky, 20px) / 2);
|
|
396
397
|
box-sizing: border-box;
|
|
397
398
|
flex: 0 0;
|
|
398
399
|
flex-basis: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
399
400
|
max-width: calc(100% - var(--space-grid-gutter-0subky, 20px));
|
|
400
401
|
}
|
|
401
|
-
.
|
|
402
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xs_vj6p7_gvt2c_299:not(#\9) {
|
|
402
403
|
flex: 0 0;
|
|
403
404
|
flex-basis: calc(25% - var(--space-grid-gutter-0subky, 20px));
|
|
404
405
|
max-width: calc(25% - var(--space-grid-gutter-0subky, 20px));
|
|
405
406
|
}
|
|
406
|
-
.
|
|
407
|
+
.awsui_columns_vj6p7_gvt2c_287.awsui_column-4_vj6p7_gvt2c_343 > .awsui_tile-container_vj6p7_gvt2c_255.awsui_breakpoint-xxs_vj6p7_gvt2c_304:not(#\9) {
|
|
407
408
|
flex: 0 0;
|
|
408
409
|
flex-basis: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
409
410
|
max-width: calc(50% - var(--space-grid-gutter-0subky, 20px));
|
|
410
411
|
}
|
|
411
412
|
|
|
412
|
-
.
|
|
413
|
+
.awsui_control_vj6p7_gvt2c_361:not(#\9) {
|
|
413
414
|
flex-grow: 1;
|
|
414
415
|
margin-bottom: var(--space-s-hv8c1d, 12px);
|
|
415
416
|
}
|
|
416
|
-
.
|
|
417
|
+
.awsui_control_vj6p7_gvt2c_361.awsui_no-image_vj6p7_gvt2c_365:not(#\9) {
|
|
417
418
|
margin-bottom: 0;
|
|
418
419
|
}
|
|
419
420
|
|
|
420
|
-
.
|
|
421
|
+
.awsui_image_vj6p7_gvt2c_369:not(#\9) {
|
|
421
422
|
text-align: center;
|
|
422
423
|
flex: none;
|
|
423
424
|
}
|
|
424
|
-
.
|
|
425
|
+
.awsui_image_vj6p7_gvt2c_369 > img:not(#\9) {
|
|
425
426
|
max-width: 100%;
|
|
426
427
|
}
|
|
427
|
-
.
|
|
428
|
+
.awsui_image_vj6p7_gvt2c_369.awsui_disabled_vj6p7_gvt2c_272 > img:not(#\9) {
|
|
428
429
|
opacity: 0.3;
|
|
429
430
|
}
|
|
@@ -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_gvt2c_93",
|
|
6
|
+
"grid": "awsui_grid_vj6p7_gvt2c_104",
|
|
7
|
+
"grid-no-gutters": "awsui_grid-no-gutters_vj6p7_gvt2c_109",
|
|
8
|
+
"grid-variant-text-grid": "awsui_grid-variant-text-grid_vj6p7_gvt2c_112",
|
|
9
|
+
"grid-breakpoint-default": "awsui_grid-breakpoint-default_vj6p7_gvt2c_119",
|
|
10
|
+
"grid-columns-1": "awsui_grid-columns-1_vj6p7_gvt2c_122",
|
|
11
|
+
"grid-breakpoint-xxs": "awsui_grid-breakpoint-xxs_vj6p7_gvt2c_122",
|
|
12
|
+
"grid-breakpoint-xs": "awsui_grid-breakpoint-xs_vj6p7_gvt2c_125",
|
|
13
|
+
"grid-columns-2": "awsui_grid-columns-2_vj6p7_gvt2c_128",
|
|
14
|
+
"grid-columns-3": "awsui_grid-columns-3_vj6p7_gvt2c_134",
|
|
15
|
+
"grid-columns-4": "awsui_grid-columns-4_vj6p7_gvt2c_140",
|
|
16
|
+
"grid-vertical-borders": "awsui_grid-vertical-borders_vj6p7_gvt2c_153",
|
|
17
|
+
"grid-horizontal-borders": "awsui_grid-horizontal-borders_vj6p7_gvt2c_186",
|
|
18
|
+
"root": "awsui_root_vj6p7_gvt2c_240",
|
|
19
|
+
"tile-container": "awsui_tile-container_vj6p7_gvt2c_255",
|
|
20
|
+
"has-metadata": "awsui_has-metadata_vj6p7_gvt2c_265",
|
|
21
|
+
"selected": "awsui_selected_vj6p7_gvt2c_268",
|
|
22
|
+
"disabled": "awsui_disabled_vj6p7_gvt2c_272",
|
|
23
|
+
"columns": "awsui_columns_vj6p7_gvt2c_287",
|
|
24
|
+
"column-1": "awsui_column-1_vj6p7_gvt2c_292",
|
|
25
|
+
"breakpoint-xs": "awsui_breakpoint-xs_vj6p7_gvt2c_299",
|
|
26
|
+
"breakpoint-xxs": "awsui_breakpoint-xxs_vj6p7_gvt2c_304",
|
|
27
|
+
"column-2": "awsui_column-2_vj6p7_gvt2c_309",
|
|
28
|
+
"column-3": "awsui_column-3_vj6p7_gvt2c_326",
|
|
29
|
+
"column-4": "awsui_column-4_vj6p7_gvt2c_343",
|
|
30
|
+
"control": "awsui_control_vj6p7_gvt2c_361",
|
|
31
|
+
"no-image": "awsui_no-image_vj6p7_gvt2c_365",
|
|
32
|
+
"image": "awsui_image_vj6p7_gvt2c_369"
|
|
33
33
|
};
|
|
34
34
|
|
|
@@ -27,7 +27,7 @@ export function Task(_a) {
|
|
|
27
27
|
React.createElement(InternalStatusIndicator, { __size: "inherit", type: statusIndicatorType, iconAriaLabel: i18nStrings.labelsTaskStatus[statusIndicatorType], className: styles['task-title--status'] }),
|
|
28
28
|
React.createElement(InternalBox, { variant: "h3", padding: { left: 'xxxs', vertical: 'n' }, fontSize: "heading-s", color: taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive' }, i18nStrings.taskTitle(taskIndex, task.title))),
|
|
29
29
|
React.createElement("div", { className: styles['expandable-section-wrapper'] },
|
|
30
|
-
React.createElement(InternalExpandableSection, {
|
|
30
|
+
React.createElement(InternalExpandableSection, { headerText: React.createElement("span", { className: styles['expandable-section-header'] }, i18nStrings.labelTotalSteps(task.steps.length)), expanded: expanded, onChange: onExpandChange },
|
|
31
31
|
React.createElement("ol", { className: styles['step-list'] }, task.steps.map(function (step, stepIndex) { return (React.createElement("li", { key: stepIndex, className: styles.step },
|
|
32
32
|
React.createElement(InternalBox, { color: "text-body-secondary", fontSize: "body-m", padding: { left: 'l' }, className: styles['step-title'] }, i18nStrings.stepTitle(stepIndex, step.title)))); })))))));
|
|
33
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-detail-view/task.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AACzE,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,yBAAyB,MAAM,sCAAsC,CAAC;AAE7E,SAAS,sBAAsB,CAAC,SAAiB,EAAE,gBAAwB;IACzE,IAAI,SAAS,GAAG,gBAAgB,EAAE;QAChC,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,SAAS,KAAK,gBAAgB,EAAE;QAClC,OAAO,aAAa,CAAC;KACtB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAWD,MAAM,UAAU,IAAI,CAAC,EAAuF;QAArF,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA;IAC7F,IAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAEhF,IAAM,cAAc,GAAG,WAAW,CAAC;QACjC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,IAAI;QACxB,oBAAC,oBAAoB,IAAC,IAAI,EAAC,KAAK;YAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;gBAClC,oBAAC,uBAAuB,IACtB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAE,mBAAmB,EACzB,aAAa,EAAE,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAChE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,GACvC;gBAEF,oBAAC,WAAW,IACV,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxC,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,IAEnF,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CACjC,CACV;YAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,4BAA4B,CAAC;gBAClD,oBAAC,yBAAyB,IACxB,
|
|
1
|
+
{"version":3,"file":"task.js","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-detail-view/task.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,uBAAuB,MAAM,oCAAoC,CAAC;AACzE,OAAO,oBAAoB,MAAM,iCAAiC,CAAC;AACnE,OAAO,yBAAyB,MAAM,sCAAsC,CAAC;AAE7E,SAAS,sBAAsB,CAAC,SAAiB,EAAE,gBAAwB;IACzE,IAAI,SAAS,GAAG,gBAAgB,EAAE;QAChC,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,SAAS,KAAK,gBAAgB,EAAE;QAClC,OAAO,aAAa,CAAC;KACtB;IACD,OAAO,SAAS,CAAC;AACnB,CAAC;AAWD,MAAM,UAAU,IAAI,CAAC,EAAuF;QAArF,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,gBAAgB,sBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,WAAW,iBAAA;IAC7F,IAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;IAEhF,IAAM,cAAc,GAAG,WAAW,CAAC;QACjC,cAAc,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,IAAI;QACxB,oBAAC,oBAAoB,IAAC,IAAI,EAAC,KAAK;YAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;gBAClC,oBAAC,uBAAuB,IACtB,MAAM,EAAC,SAAS,EAChB,IAAI,EAAE,mBAAmB,EACzB,aAAa,EAAE,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,EAChE,SAAS,EAAE,MAAM,CAAC,oBAAoB,CAAC,GACvC;gBAEF,oBAAC,WAAW,IACV,OAAO,EAAC,IAAI,EACZ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxC,QAAQ,EAAC,WAAW,EACpB,KAAK,EAAE,SAAS,GAAG,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,IAEnF,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CACjC,CACV;YAEN,6BAAK,SAAS,EAAE,MAAM,CAAC,4BAA4B,CAAC;gBAClD,oBAAC,yBAAyB,IACxB,UAAU,EACR,8BAAM,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,IACjD,WAAW,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAC1C,EAET,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,cAAc;oBAExB,4BAAI,SAAS,EAAE,MAAM,CAAC,WAAW,CAAC,IAC/B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,SAAS,IAAK,OAAA,CACnC,4BAAI,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI;wBACxC,oBAAC,WAAW,IACV,KAAK,EAAC,qBAAqB,EAC3B,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACtB,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC,IAE9B,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,CACjC,CACX,CACN,EAXoC,CAWpC,CAAC,CACC,CACqB,CACxB,CACe,CACpB,CACN,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useCallback } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport InternalExpandableSection from '../../../expandable-section/internal';\n\nfunction getStatusIndicatorType(taskIndex: number, currentTaskIndex: number) {\n if (taskIndex < currentTaskIndex) {\n return 'success';\n }\n if (taskIndex === currentTaskIndex) {\n return 'in-progress';\n }\n return 'pending';\n}\n\ninterface TaskProps {\n task: TutorialPanelProps.Task;\n taskIndex: number;\n currentTaskIndex: number;\n expanded: boolean;\n onToggleExpand: (step: number) => void;\n i18nStrings: TutorialPanelProps['i18nStrings'];\n}\n\nexport function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpand, i18nStrings }: TaskProps) {\n const statusIndicatorType = getStatusIndicatorType(taskIndex, currentTaskIndex);\n\n const onExpandChange = useCallback(() => {\n onToggleExpand(taskIndex);\n }, [onToggleExpand, taskIndex]);\n\n return (\n <li className={styles.task}>\n <InternalSpaceBetween size=\"xxs\">\n <div className={styles['task-title']}>\n <InternalStatusIndicator\n __size=\"inherit\"\n type={statusIndicatorType}\n iconAriaLabel={i18nStrings.labelsTaskStatus[statusIndicatorType]}\n className={styles['task-title--status']}\n />\n\n <InternalBox\n variant=\"h3\"\n padding={{ left: 'xxxs', vertical: 'n' }}\n fontSize=\"heading-s\"\n color={taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive'}\n >\n {i18nStrings.taskTitle(taskIndex, task.title)}\n </InternalBox>\n </div>\n\n <div className={styles['expandable-section-wrapper']}>\n <InternalExpandableSection\n headerText={\n <span className={styles['expandable-section-header']}>\n {i18nStrings.labelTotalSteps(task.steps.length)}\n </span>\n }\n expanded={expanded}\n onChange={onExpandChange}\n >\n <ol className={styles['step-list']}>\n {task.steps.map((step, stepIndex) => (\n <li key={stepIndex} className={styles.step}>\n <InternalBox\n color=\"text-body-secondary\"\n fontSize=\"body-m\"\n padding={{ left: 'l' }}\n className={styles['step-title']}\n >\n {i18nStrings.stepTitle(stepIndex, step.title)}\n </InternalBox>\n </li>\n ))}\n </ol>\n </InternalExpandableSection>\n </div>\n </InternalSpaceBetween>\n </li>\n );\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-list/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAOxE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,QAAQ,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC;IAC1F,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,SAAS,EACT,OAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,iBAAiB,eAuEnB"}
|
|
@@ -17,6 +17,7 @@ import InternalIcon from '../../../icon/internal';
|
|
|
17
17
|
import useFocusVisible from '../../../internal/hooks/focus-visible/index.js';
|
|
18
18
|
import { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';
|
|
19
19
|
import { checkSafeUrl } from '../../../internal/utils/check-safe-url';
|
|
20
|
+
import LiveRegion from '../../../internal/components/live-region/index.js';
|
|
20
21
|
export default function TutorialList(_a) {
|
|
21
22
|
var i18nStrings = _a.i18nStrings, tutorials = _a.tutorials, _b = _a.loading, loading = _b === void 0 ? false : _b, onStartTutorial = _a.onStartTutorial, downloadUrl = _a.downloadUrl;
|
|
22
23
|
checkSafeUrl('TutorialPanel', downloadUrl);
|
|
@@ -42,7 +43,8 @@ export default function TutorialList(_a) {
|
|
|
42
43
|
React.createElement("a", __assign({}, focusVisible, { href: downloadUrl, target: "_blank", rel: "noopener noreferrer", className: styles['download-link'] }),
|
|
43
44
|
React.createElement(InternalIcon, { name: "download" }),
|
|
44
45
|
React.createElement(InternalBox, { padding: { left: 'xs' }, color: "inherit", fontWeight: "bold", display: "inline" }, i18nStrings.tutorialListDownloadLinkText)),
|
|
45
|
-
loading ? (React.createElement(InternalStatusIndicator, { type: "loading" },
|
|
46
|
+
loading ? (React.createElement(InternalStatusIndicator, { type: "loading" },
|
|
47
|
+
React.createElement(LiveRegion, { visible: true }, i18nStrings.loadingText))) : (React.createElement(React.Fragment, null,
|
|
46
48
|
React.createElement("ul", { className: styles['tutorial-list'], role: "list" }, tutorials.map(function (tutorial, index) { return (React.createElement(Tutorial, { tutorial: tutorial, key: index, onStartTutorial: onStartTutorial, i18nStrings: i18nStrings })); }))))))));
|
|
47
49
|
}
|
|
48
50
|
function Tutorial(_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-list/index.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, { useCallback, useState } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport { InternalButton } from '../../../button/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { fireNonCancelableEvent } from '../../../internal/events/index.js';\nimport clsx from 'clsx';\nimport InternalAlert from '../../../alert/internal';\nimport InternalLink from '../../../link/internal';\nimport { useUniqueId } from '../../../internal/hooks/use-unique-id/index.js';\nimport { CSSTransition } from 'react-transition-group';\nimport { HotspotContext } from '../../../annotation-context/context.js';\nimport InternalIcon from '../../../icon/internal';\nimport useFocusVisible from '../../../internal/hooks/focus-visible/index.js';\nimport { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../../../internal/utils/check-safe-url';\n\nexport interface TutorialListProps {\n loading?: boolean;\n tutorials: TutorialPanelProps['tutorials'];\n onStartTutorial: HotspotContext['onStartTutorial'];\n filteringFunction: (tutorial: TutorialPanelProps.Tutorial, searchTerm: string) => boolean;\n i18nStrings: TutorialPanelProps['i18nStrings'];\n downloadUrl: TutorialPanelProps['downloadUrl'];\n}\n\nexport default function TutorialList({\n i18nStrings,\n tutorials,\n loading = false,\n onStartTutorial,\n downloadUrl,\n}: TutorialListProps) {\n checkSafeUrl('TutorialPanel', downloadUrl);\n\n /*\n // Filtering is not available in the Beta release.\n\n const [searchTerm, setSearchTerm] = useState('');\n\n const onSearchChangeCallback: InputProps['onChange'] = useCallback(event => setSearchTerm(event.detail.value), [\n setSearchTerm\n ]);\n\n const filteredTutorials = tutorials.filter(tutorial => filteringFunction(tutorial, searchTerm))\n */\n\n const focusVisible = useFocusVisible();\n const isRefresh = useVisualRefresh();\n\n return (\n <>\n <InternalSpaceBetween size=\"s\">\n <InternalSpaceBetween size=\"m\">\n <InternalBox variant=\"h2\" fontSize={isRefresh ? 'heading-m' : 'heading-l'} padding={{ bottom: 'n' }}>\n {i18nStrings.tutorialListTitle}\n </InternalBox>\n <InternalBox variant=\"p\" color=\"text-body-secondary\" padding=\"n\">\n {i18nStrings.tutorialListDescription}\n </InternalBox>\n </InternalSpaceBetween>\n <InternalSpaceBetween size=\"l\">\n <a\n {...focusVisible}\n href={downloadUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={styles['download-link']}\n >\n <InternalIcon name=\"download\" />\n <InternalBox padding={{ left: 'xs' }} color=\"inherit\" fontWeight=\"bold\" display=\"inline\">\n {i18nStrings.tutorialListDownloadLinkText}\n </InternalBox>\n </a>\n\n {/*\n <FormField label=\"Filter tutorials\">\n <Input type=\"search\" value={searchTerm} placeholder=\"Filter tutorials\" onChange={onSearchChangeCallback} />\n </FormField>\n */}\n {loading ? (\n <InternalStatusIndicator type=\"loading\">{i18nStrings.loadingText}</InternalStatusIndicator>\n ) : (\n <>\n <ul className={styles['tutorial-list']} role=\"list\">\n {tutorials.map((tutorial, index) => (\n <Tutorial\n tutorial={tutorial}\n key={index}\n onStartTutorial={onStartTutorial}\n i18nStrings={i18nStrings}\n />\n ))}\n </ul>\n {/* {filteredTutorials.length === 0 && searchTerm && <Box>No tutorials match this search filter.</Box>} */}\n </>\n )}\n </InternalSpaceBetween>\n </InternalSpaceBetween>\n </>\n );\n}\n\nfunction Tutorial({\n tutorial,\n onStartTutorial: onStartTutorialEventHandler,\n i18nStrings,\n}: {\n tutorial: TutorialPanelProps.Tutorial;\n onStartTutorial: HotspotContext['onStartTutorial'];\n i18nStrings: TutorialPanelProps['i18nStrings'];\n}) {\n checkSafeUrl('TutorialPanel', tutorial.learnMoreUrl);\n const controlId = useUniqueId();\n const triggerControldId = useUniqueId();\n const headerId = useUniqueId();\n\n const isRefresh = useVisualRefresh();\n\n const onStartTutorial = useCallback(() => {\n fireNonCancelableEvent(onStartTutorialEventHandler, { tutorial });\n }, [onStartTutorialEventHandler, tutorial]);\n\n const [expanded, setExpanded] = useState(!tutorial.prerequisitesNeeded && !tutorial.completed);\n\n const onClick = useCallback(() => {\n setExpanded(expanded => !expanded);\n }, []);\n\n return (\n <li className={styles['tutorial-box']} role=\"listitem\">\n <InternalSpaceBetween size=\"xs\">\n <div className={styles['tutorial-box-title']}>\n <InternalBox\n variant=\"h3\"\n fontSize={isRefresh ? 'heading-s' : 'heading-m'}\n id={headerId}\n margin={{ right: 'xs' }}\n padding=\"n\"\n className={styles.title}\n >\n {tutorial.title}\n </InternalBox>\n <div className={styles['button-wrapper']}>\n <InternalButton\n id={triggerControldId}\n variant=\"icon\"\n ariaExpanded={expanded}\n __nativeAttributes={{\n 'aria-controls': controlId,\n 'aria-labelledby': headerId,\n }}\n formAction=\"none\"\n onClick={onClick}\n className={expanded ? styles['collapse-button'] : styles['expand-button']}\n iconName={expanded ? 'angle-up' : 'angle-down'}\n />\n </div>\n </div>\n\n {tutorial.completed ? (\n <InternalStatusIndicator __size=\"inherit\" type=\"success\" className={styles.completed} wrapText={true}>\n {i18nStrings.tutorialCompletedText}\n </InternalStatusIndicator>\n ) : null}\n </InternalSpaceBetween>\n\n <div aria-live=\"polite\">\n <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }}>\n <div className={clsx(styles['expandable-section'], expanded && styles.expanded)} id={controlId}>\n <InternalSpaceBetween size=\"l\">\n <InternalSpaceBetween size=\"m\">\n {tutorial.prerequisitesNeeded && tutorial.prerequisitesAlert && (\n <InternalAlert type=\"info\" className={styles['prerequisites-alert']}>\n {tutorial.prerequisitesAlert}\n </InternalAlert>\n )}\n <InternalSpaceBetween size=\"s\">\n <InternalBox color=\"text-body-secondary\">\n <div\n className={clsx(\n styles['tutorial-description'],\n typeof tutorial.description === 'string' && styles['tutorial-description-plaintext']\n )}\n >\n {tutorial.description}\n </div>\n </InternalBox>\n {tutorial.learnMoreUrl && (\n <InternalLink\n href={tutorial.learnMoreUrl}\n className={styles['learn-more-link']}\n externalIconAriaLabel={i18nStrings.labelLearnMoreExternalIcon}\n external={true}\n >\n {i18nStrings.learnMoreLinkText}\n </InternalLink>\n )}\n </InternalSpaceBetween>\n </InternalSpaceBetween>\n\n <InternalBox margin={{ bottom: 'xxs' }}>\n <InternalButton\n onClick={onStartTutorial}\n disabled={tutorial.prerequisitesNeeded ?? false}\n formAction=\"none\"\n className={styles.start}\n >\n {tutorial.completed ? i18nStrings.restartTutorialButtonText : i18nStrings.startTutorialButtonText}\n </InternalButton>\n </InternalBox>\n </InternalSpaceBetween>\n </div>\n </CSSTransition>\n </div>\n </li>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/tutorial-panel/components/tutorial-list/index.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, { useCallback, useState } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport { InternalButton } from '../../../button/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { fireNonCancelableEvent } from '../../../internal/events/index.js';\nimport clsx from 'clsx';\nimport InternalAlert from '../../../alert/internal';\nimport InternalLink from '../../../link/internal';\nimport { useUniqueId } from '../../../internal/hooks/use-unique-id/index.js';\nimport { CSSTransition } from 'react-transition-group';\nimport { HotspotContext } from '../../../annotation-context/context.js';\nimport InternalIcon from '../../../icon/internal';\nimport useFocusVisible from '../../../internal/hooks/focus-visible/index.js';\nimport { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../../../internal/utils/check-safe-url';\nimport LiveRegion from '../../../internal/components/live-region/index.js';\n\nexport interface TutorialListProps {\n loading?: boolean;\n tutorials: TutorialPanelProps['tutorials'];\n onStartTutorial: HotspotContext['onStartTutorial'];\n filteringFunction: (tutorial: TutorialPanelProps.Tutorial, searchTerm: string) => boolean;\n i18nStrings: TutorialPanelProps['i18nStrings'];\n downloadUrl: TutorialPanelProps['downloadUrl'];\n}\n\nexport default function TutorialList({\n i18nStrings,\n tutorials,\n loading = false,\n onStartTutorial,\n downloadUrl,\n}: TutorialListProps) {\n checkSafeUrl('TutorialPanel', downloadUrl);\n\n /*\n // Filtering is not available in the Beta release.\n\n const [searchTerm, setSearchTerm] = useState('');\n\n const onSearchChangeCallback: InputProps['onChange'] = useCallback(event => setSearchTerm(event.detail.value), [\n setSearchTerm\n ]);\n\n const filteredTutorials = tutorials.filter(tutorial => filteringFunction(tutorial, searchTerm))\n */\n\n const focusVisible = useFocusVisible();\n const isRefresh = useVisualRefresh();\n\n return (\n <>\n <InternalSpaceBetween size=\"s\">\n <InternalSpaceBetween size=\"m\">\n <InternalBox variant=\"h2\" fontSize={isRefresh ? 'heading-m' : 'heading-l'} padding={{ bottom: 'n' }}>\n {i18nStrings.tutorialListTitle}\n </InternalBox>\n <InternalBox variant=\"p\" color=\"text-body-secondary\" padding=\"n\">\n {i18nStrings.tutorialListDescription}\n </InternalBox>\n </InternalSpaceBetween>\n <InternalSpaceBetween size=\"l\">\n <a\n {...focusVisible}\n href={downloadUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={styles['download-link']}\n >\n <InternalIcon name=\"download\" />\n <InternalBox padding={{ left: 'xs' }} color=\"inherit\" fontWeight=\"bold\" display=\"inline\">\n {i18nStrings.tutorialListDownloadLinkText}\n </InternalBox>\n </a>\n\n {/*\n <FormField label=\"Filter tutorials\">\n <Input type=\"search\" value={searchTerm} placeholder=\"Filter tutorials\" onChange={onSearchChangeCallback} />\n </FormField>\n */}\n {loading ? (\n <InternalStatusIndicator type=\"loading\">\n <LiveRegion visible={true}>{i18nStrings.loadingText}</LiveRegion>\n </InternalStatusIndicator>\n ) : (\n <>\n <ul className={styles['tutorial-list']} role=\"list\">\n {tutorials.map((tutorial, index) => (\n <Tutorial\n tutorial={tutorial}\n key={index}\n onStartTutorial={onStartTutorial}\n i18nStrings={i18nStrings}\n />\n ))}\n </ul>\n {/* {filteredTutorials.length === 0 && searchTerm && <Box>No tutorials match this search filter.</Box>} */}\n </>\n )}\n </InternalSpaceBetween>\n </InternalSpaceBetween>\n </>\n );\n}\n\nfunction Tutorial({\n tutorial,\n onStartTutorial: onStartTutorialEventHandler,\n i18nStrings,\n}: {\n tutorial: TutorialPanelProps.Tutorial;\n onStartTutorial: HotspotContext['onStartTutorial'];\n i18nStrings: TutorialPanelProps['i18nStrings'];\n}) {\n checkSafeUrl('TutorialPanel', tutorial.learnMoreUrl);\n const controlId = useUniqueId();\n const triggerControldId = useUniqueId();\n const headerId = useUniqueId();\n\n const isRefresh = useVisualRefresh();\n\n const onStartTutorial = useCallback(() => {\n fireNonCancelableEvent(onStartTutorialEventHandler, { tutorial });\n }, [onStartTutorialEventHandler, tutorial]);\n\n const [expanded, setExpanded] = useState(!tutorial.prerequisitesNeeded && !tutorial.completed);\n\n const onClick = useCallback(() => {\n setExpanded(expanded => !expanded);\n }, []);\n\n return (\n <li className={styles['tutorial-box']} role=\"listitem\">\n <InternalSpaceBetween size=\"xs\">\n <div className={styles['tutorial-box-title']}>\n <InternalBox\n variant=\"h3\"\n fontSize={isRefresh ? 'heading-s' : 'heading-m'}\n id={headerId}\n margin={{ right: 'xs' }}\n padding=\"n\"\n className={styles.title}\n >\n {tutorial.title}\n </InternalBox>\n <div className={styles['button-wrapper']}>\n <InternalButton\n id={triggerControldId}\n variant=\"icon\"\n ariaExpanded={expanded}\n __nativeAttributes={{\n 'aria-controls': controlId,\n 'aria-labelledby': headerId,\n }}\n formAction=\"none\"\n onClick={onClick}\n className={expanded ? styles['collapse-button'] : styles['expand-button']}\n iconName={expanded ? 'angle-up' : 'angle-down'}\n />\n </div>\n </div>\n\n {tutorial.completed ? (\n <InternalStatusIndicator __size=\"inherit\" type=\"success\" className={styles.completed} wrapText={true}>\n {i18nStrings.tutorialCompletedText}\n </InternalStatusIndicator>\n ) : null}\n </InternalSpaceBetween>\n\n <div aria-live=\"polite\">\n <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }}>\n <div className={clsx(styles['expandable-section'], expanded && styles.expanded)} id={controlId}>\n <InternalSpaceBetween size=\"l\">\n <InternalSpaceBetween size=\"m\">\n {tutorial.prerequisitesNeeded && tutorial.prerequisitesAlert && (\n <InternalAlert type=\"info\" className={styles['prerequisites-alert']}>\n {tutorial.prerequisitesAlert}\n </InternalAlert>\n )}\n <InternalSpaceBetween size=\"s\">\n <InternalBox color=\"text-body-secondary\">\n <div\n className={clsx(\n styles['tutorial-description'],\n typeof tutorial.description === 'string' && styles['tutorial-description-plaintext']\n )}\n >\n {tutorial.description}\n </div>\n </InternalBox>\n {tutorial.learnMoreUrl && (\n <InternalLink\n href={tutorial.learnMoreUrl}\n className={styles['learn-more-link']}\n externalIconAriaLabel={i18nStrings.labelLearnMoreExternalIcon}\n external={true}\n >\n {i18nStrings.learnMoreLinkText}\n </InternalLink>\n )}\n </InternalSpaceBetween>\n </InternalSpaceBetween>\n\n <InternalBox margin={{ bottom: 'xxs' }}>\n <InternalButton\n onClick={onStartTutorial}\n disabled={tutorial.prerequisitesNeeded ?? false}\n formAction=\"none\"\n className={styles.start}\n >\n {tutorial.completed ? i18nStrings.restartTutorialButtonText : i18nStrings.startTutorialButtonText}\n </InternalButton>\n </InternalBox>\n </InternalSpaceBetween>\n </div>\n </CSSTransition>\n </div>\n </li>\n );\n}\n"]}
|
package/wizard/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,OAAO,EAAE,WAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wizard/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAO3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,eAAe,EAAE,yBAAyB,EAC1C,WAAW,EACX,iBAAyB,EACzB,WAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACR,EAAE,WAAW,eA0Fb"}
|