@cloudscape-design/components 3.0.518 → 3.0.520
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/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +48 -45
- package/alert/styles.selectors.js +25 -25
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +22 -19
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +37 -34
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +14 -11
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +81 -81
- package/app-layout/visual-refresh/styles.scoped.css +179 -176
- package/app-layout/visual-refresh/styles.selectors.js +81 -81
- package/breadcrumb-group/item/styles.css.js +9 -9
- package/breadcrumb-group/item/styles.scoped.css +23 -20
- package/breadcrumb-group/item/styles.selectors.js +9 -9
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +392 -302
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/item-element/styles.css.js +15 -15
- package/button-dropdown/item-element/styles.scoped.css +19 -19
- package/button-dropdown/item-element/styles.selectors.js +15 -15
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +54 -48
- package/calendar/styles.selectors.js +18 -18
- package/cards/styles.css.js +40 -40
- package/cards/styles.scoped.css +58 -58
- package/cards/styles.selectors.js +40 -40
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +18 -15
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +165 -153
- package/code-editor/styles.selectors.js +32 -32
- package/collection-preferences/content-display/styles.css.js +11 -11
- package/collection-preferences/content-display/styles.scoped.css +26 -23
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +53 -50
- package/collection-preferences/styles.selectors.js +37 -37
- package/container/styles.css.js +30 -30
- package/container/styles.scoped.css +100 -80
- package/container/styles.selectors.js +30 -30
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +13 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/calendar/grids/styles.css.js +25 -25
- package/date-range-picker/calendar/grids/styles.scoped.css +58 -52
- package/date-range-picker/calendar/grids/styles.selectors.js +25 -25
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +50 -47
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/interfaces.d.ts +3 -2
- package/expandable-section/interfaces.d.ts.map +1 -1
- package/expandable-section/interfaces.js.map +1 -1
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +85 -75
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +15 -12
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +168 -162
- package/flashbar/styles.selectors.js +47 -47
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +35 -34
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +112 -108
- package/grid/styles.selectors.js +53 -53
- package/header/interfaces.d.ts +1 -1
- package/header/interfaces.js.map +1 -1
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +92 -83
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +127 -108
- package/help-panel/styles.selectors.js +4 -4
- package/hotspot/styles.css.js +7 -7
- package/hotspot/styles.scoped.css +13 -13
- package/hotspot/styles.selectors.js +7 -7
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +86 -78
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +63 -49
- package/input/styles.selectors.js +12 -12
- package/internal/components/abstract-switch/styles.css.js +13 -13
- package/internal/components/abstract-switch/styles.scoped.css +31 -30
- package/internal/components/abstract-switch/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +10 -10
- package/internal/components/button-trigger/styles.scoped.css +61 -48
- package/internal/components/button-trigger/styles.selectors.js +10 -10
- package/internal/components/cartesian-chart/styles.css.js +27 -27
- package/internal/components/cartesian-chart/styles.scoped.css +38 -41
- package/internal/components/cartesian-chart/styles.selectors.js +27 -27
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +33 -26
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-plot/styles.css.js +5 -5
- package/internal/components/chart-plot/styles.scoped.css +7 -7
- package/internal/components/chart-plot/styles.selectors.js +5 -5
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +7 -5
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-popover-footer/styles.css.js +1 -1
- package/internal/components/chart-popover-footer/styles.scoped.css +8 -6
- package/internal/components/chart-popover-footer/styles.selectors.js +1 -1
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +74 -59
- package/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +40 -27
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +9 -9
- package/internal/components/chart-wrapper/styles.scoped.css +13 -13
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/checkbox-icon/styles.css.js +7 -7
- package/internal/components/checkbox-icon/styles.scoped.css +12 -12
- package/internal/components/checkbox-icon/styles.selectors.js +7 -7
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +64 -56
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/dropdown-footer/styles.css.js +3 -3
- package/internal/components/dropdown-footer/styles.scoped.css +5 -5
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +5 -3
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +41 -30
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +20 -14
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +31 -28
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/option/styles.css.js +17 -17
- package/internal/components/option/styles.scoped.css +39 -39
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +2 -2
- package/internal/components/options-list/styles.scoped.css +14 -8
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/screenreader-only/styles.css.js +1 -1
- package/internal/components/screenreader-only/styles.scoped.css +3 -3
- package/internal/components/screenreader-only/styles.selectors.js +1 -1
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +74 -65
- package/internal/components/selectable-item/styles.selectors.js +16 -16
- package/internal/components/token-list/styles.css.js +9 -9
- package/internal/components/token-list/styles.scoped.css +44 -33
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/manifest.json +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +75 -72
- package/link/styles.selectors.js +20 -20
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +76 -61
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +2 -2
- package/multiselect/styles.scoped.css +3 -3
- package/multiselect/styles.selectors.js +2 -2
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +29 -25
- package/pagination/styles.selectors.js +9 -9
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +75 -72
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +33 -33
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +31 -31
- package/property-filter/styles.scoped.css +34 -34
- package/property-filter/styles.selectors.js +31 -31
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +28 -25
- package/radio-group/styles.selectors.js +9 -9
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +42 -39
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/styles.css.js +16 -16
- package/select/parts/styles.scoped.css +18 -18
- package/select/parts/styles.selectors.js +16 -16
- package/side-navigation/styles.css.js +28 -28
- package/side-navigation/styles.scoped.css +43 -40
- package/side-navigation/styles.selectors.js +28 -28
- package/split-panel/styles.css.js +55 -55
- package/split-panel/styles.scoped.css +84 -81
- package/split-panel/styles.selectors.js +55 -55
- package/status-indicator/styles.css.js +23 -23
- package/status-indicator/styles.scoped.css +30 -30
- package/status-indicator/styles.selectors.js +23 -23
- package/table/body-cell/styles.css.js +30 -30
- package/table/body-cell/styles.scoped.css +166 -153
- package/table/body-cell/styles.selectors.js +30 -30
- package/table/header-cell/styles.css.js +24 -24
- package/table/header-cell/styles.scoped.css +77 -70
- package/table/header-cell/styles.selectors.js +24 -24
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +43 -40
- package/table/resizer/styles.selectors.js +8 -8
- package/table/selection/styles.css.js +3 -3
- package/table/selection/styles.scoped.css +9 -9
- package/table/selection/styles.selectors.js +3 -3
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +16 -16
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/table/styles.css.js +35 -35
- package/table/styles.scoped.css +94 -87
- package/table/styles.selectors.js +35 -35
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +104 -79
- package/tabs/styles.selectors.js +21 -21
- package/tag-editor/styles.css.js +3 -3
- package/tag-editor/styles.scoped.css +14 -11
- package/tag-editor/styles.selectors.js +3 -3
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +74 -67
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +5 -5
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +34 -23
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +29 -29
- package/tiles/styles.scoped.css +112 -99
- package/tiles/styles.selectors.js +29 -29
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +38 -29
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +46 -31
- package/token-group/styles.selectors.js +8 -8
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +90 -83
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +149 -130
- package/top-navigation/styles.selectors.js +47 -47
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +36 -32
- package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/tutorial-panel/components/tutorial-list/styles.scoped.css +47 -36
- package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/tutorial-panel/styles.css.js +1 -1
- package/tutorial-panel/styles.scoped.css +4 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +32 -32
- package/wizard/styles.scoped.css +145 -117
- package/wizard/styles.selectors.js +32 -32
|
@@ -90,11 +90,11 @@ 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
|
-
.
|
|
94
|
-
animation: awsui_awsui-motion-fade-in-
|
|
93
|
+
.awsui_calendar_mgja0_xjfcx_93:not(#\9) {
|
|
94
|
+
animation: awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
|
|
95
95
|
animation-fill-mode: both;
|
|
96
96
|
}
|
|
97
|
-
@keyframes awsui_awsui-motion-fade-in-
|
|
97
|
+
@keyframes awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1 {
|
|
98
98
|
from {
|
|
99
99
|
opacity: 0;
|
|
100
100
|
}
|
|
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
@media (prefers-reduced-motion: reduce) {
|
|
106
|
-
.
|
|
106
|
+
.awsui_calendar_mgja0_xjfcx_93:not(#\9) {
|
|
107
107
|
animation: none;
|
|
108
108
|
transition: none;
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
|
-
.awsui-motion-disabled .
|
|
111
|
+
.awsui-motion-disabled .awsui_calendar_mgja0_xjfcx_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_xjfcx_93:not(#\9) {
|
|
112
112
|
animation: none;
|
|
113
113
|
transition: none;
|
|
114
114
|
}
|
|
@@ -117,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
117
117
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
118
118
|
SPDX-License-Identifier: Apache-2.0
|
|
119
119
|
*/
|
|
120
|
-
.
|
|
120
|
+
.awsui_root_mgja0_xjfcx_120:not(#\9) {
|
|
121
121
|
border-collapse: separate;
|
|
122
122
|
border-spacing: 0;
|
|
123
123
|
box-sizing: border-box;
|
|
@@ -154,32 +154,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
154
154
|
max-width: 32em;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.awsui_focus-
|
|
157
|
+
.awsui_focus-lock_mgja0_xjfcx_156:not(#\9) {
|
|
158
158
|
display: contents;
|
|
159
159
|
}
|
|
160
160
|
|
|
161
|
-
.awsui_trigger-
|
|
161
|
+
.awsui_trigger-wrapper_mgja0_xjfcx_160:not(#\9) {
|
|
162
162
|
min-width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
|
|
163
163
|
}
|
|
164
164
|
|
|
165
|
-
.awsui_trigger-
|
|
165
|
+
.awsui_trigger-flexbox_mgja0_xjfcx_164:not(#\9) {
|
|
166
166
|
display: flex;
|
|
167
167
|
}
|
|
168
168
|
|
|
169
|
-
.awsui_calendar-
|
|
169
|
+
.awsui_calendar-container_mgja0_xjfcx_168:not(#\9) {
|
|
170
170
|
width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px));
|
|
171
171
|
}
|
|
172
|
-
.awsui_calendar-
|
|
172
|
+
.awsui_calendar-container_mgja0_xjfcx_168.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
|
|
173
173
|
width: var(--size-calendar-grid-width-lrunz7, 238px);
|
|
174
174
|
}
|
|
175
175
|
|
|
176
|
-
.awsui_calendar-
|
|
176
|
+
.awsui_calendar-header_mgja0_xjfcx_175:not(#\9) {
|
|
177
177
|
display: flex;
|
|
178
178
|
justify-content: space-between;
|
|
179
179
|
align-items: center;
|
|
180
180
|
position: relative;
|
|
181
181
|
}
|
|
182
|
-
.awsui_calendar-header-months-
|
|
182
|
+
.awsui_calendar-header-months-wrapper_mgja0_xjfcx_181:not(#\9) {
|
|
183
183
|
position: absolute;
|
|
184
184
|
right: 0;
|
|
185
185
|
left: 0;
|
|
@@ -192,7 +192,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
192
192
|
flex: 1;
|
|
193
193
|
pointer-events: none;
|
|
194
194
|
}
|
|
195
|
-
.awsui_calendar-header-
|
|
195
|
+
.awsui_calendar-header-month_mgja0_xjfcx_181:not(#\9) {
|
|
196
196
|
font-size: var(--font-size-body-m-x4okxb, 14px);
|
|
197
197
|
line-height: var(--line-height-body-m-30ar75, 20px);
|
|
198
198
|
font-weight: 700;
|
|
@@ -200,133 +200,136 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
200
200
|
display: flex;
|
|
201
201
|
pointer-events: auto;
|
|
202
202
|
}
|
|
203
|
-
.awsui_calendar-next-month-
|
|
203
|
+
.awsui_calendar-next-month-btn_mgja0_xjfcx_202:not(#\9) {
|
|
204
204
|
/* used for identifying element */
|
|
205
205
|
}
|
|
206
|
-
.awsui_calendar-prev-month-
|
|
206
|
+
.awsui_calendar-prev-month-btn_mgja0_xjfcx_205:not(#\9) {
|
|
207
207
|
/* used for identifying element */
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
.awsui_first-
|
|
211
|
-
.awsui_second-
|
|
210
|
+
.awsui_first-grid_mgja0_xjfcx_209:not(#\9),
|
|
211
|
+
.awsui_second-grid_mgja0_xjfcx_210:not(#\9) {
|
|
212
212
|
/* used in test-utils */
|
|
213
213
|
}
|
|
214
214
|
|
|
215
|
-
.awsui_date-and-time-
|
|
215
|
+
.awsui_date-and-time-container_mgja0_xjfcx_214:not(#\9) {
|
|
216
216
|
display: grid;
|
|
217
217
|
grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-lrunz7, 238px), 1fr));
|
|
218
218
|
gap: var(--space-xs-zb16t3, 8px);
|
|
219
219
|
}
|
|
220
220
|
|
|
221
|
-
.awsui_date-and-time-
|
|
221
|
+
.awsui_date-and-time-wrapper_mgja0_xjfcx_220:not(#\9) {
|
|
222
222
|
width: var(--size-calendar-grid-width-lrunz7, 238px);
|
|
223
223
|
display: grid;
|
|
224
224
|
gap: var(--space-xs-zb16t3, 8px);
|
|
225
225
|
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
|
226
226
|
}
|
|
227
227
|
|
|
228
|
-
.
|
|
228
|
+
.awsui_footer_mgja0_xjfcx_227:not(#\9) {
|
|
229
229
|
display: flex;
|
|
230
230
|
flex-wrap: wrap;
|
|
231
231
|
justify-content: flex-end;
|
|
232
232
|
border-top: 1px solid var(--color-border-dropdown-item-default-k36ra7, #b6bec9);
|
|
233
233
|
padding: 0 var(--space-l-t419sm, 20px) var(--space-s-34lx8l, 12px);
|
|
234
234
|
}
|
|
235
|
-
.
|
|
235
|
+
.awsui_footer_mgja0_xjfcx_227.awsui_has-clear-button_mgja0_xjfcx_234:not(#\9) {
|
|
236
236
|
justify-content: space-between;
|
|
237
237
|
}
|
|
238
|
-
.
|
|
238
|
+
.awsui_footer_mgja0_xjfcx_227.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
|
|
239
239
|
padding: 0 var(--space-xs-zb16t3, 8px) var(--space-s-34lx8l, 12px);
|
|
240
240
|
}
|
|
241
241
|
|
|
242
|
-
.awsui_footer-button-
|
|
242
|
+
.awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9) {
|
|
243
243
|
padding-top: var(--space-s-34lx8l, 12px);
|
|
244
244
|
}
|
|
245
|
-
.awsui_footer-button-
|
|
245
|
+
.awsui_footer-button-wrapper_mgja0_xjfcx_241:not(#\9):last-child {
|
|
246
246
|
margin-left: auto;
|
|
247
247
|
}
|
|
248
248
|
|
|
249
|
-
.awsui_icon-
|
|
249
|
+
.awsui_icon-wrapper_mgja0_xjfcx_248:not(#\9) {
|
|
250
250
|
color: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
251
251
|
margin-right: var(--space-xs-zb16t3, 8px);
|
|
252
252
|
}
|
|
253
253
|
|
|
254
|
-
.
|
|
254
|
+
.awsui_label_mgja0_xjfcx_253:not(#\9) {
|
|
255
255
|
-webkit-user-select: text;
|
|
256
256
|
user-select: text;
|
|
257
257
|
cursor: default;
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
-
.
|
|
260
|
+
.awsui_label_mgja0_xjfcx_253.awsui_label-enabled_mgja0_xjfcx_258:not(#\9):hover > .awsui_trigger-flexbox_mgja0_xjfcx_164 > .awsui_icon-wrapper_mgja0_xjfcx_248 {
|
|
261
261
|
color: var(--color-text-interactive-hover-mj8add, #000716);
|
|
262
262
|
}
|
|
263
263
|
|
|
264
|
-
.awsui_label-
|
|
264
|
+
.awsui_label-text_mgja0_xjfcx_262:not(#\9) {
|
|
265
265
|
color: var(--color-text-input-placeholder-mx1ygd, #5f6b7a);
|
|
266
266
|
font-style: italic;
|
|
267
267
|
}
|
|
268
268
|
|
|
269
|
-
.awsui_label-token-
|
|
269
|
+
.awsui_label-token-nowrap_mgja0_xjfcx_267:not(#\9) {
|
|
270
270
|
white-space: nowrap;
|
|
271
271
|
}
|
|
272
272
|
|
|
273
|
-
.awsui_mode-
|
|
273
|
+
.awsui_mode-switch_mgja0_xjfcx_271:not(#\9) {
|
|
274
274
|
/* used in test-utils */
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.
|
|
277
|
+
.awsui_dropdown_mgja0_xjfcx_275:not(#\9) {
|
|
278
278
|
overflow: auto;
|
|
279
279
|
border-top: 1px solid var(--color-border-container-top-736buh, transparent);
|
|
280
280
|
border-bottom: 1px solid var(--color-border-container-top-736buh, transparent);
|
|
281
281
|
border-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
282
282
|
}
|
|
283
|
-
.
|
|
283
|
+
.awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
|
|
284
284
|
outline: none;
|
|
285
285
|
}
|
|
286
|
-
body[data-awsui-focus-visible=true] .
|
|
286
|
+
body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_xjfcx_275:not(#\9):focus {
|
|
287
287
|
outline: 2px dotted transparent;
|
|
288
288
|
outline-offset: 2px;
|
|
289
|
-
border-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
289
|
+
border-start-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
290
|
+
border-start-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
291
|
+
border-end-start-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
292
|
+
border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
|
|
290
293
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
291
294
|
}
|
|
292
295
|
|
|
293
|
-
.awsui_dropdown-
|
|
296
|
+
.awsui_dropdown-content_mgja0_xjfcx_294:not(#\9) {
|
|
294
297
|
-webkit-user-select: text;
|
|
295
298
|
user-select: text;
|
|
296
299
|
background-color: var(--color-background-container-content-4un1ap, #ffffff);
|
|
297
300
|
width: calc(2 * var(--size-calendar-grid-width-lrunz7, 238px) + var(--space-xs-zb16t3, 8px) + 2 * var(--space-l-t419sm, 20px));
|
|
298
301
|
}
|
|
299
|
-
.awsui_dropdown-
|
|
302
|
+
.awsui_dropdown-content_mgja0_xjfcx_294.awsui_one-grid_mgja0_xjfcx_171:not(#\9) {
|
|
300
303
|
width: calc(var(--size-calendar-grid-width-lrunz7, 238px) + 2 * var(--space-l-t419sm, 20px));
|
|
301
304
|
}
|
|
302
305
|
|
|
303
|
-
.awsui_start-date-
|
|
304
|
-
.awsui_start-time-
|
|
305
|
-
.awsui_end-date-
|
|
306
|
-
.awsui_end-time-
|
|
306
|
+
.awsui_start-date-input_mgja0_xjfcx_303:not(#\9),
|
|
307
|
+
.awsui_start-time-input_mgja0_xjfcx_304:not(#\9),
|
|
308
|
+
.awsui_end-date-input_mgja0_xjfcx_305:not(#\9),
|
|
309
|
+
.awsui_end-time-input_mgja0_xjfcx_306:not(#\9) {
|
|
307
310
|
/* used in test-utils */
|
|
308
311
|
}
|
|
309
312
|
|
|
310
|
-
.awsui_validation-
|
|
313
|
+
.awsui_validation-section_mgja0_xjfcx_310:not(#\9) {
|
|
311
314
|
/* used in test-utils */
|
|
312
315
|
}
|
|
313
316
|
|
|
314
|
-
.awsui_validation-
|
|
317
|
+
.awsui_validation-error_mgja0_xjfcx_314:not(#\9) {
|
|
315
318
|
/* used in test-utils */
|
|
316
319
|
}
|
|
317
320
|
|
|
318
|
-
.awsui_clear-
|
|
321
|
+
.awsui_clear-button_mgja0_xjfcx_318:not(#\9) {
|
|
319
322
|
/* used in test-utils */
|
|
320
323
|
}
|
|
321
324
|
|
|
322
|
-
.awsui_apply-
|
|
325
|
+
.awsui_apply-button_mgja0_xjfcx_322:not(#\9) {
|
|
323
326
|
/* used in test-utils */
|
|
324
327
|
}
|
|
325
328
|
|
|
326
|
-
.awsui_cancel-
|
|
329
|
+
.awsui_cancel-button_mgja0_xjfcx_326:not(#\9) {
|
|
327
330
|
/* used in test-utils */
|
|
328
331
|
}
|
|
329
332
|
|
|
330
|
-
.awsui_calendar-aria-
|
|
333
|
+
.awsui_calendar-aria-live_mgja0_xjfcx_330:not(#\9) {
|
|
331
334
|
/* used in test-utils */
|
|
332
335
|
}
|
|
@@ -2,43 +2,43 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"calendar": "
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"root": "
|
|
8
|
-
"focus-lock": "awsui_focus-
|
|
9
|
-
"trigger-wrapper": "awsui_trigger-
|
|
10
|
-
"trigger-flexbox": "awsui_trigger-
|
|
11
|
-
"calendar-container": "awsui_calendar-
|
|
12
|
-
"one-grid": "awsui_one-
|
|
13
|
-
"calendar-header": "awsui_calendar-
|
|
14
|
-
"calendar-header-months-wrapper": "awsui_calendar-header-months-
|
|
15
|
-
"calendar-header-month": "awsui_calendar-header-
|
|
16
|
-
"calendar-next-month-btn": "awsui_calendar-next-month-
|
|
17
|
-
"calendar-prev-month-btn": "awsui_calendar-prev-month-
|
|
18
|
-
"first-grid": "awsui_first-
|
|
19
|
-
"second-grid": "awsui_second-
|
|
20
|
-
"date-and-time-container": "awsui_date-and-time-
|
|
21
|
-
"date-and-time-wrapper": "awsui_date-and-time-
|
|
22
|
-
"footer": "
|
|
23
|
-
"has-clear-button": "awsui_has-clear-
|
|
24
|
-
"footer-button-wrapper": "awsui_footer-button-
|
|
25
|
-
"icon-wrapper": "awsui_icon-
|
|
26
|
-
"label": "
|
|
27
|
-
"label-enabled": "awsui_label-
|
|
28
|
-
"label-text": "awsui_label-
|
|
29
|
-
"label-token-nowrap": "awsui_label-token-
|
|
30
|
-
"mode-switch": "awsui_mode-
|
|
31
|
-
"dropdown": "
|
|
32
|
-
"dropdown-content": "awsui_dropdown-
|
|
33
|
-
"start-date-input": "awsui_start-date-
|
|
34
|
-
"start-time-input": "awsui_start-time-
|
|
35
|
-
"end-date-input": "awsui_end-date-
|
|
36
|
-
"end-time-input": "awsui_end-time-
|
|
37
|
-
"validation-section": "awsui_validation-
|
|
38
|
-
"validation-error": "awsui_validation-
|
|
39
|
-
"clear-button": "awsui_clear-
|
|
40
|
-
"apply-button": "awsui_apply-
|
|
41
|
-
"cancel-button": "awsui_cancel-
|
|
42
|
-
"calendar-aria-live": "awsui_calendar-aria-
|
|
5
|
+
"calendar": "awsui_calendar_mgja0_xjfcx_93",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_xjfcx_1",
|
|
7
|
+
"root": "awsui_root_mgja0_xjfcx_120",
|
|
8
|
+
"focus-lock": "awsui_focus-lock_mgja0_xjfcx_156",
|
|
9
|
+
"trigger-wrapper": "awsui_trigger-wrapper_mgja0_xjfcx_160",
|
|
10
|
+
"trigger-flexbox": "awsui_trigger-flexbox_mgja0_xjfcx_164",
|
|
11
|
+
"calendar-container": "awsui_calendar-container_mgja0_xjfcx_168",
|
|
12
|
+
"one-grid": "awsui_one-grid_mgja0_xjfcx_171",
|
|
13
|
+
"calendar-header": "awsui_calendar-header_mgja0_xjfcx_175",
|
|
14
|
+
"calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_xjfcx_181",
|
|
15
|
+
"calendar-header-month": "awsui_calendar-header-month_mgja0_xjfcx_181",
|
|
16
|
+
"calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_xjfcx_202",
|
|
17
|
+
"calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_xjfcx_205",
|
|
18
|
+
"first-grid": "awsui_first-grid_mgja0_xjfcx_209",
|
|
19
|
+
"second-grid": "awsui_second-grid_mgja0_xjfcx_210",
|
|
20
|
+
"date-and-time-container": "awsui_date-and-time-container_mgja0_xjfcx_214",
|
|
21
|
+
"date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_xjfcx_220",
|
|
22
|
+
"footer": "awsui_footer_mgja0_xjfcx_227",
|
|
23
|
+
"has-clear-button": "awsui_has-clear-button_mgja0_xjfcx_234",
|
|
24
|
+
"footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_xjfcx_241",
|
|
25
|
+
"icon-wrapper": "awsui_icon-wrapper_mgja0_xjfcx_248",
|
|
26
|
+
"label": "awsui_label_mgja0_xjfcx_253",
|
|
27
|
+
"label-enabled": "awsui_label-enabled_mgja0_xjfcx_258",
|
|
28
|
+
"label-text": "awsui_label-text_mgja0_xjfcx_262",
|
|
29
|
+
"label-token-nowrap": "awsui_label-token-nowrap_mgja0_xjfcx_267",
|
|
30
|
+
"mode-switch": "awsui_mode-switch_mgja0_xjfcx_271",
|
|
31
|
+
"dropdown": "awsui_dropdown_mgja0_xjfcx_275",
|
|
32
|
+
"dropdown-content": "awsui_dropdown-content_mgja0_xjfcx_294",
|
|
33
|
+
"start-date-input": "awsui_start-date-input_mgja0_xjfcx_303",
|
|
34
|
+
"start-time-input": "awsui_start-time-input_mgja0_xjfcx_304",
|
|
35
|
+
"end-date-input": "awsui_end-date-input_mgja0_xjfcx_305",
|
|
36
|
+
"end-time-input": "awsui_end-time-input_mgja0_xjfcx_306",
|
|
37
|
+
"validation-section": "awsui_validation-section_mgja0_xjfcx_310",
|
|
38
|
+
"validation-error": "awsui_validation-error_mgja0_xjfcx_314",
|
|
39
|
+
"clear-button": "awsui_clear-button_mgja0_xjfcx_318",
|
|
40
|
+
"apply-button": "awsui_apply-button_mgja0_xjfcx_322",
|
|
41
|
+
"cancel-button": "awsui_cancel-button_mgja0_xjfcx_326",
|
|
42
|
+
"calendar-aria-live": "awsui_calendar-aria-live_mgja0_xjfcx_330"
|
|
43
43
|
};
|
|
44
44
|
|
|
@@ -58,8 +58,9 @@ export interface ExpandableSectionProps extends BaseComponentProps {
|
|
|
58
58
|
headerCounter?: string;
|
|
59
59
|
/**
|
|
60
60
|
* Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).
|
|
61
|
-
* Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV).
|
|
62
|
-
*
|
|
61
|
+
* Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this
|
|
62
|
+
* property does not change the visual appearance of the component. Note that this only works with the `headerText`
|
|
63
|
+
* slot (not with the deprecated `header`), and not with the navigation variant.
|
|
63
64
|
*/
|
|
64
65
|
headingTagOverride?: ExpandableSectionProps.HeadingTag;
|
|
65
66
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACpF,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;SASK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB
|
|
1
|
+
{"version":3,"file":"interfaces.d.ts","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,yBAAiB,sBAAsB,CAAC;IACtC,KAAY,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACpF,UAAiB,YAAY;QAC3B,QAAQ,EAAE,OAAO,CAAC;KACnB;IACD,KAAY,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3D;AAED,MAAM,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,GAAG,SAAS,CAAC;AAEzE,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;SASK;IACL,OAAO,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;IAEzC;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC,UAAU,CAAC;IAEvD;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,sBAAsB,CAAC,YAAY,CAAC,CAAC;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked';\n export interface ChangeDetail {\n expanded: boolean;\n }\n export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n /**\n * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n * manner even if you provide a value for this property.\n */\n defaultExpanded?: boolean;\n\n /**\n * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n * manner if you provide a value for this property.\n */\n expanded?: boolean;\n\n /**\n * The possible variants of an expandable section are as follows:\n * * `default` - Use this variant in any context.\n * * `footer` - Use this variant in container footers.\n * * `container` - Use this variant in a detail page alongside other containers.\n * * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n * It doesn't have any default styles.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n * */\n variant?: ExpandableSectionProps.Variant;\n\n /**\n * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Primary content displayed in the expandable section element.\n */\n children?: React.ReactNode;\n\n /**\n * @deprecated Use `headerText` instead.\n */\n header?: React.ReactNode;\n\n /**\n * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n */\n headerText?: React.ReactNode;\n\n /**\n * Supplementary text below the heading. Use with the container, default or footer variants.\n */\n headerDescription?: string;\n\n /**\n * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n * Behaves similar to the Header component counter.\n */\n headerCounter?: string;\n\n /**\n * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Note that this only
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"lib/default/","sources":["expandable-section/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport namespace ExpandableSectionProps {\n export type Variant = 'default' | 'footer' | 'container' | 'navigation' | 'stacked';\n export interface ChangeDetail {\n expanded: boolean;\n }\n export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n}\n\nexport type InternalVariant = ExpandableSectionProps.Variant | 'compact';\n\nexport interface ExpandableSectionProps extends BaseComponentProps {\n /**\n * Determines whether the component initially displays in expanded state (that is, with content visible). The component operates in an uncontrolled\n * manner even if you provide a value for this property.\n */\n defaultExpanded?: boolean;\n\n /**\n * Determines whether the component is in the expanded state (that is, with content visible). The component operates in a controlled\n * manner if you provide a value for this property.\n */\n expanded?: boolean;\n\n /**\n * The possible variants of an expandable section are as follows:\n * * `default` - Use this variant in any context.\n * * `footer` - Use this variant in container footers.\n * * `container` - Use this variant in a detail page alongside other containers.\n * * `navigation` - Use this variant in the navigation panel with anchors and custom styled content.\n * It doesn't have any default styles.\n * * `stacked` - Use this variant directly adjacent to other stacked containers (such as a container, table).\n * @visualrefresh `stacked` variant\n * */\n variant?: ExpandableSectionProps.Variant;\n\n /**\n * Determines whether the content section's default padding is removed. This default padding is only present for the `container` variant.\n */\n disableContentPaddings?: boolean;\n\n /**\n * Primary content displayed in the expandable section element.\n */\n children?: React.ReactNode;\n\n /**\n * @deprecated Use `headerText` instead.\n */\n header?: React.ReactNode;\n\n /**\n * The heading text. Use plain text. When using the container variant, you can use additional header props like `headerDescription` and `headerCounter` to display other elements in the header.\n */\n headerText?: React.ReactNode;\n\n /**\n * Supplementary text below the heading. Use with the container, default or footer variants.\n */\n headerDescription?: string;\n\n /**\n * Specifies secondary text that's displayed to the right of the heading title. Use with the container variant.\n * Behaves similar to the Header component counter.\n */\n headerCounter?: string;\n\n /**\n * Overrides the default [HTML heading tag](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).\n * Use with the container variant (which defaults to H2) or default/footer variants (which default to DIV). Using this\n * property does not change the visual appearance of the component. Note that this only works with the `headerText`\n * slot (not with the deprecated `header`), and not with the navigation variant.\n */\n headingTagOverride?: ExpandableSectionProps.HeadingTag;\n\n /**\n * Adds `aria-label` to the header element.\n * Use to assign unique labels when there are multiple expandable sections with the same header text on one page.\n */\n headerAriaLabel?: string;\n\n /**\n * Called when the state changes (that is, when the user expands or collapses the component).\n * The event `detail` contains the current value of the `expanded` property.\n */\n onChange?: NonCancelableEventHandler<ExpandableSectionProps.ChangeDetail>;\n\n /**\n * The area next to the heading, used to display an Info link. Use with the container variant.\n */\n headerInfo?: React.ReactNode;\n\n /**\n * Actions for the header. Use with the container variant.\n */\n headerActions?: React.ReactNode;\n}\n"]}
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"content-enter": "awsui_content-
|
|
5
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
6
|
-
"trigger-expanded": "awsui_trigger-
|
|
7
|
-
"icon": "
|
|
8
|
-
"root": "
|
|
9
|
-
"expand-button": "awsui_expand-
|
|
10
|
-
"expanded": "
|
|
11
|
-
"icon-container": "awsui_icon-
|
|
12
|
-
"icon-container-container": "awsui_icon-container-
|
|
13
|
-
"wrapper": "
|
|
14
|
-
"wrapper-default": "awsui_wrapper-
|
|
15
|
-
"wrapper-footer": "awsui_wrapper-
|
|
16
|
-
"wrapper-navigation": "awsui_wrapper-
|
|
17
|
-
"wrapper-container": "awsui_wrapper-
|
|
18
|
-
"wrapper-compact": "awsui_wrapper-
|
|
19
|
-
"header-deprecated": "awsui_header-
|
|
20
|
-
"wrapper-expanded": "awsui_wrapper-
|
|
21
|
-
"header": "
|
|
22
|
-
"header-wrapper": "awsui_header-
|
|
23
|
-
"header-actions-wrapper": "awsui_header-actions-
|
|
24
|
-
"header-button": "awsui_header-
|
|
25
|
-
"header-container-button": "awsui_header-container-
|
|
26
|
-
"header-container": "awsui_header-
|
|
27
|
-
"header-navigation": "awsui_header-
|
|
28
|
-
"header-text": "awsui_header-
|
|
29
|
-
"content": "
|
|
30
|
-
"content-default": "awsui_content-
|
|
31
|
-
"content-footer": "awsui_content-
|
|
32
|
-
"content-expanded": "awsui_content-
|
|
33
|
-
"content-compact": "awsui_content-
|
|
34
|
-
"focusable": "
|
|
35
|
-
"click-target": "awsui_click-
|
|
4
|
+
"content-enter": "awsui_content-enter_gwq0h_1lf18_97",
|
|
5
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_1lf18_1",
|
|
6
|
+
"trigger-expanded": "awsui_trigger-expanded_gwq0h_1lf18_119",
|
|
7
|
+
"icon": "awsui_icon_gwq0h_1lf18_133",
|
|
8
|
+
"root": "awsui_root_gwq0h_1lf18_151",
|
|
9
|
+
"expand-button": "awsui_expand-button_gwq0h_1lf18_189",
|
|
10
|
+
"expanded": "awsui_expanded_gwq0h_1lf18_196",
|
|
11
|
+
"icon-container": "awsui_icon-container_gwq0h_1lf18_200",
|
|
12
|
+
"icon-container-container": "awsui_icon-container-container_gwq0h_1lf18_205",
|
|
13
|
+
"wrapper": "awsui_wrapper_gwq0h_1lf18_209",
|
|
14
|
+
"wrapper-default": "awsui_wrapper-default_gwq0h_1lf18_216",
|
|
15
|
+
"wrapper-footer": "awsui_wrapper-footer_gwq0h_1lf18_216",
|
|
16
|
+
"wrapper-navigation": "awsui_wrapper-navigation_gwq0h_1lf18_219",
|
|
17
|
+
"wrapper-container": "awsui_wrapper-container_gwq0h_1lf18_222",
|
|
18
|
+
"wrapper-compact": "awsui_wrapper-compact_gwq0h_1lf18_226",
|
|
19
|
+
"header-deprecated": "awsui_header-deprecated_gwq0h_1lf18_240",
|
|
20
|
+
"wrapper-expanded": "awsui_wrapper-expanded_gwq0h_1lf18_264",
|
|
21
|
+
"header": "awsui_header_gwq0h_1lf18_240",
|
|
22
|
+
"header-wrapper": "awsui_header-wrapper_gwq0h_1lf18_283",
|
|
23
|
+
"header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_1lf18_293",
|
|
24
|
+
"header-button": "awsui_header-button_gwq0h_1lf18_298",
|
|
25
|
+
"header-container-button": "awsui_header-container-button_gwq0h_1lf18_298",
|
|
26
|
+
"header-container": "awsui_header-container_gwq0h_1lf18_298",
|
|
27
|
+
"header-navigation": "awsui_header-navigation_gwq0h_1lf18_333",
|
|
28
|
+
"header-text": "awsui_header-text_gwq0h_1lf18_368",
|
|
29
|
+
"content": "awsui_content_gwq0h_1lf18_97",
|
|
30
|
+
"content-default": "awsui_content-default_gwq0h_1lf18_375",
|
|
31
|
+
"content-footer": "awsui_content-footer_gwq0h_1lf18_378",
|
|
32
|
+
"content-expanded": "awsui_content-expanded_gwq0h_1lf18_381",
|
|
33
|
+
"content-compact": "awsui_content-compact_gwq0h_1lf18_384",
|
|
34
|
+
"focusable": "awsui_focusable_gwq0h_1lf18_388",
|
|
35
|
+
"click-target": "awsui_click-target_gwq0h_1lf18_403"
|
|
36
36
|
};
|
|
37
37
|
|