@cloudscape-design/components 3.0.838 → 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 -62
- 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,31 +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
|
-
.
|
|
201
|
-
background: var(--color-background-container-content-z79u4u, #ffffff);
|
|
197
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
202
198
|
position: relative;
|
|
203
199
|
margin-block: 0;
|
|
204
200
|
margin-inline: 0;
|
|
@@ -208,7 +204,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
208
204
|
inline-size: 260px;
|
|
209
205
|
box-sizing: border-box;
|
|
210
206
|
}
|
|
211
|
-
.
|
|
207
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9) {
|
|
212
208
|
display: grid;
|
|
213
209
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
214
210
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
@@ -216,7 +212,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
216
212
|
padding-block: 0;
|
|
217
213
|
padding-inline: 0;
|
|
218
214
|
}
|
|
219
|
-
.
|
|
215
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > hr:not(#\9) {
|
|
220
216
|
background-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
|
|
221
217
|
border-block: 0;
|
|
222
218
|
border-inline: 0;
|
|
@@ -224,13 +220,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
224
220
|
block-size: 100%;
|
|
225
221
|
inline-size: var(--space-xxxs-zbmxqb, 2px);
|
|
226
222
|
}
|
|
227
|
-
.
|
|
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) {
|
|
228
224
|
color: var(--color-text-small-nzfntg, #656871);
|
|
229
225
|
font-size: var(--font-size-body-s-asqx2i, 12px);
|
|
230
226
|
grid-column: 2;
|
|
231
227
|
grid-row: 1;
|
|
232
228
|
}
|
|
233
|
-
.
|
|
229
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li > a:not(#\9) {
|
|
234
230
|
align-items: start;
|
|
235
231
|
column-gap: var(--space-xs-zb16t3, 8px);
|
|
236
232
|
cursor: pointer;
|
|
@@ -240,7 +236,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
240
236
|
grid-row: 2;
|
|
241
237
|
grid-template-columns: var(--space-l-t419sm, 20px) 1fr;
|
|
242
238
|
}
|
|
243
|
-
.
|
|
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) {
|
|
244
240
|
border-start-start-radius: 100%;
|
|
245
241
|
border-start-end-radius: 100%;
|
|
246
242
|
border-end-start-radius: 100%;
|
|
@@ -251,12 +247,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
251
247
|
margin-block-start: 6px;
|
|
252
248
|
inline-size: 10px;
|
|
253
249
|
}
|
|
254
|
-
.
|
|
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) {
|
|
255
251
|
min-inline-size: 0;
|
|
256
252
|
word-break: break-word;
|
|
257
253
|
grid-column: 2;
|
|
258
254
|
}
|
|
259
|
-
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 {
|
|
260
256
|
outline: thin dotted;
|
|
261
257
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
262
258
|
outline-offset: 2px;
|
|
@@ -267,58 +263,58 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ev5j_192.awsui_refr
|
|
|
267
263
|
border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
268
264
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
269
265
|
}
|
|
270
|
-
.
|
|
266
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):first-child > hr {
|
|
271
267
|
grid-row: 2/span 2;
|
|
272
268
|
}
|
|
273
|
-
.
|
|
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 {
|
|
274
270
|
margin-block-start: var(--space-m-udix3p, 16px);
|
|
275
271
|
}
|
|
276
|
-
.
|
|
272
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):last-child > hr {
|
|
277
273
|
grid-row: 1;
|
|
278
274
|
}
|
|
279
|
-
.
|
|
275
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_refresh_1xupv_47p9l_173 > ul.awsui_refresh_1xupv_47p9l_173 > li:not(#\9):only-of-type > hr {
|
|
280
276
|
display: none;
|
|
281
277
|
}
|
|
282
|
-
.
|
|
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 {
|
|
283
279
|
grid-row: 1/span 3;
|
|
284
280
|
}
|
|
285
|
-
.
|
|
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) {
|
|
286
282
|
cursor: text;
|
|
287
283
|
}
|
|
288
|
-
.
|
|
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) {
|
|
289
285
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
290
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);
|
|
291
287
|
}
|
|
292
|
-
.
|
|
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) {
|
|
293
289
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
294
290
|
font-weight: 700;
|
|
295
291
|
}
|
|
296
|
-
.
|
|
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) {
|
|
297
293
|
cursor: text;
|
|
298
294
|
}
|
|
299
|
-
.
|
|
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) {
|
|
300
296
|
background-color: var(--color-background-container-content-z79u4u, #ffffff);
|
|
301
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);
|
|
302
298
|
}
|
|
303
|
-
.
|
|
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) {
|
|
304
300
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
305
301
|
}
|
|
306
|
-
.
|
|
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) {
|
|
307
303
|
background-color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
308
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);
|
|
309
305
|
}
|
|
310
|
-
.
|
|
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) {
|
|
311
307
|
color: var(--color-text-interactive-default-tkx8fe, #424650);
|
|
312
308
|
}
|
|
313
|
-
.
|
|
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 {
|
|
314
310
|
background-color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
315
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);
|
|
316
312
|
}
|
|
317
|
-
.
|
|
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 {
|
|
318
314
|
color: var(--color-background-control-checked-hz4k40, #006ce0);
|
|
319
315
|
}
|
|
320
316
|
|
|
321
|
-
.
|
|
317
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
|
|
322
318
|
color: var(--color-text-disabled-e4vsj4, #b4b4bb);
|
|
323
319
|
display: inline-block;
|
|
324
320
|
margin-inline-end: calc(2 * var(--space-xxxl-4x2gki, 40px));
|
|
@@ -328,81 +324,81 @@ body[data-awsui-focus-visible=true] .awsui_navigation_1xupv_1ev5j_192.awsui_refr
|
|
|
328
324
|
/* stylelint-disable selector-max-type */
|
|
329
325
|
/* stylelint-enable selector-max-type */
|
|
330
326
|
}
|
|
331
|
-
.
|
|
327
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) {
|
|
332
328
|
list-style: none;
|
|
333
329
|
padding-block: 0;
|
|
334
330
|
padding-inline: 0;
|
|
335
331
|
margin-block: 0;
|
|
336
332
|
margin-inline: 0;
|
|
337
333
|
}
|
|
338
|
-
.
|
|
334
|
+
.awsui_navigation_1xupv_47p9l_189:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > ul:not(.awsui_refresh_1xupv_47p9l_173) > li {
|
|
339
335
|
min-inline-size: 0;
|
|
340
336
|
word-break: break-word;
|
|
341
337
|
padding-block: 0 var(--space-scaled-m-mo5yse, 16px);
|
|
342
338
|
}
|
|
343
|
-
.
|
|
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) {
|
|
344
340
|
margin-block-start: var(--space-scaled-m-mo5yse, 16px);
|
|
345
341
|
}
|
|
346
|
-
.
|
|
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) {
|
|
347
343
|
border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
|
|
348
344
|
}
|
|
349
345
|
|
|
350
|
-
.
|
|
346
|
+
.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) {
|
|
351
347
|
min-inline-size: 0;
|
|
352
348
|
word-break: break-word;
|
|
353
349
|
inline-size: 100%;
|
|
354
350
|
}
|
|
355
|
-
.
|
|
351
|
+
.awsui_form_1xupv_47p9l_345:not(#\9):not(.awsui_refresh_1xupv_47p9l_173) > .awsui_form-header_1xupv_47p9l_350 {
|
|
356
352
|
position: relative;
|
|
357
353
|
margin-block-end: var(--space-scaled-m-mo5yse, 16px);
|
|
358
354
|
}
|
|
359
355
|
|
|
360
|
-
.
|
|
356
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173:not(#\9) {
|
|
361
357
|
min-inline-size: 0;
|
|
362
358
|
word-break: break-word;
|
|
363
359
|
display: contents;
|
|
364
360
|
}
|
|
365
|
-
.
|
|
361
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-header_1xupv_47p9l_350:not(#\9) {
|
|
366
362
|
background-color: var(--color-background-layout-main-nqw91u, #ffffff);
|
|
367
363
|
grid-column: 2;
|
|
368
364
|
grid-row: 1;
|
|
369
365
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
370
366
|
}
|
|
371
|
-
.
|
|
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) {
|
|
372
368
|
padding-block-start: calc(var(--space-xl-lmui9r, 24px) + var(--space-scaled-xxxs-27y4hv, 2px));
|
|
373
369
|
padding-block-end: var(--space-scaled-s-aqzyko, 12px);
|
|
374
370
|
}
|
|
375
|
-
.
|
|
371
|
+
.awsui_form_1xupv_47p9l_345.awsui_refresh_1xupv_47p9l_173 > .awsui_form-component_1xupv_47p9l_370:not(#\9) {
|
|
376
372
|
grid-column: 2;
|
|
377
373
|
grid-row: 2;
|
|
378
374
|
}
|
|
379
|
-
.
|
|
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) {
|
|
380
376
|
grid-column: 1/span 2;
|
|
381
377
|
}
|
|
382
|
-
.
|
|
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) {
|
|
383
379
|
padding-block-start: 0;
|
|
384
380
|
}
|
|
385
|
-
.
|
|
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) {
|
|
386
382
|
grid-column: 1/span 2;
|
|
387
383
|
}
|
|
388
384
|
|
|
389
|
-
.
|
|
385
|
+
.awsui_navigation_1xupv_47p9l_189.awsui_hidden_1xupv_47p9l_384:not(#\9) {
|
|
390
386
|
display: none;
|
|
391
387
|
}
|
|
392
388
|
|
|
393
|
-
.awsui_collapsed-
|
|
389
|
+
.awsui_collapsed-steps_1xupv_47p9l_388:not(#\9) {
|
|
394
390
|
color: var(--color-text-heading-secondary-0myrp3, #424650);
|
|
395
391
|
font-weight: 700;
|
|
396
392
|
padding-block-start: var(--space-scaled-xxs-7597g1, 4px);
|
|
397
393
|
}
|
|
398
|
-
.awsui_collapsed-steps-
|
|
394
|
+
.awsui_collapsed-steps-hidden_1xupv_47p9l_393:not(#\9) {
|
|
399
395
|
display: none;
|
|
400
396
|
}
|
|
401
397
|
|
|
402
|
-
.awsui_form-header-component-
|
|
398
|
+
.awsui_form-header-component-wrapper_1xupv_47p9l_397:not(#\9) {
|
|
403
399
|
outline: none;
|
|
404
400
|
}
|
|
405
|
-
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 {
|
|
406
402
|
outline: thin dotted;
|
|
407
403
|
outline: var(--border-link-focus-ring-outline-kkfop6, 0);
|
|
408
404
|
outline-offset: 2px;
|
|
@@ -414,30 +410,30 @@ body[data-awsui-focus-visible=true] .awsui_form-header-component-wrapper_1xupv_1
|
|
|
414
410
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-v8hkrl, 2px) var(--color-border-item-focused-nv6mhz, #006ce0);
|
|
415
411
|
}
|
|
416
412
|
|
|
417
|
-
.awsui_form-header-
|
|
418
|
-
.awsui_navigation-
|
|
419
|
-
.awsui_navigation-link-
|
|
420
|
-
.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) {
|
|
421
417
|
/* used in test-utils */
|
|
422
418
|
}
|
|
423
419
|
|
|
424
|
-
.awsui_navigation-link-
|
|
420
|
+
.awsui_navigation-link-active_1xupv_47p9l_419:not(#\9) {
|
|
425
421
|
font-weight: 700;
|
|
426
422
|
color: var(--color-text-body-default-7v1jfn, #0f141a);
|
|
427
423
|
}
|
|
428
424
|
|
|
429
|
-
.awsui_navigation-link-
|
|
425
|
+
.awsui_navigation-link-disabled_1xupv_47p9l_424:not(#\9) {
|
|
430
426
|
color: var(--color-text-status-inactive-5megna, #656871);
|
|
431
427
|
}
|
|
432
428
|
|
|
433
|
-
.awsui_cancel-
|
|
434
|
-
.awsui_previous-
|
|
435
|
-
.awsui_primary-
|
|
436
|
-
.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) {
|
|
437
433
|
/* used in test-utils */
|
|
438
434
|
}
|
|
439
435
|
|
|
440
|
-
.awsui_action-
|
|
436
|
+
.awsui_action-buttons_1xupv_47p9l_435:not(#\9) {
|
|
441
437
|
display: flex;
|
|
442
438
|
justify-content: flex-end;
|
|
443
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"]}
|