@cloudscape-design/components 3.0.334 → 3.0.335
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 +19 -19
- package/alert/styles.scoped.css +33 -33
- package/alert/styles.selectors.js +19 -19
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +30 -30
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/index.js +3 -3
- package/app-layout/index.js.map +1 -1
- package/app-layout/visual-refresh/context.d.ts.map +1 -1
- package/app-layout/visual-refresh/context.js +3 -3
- package/app-layout/visual-refresh/context.js.map +1 -1
- package/app-layout/visual-refresh/styles.css.js +69 -69
- package/app-layout/visual-refresh/styles.scoped.css +168 -168
- package/app-layout/visual-refresh/styles.selectors.js +69 -69
- package/attribute-editor/styles.css.js +14 -14
- package/attribute-editor/styles.scoped.css +27 -27
- package/attribute-editor/styles.selectors.js +14 -14
- package/autosuggest/virtual-list.d.ts.map +1 -1
- package/autosuggest/virtual-list.js +2 -2
- package/autosuggest/virtual-list.js.map +1 -1
- package/badge/styles.css.js +5 -5
- package/badge/styles.scoped.css +7 -7
- package/badge/styles.selectors.js +5 -5
- package/box/styles.css.js +189 -189
- package/box/styles.scoped.css +238 -238
- package/box/styles.selectors.js +189 -189
- package/breadcrumb-group/styles.css.js +7 -7
- package/breadcrumb-group/styles.scoped.css +14 -14
- package/breadcrumb-group/styles.selectors.js +7 -7
- package/button/styles.css.js +20 -20
- package/button/styles.scoped.css +154 -154
- package/button/styles.selectors.js +20 -20
- package/button-dropdown/index.d.ts.map +1 -1
- package/button-dropdown/index.js +2 -2
- package/button-dropdown/index.js.map +1 -1
- package/button-dropdown/interfaces.d.ts +31 -0
- package/button-dropdown/interfaces.d.ts.map +1 -1
- package/button-dropdown/interfaces.js.map +1 -1
- package/button-dropdown/internal.d.ts.map +1 -1
- package/button-dropdown/internal.js +52 -7
- package/button-dropdown/internal.js.map +1 -1
- package/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/button-dropdown/mobile-expandable-group/styles.scoped.css +6 -6
- package/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/button-dropdown/styles.css.js +14 -8
- package/button-dropdown/styles.scoped.css +44 -14
- package/button-dropdown/styles.selectors.js +14 -8
- package/button-dropdown/utils/use-button-dropdown.d.ts +1 -0
- package/button-dropdown/utils/use-button-dropdown.d.ts.map +1 -1
- package/button-dropdown/utils/use-button-dropdown.js +1 -0
- package/button-dropdown/utils/use-button-dropdown.js.map +1 -1
- package/calendar/styles.css.js +18 -18
- package/calendar/styles.scoped.css +40 -40
- package/calendar/styles.selectors.js +18 -18
- package/cards/index.js +5 -4
- package/cards/index.js.map +1 -1
- package/cards/styles.css.js +38 -38
- package/cards/styles.scoped.css +55 -55
- package/cards/styles.selectors.js +38 -38
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/index.js +2 -2
- package/code-editor/index.js.map +1 -1
- package/code-editor/status-bar.d.ts.map +1 -1
- package/code-editor/status-bar.js +3 -3
- package/code-editor/status-bar.js.map +1 -1
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +129 -129
- 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 +19 -19
- package/collection-preferences/content-display/styles.selectors.js +11 -11
- package/collection-preferences/styles.css.js +37 -37
- package/collection-preferences/styles.scoped.css +47 -47
- package/collection-preferences/styles.selectors.js +37 -37
- package/column-layout/flexible-column-layout/index.d.ts.map +1 -1
- package/column-layout/flexible-column-layout/index.js +2 -2
- package/column-layout/flexible-column-layout/index.js.map +1 -1
- package/column-layout/styles.css.js +13 -13
- package/column-layout/styles.scoped.css +44 -44
- package/column-layout/styles.selectors.js +13 -13
- package/container/styles.css.js +28 -28
- package/container/styles.scoped.css +52 -52
- package/container/styles.selectors.js +28 -28
- package/date-picker/styles.css.js +7 -7
- package/date-picker/styles.scoped.css +10 -10
- package/date-picker/styles.selectors.js +7 -7
- package/date-range-picker/styles.css.js +38 -38
- package/date-range-picker/styles.scoped.css +48 -48
- package/date-range-picker/styles.selectors.js +38 -38
- package/expandable-section/styles.css.js +29 -29
- package/expandable-section/styles.scoped.css +65 -65
- package/expandable-section/styles.selectors.js +29 -29
- package/flashbar/styles.css.js +46 -46
- package/flashbar/styles.scoped.css +160 -160
- package/flashbar/styles.selectors.js +46 -46
- package/form/styles.css.js +9 -9
- package/form/styles.scoped.css +9 -9
- package/form/styles.selectors.js +9 -9
- package/form-field/styles.css.js +19 -19
- package/form-field/styles.scoped.css +31 -31
- package/form-field/styles.selectors.js +19 -19
- package/grid/styles.css.js +53 -53
- package/grid/styles.scoped.css +55 -55
- package/grid/styles.selectors.js +53 -53
- package/header/styles.css.js +44 -44
- package/header/styles.scoped.css +50 -50
- package/header/styles.selectors.js +44 -44
- package/help-panel/styles.css.js +4 -4
- package/help-panel/styles.scoped.css +70 -69
- package/help-panel/styles.selectors.js +4 -4
- package/icon/styles.css.js +21 -21
- package/icon/styles.scoped.css +50 -50
- package/icon/styles.selectors.js +21 -21
- package/input/styles.css.js +12 -12
- package/input/styles.scoped.css +35 -35
- package/input/styles.selectors.js +12 -12
- package/internal/base-component/styles.scoped.css +8 -7
- package/internal/components/button-trigger/styles.css.js +9 -9
- package/internal/components/button-trigger/styles.scoped.css +26 -26
- package/internal/components/button-trigger/styles.selectors.js +9 -9
- package/internal/components/cartesian-chart/labels-measure.d.ts.map +1 -1
- package/internal/components/cartesian-chart/labels-measure.js +2 -2
- package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
- package/internal/components/chart-filter/styles.css.js +3 -3
- package/internal/components/chart-filter/styles.scoped.css +4 -4
- 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 +16 -16
- 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 +4 -4
- package/internal/components/chart-popover/styles.selectors.js +3 -3
- package/internal/components/chart-series-details/styles.css.js +5 -5
- package/internal/components/chart-series-details/styles.scoped.css +10 -10
- package/internal/components/chart-series-details/styles.selectors.js +5 -5
- package/internal/components/chart-series-marker/styles.css.js +5 -5
- package/internal/components/chart-series-marker/styles.scoped.css +8 -8
- package/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/internal/components/chart-wrapper/styles.css.js +6 -6
- package/internal/components/chart-wrapper/styles.scoped.css +9 -9
- package/internal/components/chart-wrapper/styles.selectors.js +6 -6
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +36 -36
- 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 +4 -4
- package/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/internal/components/dropdown-status/index.d.ts.map +1 -1
- package/internal/components/dropdown-status/index.js +1 -1
- package/internal/components/dropdown-status/index.js.map +1 -1
- package/internal/components/dropdown-status/styles.css.js +2 -2
- package/internal/components/dropdown-status/styles.scoped.css +3 -3
- 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 +14 -14
- 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 +31 -31
- 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 +3 -3
- package/internal/components/options-list/styles.selectors.js +2 -2
- package/internal/components/selectable-item/styles.css.js +16 -16
- package/internal/components/selectable-item/styles.scoped.css +29 -29
- 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 +21 -21
- package/internal/components/token-list/styles.selectors.js +9 -9
- package/internal/environment.js +1 -1
- package/internal/generated/theming/index.cjs +24 -13
- package/internal/generated/theming/index.js +24 -13
- package/internal/hooks/container-queries/index.d.ts +0 -2
- package/internal/hooks/container-queries/index.d.ts.map +1 -1
- package/internal/hooks/container-queries/index.js +2 -1
- package/internal/hooks/container-queries/index.js.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-container-breakpoints.js +2 -2
- package/internal/hooks/container-queries/use-container-breakpoints.js.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts +1 -1
- package/internal/hooks/container-queries/use-resize-observer.d.ts.map +1 -1
- package/internal/hooks/container-queries/use-resize-observer.js +0 -2
- package/internal/hooks/container-queries/use-resize-observer.js.map +1 -1
- package/internal/hooks/use-dynamic-overlap/index.js +2 -2
- package/internal/hooks/use-dynamic-overlap/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/internal/utils/use-container-width.d.ts.map +1 -1
- package/internal/utils/use-container-width.js +5 -3
- package/internal/utils/use-container-width.js.map +1 -1
- package/link/styles.css.js +20 -20
- package/link/styles.scoped.css +73 -73
- package/link/styles.selectors.js +20 -20
- package/modal/internal.d.ts.map +1 -1
- package/modal/internal.js +2 -1
- package/modal/internal.js.map +1 -1
- package/modal/styles.css.js +23 -23
- package/modal/styles.scoped.css +40 -40
- package/modal/styles.selectors.js +23 -23
- package/multiselect/styles.css.js +1 -1
- package/multiselect/styles.scoped.css +2 -2
- package/multiselect/styles.selectors.js +1 -1
- package/package.json +1 -1
- package/pagination/styles.css.js +9 -9
- package/pagination/styles.scoped.css +24 -24
- package/pagination/styles.selectors.js +9 -9
- package/pie-chart/styles.css.js +23 -23
- package/pie-chart/styles.scoped.css +42 -42
- package/pie-chart/styles.selectors.js +23 -23
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +66 -66
- package/popover/styles.selectors.js +50 -50
- package/progress-bar/styles.css.js +18 -18
- package/progress-bar/styles.scoped.css +35 -35
- package/progress-bar/styles.selectors.js +18 -18
- package/property-filter/index.d.ts.map +1 -1
- package/property-filter/index.js +2 -3
- package/property-filter/index.js.map +1 -1
- package/property-filter/styles.css.js +29 -29
- package/property-filter/styles.scoped.css +32 -32
- package/property-filter/styles.selectors.js +29 -29
- package/property-filter/token-editor.d.ts.map +1 -1
- package/property-filter/token-editor.js +2 -2
- package/property-filter/token-editor.js.map +1 -1
- package/radio-group/styles.css.js +9 -9
- package/radio-group/styles.scoped.css +17 -17
- package/radio-group/styles.selectors.js +9 -9
- package/s3-resource-selector/s3-in-context/styles.css.js +7 -7
- package/s3-resource-selector/s3-in-context/styles.scoped.css +9 -9
- package/s3-resource-selector/s3-in-context/styles.selectors.js +7 -7
- package/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/select/parts/virtual-list.js +2 -2
- package/select/parts/virtual-list.js.map +1 -1
- package/select/styles.css.js +1 -1
- package/select/styles.scoped.css +2 -2
- package/select/styles.selectors.js +1 -1
- package/side-navigation/styles.css.js +27 -27
- package/side-navigation/styles.scoped.css +39 -39
- package/side-navigation/styles.selectors.js +27 -27
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +20 -20
- package/spinner/styles.selectors.js +13 -13
- package/split-panel/styles.css.js +56 -56
- package/split-panel/styles.scoped.css +78 -78
- package/split-panel/styles.selectors.js +56 -56
- package/status-indicator/internal.d.ts +6 -3
- package/status-indicator/internal.d.ts.map +1 -1
- package/status-indicator/internal.js +2 -2
- package/status-indicator/internal.js.map +1 -1
- package/status-indicator/styles.css.js +22 -20
- package/status-indicator/styles.scoped.css +33 -28
- package/status-indicator/styles.selectors.js +22 -20
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +6 -4
- package/table/internal.js.map +1 -1
- package/table/sticky-scrollbar/styles.css.js +4 -4
- package/table/sticky-scrollbar/styles.scoped.css +4 -5
- package/table/sticky-scrollbar/styles.selectors.js +4 -4
- package/table/styles.css.js +34 -34
- package/table/styles.scoped.css +43 -43
- package/table/styles.selectors.js +34 -34
- package/tabs/styles.css.js +21 -21
- package/tabs/styles.scoped.css +39 -39
- package/tabs/styles.selectors.js +21 -21
- package/tabs/tab-header-bar.js +2 -2
- package/tabs/tab-header-bar.js.map +1 -1
- package/test-utils/dom/button-dropdown/index.d.ts +2 -0
- package/test-utils/dom/button-dropdown/index.js +6 -1
- package/test-utils/dom/button-dropdown/index.js.map +1 -1
- package/test-utils/selectors/button-dropdown/index.d.ts +2 -0
- package/test-utils/selectors/button-dropdown/index.js +6 -1
- package/test-utils/selectors/button-dropdown/index.js.map +1 -1
- package/test-utils/tsconfig.tsbuildinfo +1 -1
- package/text-content/styles.css.js +1 -1
- package/text-content/styles.scoped.css +64 -64
- package/text-content/styles.selectors.js +1 -1
- package/text-filter/styles.css.js +3 -3
- package/text-filter/styles.scoped.css +4 -4
- package/text-filter/styles.selectors.js +3 -3
- package/textarea/styles.css.js +4 -4
- package/textarea/styles.scoped.css +14 -14
- package/textarea/styles.selectors.js +4 -4
- package/tiles/styles.css.js +28 -28
- package/tiles/styles.scoped.css +70 -70
- package/tiles/styles.selectors.js +28 -28
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +15 -15
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +7 -7
- package/token-group/styles.scoped.css +17 -17
- package/token-group/styles.selectors.js +7 -7
- package/top-navigation/1.0-beta/styles.css.js +25 -25
- package/top-navigation/1.0-beta/styles.scoped.css +43 -43
- package/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/top-navigation/1.0-beta/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/1.0-beta/use-top-navigation.js +2 -1
- package/top-navigation/1.0-beta/use-top-navigation.js.map +1 -1
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +70 -70
- package/top-navigation/styles.selectors.js +47 -47
- package/top-navigation/use-top-navigation.d.ts.map +1 -1
- package/top-navigation/use-top-navigation.js +2 -1
- package/top-navigation/use-top-navigation.js.map +1 -1
- package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +23 -23
- 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 +30 -30
- 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 +2 -2
- package/tutorial-panel/styles.selectors.js +1 -1
- package/wizard/styles.css.js +31 -31
- package/wizard/styles.scoped.css +63 -63
- package/wizard/styles.selectors.js +31 -31
- package/internal/hooks/container-queries/interfaces.d.ts +0 -10
- package/internal/hooks/container-queries/interfaces.d.ts.map +0 -1
- package/internal/hooks/container-queries/interfaces.js +0 -4
- package/internal/hooks/container-queries/interfaces.js.map +0 -1
- package/internal/hooks/container-queries/use-container-query.d.ts +0 -22
- package/internal/hooks/container-queries/use-container-query.d.ts.map +0 -1
- package/internal/hooks/container-queries/use-container-query.js +0 -32
- package/internal/hooks/container-queries/use-container-query.js.map +0 -1
package/link/styles.scoped.css
CHANGED
|
@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
90
90
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
91
91
|
SPDX-License-Identifier: Apache-2.0
|
|
92
92
|
*/
|
|
93
|
-
.
|
|
93
|
+
.awsui_link_4c84z_1saw7_93:not(#\9) {
|
|
94
94
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
95
95
|
border-collapse: separate;
|
|
96
96
|
border-spacing: 0;
|
|
@@ -121,7 +121,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
121
121
|
word-spacing: normal;
|
|
122
122
|
box-sizing: border-box;
|
|
123
123
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
124
|
-
line-height: var(--font-body-m-line-height-
|
|
124
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
125
125
|
color: var(--color-text-body-default-su7kuo, #000716);
|
|
126
126
|
font-weight: 400;
|
|
127
127
|
font-family: var(--font-family-base-wn913o, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
|
|
@@ -141,31 +141,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
141
141
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
142
142
|
}
|
|
143
143
|
@media (prefers-reduced-motion: reduce) {
|
|
144
|
-
.
|
|
144
|
+
.awsui_link_4c84z_1saw7_93:not(#\9) {
|
|
145
145
|
animation: none;
|
|
146
146
|
transition: none;
|
|
147
147
|
}
|
|
148
148
|
}
|
|
149
|
-
.awsui-motion-disabled .
|
|
149
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93:not(#\9) {
|
|
150
150
|
animation: none;
|
|
151
151
|
transition: none;
|
|
152
152
|
}
|
|
153
|
-
.
|
|
153
|
+
.awsui_link_4c84z_1saw7_93:not(#\9):hover {
|
|
154
154
|
cursor: pointer;
|
|
155
155
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
.awsui_link_4c84z_1saw7_93:not(#\9):focus {
|
|
158
158
|
outline: none;
|
|
159
159
|
}
|
|
160
|
-
.
|
|
160
|
+
.awsui_link_4c84z_1saw7_93:not(#\9):active {
|
|
161
161
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
162
162
|
}
|
|
163
|
-
.
|
|
163
|
+
.awsui_link_4c84z_1saw7_93:not(#\9):active, .awsui_link_4c84z_1saw7_93:not(#\9):focus, .awsui_link_4c84z_1saw7_93:not(#\9):hover {
|
|
164
164
|
text-decoration: underline;
|
|
165
165
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
166
166
|
text-decoration-color: currentColor;
|
|
167
167
|
}
|
|
168
|
-
.
|
|
168
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9) {
|
|
169
169
|
-webkit-font-smoothing: inherit;
|
|
170
170
|
-moz-osx-font-smoothing: inherit;
|
|
171
171
|
color: var(--color-text-link-default-gthbx2, #0972d3);
|
|
@@ -180,31 +180,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
180
180
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
181
181
|
}
|
|
182
182
|
@media (prefers-reduced-motion: reduce) {
|
|
183
|
-
.
|
|
183
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9) {
|
|
184
184
|
animation: none;
|
|
185
185
|
transition: none;
|
|
186
186
|
}
|
|
187
187
|
}
|
|
188
|
-
.awsui-motion-disabled .
|
|
188
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9) {
|
|
189
189
|
animation: none;
|
|
190
190
|
transition: none;
|
|
191
191
|
}
|
|
192
|
-
.
|
|
192
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):hover {
|
|
193
193
|
cursor: pointer;
|
|
194
194
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
195
195
|
}
|
|
196
|
-
.
|
|
196
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):focus {
|
|
197
197
|
outline: none;
|
|
198
198
|
}
|
|
199
|
-
.
|
|
199
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):active {
|
|
200
200
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
201
201
|
}
|
|
202
|
-
.
|
|
202
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-secondary_4c84z_1saw7_140:not(#\9):hover {
|
|
203
203
|
text-decoration: underline;
|
|
204
204
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
205
205
|
text-decoration-color: currentColor;
|
|
206
206
|
}
|
|
207
|
-
.
|
|
207
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9) {
|
|
208
208
|
color: var(--color-text-link-default-gthbx2, #0972d3);
|
|
209
209
|
font-weight: var(--font-link-primary-weight-tj5hoh, "inherit");
|
|
210
210
|
letter-spacing: var(--font-link-primary-letter-spacing-zpfgrc, "inherit");
|
|
@@ -218,31 +218,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
218
218
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
219
219
|
}
|
|
220
220
|
@media (prefers-reduced-motion: reduce) {
|
|
221
|
-
.
|
|
221
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9) {
|
|
222
222
|
animation: none;
|
|
223
223
|
transition: none;
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
|
-
.awsui-motion-disabled .
|
|
226
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9) {
|
|
227
227
|
animation: none;
|
|
228
228
|
transition: none;
|
|
229
229
|
}
|
|
230
|
-
.
|
|
230
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):hover {
|
|
231
231
|
cursor: pointer;
|
|
232
232
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
233
233
|
}
|
|
234
|
-
.
|
|
234
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):focus {
|
|
235
235
|
outline: none;
|
|
236
236
|
}
|
|
237
|
-
.
|
|
237
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):active {
|
|
238
238
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
239
239
|
}
|
|
240
|
-
.
|
|
240
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-primary_4c84z_1saw7_177:not(#\9):hover {
|
|
241
241
|
text-decoration: underline;
|
|
242
242
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
243
243
|
text-decoration-color: currentColor;
|
|
244
244
|
}
|
|
245
|
-
.
|
|
245
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9) {
|
|
246
246
|
-webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
|
|
247
247
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
|
|
248
248
|
color: var(--color-text-link-default-gthbx2, #0972d3);
|
|
@@ -257,31 +257,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
257
257
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
258
258
|
}
|
|
259
259
|
@media (prefers-reduced-motion: reduce) {
|
|
260
|
-
.
|
|
260
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9) {
|
|
261
261
|
animation: none;
|
|
262
262
|
transition: none;
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
|
-
.awsui-motion-disabled .
|
|
265
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9) {
|
|
266
266
|
animation: none;
|
|
267
267
|
transition: none;
|
|
268
268
|
}
|
|
269
|
-
.
|
|
269
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):hover {
|
|
270
270
|
cursor: pointer;
|
|
271
271
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
272
272
|
}
|
|
273
|
-
.
|
|
273
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):focus {
|
|
274
274
|
outline: none;
|
|
275
275
|
}
|
|
276
|
-
.
|
|
276
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):active {
|
|
277
277
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
278
278
|
}
|
|
279
|
-
.
|
|
279
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-info_4c84z_1saw7_212:not(#\9):hover {
|
|
280
280
|
text-decoration: underline;
|
|
281
281
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
282
282
|
text-decoration-color: var(--color-text-link-button-underline-hover-qeh81f, transparent);
|
|
283
283
|
}
|
|
284
|
-
.
|
|
284
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9) {
|
|
285
285
|
color: var(--color-text-link-default-gthbx2, #0972d3);
|
|
286
286
|
font-weight: var(--font-box-value-large-weight-fm7vyh, 800);
|
|
287
287
|
text-decoration: none;
|
|
@@ -293,31 +293,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
293
293
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
294
294
|
}
|
|
295
295
|
@media (prefers-reduced-motion: reduce) {
|
|
296
|
-
.
|
|
296
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9) {
|
|
297
297
|
animation: none;
|
|
298
298
|
transition: none;
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
|
-
.awsui-motion-disabled .
|
|
301
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9) {
|
|
302
302
|
animation: none;
|
|
303
303
|
transition: none;
|
|
304
304
|
}
|
|
305
|
-
.
|
|
305
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):hover {
|
|
306
306
|
cursor: pointer;
|
|
307
307
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
308
308
|
}
|
|
309
|
-
.
|
|
309
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):focus {
|
|
310
310
|
outline: none;
|
|
311
311
|
}
|
|
312
|
-
.
|
|
312
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):active {
|
|
313
313
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
314
314
|
}
|
|
315
|
-
.
|
|
315
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-value-large_4c84z_1saw7_249:not(#\9):hover {
|
|
316
316
|
text-decoration: underline;
|
|
317
317
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
318
318
|
text-decoration-color: currentColor;
|
|
319
319
|
}
|
|
320
|
-
.
|
|
320
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9) {
|
|
321
321
|
color: var(--color-text-interactive-default-2sml2m, #414d5c);
|
|
322
322
|
font-weight: 700;
|
|
323
323
|
letter-spacing: 0.005em;
|
|
@@ -330,31 +330,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
330
330
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
331
331
|
}
|
|
332
332
|
@media (prefers-reduced-motion: reduce) {
|
|
333
|
-
.
|
|
333
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9) {
|
|
334
334
|
animation: none;
|
|
335
335
|
transition: none;
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
.awsui-motion-disabled .
|
|
338
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9) {
|
|
339
339
|
animation: none;
|
|
340
340
|
transition: none;
|
|
341
341
|
}
|
|
342
|
-
.
|
|
342
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):hover {
|
|
343
343
|
cursor: pointer;
|
|
344
344
|
color: var(--color-text-interactive-hover-8bpozs, #000716);
|
|
345
345
|
}
|
|
346
|
-
.
|
|
346
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):focus {
|
|
347
347
|
outline: none;
|
|
348
348
|
}
|
|
349
|
-
.
|
|
349
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):active {
|
|
350
350
|
color: var(--color-text-interactive-active-atr0kj, #000716);
|
|
351
351
|
}
|
|
352
|
-
.
|
|
352
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-top-navigation_4c84z_1saw7_283:not(#\9):hover {
|
|
353
353
|
text-decoration: underline;
|
|
354
354
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
355
355
|
text-decoration-color: transparent;
|
|
356
356
|
}
|
|
357
|
-
.
|
|
357
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9) {
|
|
358
358
|
color: var(--color-text-link-default-gthbx2, #0972d3);
|
|
359
359
|
font-weight: var(--font-link-button-weight-boao6d, 800);
|
|
360
360
|
letter-spacing: var(--font-link-button-letter-spacing-2e8gx8, 0.005em);
|
|
@@ -367,31 +367,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
367
367
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
368
368
|
}
|
|
369
369
|
@media (prefers-reduced-motion: reduce) {
|
|
370
|
-
.
|
|
370
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9) {
|
|
371
371
|
animation: none;
|
|
372
372
|
transition: none;
|
|
373
373
|
}
|
|
374
374
|
}
|
|
375
|
-
.awsui-motion-disabled .
|
|
375
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9) {
|
|
376
376
|
animation: none;
|
|
377
377
|
transition: none;
|
|
378
378
|
}
|
|
379
|
-
.
|
|
379
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):hover {
|
|
380
380
|
cursor: pointer;
|
|
381
381
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
382
382
|
}
|
|
383
|
-
.
|
|
383
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):focus {
|
|
384
384
|
outline: none;
|
|
385
385
|
}
|
|
386
|
-
.
|
|
386
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):active {
|
|
387
387
|
color: var(--color-text-link-hover-h1b9eu, #033160);
|
|
388
388
|
}
|
|
389
|
-
.
|
|
389
|
+
.awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_variant-recovery_4c84z_1saw7_318:not(#\9):hover {
|
|
390
390
|
text-decoration: underline;
|
|
391
391
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
392
392
|
text-decoration-color: var(--color-text-link-button-underline-hover-qeh81f, transparent);
|
|
393
393
|
}
|
|
394
|
-
.
|
|
394
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9) {
|
|
395
395
|
-webkit-font-smoothing: var(--font-smoothing-webkit-fyh4as, antialiased);
|
|
396
396
|
-moz-osx-font-smoothing: var(--font-smoothing-moz-osx-pa2uqe, grayscale);
|
|
397
397
|
color: var(--color-text-link-button-normal-default-k1sixg, #0972d3);
|
|
@@ -406,42 +406,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
406
406
|
transition-duration: var(--motion-duration-refresh-only-medium-wkp575, 165ms);
|
|
407
407
|
}
|
|
408
408
|
@media (prefers-reduced-motion: reduce) {
|
|
409
|
-
.
|
|
409
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9) {
|
|
410
410
|
animation: none;
|
|
411
411
|
transition: none;
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
|
-
.awsui-motion-disabled .
|
|
414
|
+
.awsui-motion-disabled .awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9), .awsui-mode-entering .awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9) {
|
|
415
415
|
animation: none;
|
|
416
416
|
transition: none;
|
|
417
417
|
}
|
|
418
|
-
.
|
|
418
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):hover {
|
|
419
419
|
cursor: pointer;
|
|
420
420
|
color: var(--color-text-link-button-normal-hover-og0hhn, #033160);
|
|
421
421
|
}
|
|
422
|
-
.
|
|
422
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):focus {
|
|
423
423
|
outline: none;
|
|
424
424
|
}
|
|
425
|
-
.
|
|
425
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):active {
|
|
426
426
|
color: var(--color-text-link-button-normal-active-6aj8w6, #033160);
|
|
427
427
|
}
|
|
428
|
-
.
|
|
428
|
+
.awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):active, .awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):focus, .awsui_link_4c84z_1saw7_93.awsui_button_4c84z_1saw7_353:not(#\9):hover {
|
|
429
429
|
text-decoration: underline;
|
|
430
430
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
431
431
|
text-decoration-color: transparent;
|
|
432
432
|
}
|
|
433
|
-
.
|
|
433
|
+
.awsui_link_4c84z_1saw7_93.awsui_color-inverted_4c84z_1saw7_390:not(#\9) {
|
|
434
434
|
color: var(--color-text-notification-default-4icnky, #fbfbfb);
|
|
435
435
|
}
|
|
436
|
-
.
|
|
436
|
+
.awsui_link_4c84z_1saw7_93.awsui_color-inverted_4c84z_1saw7_390:not(#\9):not(.awsui_button_4c84z_1saw7_353) {
|
|
437
437
|
text-decoration: underline;
|
|
438
438
|
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
439
439
|
text-decoration-color: currentColor;
|
|
440
440
|
}
|
|
441
|
-
.
|
|
441
|
+
.awsui_link_4c84z_1saw7_93.awsui_color-inverted_4c84z_1saw7_390:not(#\9):hover {
|
|
442
442
|
color: var(--color-text-link-inverted-hover-uuk8dz, #ffffff);
|
|
443
443
|
}
|
|
444
|
-
body[data-awsui-focus-visible=true] .
|
|
444
|
+
body[data-awsui-focus-visible=true] .awsui_link_4c84z_1saw7_93:not(#\9):focus {
|
|
445
445
|
outline: thin dotted;
|
|
446
446
|
outline: var(--border-link-focus-ring-outline-pwlekd, 0);
|
|
447
447
|
outline-offset: 2px;
|
|
@@ -449,54 +449,54 @@ body[data-awsui-focus-visible=true] .awsui_link_4c84z_15goh_93:not(#\9):focus {
|
|
|
449
449
|
border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
|
|
450
450
|
box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-z7lixz, 2px) var(--color-border-item-focused-4t19h5, #0972d3);
|
|
451
451
|
}
|
|
452
|
-
.
|
|
452
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-body-s_4c84z_1saw7_409:not(#\9) {
|
|
453
453
|
font-size: var(--font-body-s-size-6jmxer, 12px);
|
|
454
454
|
line-height: var(--font-body-s-line-height-ga8tt7, 16px);
|
|
455
455
|
letter-spacing: var(--font-body-s-letter-spacing-v8bwhi, 0.005em);
|
|
456
456
|
}
|
|
457
|
-
.
|
|
457
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-body-m_4c84z_1saw7_414:not(#\9) {
|
|
458
458
|
font-size: var(--font-body-m-size-7dign1, 14px);
|
|
459
|
-
line-height: var(--font-body-m-line-height-
|
|
459
|
+
line-height: var(--font-body-m-line-height-ghizru, 20px);
|
|
460
460
|
}
|
|
461
|
-
.
|
|
461
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-heading-xs_4c84z_1saw7_418:not(#\9) {
|
|
462
462
|
font-size: var(--font-heading-xs-size-2ai9la, 14px);
|
|
463
463
|
line-height: var(--font-heading-xs-line-height-yt5y4b, 18px);
|
|
464
464
|
}
|
|
465
|
-
.
|
|
465
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-heading-s_4c84z_1saw7_422:not(#\9) {
|
|
466
466
|
font-size: var(--font-heading-s-size-ep2ts9, 16px);
|
|
467
467
|
line-height: var(--font-heading-s-line-height-uruujc, 20px);
|
|
468
468
|
letter-spacing: var(--font-heading-s-letter-spacing-j4vcrt, -0.005em);
|
|
469
469
|
}
|
|
470
|
-
.
|
|
470
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-heading-m_4c84z_1saw7_427:not(#\9) {
|
|
471
471
|
font-size: var(--font-heading-m-size-hbn9yp, 20px);
|
|
472
472
|
line-height: var(--font-heading-m-line-height-ozfvgp, 24px);
|
|
473
473
|
letter-spacing: var(--font-heading-m-letter-spacing-rsatez, -0.01em);
|
|
474
474
|
}
|
|
475
|
-
.
|
|
475
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-heading-l_4c84z_1saw7_432:not(#\9) {
|
|
476
476
|
font-size: var(--font-heading-l-size-hcsmf8, 24px);
|
|
477
477
|
line-height: var(--font-heading-l-line-height-l1pmir, 30px);
|
|
478
478
|
letter-spacing: var(--font-heading-l-letter-spacing-usq225, -0.015em);
|
|
479
479
|
}
|
|
480
|
-
.
|
|
480
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-heading-xl_4c84z_1saw7_437:not(#\9) {
|
|
481
481
|
font-size: var(--font-heading-xl-size-qxqrag, 32px);
|
|
482
482
|
line-height: var(--font-heading-xl-line-height-4s70cu, 40px);
|
|
483
483
|
letter-spacing: var(--font-heading-xl-letter-spacing-zxoemo, -0.02em);
|
|
484
484
|
}
|
|
485
|
-
.
|
|
485
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-display-l_4c84z_1saw7_442:not(#\9) {
|
|
486
486
|
font-size: var(--font-display-l-size-00j0me, 48px);
|
|
487
487
|
line-height: var(--font-display-l-line-height-qsh6fc, 54px);
|
|
488
488
|
letter-spacing: var(--font-display-l-letter-spacing-38ceja, -0.03em);
|
|
489
489
|
}
|
|
490
|
-
.
|
|
490
|
+
.awsui_link_4c84z_1saw7_93.awsui_font-size-inherit_4c84z_1saw7_447:not(#\9) {
|
|
491
491
|
font-size: inherit;
|
|
492
492
|
line-height: inherit;
|
|
493
493
|
letter-spacing: inherit;
|
|
494
494
|
}
|
|
495
495
|
|
|
496
|
-
.awsui_icon-
|
|
496
|
+
.awsui_icon-wrapper_4c84z_1saw7_453:not(#\9) {
|
|
497
497
|
white-space: nowrap;
|
|
498
498
|
}
|
|
499
499
|
|
|
500
|
-
.
|
|
500
|
+
.awsui_icon_4c84z_1saw7_453:not(#\9) {
|
|
501
501
|
display: inline-block;
|
|
502
502
|
}
|
package/link/styles.selectors.js
CHANGED
|
@@ -2,25 +2,25 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"link": "
|
|
6
|
-
"variant-secondary": "awsui_variant-
|
|
7
|
-
"variant-primary": "awsui_variant-
|
|
8
|
-
"variant-info": "awsui_variant-
|
|
9
|
-
"variant-value-large": "awsui_variant-value-
|
|
10
|
-
"variant-top-navigation": "awsui_variant-top-
|
|
11
|
-
"variant-recovery": "awsui_variant-
|
|
12
|
-
"button": "
|
|
13
|
-
"color-inverted": "awsui_color-
|
|
14
|
-
"font-size-body-s": "awsui_font-size-body-
|
|
15
|
-
"font-size-body-m": "awsui_font-size-body-
|
|
16
|
-
"font-size-heading-xs": "awsui_font-size-heading-
|
|
17
|
-
"font-size-heading-s": "awsui_font-size-heading-
|
|
18
|
-
"font-size-heading-m": "awsui_font-size-heading-
|
|
19
|
-
"font-size-heading-l": "awsui_font-size-heading-
|
|
20
|
-
"font-size-heading-xl": "awsui_font-size-heading-
|
|
21
|
-
"font-size-display-l": "awsui_font-size-display-
|
|
22
|
-
"font-size-inherit": "awsui_font-size-
|
|
23
|
-
"icon-wrapper": "awsui_icon-
|
|
24
|
-
"icon": "
|
|
5
|
+
"link": "awsui_link_4c84z_1saw7_93",
|
|
6
|
+
"variant-secondary": "awsui_variant-secondary_4c84z_1saw7_140",
|
|
7
|
+
"variant-primary": "awsui_variant-primary_4c84z_1saw7_177",
|
|
8
|
+
"variant-info": "awsui_variant-info_4c84z_1saw7_212",
|
|
9
|
+
"variant-value-large": "awsui_variant-value-large_4c84z_1saw7_249",
|
|
10
|
+
"variant-top-navigation": "awsui_variant-top-navigation_4c84z_1saw7_283",
|
|
11
|
+
"variant-recovery": "awsui_variant-recovery_4c84z_1saw7_318",
|
|
12
|
+
"button": "awsui_button_4c84z_1saw7_353",
|
|
13
|
+
"color-inverted": "awsui_color-inverted_4c84z_1saw7_390",
|
|
14
|
+
"font-size-body-s": "awsui_font-size-body-s_4c84z_1saw7_409",
|
|
15
|
+
"font-size-body-m": "awsui_font-size-body-m_4c84z_1saw7_414",
|
|
16
|
+
"font-size-heading-xs": "awsui_font-size-heading-xs_4c84z_1saw7_418",
|
|
17
|
+
"font-size-heading-s": "awsui_font-size-heading-s_4c84z_1saw7_422",
|
|
18
|
+
"font-size-heading-m": "awsui_font-size-heading-m_4c84z_1saw7_427",
|
|
19
|
+
"font-size-heading-l": "awsui_font-size-heading-l_4c84z_1saw7_432",
|
|
20
|
+
"font-size-heading-xl": "awsui_font-size-heading-xl_4c84z_1saw7_437",
|
|
21
|
+
"font-size-display-l": "awsui_font-size-display-l_4c84z_1saw7_442",
|
|
22
|
+
"font-size-inherit": "awsui_font-size-inherit_4c84z_1saw7_447",
|
|
23
|
+
"icon-wrapper": "awsui_icon-wrapper_4c84z_1saw7_453",
|
|
24
|
+
"icon": "awsui_icon_4c84z_1saw7_453"
|
|
25
25
|
};
|
|
26
26
|
|
package/modal/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAYlF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,KAAK,kBAAkB,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,eAM/E"}
|
package/modal/internal.js
CHANGED
|
@@ -11,7 +11,7 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
|
|
|
11
11
|
import { InternalButton } from '../button/internal';
|
|
12
12
|
import InternalHeader from '../header/internal';
|
|
13
13
|
import Portal from '../internal/components/portal';
|
|
14
|
-
import { useContainerBreakpoints
|
|
14
|
+
import { useContainerBreakpoints } from '../internal/hooks/container-queries';
|
|
15
15
|
import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
|
|
16
16
|
import { FormFieldContext } from '../internal/context/form-field-context';
|
|
17
17
|
import { disableBodyScrolling, enableBodyScrolling } from './body-scroll';
|
|
@@ -19,6 +19,7 @@ import styles from './styles.css.js';
|
|
|
19
19
|
import FocusLock from '../internal/components/focus-lock';
|
|
20
20
|
import { useInternalI18n } from '../internal/i18n/context';
|
|
21
21
|
import { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';
|
|
22
|
+
import { useContainerQuery } from '@cloudscape-design/component-toolkit';
|
|
22
23
|
export default function InternalModal(_a) {
|
|
23
24
|
var { modalRoot } = _a, rest = __rest(_a, ["modalRoot"]);
|
|
24
25
|
return (React.createElement(Portal, { container: modalRoot },
|
package/modal/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAChD,OAAO,MAAM,MAAM,+BAA+B,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,SAAS,MAAM,mCAAmC,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAItF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAA0C;QAA1C,EAAE,SAAS,OAA+B,EAA1B,IAAI,cAApB,aAAsB,CAAF;IACxD,OAAO,CACL,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS;QAC1B,oBAAC,UAAU,oBAAK,IAAI,EAAI,CACjB,CACV,CAAC;AACJ,CAAC;AAED,qIAAqI;AACrI,uGAAuG;AACvG,SAAS,UAAU,CAAC,EAUC;QAVD,EAClB,IAAI,EACJ,OAAO,EACP,MAAM,EACN,QAAQ,EACR,MAAM,EACN,sBAAsB,EACtB,SAAS,EACT,iBAAiB,GAAG,IAAI,OAEL,EADhB,IAAI,cATW,+GAUnB,CADQ;IAEP,MAAM,gBAAgB,GAAG,WAAW,EAAE,CAAC;IACvC,MAAM,QAAQ,GAAG,GAAG,IAAI,CAAC,EAAE,IAAI,gBAAgB,SAAS,CAAC;IACzD,MAAM,uBAAuB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACjE,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAErE,MAAM,IAAI,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IACtC,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAEnE,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,SAAS,GAAG,YAAY,CAAC,cAAc,EAAE,SAAS,EAAE,iBAAiB,CAAC,CAAC;IAE7E,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IAErC,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,mBAAmB,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,+BAA+B;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE;YACX,oBAAoB,EAAE,CAAC;SACxB;aAAM;YACL,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,0GAA0G;IAC1G,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YAChC,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,OAAO,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,sBAAsB,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;IAElF,MAAM,kBAAkB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACrD,uBAAuB,CAAC,OAAO,GAAG,KAAK,CAAC,MAAqB,CAAC;IAChE,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,CAAC,KAAuB,EAAE,EAAE;QACjD,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC;QAClC,MAAM,WAAW,GAAG,uBAAuB,CAAC,OAAO,CAAC;QAEpD,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,IAAI,WAAW,KAAK,OAAO,EAAE;YACvD,OAAO,CAAC,SAAS,CAAC,CAAC;SACpB;IACH,CAAC,CAAC;IACF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,CAAC,MAAM,EAAE;YACpC,OAAO,CAAC,UAAU,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,2EAA2E;IAC3E,sDAAsD;IACtD,MAAM,EAAE,GAAG,EAAE,iBAAiB,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAE1F,2EAA2E;IAC3E,gDAAgD;IAChD,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAElF,OAAO,CACL,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE;QAClC,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,EAAE,SAAS,CAAC,SAAS,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC,EAC7G,IAAI,EAAC,QAAQ,gBACD,IAAI,qBACC,QAAQ,EACzB,WAAW,EAAE,kBAAkB,EAC/B,OAAO,EAAE,cAAc,EACvB,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS;YAEvE,oBAAC,SAAS,IAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,YAAY,CAAC;gBACjG,6BACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,IAAI,CAAC,EACZ,MAAM,CAAC,cAAc,UAAU,EAAE,CAAC,EAClC,SAAS,IAAI,MAAM,CAAC,OAAO,CAC5B,EACD,SAAS,EAAE,aAAa;oBAExB,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;wBAC9B,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;4BAC3B,oBAAC,cAAc,IACb,OAAO,EAAC,IAAI,EACZ,wBAAwB,EAAE,IAAI,EAC9B,OAAO,EACL,oBAAC,cAAc,IACb,SAAS,EAAE,cAAc,EACzB,SAAS,EAAE,MAAM,CAAC,iBAAiB,CAAC,EACpC,OAAO,EAAC,eAAe,EACvB,QAAQ,EAAC,OAAO,EAChB,UAAU,EAAC,MAAM,EACjB,OAAO,EAAE,kBAAkB,GAC3B;gCAGJ,8BAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAClD,MAAM,CACF,CACQ,CACb;wBACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,sBAAsB,EAAE,CAAC;4BACtF,QAAQ;4BACT,6BAAK,GAAG,EAAE,iBAAiB,GAAI,CAC3B;wBACL,MAAM,IAAI,CACT,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,WAAW,IAAI,MAAM,CAAC,eAAe,CAAC,CAAC,IACxF,MAAM,CACH,CACP,CACG,CACF,CACI,CACR,CACoB,CAC7B,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints, useContainerQuery } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n return (\n <Portal container={modalRoot}>\n <InnerModal {...rest} />\n </Portal>\n );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n size,\n visible,\n header,\n children,\n footer,\n disableContentPaddings,\n onDismiss,\n __internalRootRef = null,\n ...rest\n}: InternalModalProps) {\n const instanceUniqueId = useUniqueId();\n const headerId = `${rest.id || instanceUniqueId}-header`;\n const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n const i18n = useInternalI18n('modal');\n const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n const refObject = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n\n const baseProps = getBaseProps(rest);\n\n // enable body scroll and restore focus if unmounting while visible\n useEffect(() => {\n return () => {\n enableBodyScrolling();\n };\n }, []);\n\n // enable / disable body scroll\n useEffect(() => {\n if (visible) {\n disableBodyScrolling();\n } else {\n enableBodyScrolling();\n }\n }, [visible]);\n\n // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n useEffect(() => {\n if (visible && refObject.current) {\n refObject.current.scrollTop = 0;\n }\n }, [visible]);\n\n const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n const onOverlayMouseDown = (event: React.MouseEvent) => {\n lastMouseDownElementRef.current = event.target as HTMLElement;\n };\n const onOverlayClick = (event: React.MouseEvent) => {\n const overlay = refObject.current;\n const lastClicked = lastMouseDownElementRef.current;\n\n if (event.target === overlay && lastClicked === overlay) {\n dismiss('overlay');\n }\n };\n const onCloseButtonClick = () => dismiss('closeButton');\n const escKeyHandler = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n dismiss('keyboard');\n }\n };\n\n // We use an empty div element at the end of the content slot as a sentinel\n // to detect when the user has scrolled to the bottom.\n const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n // Add extra scroll padding to account for the height of the sticky footer,\n // to prevent it from covering focused elements.\n const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n return (\n <FormFieldContext.Provider value={{}}>\n <div\n {...baseProps}\n className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n role=\"dialog\"\n aria-modal={true}\n aria-labelledby={headerId}\n onMouseDown={onOverlayMouseDown}\n onClick={onOverlayClick}\n ref={mergedRef}\n style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n >\n <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n <div\n className={clsx(\n styles.dialog,\n styles[size],\n styles[`breakpoint-${breakpoint}`],\n isRefresh && styles.refresh\n )}\n onKeyDown={escKeyHandler}\n >\n <div className={styles.container}>\n <div className={styles.header}>\n <InternalHeader\n variant=\"h2\"\n __disableActionsWrapping={true}\n actions={\n <InternalButton\n ariaLabel={closeAriaLabel}\n className={styles['dismiss-control']}\n variant=\"modal-dismiss\"\n iconName=\"close\"\n formAction=\"none\"\n onClick={onCloseButtonClick}\n />\n }\n >\n <span id={headerId} className={styles['header--text']}>\n {header}\n </span>\n </InternalHeader>\n </div>\n <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n {children}\n <div ref={stickySentinelRef} />\n </div>\n {footer && (\n <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n {footer}\n </div>\n )}\n </div>\n </div>\n </FocusLock>\n </div>\n </FormFieldContext.Provider>\n );\n}\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["modal/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport clsx from 'clsx';\n\nimport { getBaseProps } from '../internal/base-component';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { InternalButton } from '../button/internal';\nimport InternalHeader from '../header/internal';\nimport Portal from '../internal/components/portal';\nimport { useContainerBreakpoints } from '../internal/hooks/container-queries';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { FormFieldContext } from '../internal/context/form-field-context';\n\nimport { disableBodyScrolling, enableBodyScrolling } from './body-scroll';\nimport { ModalProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { SomeRequired } from '../internal/types';\nimport FocusLock from '../internal/components/focus-lock';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { useIntersectionObserver } from '../internal/hooks/use-intersection-observer';\nimport { useContainerQuery } from '@cloudscape-design/component-toolkit';\n\ntype InternalModalProps = SomeRequired<ModalProps, 'size'> & InternalBaseComponentProps;\n\nexport default function InternalModal({ modalRoot, ...rest }: InternalModalProps) {\n return (\n <Portal container={modalRoot}>\n <InnerModal {...rest} />\n </Portal>\n );\n}\n\n// Separate component to prevent the Portal from getting in the way of refs, as it needs extra cycles to render the inner components.\n// useContainerQuery needs its targeted element to exist on the first render in order to work properly.\nfunction InnerModal({\n size,\n visible,\n header,\n children,\n footer,\n disableContentPaddings,\n onDismiss,\n __internalRootRef = null,\n ...rest\n}: InternalModalProps) {\n const instanceUniqueId = useUniqueId();\n const headerId = `${rest.id || instanceUniqueId}-header`;\n const lastMouseDownElementRef = useRef<HTMLElement | null>(null);\n const [breakpoint, breakpointsRef] = useContainerBreakpoints(['xs']);\n\n const i18n = useInternalI18n('modal');\n const closeAriaLabel = i18n('closeAriaLabel', rest.closeAriaLabel);\n\n const refObject = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs(breakpointsRef, refObject, __internalRootRef);\n\n const isRefresh = useVisualRefresh();\n\n const baseProps = getBaseProps(rest);\n\n // enable body scroll and restore focus if unmounting while visible\n useEffect(() => {\n return () => {\n enableBodyScrolling();\n };\n }, []);\n\n // enable / disable body scroll\n useEffect(() => {\n if (visible) {\n disableBodyScrolling();\n } else {\n enableBodyScrolling();\n }\n }, [visible]);\n\n // Because we hide the element with styles (and not actually detach it from DOM), we need to scroll to top\n useEffect(() => {\n if (visible && refObject.current) {\n refObject.current.scrollTop = 0;\n }\n }, [visible]);\n\n const dismiss = (reason: string) => fireNonCancelableEvent(onDismiss, { reason });\n\n const onOverlayMouseDown = (event: React.MouseEvent) => {\n lastMouseDownElementRef.current = event.target as HTMLElement;\n };\n const onOverlayClick = (event: React.MouseEvent) => {\n const overlay = refObject.current;\n const lastClicked = lastMouseDownElementRef.current;\n\n if (event.target === overlay && lastClicked === overlay) {\n dismiss('overlay');\n }\n };\n const onCloseButtonClick = () => dismiss('closeButton');\n const escKeyHandler = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.escape) {\n dismiss('keyboard');\n }\n };\n\n // We use an empty div element at the end of the content slot as a sentinel\n // to detect when the user has scrolled to the bottom.\n const { ref: stickySentinelRef, isIntersecting: footerStuck } = useIntersectionObserver();\n\n // Add extra scroll padding to account for the height of the sticky footer,\n // to prevent it from covering focused elements.\n const [footerHeight, footerRef] = useContainerQuery(rect => rect.borderBoxHeight);\n\n return (\n <FormFieldContext.Provider value={{}}>\n <div\n {...baseProps}\n className={clsx(styles.root, { [styles.hidden]: !visible }, baseProps.className, isRefresh && styles.refresh)}\n role=\"dialog\"\n aria-modal={true}\n aria-labelledby={headerId}\n onMouseDown={onOverlayMouseDown}\n onClick={onOverlayClick}\n ref={mergedRef}\n style={footerHeight ? { scrollPaddingBottom: footerHeight } : undefined}\n >\n <FocusLock disabled={!visible} autoFocus={true} restoreFocus={true} className={styles['focus-lock']}>\n <div\n className={clsx(\n styles.dialog,\n styles[size],\n styles[`breakpoint-${breakpoint}`],\n isRefresh && styles.refresh\n )}\n onKeyDown={escKeyHandler}\n >\n <div className={styles.container}>\n <div className={styles.header}>\n <InternalHeader\n variant=\"h2\"\n __disableActionsWrapping={true}\n actions={\n <InternalButton\n ariaLabel={closeAriaLabel}\n className={styles['dismiss-control']}\n variant=\"modal-dismiss\"\n iconName=\"close\"\n formAction=\"none\"\n onClick={onCloseButtonClick}\n />\n }\n >\n <span id={headerId} className={styles['header--text']}>\n {header}\n </span>\n </InternalHeader>\n </div>\n <div className={clsx(styles.content, { [styles['no-paddings']]: disableContentPaddings })}>\n {children}\n <div ref={stickySentinelRef} />\n </div>\n {footer && (\n <div ref={footerRef} className={clsx(styles.footer, footerStuck && styles['footer--stuck'])}>\n {footer}\n </div>\n )}\n </div>\n </div>\n </FocusLock>\n </div>\n </FormFieldContext.Provider>\n );\n}\n"]}
|
package/modal/styles.css.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"dialog": "
|
|
5
|
-
"modal-slide-up": "awsui_modal-slide-
|
|
6
|
-
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-
|
|
7
|
-
"refresh": "
|
|
8
|
-
"awsui-motion-scale-popup": "awsui_awsui-motion-scale-
|
|
9
|
-
"root": "
|
|
10
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
11
|
-
"hidden": "
|
|
12
|
-
"focus-lock": "awsui_focus-
|
|
13
|
-
"small": "
|
|
14
|
-
"medium": "
|
|
15
|
-
"large": "
|
|
16
|
-
"max": "
|
|
17
|
-
"breakpoint-xs": "awsui_breakpoint-
|
|
18
|
-
"container": "
|
|
19
|
-
"content": "
|
|
20
|
-
"no-paddings": "awsui_no-
|
|
21
|
-
"header": "
|
|
22
|
-
"header--text": "awsui_header--
|
|
23
|
-
"footer": "
|
|
24
|
-
"footer--stuck": "awsui_footer--
|
|
25
|
-
"dismiss-control": "awsui_dismiss-
|
|
26
|
-
"modal-open": "awsui_modal-
|
|
4
|
+
"dialog": "awsui_dialog_1d2i7_eu9z8_105",
|
|
5
|
+
"modal-slide-up": "awsui_modal-slide-up_1d2i7_eu9z8_1",
|
|
6
|
+
"awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_eu9z8_1",
|
|
7
|
+
"refresh": "awsui_refresh_1d2i7_eu9z8_128",
|
|
8
|
+
"awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_eu9z8_1",
|
|
9
|
+
"root": "awsui_root_1d2i7_eu9z8_161",
|
|
10
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_eu9z8_1",
|
|
11
|
+
"hidden": "awsui_hidden_1d2i7_eu9z8_226",
|
|
12
|
+
"focus-lock": "awsui_focus-lock_1d2i7_eu9z8_230",
|
|
13
|
+
"small": "awsui_small_1d2i7_eu9z8_248",
|
|
14
|
+
"medium": "awsui_medium_1d2i7_eu9z8_251",
|
|
15
|
+
"large": "awsui_large_1d2i7_eu9z8_254",
|
|
16
|
+
"max": "awsui_max_1d2i7_eu9z8_257",
|
|
17
|
+
"breakpoint-xs": "awsui_breakpoint-xs_1d2i7_eu9z8_257",
|
|
18
|
+
"container": "awsui_container_1d2i7_eu9z8_262",
|
|
19
|
+
"content": "awsui_content_1d2i7_eu9z8_281",
|
|
20
|
+
"no-paddings": "awsui_no-paddings_1d2i7_eu9z8_284",
|
|
21
|
+
"header": "awsui_header_1d2i7_eu9z8_288",
|
|
22
|
+
"header--text": "awsui_header--text_1d2i7_eu9z8_295",
|
|
23
|
+
"footer": "awsui_footer_1d2i7_eu9z8_299",
|
|
24
|
+
"footer--stuck": "awsui_footer--stuck_1d2i7_eu9z8_307",
|
|
25
|
+
"dismiss-control": "awsui_dismiss-control_1d2i7_eu9z8_316",
|
|
26
|
+
"modal-open": "awsui_modal-open_1d2i7_eu9z8_320"
|
|
27
27
|
};
|
|
28
28
|
|