@cloudscape-design/components 3.0.839 → 3.0.840
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 +28 -28
- package/alert/styles.scoped.css +43 -49
- package/alert/styles.selectors.js +28 -28
- package/anchor-navigation/styles.css.js +8 -8
- package/anchor-navigation/styles.scoped.css +18 -21
- package/anchor-navigation/styles.selectors.js +8 -8
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -33
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/classic.d.ts.map +1 -1
- package/app-layout/classic.js +3 -4
- package/app-layout/classic.js.map +1 -1
- package/app-layout/split-panel/constants.d.ts +0 -1
- package/app-layout/split-panel/constants.d.ts.map +1 -1
- package/app-layout/split-panel/constants.js +0 -1
- package/app-layout/split-panel/constants.js.map +1 -1
- package/app-layout/utils/use-pointer-events.d.ts.map +1 -1
- package/app-layout/utils/use-pointer-events.js +19 -10
- package/app-layout/utils/use-pointer-events.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +8 -2
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +86 -86
- package/app-layout/visual-refresh/styles.scoped.css +163 -169
- package/app-layout/visual-refresh/styles.selectors.js +86 -86
- package/app-layout/visual-refresh-toolbar/compute-layout.d.ts.map +1 -1
- package/app-layout/visual-refresh-toolbar/compute-layout.js +2 -3
- package/app-layout/visual-refresh-toolbar/compute-layout.js.map +1 -1
- package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js +19 -19
- package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css +35 -50
- package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js +19 -19
- package/app-layout/visual-refresh-toolbar/toolbar/styles.css.js +13 -13
- package/app-layout/visual-refresh-toolbar/toolbar/styles.scoped.css +15 -18
- package/app-layout/visual-refresh-toolbar/toolbar/styles.selectors.js +13 -13
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +24 -27
- package/attribute-editor/styles.selectors.js +14 -14
- package/badge/styles.css.js +10 -10
- package/badge/styles.scoped.css +10 -13
- package/badge/styles.selectors.js +10 -10
- package/breadcrumb-group/styles.css.js +10 -10
- package/breadcrumb-group/styles.scoped.css +11 -14
- package/breadcrumb-group/styles.selectors.js +10 -10
- package/button/styles.css.js +21 -21
- package/button/styles.scoped.css +154 -157
- package/button/styles.selectors.js +21 -21
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +5 -8
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-group/styles.css.js +4 -4
- package/button-group/styles.scoped.css +4 -7
- package/button-group/styles.selectors.js +4 -4
- package/calendar/styles.css.js +21 -21
- package/calendar/styles.scoped.css +43 -46
- package/calendar/styles.selectors.js +21 -21
- package/cards/styles.css.js +39 -39
- package/cards/styles.scoped.css +50 -53
- package/cards/styles.selectors.js +39 -39
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +5 -8
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +33 -33
- package/code-editor/styles.scoped.css +135 -138
- package/code-editor/styles.selectors.js +33 -33
- package/collection-preferences/content-display/styles.css.js +13 -13
- package/collection-preferences/content-display/styles.scoped.css +19 -22
- package/collection-preferences/content-display/styles.selectors.js +13 -13
- package/collection-preferences/styles.css.js +39 -39
- package/collection-preferences/styles.scoped.css +46 -49
- package/collection-preferences/styles.selectors.js +39 -39
- package/column-layout/flexible-column-layout/styles.css.js +5 -5
- package/column-layout/flexible-column-layout/styles.scoped.css +22 -7
- package/column-layout/flexible-column-layout/styles.selectors.js +5 -5
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +43 -46
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +31 -31
- package/container/styles.scoped.css +54 -57
- package/container/styles.selectors.js +31 -31
- package/copy-to-clipboard/internal.js +2 -2
- package/copy-to-clipboard/internal.js.map +1 -1
- package/copy-to-clipboard/styles.css.js +3 -4
- package/copy-to-clipboard/styles.scoped.css +3 -7
- package/copy-to-clipboard/styles.selectors.js +3 -4
- package/date-picker/index.js +1 -1
- package/date-picker/index.js.map +1 -1
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +9 -12
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/dropdown.d.ts.map +1 -1
- package/date-range-picker/dropdown.js +1 -1
- package/date-range-picker/dropdown.js.map +1 -1
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +47 -50
- package/date-range-picker/styles.selectors.js +38 -38
- package/drawer/styles.css.js +5 -5
- package/drawer/styles.scoped.css +10 -13
- package/drawer/styles.selectors.js +5 -5
- package/expandable-section/styles.css.js +34 -34
- package/expandable-section/styles.scoped.css +65 -68
- package/expandable-section/styles.selectors.js +34 -34
- package/file-token-group/styles.css.js +22 -22
- package/file-token-group/styles.scoped.css +29 -32
- package/file-token-group/styles.selectors.js +22 -22
- package/flashbar/styles.css.js +50 -50
- package/flashbar/styles.scoped.css +148 -151
- package/flashbar/styles.selectors.js +50 -50
- package/form/styles.css.js +8 -8
- package/form/styles.scoped.css +8 -11
- package/form/styles.selectors.js +8 -8
- package/form-field/styles.css.js +24 -24
- package/form-field/styles.scoped.css +38 -41
- package/form-field/styles.selectors.js +24 -24
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +54 -57
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +34 -34
- package/header/styles.scoped.css +50 -53
- package/header/styles.selectors.js +34 -34
- package/help-panel/styles.css.js +6 -6
- package/help-panel/styles.scoped.css +67 -70
- package/help-panel/styles.selectors.js +6 -6
- package/input/styles.css.js +13 -13
- package/input/styles.scoped.css +32 -35
- package/input/styles.selectors.js +13 -13
- package/internal/components/button-trigger/styles.css.js +13 -13
- package/internal/components/button-trigger/styles.scoped.css +27 -30
- package/internal/components/button-trigger/styles.selectors.js +13 -13
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +3 -6
- package/internal/components/chart-filter/styles.selectors.js +3 -3
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +15 -18
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/chart-popover/styles.css.js +3 -3
- package/internal/components/chart-popover/styles.scoped.css +3 -6
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +20 -20
- package/internal/components/chart-series-details/styles.scoped.css +33 -42
- 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 +7 -10
- 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 +9 -12
- package/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +37 -40
- 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 +3 -6
- 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 +2 -5
- package/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +13 -16
- 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 +29 -32
- package/internal/components/option/styles.selectors.js +17 -17
- package/internal/components/options-list/styles.css.js +3 -3
- package/internal/components/options-list/styles.scoped.css +3 -6
- package/internal/components/options-list/styles.selectors.js +3 -3
- package/internal/components/token-list/styles.css.js +10 -10
- package/internal/components/token-list/styles.scoped.css +22 -25
- package/internal/components/token-list/styles.selectors.js +10 -10
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/events/index.d.ts +1 -0
- package/internal/events/index.d.ts.map +1 -1
- package/internal/events/index.js +1 -0
- package/internal/events/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/key-value-pairs/styles.css.js +8 -8
- package/key-value-pairs/styles.scoped.css +9 -15
- package/key-value-pairs/styles.selectors.js +8 -8
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +71 -74
- package/link/styles.selectors.js +20 -20
- package/modal/internal.js +1 -1
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +38 -44
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +3 -3
- package/multiselect/styles.scoped.css +3 -9
- package/multiselect/styles.selectors.js +3 -3
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +23 -26
- package/pagination/styles.selectors.js +9 -9
- package/popover/body.d.ts.map +1 -1
- package/popover/body.js +0 -1
- package/popover/body.js.map +1 -1
- package/popover/internal.d.ts +1 -0
- package/popover/internal.d.ts.map +1 -1
- package/popover/internal.js +2 -2
- package/popover/internal.js.map +1 -1
- package/popover/styles.css.js +53 -52
- package/popover/styles.scoped.css +71 -77
- package/popover/styles.selectors.js +53 -52
- package/progress-bar/styles.css.js +19 -19
- package/progress-bar/styles.scoped.css +30 -33
- package/progress-bar/styles.selectors.js +19 -19
- package/prompt-input/styles.css.js +14 -14
- package/prompt-input/styles.scoped.css +39 -51
- package/prompt-input/styles.selectors.js +14 -14
- package/property-filter/filtering-token/styles.css.js +18 -18
- package/property-filter/filtering-token/styles.scoped.css +41 -44
- package/property-filter/filtering-token/styles.selectors.js +18 -18
- package/property-filter/styles.css.js +39 -39
- package/property-filter/styles.scoped.css +41 -47
- package/property-filter/styles.selectors.js +39 -39
- package/radio-group/styles.css.js +10 -10
- package/radio-group/styles.scoped.css +16 -19
- package/radio-group/styles.selectors.js +10 -10
- package/segmented-control/styles.css.js +15 -15
- package/segmented-control/styles.scoped.css +34 -37
- package/segmented-control/styles.selectors.js +15 -15
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +1 -4
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +30 -30
- package/side-navigation/styles.scoped.css +46 -49
- package/side-navigation/styles.selectors.js +30 -30
- package/slider/styles.css.js +26 -26
- package/slider/styles.scoped.css +76 -79
- package/slider/styles.selectors.js +26 -26
- package/split-panel/styles.css.js +26 -26
- package/split-panel/styles.scoped.css +44 -47
- package/split-panel/styles.selectors.js +26 -26
- package/steps/styles.css.js +6 -6
- package/steps/styles.scoped.css +7 -10
- package/steps/styles.selectors.js +6 -6
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +13 -16
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +15 -18
- package/table/resizer/styles.selectors.js +8 -8
- package/table/sticky-scrollbar/sticky-scrollbar.d.ts.map +1 -1
- package/table/sticky-scrollbar/sticky-scrollbar.js +6 -2
- package/table/sticky-scrollbar/sticky-scrollbar.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +6 -6
- package/table/sticky-scrollbar/styles.scoped.css +10 -7
- package/table/sticky-scrollbar/styles.selectors.js +6 -6
- package/tabs/styles.css.js +28 -28
- package/tabs/styles.scoped.css +49 -52
- package/tabs/styles.selectors.js +28 -28
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +60 -63
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +3 -6
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +5 -5
- package/textarea/styles.scoped.css +14 -17
- package/textarea/styles.selectors.js +5 -5
- package/tiles/styles.css.js +30 -30
- package/tiles/styles.scoped.css +71 -77
- package/tiles/styles.selectors.js +30 -30
- package/toggle/styles.css.js +10 -10
- package/toggle/styles.scoped.css +17 -20
- package/toggle/styles.selectors.js +10 -10
- package/token-group/styles.css.js +8 -8
- package/token-group/styles.scoped.css +16 -19
- 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 +42 -45
- 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 +66 -75
- 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 +21 -24
- 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 +27 -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 +1 -4
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +30 -30
- package/wizard/styles.scoped.css +58 -61
- package/wizard/styles.selectors.js +30 -30
- package/app-layout/split-panel/split-panel-utils.d.ts +0 -12
- package/app-layout/split-panel/split-panel-utils.d.ts.map +0 -1
- package/app-layout/split-panel/split-panel-utils.js +0 -28
- package/app-layout/split-panel/split-panel-utils.js.map +0 -1
package/wizard/styles.scoped.css
CHANGED
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
*/
|
|
139
139
|
/* Style used for links in slots/components that are text heavy, to help links stand out among
|
|
140
140
|
surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
|
|
141
|
-
.
|
|
141
|
+
.awsui_root_1xupv_47p9l_141:not(#\9) {
|
|
142
142
|
border-collapse: separate;
|
|
143
143
|
border-spacing: 0;
|
|
144
144
|
box-sizing: border-box;
|
|
@@ -147,12 +147,9 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
147
147
|
direction: inherit;
|
|
148
148
|
empty-cells: show;
|
|
149
149
|
font-family: serif;
|
|
150
|
-
font-size: medium;
|
|
151
150
|
font-style: normal;
|
|
152
151
|
font-variant: normal;
|
|
153
|
-
font-weight: 400;
|
|
154
152
|
font-stretch: normal;
|
|
155
|
-
line-height: normal;
|
|
156
153
|
-webkit-hyphens: none;
|
|
157
154
|
hyphens: none;
|
|
158
155
|
letter-spacing: normal;
|
|
@@ -174,30 +171,30 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
174
171
|
-moz-osx-font-smoothing: auto;
|
|
175
172
|
}
|
|
176
173
|
|
|
177
|
-
.
|
|
174
|
+
.awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
178
175
|
column-gap: var(--space-xl-lmui9r, 24px);
|
|
179
176
|
display: grid;
|
|
180
177
|
grid-template-columns: auto minmax(0, 1fr);
|
|
181
178
|
grid-template-rows: auto 1fr;
|
|
182
179
|
row-gap: var(--space-scaled-xxs-7597g1, 4px);
|
|
183
180
|
}
|
|
184
|
-
.
|
|
181
|
+
.awsui_wizard_1xupv_47p9l_173.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180:not(#\9) {
|
|
185
182
|
grid-template-columns: minmax(0, 1fr) 0;
|
|
186
183
|
row-gap: var(--space-scaled-l-0hpmd7, 20px);
|
|
187
184
|
}
|
|
188
185
|
|
|
189
|
-
.
|
|
186
|
+
.awsui_wizard_1xupv_47p9l_173:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
|
|
190
187
|
display: flex;
|
|
191
188
|
}
|
|
192
189
|
|
|
193
|
-
.
|
|
190
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
194
191
|
grid-column: 1;
|
|
195
192
|
grid-row: 1/span 2;
|
|
196
193
|
padding-block-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-scaled-xxs-7597g1, 4px));
|
|
197
194
|
/* stylelint-disable selector-max-type */
|
|
198
195
|
/* stylelint-enable selector-max-type */
|
|
199
196
|
}
|
|
200
|
-
.
|
|
197
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
201
198
|
position: relative;
|
|
202
199
|
margin-block: 0;
|
|
203
200
|
margin-inline: 0;
|
|
@@ -207,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
207
204
|
inline-size: 260px;
|
|
208
205
|
box-sizing: border-box;
|
|
209
206
|
}
|
|
210
|
-
.
|
|
207
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9) {
|
|
211
208
|
display: grid;
|
|
212
209
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
213
210
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
@@ -215,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
215
212
|
padding-block: 0;
|
|
216
213
|
padding-inline: 0;
|
|
217
214
|
}
|
|
218
|
-
.
|
|
215
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > hr:not(#\9) {
|
|
219
216
|
background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
220
217
|
border-block: 0;
|
|
221
218
|
border-inline: 0;
|
|
@@ -223,13 +220,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
223
220
|
block-size: 100%;
|
|
224
221
|
inline-size: var(--space-xxxs-zbmxqb, 2px);
|
|
225
222
|
}
|
|
226
|
-
.
|
|
223
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > .awsui_number_1xupv_47p9l_222:not(#\9) {
|
|
227
224
|
color: var(--color-text-small-nzfntg, #656871);
|
|
228
225
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
229
226
|
grid-column: 2;
|
|
230
227
|
grid-row: 1;
|
|
231
228
|
}
|
|
232
|
-
.
|
|
229
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9) {
|
|
233
230
|
align-items: start;
|
|
234
231
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
235
232
|
cursor: pointer;
|
|
@@ -239,7 +236,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
239
236
|
grid-row: 2;
|
|
240
237
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
241
238
|
}
|
|
242
|
-
.
|
|
239
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
|
|
243
240
|
border-start-start-radius: 100%;
|
|
244
241
|
border-start-end-radius: 100%;
|
|
245
242
|
border-end-start-radius: 100%;
|
|
@@ -250,12 +247,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
250
247
|
margin-block-start: 6px;
|
|
251
248
|
inline-size: 10px;
|
|
252
249
|
}
|
|
253
|
-
.
|
|
250
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
|
|
254
251
|
min-inline-size: 0;
|
|
255
252
|
word-break: break-word;
|
|
256
253
|
grid-column: 2;
|
|
257
254
|
}
|
|
258
|
-
body[data-awsui-focus-visible=true] .
|
|
255
|
+
body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9):focus {
|
|
259
256
|
outline: thin dotted;
|
|
260
257
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
261
258
|
outline-offset: 2px;
|
|
@@ -266,58 +263,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refr
|
|
|
266
263
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
267
264
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
268
265
|
}
|
|
269
|
-
.
|
|
266
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):first-child > hr {
|
|
270
267
|
grid-row: 2/span 2;
|
|
271
268
|
}
|
|
272
|
-
.
|
|
269
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child) > .awsui_number_1xupv_47p9l_222 {
|
|
273
270
|
margin-block-start: var(--space-m-udix3p, 16px);
|
|
274
271
|
}
|
|
275
|
-
.
|
|
272
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):last-child > hr {
|
|
276
273
|
grid-row: 1;
|
|
277
274
|
}
|
|
278
|
-
.
|
|
275
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):only-of-type > hr {
|
|
279
276
|
display: none;
|
|
280
277
|
}
|
|
281
|
-
.
|
|
278
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):not(:first-child):not(:last-child) > hr {
|
|
282
279
|
grid-row: 1/span 3;
|
|
283
280
|
}
|
|
284
|
-
.
|
|
281
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a:not(#\9) {
|
|
285
282
|
cursor: text;
|
|
286
283
|
}
|
|
287
|
-
.
|
|
284
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
|
|
288
285
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
289
286
|
box-shadow: 0 0 0 3px var(--color-background-container-content-z79u4u, #ffffff), 0 0 0 5px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 7px var(--color-background-container-content-z79u4u, #ffffff);
|
|
290
287
|
}
|
|
291
|
-
.
|
|
288
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_active_1xupv_47p9l_280 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
|
|
292
289
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
293
290
|
font-weight: 700;
|
|
294
291
|
}
|
|
295
|
-
.
|
|
292
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a:not(#\9) {
|
|
296
293
|
cursor: text;
|
|
297
294
|
}
|
|
298
|
-
.
|
|
295
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
|
|
299
296
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
300
297
|
box-shadow: 0 0 0 2px var(--color-text-interactive-disabled-f5b4z5, #b4b4bb), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
301
298
|
}
|
|
302
|
-
.
|
|
299
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_disabled_1xupv_47p9l_291 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
|
|
303
300
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
304
301
|
}
|
|
305
|
-
.
|
|
302
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_circle_1xupv_47p9l_238:not(#\9) {
|
|
306
303
|
background-color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
307
304
|
box-shadow: 0 0 0 2px var(--color-text-interactive-default-tkx8fe, #424650), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
308
305
|
}
|
|
309
|
-
.
|
|
306
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a > .awsui_title_1xupv_47p9l_249:not(#\9) {
|
|
310
307
|
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
311
308
|
}
|
|
312
|
-
.
|
|
309
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_circle_1xupv_47p9l_238 {
|
|
313
310
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
314
311
|
box-shadow: 0 0 0 2px var(--color-background-control-checked-hz4k40, #006ce0), 0 0 0 4px var(--color-background-container-content-z79u4u, #ffffff);
|
|
315
312
|
}
|
|
316
|
-
.
|
|
313
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li.awsui_enabled_1xupv_47p9l_301 > a:not(#\9):hover > .awsui_title_1xupv_47p9l_249 {
|
|
317
314
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
318
315
|
}
|
|
319
316
|
|
|
320
|
-
.
|
|
317
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
|
|
321
318
|
color: var(--color-text-disabled-e4vsj4, #b4b4bb);
|
|
322
319
|
display: inline-block;
|
|
323
320
|
margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
|
|
@@ -327,81 +324,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_8e2ex_192.awsui_refr
|
|
|
327
324
|
/* stylelint-disable selector-max-type */
|
|
328
325
|
/* stylelint-enable selector-max-type */
|
|
329
326
|
}
|
|
330
|
-
.
|
|
327
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) {
|
|
331
328
|
list-style: none;
|
|
332
329
|
padding-block: 0;
|
|
333
330
|
padding-inline: 0;
|
|
334
331
|
margin-block: 0;
|
|
335
332
|
margin-inline: 0;
|
|
336
333
|
}
|
|
337
|
-
.
|
|
334
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li {
|
|
338
335
|
min-inline-size: 0;
|
|
339
336
|
word-break: break-word;
|
|
340
337
|
padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
|
|
341
338
|
}
|
|
342
|
-
.
|
|
339
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:first-child) {
|
|
343
340
|
margin-block-start: var(--space-scaled-m-mo5yse, 16px);
|
|
344
341
|
}
|
|
345
|
-
.
|
|
342
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li:not(:last-child) {
|
|
346
343
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
|
|
347
344
|
}
|
|
348
345
|
|
|
349
|
-
.
|
|
346
|
+
.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
|
|
350
347
|
min-inline-size: 0;
|
|
351
348
|
word-break: break-word;
|
|
352
349
|
inline-size: 100%;
|
|
353
350
|
}
|
|
354
|
-
.
|
|
351
|
+
.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > .awsui_form-header_1xupv_47p9l_350 {
|
|
355
352
|
position: relative;
|
|
356
353
|
margin-block-end: var(--space-scaled-m-mo5yse, 16px);
|
|
357
354
|
}
|
|
358
355
|
|
|
359
|
-
.
|
|
356
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
360
357
|
min-inline-size: 0;
|
|
361
358
|
word-break: break-word;
|
|
362
359
|
display: contents;
|
|
363
360
|
}
|
|
364
|
-
.
|
|
361
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
|
|
365
362
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
366
363
|
grid-column: 2;
|
|
367
364
|
grid-row: 1;
|
|
368
365
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
369
366
|
}
|
|
370
|
-
.
|
|
367
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366:not(#\9) {
|
|
371
368
|
padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
372
369
|
padding-block-end: var(--space-scaled-s-aqzyko, 12px);
|
|
373
370
|
}
|
|
374
|
-
.
|
|
371
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
|
|
375
372
|
grid-column: 2;
|
|
376
373
|
grid-row: 2;
|
|
377
374
|
}
|
|
378
|
-
.
|
|
375
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
|
|
379
376
|
grid-column: 1/span 2;
|
|
380
377
|
}
|
|
381
|
-
.
|
|
378
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-header_1xupv_47p9l_350 > .awsui_form-header-content_1xupv_47p9l_366:not(#\9) {
|
|
382
379
|
padding-block-start: 0;
|
|
383
380
|
}
|
|
384
|
-
.
|
|
381
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173.awsui_small-container_1xupv_47p9l_180 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
|
|
385
382
|
grid-column: 1/span 2;
|
|
386
383
|
}
|
|
387
384
|
|
|
388
|
-
.
|
|
385
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_hidden_1xupv_47p9l_384:not(#\9) {
|
|
389
386
|
display: none;
|
|
390
387
|
}
|
|
391
388
|
|
|
392
|
-
.awsui_collapsed-
|
|
389
|
+
.awsui_collapsed-steps_1xupv_47p9l_388:not(#\9) {
|
|
393
390
|
color: var(--color-text-heading-secondary-0myrp3, #424650);
|
|
394
391
|
font-weight: 700;
|
|
395
392
|
padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
396
393
|
}
|
|
397
|
-
.awsui_collapsed-steps-
|
|
394
|
+
.awsui_collapsed-steps-hidden_1xupv_47p9l_393:not(#\9) {
|
|
398
395
|
display: none;
|
|
399
396
|
}
|
|
400
397
|
|
|
401
|
-
.awsui_form-header-component-
|
|
398
|
+
.awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9) {
|
|
402
399
|
outline: none;
|
|
403
400
|
}
|
|
404
|
-
body[data-awsui-focus-visible=true] .awsui_form-header-component-
|
|
401
|
+
body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9):focus {
|
|
405
402
|
outline: thin dotted;
|
|
406
403
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
407
404
|
outline-offset: 2px;
|
|
@@ -413,30 +410,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_8
|
|
|
413
410
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
414
411
|
}
|
|
415
412
|
|
|
416
|
-
.awsui_form-header-
|
|
417
|
-
.awsui_navigation-
|
|
418
|
-
.awsui_navigation-link-
|
|
419
|
-
.awsui_navigation-link-
|
|
413
|
+
.awsui_form-header-component_1xupv_47p9l_397:not(#\9),
|
|
414
|
+
.awsui_navigation-link_1xupv_47p9l_413:not(#\9),
|
|
415
|
+
.awsui_navigation-link-item_1xupv_47p9l_414:not(#\9),
|
|
416
|
+
.awsui_navigation-link-label_1xupv_47p9l_415:not(#\9) {
|
|
420
417
|
/* used in test-utils */
|
|
421
418
|
}
|
|
422
419
|
|
|
423
|
-
.awsui_navigation-link-
|
|
420
|
+
.awsui_navigation-link-active_1xupv_47p9l_419:not(#\9) {
|
|
424
421
|
font-weight: 700;
|
|
425
422
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
426
423
|
}
|
|
427
424
|
|
|
428
|
-
.awsui_navigation-link-
|
|
425
|
+
.awsui_navigation-link-disabled_1xupv_47p9l_424:not(#\9) {
|
|
429
426
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
430
427
|
}
|
|
431
428
|
|
|
432
|
-
.awsui_cancel-
|
|
433
|
-
.awsui_previous-
|
|
434
|
-
.awsui_primary-
|
|
435
|
-
.awsui_skip-to-
|
|
429
|
+
.awsui_cancel-button_1xupv_47p9l_428:not(#\9),
|
|
430
|
+
.awsui_previous-button_1xupv_47p9l_429:not(#\9),
|
|
431
|
+
.awsui_primary-button_1xupv_47p9l_430:not(#\9),
|
|
432
|
+
.awsui_skip-to-button_1xupv_47p9l_431:not(#\9) {
|
|
436
433
|
/* used in test-utils */
|
|
437
434
|
}
|
|
438
435
|
|
|
439
|
-
.awsui_action-
|
|
436
|
+
.awsui_action-buttons_1xupv_47p9l_435:not(#\9) {
|
|
440
437
|
display: flex;
|
|
441
438
|
justify-content: flex-end;
|
|
442
439
|
}
|
|
@@ -2,35 +2,35 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"root": "
|
|
6
|
-
"wizard": "
|
|
7
|
-
"refresh": "
|
|
8
|
-
"small-container": "awsui_small-
|
|
9
|
-
"navigation": "
|
|
10
|
-
"number": "
|
|
11
|
-
"circle": "
|
|
12
|
-
"title": "
|
|
13
|
-
"active": "
|
|
14
|
-
"disabled": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"form": "
|
|
17
|
-
"form-header": "awsui_form-
|
|
18
|
-
"form-header-content": "awsui_form-header-
|
|
19
|
-
"form-component": "awsui_form-
|
|
20
|
-
"hidden": "
|
|
21
|
-
"collapsed-steps": "awsui_collapsed-
|
|
22
|
-
"collapsed-steps-hidden": "awsui_collapsed-steps-
|
|
23
|
-
"form-header-component-wrapper": "awsui_form-header-component-
|
|
24
|
-
"form-header-component": "awsui_form-header-
|
|
25
|
-
"navigation-link": "awsui_navigation-
|
|
26
|
-
"navigation-link-item": "awsui_navigation-link-
|
|
27
|
-
"navigation-link-label": "awsui_navigation-link-
|
|
28
|
-
"navigation-link-active": "awsui_navigation-link-
|
|
29
|
-
"navigation-link-disabled": "awsui_navigation-link-
|
|
30
|
-
"cancel-button": "awsui_cancel-
|
|
31
|
-
"previous-button": "awsui_previous-
|
|
32
|
-
"primary-button": "awsui_primary-
|
|
33
|
-
"skip-to-button": "awsui_skip-to-
|
|
34
|
-
"action-buttons": "awsui_action-
|
|
5
|
+
"root": "awsui_root_1xupv_47p9l_141",
|
|
6
|
+
"wizard": "awsui_wizard_1xupv_47p9l_173",
|
|
7
|
+
"refresh": "awsui_refresh_1xupv_47p9l_173",
|
|
8
|
+
"small-container": "awsui_small-container_1xupv_47p9l_180",
|
|
9
|
+
"navigation": "awsui_navigation_1xupv_47p9l_189",
|
|
10
|
+
"number": "awsui_number_1xupv_47p9l_222",
|
|
11
|
+
"circle": "awsui_circle_1xupv_47p9l_238",
|
|
12
|
+
"title": "awsui_title_1xupv_47p9l_249",
|
|
13
|
+
"active": "awsui_active_1xupv_47p9l_280",
|
|
14
|
+
"disabled": "awsui_disabled_1xupv_47p9l_291",
|
|
15
|
+
"enabled": "awsui_enabled_1xupv_47p9l_301",
|
|
16
|
+
"form": "awsui_form_1xupv_47p9l_345",
|
|
17
|
+
"form-header": "awsui_form-header_1xupv_47p9l_350",
|
|
18
|
+
"form-header-content": "awsui_form-header-content_1xupv_47p9l_366",
|
|
19
|
+
"form-component": "awsui_form-component_1xupv_47p9l_370",
|
|
20
|
+
"hidden": "awsui_hidden_1xupv_47p9l_384",
|
|
21
|
+
"collapsed-steps": "awsui_collapsed-steps_1xupv_47p9l_388",
|
|
22
|
+
"collapsed-steps-hidden": "awsui_collapsed-steps-hidden_1xupv_47p9l_393",
|
|
23
|
+
"form-header-component-wrapper": "awsui_form-header-component-wrapper_1xupv_47p9l_397",
|
|
24
|
+
"form-header-component": "awsui_form-header-component_1xupv_47p9l_397",
|
|
25
|
+
"navigation-link": "awsui_navigation-link_1xupv_47p9l_413",
|
|
26
|
+
"navigation-link-item": "awsui_navigation-link-item_1xupv_47p9l_414",
|
|
27
|
+
"navigation-link-label": "awsui_navigation-link-label_1xupv_47p9l_415",
|
|
28
|
+
"navigation-link-active": "awsui_navigation-link-active_1xupv_47p9l_419",
|
|
29
|
+
"navigation-link-disabled": "awsui_navigation-link-disabled_1xupv_47p9l_424",
|
|
30
|
+
"cancel-button": "awsui_cancel-button_1xupv_47p9l_428",
|
|
31
|
+
"previous-button": "awsui_previous-button_1xupv_47p9l_429",
|
|
32
|
+
"primary-button": "awsui_primary-button_1xupv_47p9l_430",
|
|
33
|
+
"skip-to-button": "awsui_skip-to-button_1xupv_47p9l_431",
|
|
34
|
+
"action-buttons": "awsui_action-buttons_1xupv_47p9l_435"
|
|
35
35
|
};
|
|
36
36
|
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* The Split Panel will be in forced (bottom) position if the defined minimum width is
|
|
3
|
-
* greater than the maximum width. In other words, the maximum width is the currently
|
|
4
|
-
* available horizontal space based on all other components that are rendered. If the
|
|
5
|
-
* minimum width exceeds this value then there is not enough horizontal space and we must
|
|
6
|
-
* force it to the bottom position.
|
|
7
|
-
*/
|
|
8
|
-
export declare function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }: {
|
|
9
|
-
isMobile: boolean;
|
|
10
|
-
splitPanelMaxWidth: number;
|
|
11
|
-
}): boolean;
|
|
12
|
-
//# sourceMappingURL=split-panel-utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel-utils.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,WAKA"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';
|
|
4
|
-
/**
|
|
5
|
-
* The Split Panel will be in forced (bottom) position if the defined minimum width is
|
|
6
|
-
* greater than the maximum width. In other words, the maximum width is the currently
|
|
7
|
-
* available horizontal space based on all other components that are rendered. If the
|
|
8
|
-
* minimum width exceeds this value then there is not enough horizontal space and we must
|
|
9
|
-
* force it to the bottom position.
|
|
10
|
-
*/
|
|
11
|
-
export function checkSplitPanelForcedPosition({ isMobile, splitPanelMaxWidth, }) {
|
|
12
|
-
if (isMobile) {
|
|
13
|
-
return true;
|
|
14
|
-
}
|
|
15
|
-
return splitPanelMaxWidth < getSplitPanelMinWidth();
|
|
16
|
-
}
|
|
17
|
-
// Returns split panel min width with a margin for document scrollbar.
|
|
18
|
-
// The margin prevents a possible infinite bouncing between bottom and side positions
|
|
19
|
-
// caused by the presence of page's vertical scrollbar when on side position only.
|
|
20
|
-
function getSplitPanelMinWidth() {
|
|
21
|
-
if (typeof document === 'undefined') {
|
|
22
|
-
return SPLIT_PANEL_MIN_WIDTH;
|
|
23
|
-
}
|
|
24
|
-
const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;
|
|
25
|
-
const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;
|
|
26
|
-
return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=split-panel-utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"split-panel-utils.js","sourceRoot":"","sources":["../../../../src/app-layout/split-panel/split-panel-utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,qBAAqB,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAElF;;;;;;GAMG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC5C,QAAQ,EACR,kBAAkB,GAInB;IACC,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,OAAO,kBAAkB,GAAG,qBAAqB,EAAE,CAAC;AACtD,CAAC;AAED,sEAAsE;AACtE,qFAAqF;AACrF,kFAAkF;AAClF,SAAS,qBAAqB;IAC5B,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,qBAAqB,CAAC;KAC9B;IACD,MAAM,MAAM,GAAG,4BAA4B,GAAG,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC;IACjH,OAAO,YAAY,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC,CAAC,CAAC,qBAAqB,GAAG,MAAM,CAAC;AACxF,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { SPLIT_PANEL_MIN_WIDTH, SPLIT_PANEL_SCROLLBAR_MARGIN } from './constants';\n\n/**\n * The Split Panel will be in forced (bottom) position if the defined minimum width is\n * greater than the maximum width. In other words, the maximum width is the currently\n * available horizontal space based on all other components that are rendered. If the\n * minimum width exceeds this value then there is not enough horizontal space and we must\n * force it to the bottom position.\n */\nexport function checkSplitPanelForcedPosition({\n isMobile,\n splitPanelMaxWidth,\n}: {\n isMobile: boolean;\n splitPanelMaxWidth: number;\n}) {\n if (isMobile) {\n return true;\n }\n return splitPanelMaxWidth < getSplitPanelMinWidth();\n}\n\n// Returns split panel min width with a margin for document scrollbar.\n// The margin prevents a possible infinite bouncing between bottom and side positions\n// caused by the presence of page's vertical scrollbar when on side position only.\nfunction getSplitPanelMinWidth() {\n if (typeof document === 'undefined') {\n return SPLIT_PANEL_MIN_WIDTH;\n }\n const margin = SPLIT_PANEL_SCROLLBAR_MARGIN / 2;\n const hasScrollbar = window.document.documentElement.scrollHeight > window.document.documentElement.clientHeight;\n return hasScrollbar ? SPLIT_PANEL_MIN_WIDTH - margin : SPLIT_PANEL_MIN_WIDTH + margin;\n}\n"]}
|