@cloudscape-design/components-themeable 3.0.510 → 3.0.512
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/lib/internal/manifest.json +1 -1
- package/lib/internal/scss/internal/styles/utils/styles-reset.scss +24 -2
- package/lib/internal/template/alert/styles.css.js +25 -25
- package/lib/internal/template/alert/styles.scoped.css +45 -51
- package/lib/internal/template/alert/styles.selectors.js +25 -25
- package/lib/internal/template/anchor-navigation/styles.css.js +8 -8
- package/lib/internal/template/anchor-navigation/styles.scoped.css +21 -24
- package/lib/internal/template/anchor-navigation/styles.selectors.js +8 -8
- package/lib/internal/template/annotation-context/annotation/styles.css.js +24 -24
- package/lib/internal/template/annotation-context/annotation/styles.scoped.css +32 -35
- package/lib/internal/template/annotation-context/annotation/styles.selectors.js +24 -24
- package/lib/internal/template/app-layout/visual-refresh/styles.css.js +80 -80
- package/lib/internal/template/app-layout/visual-refresh/styles.scoped.css +175 -181
- package/lib/internal/template/app-layout/visual-refresh/styles.selectors.js +80 -80
- package/lib/internal/template/attribute-editor/styles.css.js +14 -14
- package/lib/internal/template/attribute-editor/styles.scoped.css +27 -30
- package/lib/internal/template/attribute-editor/styles.selectors.js +14 -14
- package/lib/internal/template/badge/styles.css.js +5 -5
- package/lib/internal/template/badge/styles.scoped.css +8 -11
- package/lib/internal/template/badge/styles.selectors.js +5 -5
- package/lib/internal/template/breadcrumb-group/styles.css.js +7 -7
- package/lib/internal/template/breadcrumb-group/styles.scoped.css +18 -24
- package/lib/internal/template/breadcrumb-group/styles.selectors.js +7 -7
- package/lib/internal/template/button/styles.css.js +20 -20
- package/lib/internal/template/button/styles.scoped.css +154 -157
- package/lib/internal/template/button/styles.selectors.js +20 -20
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.css.js +5 -5
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.scoped.css +8 -11
- package/lib/internal/template/button-dropdown/mobile-expandable-group/styles.selectors.js +5 -5
- package/lib/internal/template/calendar/styles.css.js +18 -18
- package/lib/internal/template/calendar/styles.scoped.css +41 -44
- package/lib/internal/template/calendar/styles.selectors.js +18 -18
- package/lib/internal/template/cards/styles.css.js +39 -39
- package/lib/internal/template/cards/styles.scoped.css +52 -55
- package/lib/internal/template/cards/styles.selectors.js +39 -39
- package/lib/internal/template/checkbox/styles.css.js +3 -3
- package/lib/internal/template/checkbox/styles.scoped.css +8 -11
- package/lib/internal/template/checkbox/styles.selectors.js +3 -3
- package/lib/internal/template/code-editor/styles.css.js +32 -32
- package/lib/internal/template/code-editor/styles.scoped.css +180 -183
- package/lib/internal/template/code-editor/styles.selectors.js +32 -32
- package/lib/internal/template/collection-preferences/content-display/styles.css.js +11 -11
- package/lib/internal/template/collection-preferences/content-display/styles.scoped.css +20 -23
- package/lib/internal/template/collection-preferences/content-display/styles.selectors.js +11 -11
- package/lib/internal/template/collection-preferences/styles.css.js +37 -37
- package/lib/internal/template/collection-preferences/styles.scoped.css +47 -50
- package/lib/internal/template/collection-preferences/styles.selectors.js +37 -37
- package/lib/internal/template/column-layout/styles.css.js +13 -13
- package/lib/internal/template/column-layout/styles.scoped.css +46 -49
- package/lib/internal/template/column-layout/styles.selectors.js +13 -13
- package/lib/internal/template/container/styles.css.js +29 -29
- package/lib/internal/template/container/styles.scoped.css +55 -58
- package/lib/internal/template/container/styles.selectors.js +29 -29
- package/lib/internal/template/date-picker/styles.css.js +7 -7
- package/lib/internal/template/date-picker/styles.scoped.css +12 -15
- package/lib/internal/template/date-picker/styles.selectors.js +7 -7
- package/lib/internal/template/date-range-picker/styles.css.js +38 -38
- package/lib/internal/template/date-range-picker/styles.scoped.css +49 -52
- package/lib/internal/template/date-range-picker/styles.selectors.js +38 -38
- package/lib/internal/template/drawer/styles.css.js +3 -3
- package/lib/internal/template/drawer/styles.scoped.css +11 -14
- package/lib/internal/template/drawer/styles.selectors.js +3 -3
- package/lib/internal/template/expandable-section/styles.css.js +32 -32
- package/lib/internal/template/expandable-section/styles.scoped.css +65 -68
- package/lib/internal/template/expandable-section/styles.selectors.js +32 -32
- package/lib/internal/template/flashbar/styles.css.js +47 -47
- package/lib/internal/template/flashbar/styles.scoped.css +149 -152
- package/lib/internal/template/flashbar/styles.selectors.js +47 -47
- package/lib/internal/template/form/styles.css.js +9 -9
- package/lib/internal/template/form/styles.scoped.css +11 -14
- package/lib/internal/template/form/styles.selectors.js +9 -9
- package/lib/internal/template/form-field/styles.css.js +19 -19
- package/lib/internal/template/form-field/styles.scoped.css +32 -35
- package/lib/internal/template/form-field/styles.selectors.js +19 -19
- package/lib/internal/template/grid/styles.css.js +53 -53
- package/lib/internal/template/grid/styles.scoped.css +57 -60
- package/lib/internal/template/grid/styles.selectors.js +53 -53
- package/lib/internal/template/header/styles.css.js +34 -34
- package/lib/internal/template/header/styles.scoped.css +53 -56
- package/lib/internal/template/header/styles.selectors.js +34 -34
- package/lib/internal/template/help-panel/styles.css.js +4 -4
- package/lib/internal/template/help-panel/styles.scoped.css +66 -69
- package/lib/internal/template/help-panel/styles.selectors.js +4 -4
- package/lib/internal/template/input/styles.css.js +12 -12
- package/lib/internal/template/input/styles.scoped.css +33 -36
- package/lib/internal/template/input/styles.selectors.js +12 -12
- package/lib/internal/template/internal/components/button-trigger/styles.css.js +10 -10
- package/lib/internal/template/internal/components/button-trigger/styles.scoped.css +27 -30
- package/lib/internal/template/internal/components/button-trigger/styles.selectors.js +10 -10
- package/lib/internal/template/internal/components/chart-filter/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-filter/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/chart-filter/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-legend/styles.css.js +6 -6
- package/lib/internal/template/internal/components/chart-legend/styles.scoped.css +18 -21
- package/lib/internal/template/internal/components/chart-legend/styles.selectors.js +6 -6
- package/lib/internal/template/internal/components/chart-popover/styles.css.js +3 -3
- package/lib/internal/template/internal/components/chart-popover/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/chart-popover/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/chart-series-details/styles.css.js +20 -20
- package/lib/internal/template/internal/components/chart-series-details/styles.scoped.css +42 -51
- package/lib/internal/template/internal/components/chart-series-details/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/chart-series-marker/styles.css.js +5 -5
- package/lib/internal/template/internal/components/chart-series-marker/styles.scoped.css +10 -13
- package/lib/internal/template/internal/components/chart-series-marker/styles.selectors.js +5 -5
- package/lib/internal/template/internal/components/chart-wrapper/styles.css.js +9 -9
- package/lib/internal/template/internal/components/chart-wrapper/styles.scoped.css +12 -15
- package/lib/internal/template/internal/components/chart-wrapper/styles.selectors.js +9 -9
- package/lib/internal/template/internal/components/dropdown/styles.css.js +20 -20
- package/lib/internal/template/internal/components/dropdown/styles.scoped.css +38 -41
- package/lib/internal/template/internal/components/dropdown/styles.selectors.js +20 -20
- package/lib/internal/template/internal/components/dropdown-footer/styles.css.js +3 -3
- package/lib/internal/template/internal/components/dropdown-footer/styles.scoped.css +6 -9
- package/lib/internal/template/internal/components/dropdown-footer/styles.selectors.js +3 -3
- package/lib/internal/template/internal/components/dropdown-status/styles.css.js +2 -2
- package/lib/internal/template/internal/components/dropdown-status/styles.scoped.css +5 -8
- package/lib/internal/template/internal/components/dropdown-status/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/focus-lock/utils.d.ts +1 -0
- package/lib/internal/template/internal/components/focus-lock/utils.d.ts.map +1 -1
- package/lib/internal/template/internal/components/focus-lock/utils.js +4 -3
- package/lib/internal/template/internal/components/focus-lock/utils.js.map +1 -1
- package/lib/internal/template/internal/components/menu-dropdown/styles.css.js +7 -7
- package/lib/internal/template/internal/components/menu-dropdown/styles.scoped.css +16 -19
- package/lib/internal/template/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/lib/internal/template/internal/components/option/styles.css.js +17 -17
- package/lib/internal/template/internal/components/option/styles.scoped.css +32 -35
- package/lib/internal/template/internal/components/option/styles.selectors.js +17 -17
- package/lib/internal/template/internal/components/options-list/styles.css.js +2 -2
- package/lib/internal/template/internal/components/options-list/styles.scoped.css +5 -8
- package/lib/internal/template/internal/components/options-list/styles.selectors.js +2 -2
- package/lib/internal/template/internal/components/token-list/styles.css.js +9 -9
- package/lib/internal/template/internal/components/token-list/styles.scoped.css +23 -26
- package/lib/internal/template/internal/components/token-list/styles.selectors.js +9 -9
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts +9 -4
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.d.ts.map +1 -1
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js +15 -5
- package/lib/internal/template/internal/context/single-tab-stop-navigation-context.js.map +1 -1
- package/lib/internal/template/internal/environment.js +1 -1
- package/lib/internal/template/internal/environment.json +1 -1
- package/lib/internal/template/internal/utils/scrollable-containers.d.ts +2 -1
- package/lib/internal/template/internal/utils/scrollable-containers.d.ts.map +1 -1
- package/lib/internal/template/internal/utils/scrollable-containers.js +11 -2
- package/lib/internal/template/internal/utils/scrollable-containers.js.map +1 -1
- package/lib/internal/template/link/styles.css.js +20 -20
- package/lib/internal/template/link/styles.scoped.css +74 -77
- package/lib/internal/template/link/styles.selectors.js +20 -20
- package/lib/internal/template/modal/styles.css.js +23 -23
- package/lib/internal/template/modal/styles.scoped.css +44 -50
- package/lib/internal/template/modal/styles.selectors.js +23 -23
- package/lib/internal/template/multiselect/styles.css.js +2 -2
- package/lib/internal/template/multiselect/styles.scoped.css +5 -8
- package/lib/internal/template/multiselect/styles.selectors.js +2 -2
- package/lib/internal/template/pagination/styles.css.js +9 -9
- package/lib/internal/template/pagination/styles.scoped.css +26 -29
- package/lib/internal/template/pagination/styles.selectors.js +9 -9
- package/lib/internal/template/popover/styles.css.js +50 -50
- package/lib/internal/template/popover/styles.scoped.css +72 -81
- package/lib/internal/template/popover/styles.selectors.js +50 -50
- package/lib/internal/template/popover/use-popover-position.d.ts.map +1 -1
- package/lib/internal/template/popover/use-popover-position.js +4 -2
- package/lib/internal/template/popover/use-popover-position.js.map +1 -1
- package/lib/internal/template/progress-bar/styles.css.js +18 -18
- package/lib/internal/template/progress-bar/styles.scoped.css +35 -38
- package/lib/internal/template/progress-bar/styles.selectors.js +18 -18
- package/lib/internal/template/property-filter/styles.css.js +31 -31
- package/lib/internal/template/property-filter/styles.scoped.css +36 -39
- package/lib/internal/template/property-filter/styles.selectors.js +31 -31
- package/lib/internal/template/radio-group/styles.css.js +9 -9
- package/lib/internal/template/radio-group/styles.scoped.css +18 -21
- package/lib/internal/template/radio-group/styles.selectors.js +9 -9
- package/lib/internal/template/segmented-control/styles.css.js +14 -14
- package/lib/internal/template/segmented-control/styles.scoped.css +36 -39
- package/lib/internal/template/segmented-control/styles.selectors.js +14 -14
- package/lib/internal/template/select/styles.css.js +1 -1
- package/lib/internal/template/select/styles.scoped.css +4 -7
- package/lib/internal/template/select/styles.selectors.js +1 -1
- package/lib/internal/template/side-navigation/styles.css.js +28 -28
- package/lib/internal/template/side-navigation/styles.scoped.css +41 -44
- package/lib/internal/template/side-navigation/styles.selectors.js +28 -28
- package/lib/internal/template/split-panel/styles.css.js +55 -55
- package/lib/internal/template/split-panel/styles.scoped.css +78 -81
- package/lib/internal/template/split-panel/styles.selectors.js +55 -55
- package/lib/internal/template/table/resizer/styles.css.js +8 -8
- package/lib/internal/template/table/resizer/styles.scoped.css +17 -20
- package/lib/internal/template/table/resizer/styles.selectors.js +8 -8
- package/lib/internal/template/table/table-role/grid-navigation.d.ts.map +1 -1
- package/lib/internal/template/table/table-role/grid-navigation.js +73 -41
- package/lib/internal/template/table/table-role/grid-navigation.js.map +1 -1
- package/lib/internal/template/table/table-role/utils.d.ts +1 -16
- package/lib/internal/template/table/table-role/utils.d.ts.map +1 -1
- package/lib/internal/template/table/table-role/utils.js +0 -53
- package/lib/internal/template/table/table-role/utils.js.map +1 -1
- package/lib/internal/template/tabs/styles.css.js +21 -21
- package/lib/internal/template/tabs/styles.scoped.css +42 -45
- package/lib/internal/template/tabs/styles.selectors.js +21 -21
- package/lib/internal/template/text-content/styles.css.js +1 -1
- package/lib/internal/template/text-content/styles.scoped.css +63 -66
- package/lib/internal/template/text-content/styles.selectors.js +1 -1
- package/lib/internal/template/text-filter/styles.css.js +3 -3
- package/lib/internal/template/text-filter/styles.scoped.css +6 -9
- package/lib/internal/template/text-filter/styles.selectors.js +3 -3
- package/lib/internal/template/textarea/styles.css.js +4 -4
- package/lib/internal/template/textarea/styles.scoped.css +15 -18
- package/lib/internal/template/textarea/styles.selectors.js +4 -4
- package/lib/internal/template/tiles/styles.css.js +29 -29
- package/lib/internal/template/tiles/styles.scoped.css +76 -82
- package/lib/internal/template/tiles/styles.selectors.js +29 -29
- package/lib/internal/template/toggle/styles.css.js +8 -8
- package/lib/internal/template/toggle/styles.scoped.css +16 -19
- package/lib/internal/template/toggle/styles.selectors.js +8 -8
- package/lib/internal/template/token-group/styles.css.js +8 -8
- package/lib/internal/template/token-group/styles.scoped.css +19 -22
- package/lib/internal/template/token-group/styles.selectors.js +8 -8
- package/lib/internal/template/top-navigation/1.0-beta/styles.css.js +25 -25
- package/lib/internal/template/top-navigation/1.0-beta/styles.scoped.css +45 -48
- package/lib/internal/template/top-navigation/1.0-beta/styles.selectors.js +25 -25
- package/lib/internal/template/top-navigation/styles.css.js +47 -47
- package/lib/internal/template/top-navigation/styles.scoped.css +75 -84
- package/lib/internal/template/top-navigation/styles.selectors.js +47 -47
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +24 -27
- package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.scoped.css +36 -45
- package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
- package/lib/internal/template/tutorial-panel/styles.css.js +1 -1
- package/lib/internal/template/tutorial-panel/styles.scoped.css +4 -7
- package/lib/internal/template/tutorial-panel/styles.selectors.js +1 -1
- package/lib/internal/template/wizard/styles.css.js +31 -31
- package/lib/internal/template/wizard/styles.scoped.css +65 -68
- package/lib/internal/template/wizard/styles.selectors.js +31 -31
- package/package.json +1 -1
|
@@ -2,55 +2,55 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"arrow": "
|
|
6
|
-
"arrow-outer": "awsui_arrow-
|
|
7
|
-
"arrow-inner": "awsui_arrow-
|
|
8
|
-
"arrow-position-right-top": "awsui_arrow-position-right-
|
|
9
|
-
"arrow-position-right-bottom": "awsui_arrow-position-right-
|
|
10
|
-
"arrow-position-left-top": "awsui_arrow-position-left-
|
|
11
|
-
"arrow-position-left-bottom": "awsui_arrow-position-left-
|
|
12
|
-
"arrow-position-top-center": "awsui_arrow-position-top-
|
|
13
|
-
"arrow-position-top-right": "awsui_arrow-position-top-
|
|
14
|
-
"arrow-position-top-left": "awsui_arrow-position-top-
|
|
15
|
-
"arrow-position-top-responsive": "awsui_arrow-position-top-
|
|
16
|
-
"arrow-position-bottom-center": "awsui_arrow-position-bottom-
|
|
17
|
-
"arrow-position-bottom-right": "awsui_arrow-position-bottom-
|
|
18
|
-
"arrow-position-bottom-left": "awsui_arrow-position-bottom-
|
|
19
|
-
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-
|
|
20
|
-
"body": "
|
|
21
|
-
"body-overflow-visible": "awsui_body-overflow-
|
|
22
|
-
"has-dismiss": "awsui_has-
|
|
23
|
-
"dismiss": "
|
|
24
|
-
"dismiss-control": "awsui_dismiss-
|
|
25
|
-
"header-row": "awsui_header-
|
|
26
|
-
"header": "
|
|
27
|
-
"content": "
|
|
28
|
-
"content-overflow-visible": "awsui_content-overflow-
|
|
29
|
-
"container": "
|
|
30
|
-
"container-body": "awsui_container-
|
|
31
|
-
"container-body-variant-annotation": "awsui_container-body-variant-
|
|
32
|
-
"container-body-size-small": "awsui_container-body-size-
|
|
33
|
-
"fixed-width": "awsui_fixed-
|
|
34
|
-
"container-body-size-medium": "awsui_container-body-size-
|
|
35
|
-
"container-body-size-large": "awsui_container-body-size-
|
|
36
|
-
"container-arrow": "awsui_container-
|
|
37
|
-
"container-arrow-position-right-top": "awsui_container-arrow-position-right-
|
|
38
|
-
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-
|
|
39
|
-
"container-arrow-position-left-top": "awsui_container-arrow-position-left-
|
|
40
|
-
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-
|
|
41
|
-
"container-arrow-position-top-center": "awsui_container-arrow-position-top-
|
|
42
|
-
"container-arrow-position-top-right": "awsui_container-arrow-position-top-
|
|
43
|
-
"container-arrow-position-top-left": "awsui_container-arrow-position-top-
|
|
44
|
-
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-
|
|
45
|
-
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-
|
|
46
|
-
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-
|
|
47
|
-
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-
|
|
48
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
49
|
-
"refresh": "
|
|
50
|
-
"root": "
|
|
51
|
-
"trigger": "
|
|
52
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
53
|
-
"trigger-inner-text": "awsui_trigger-inner-
|
|
54
|
-
"popover-content": "awsui_popover-
|
|
5
|
+
"arrow": "awsui_arrow_xjuzf_uszh8_185",
|
|
6
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_uszh8_189",
|
|
7
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_uszh8_189",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_uszh8_220",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_uszh8_220",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_uszh8_223",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_uszh8_223",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_uszh8_226",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_uszh8_226",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_uszh8_226",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_uszh8_226",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_uszh8_229",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_uszh8_229",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_uszh8_229",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_uszh8_229",
|
|
20
|
+
"body": "awsui_body_xjuzf_uszh8_325",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_uszh8_363",
|
|
22
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_uszh8_367",
|
|
23
|
+
"dismiss": "awsui_dismiss_xjuzf_uszh8_372",
|
|
24
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_uszh8_379",
|
|
25
|
+
"header-row": "awsui_header-row_xjuzf_uszh8_383",
|
|
26
|
+
"header": "awsui_header_xjuzf_uszh8_383",
|
|
27
|
+
"content": "awsui_content_xjuzf_uszh8_409",
|
|
28
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_uszh8_417",
|
|
29
|
+
"container": "awsui_container_xjuzf_uszh8_513",
|
|
30
|
+
"container-body": "awsui_container-body_xjuzf_uszh8_521",
|
|
31
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_uszh8_560",
|
|
32
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_uszh8_565",
|
|
33
|
+
"fixed-width": "awsui_fixed-width_xjuzf_uszh8_568",
|
|
34
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_uszh8_572",
|
|
35
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_uszh8_579",
|
|
36
|
+
"container-arrow": "awsui_container-arrow_xjuzf_uszh8_591",
|
|
37
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_uszh8_595",
|
|
38
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_uszh8_595",
|
|
39
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_uszh8_607",
|
|
40
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_uszh8_607",
|
|
41
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_uszh8_619",
|
|
42
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_uszh8_619",
|
|
43
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_uszh8_619",
|
|
44
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_uszh8_619",
|
|
45
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_uszh8_635",
|
|
46
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_uszh8_639",
|
|
47
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_uszh8_643",
|
|
48
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_uszh8_1",
|
|
49
|
+
"refresh": "awsui_refresh_xjuzf_uszh8_761",
|
|
50
|
+
"root": "awsui_root_xjuzf_uszh8_783",
|
|
51
|
+
"trigger": "awsui_trigger_xjuzf_uszh8_819",
|
|
52
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_uszh8_826",
|
|
53
|
+
"trigger-inner-text": "awsui_trigger-inner-text_xjuzf_uszh8_855",
|
|
54
|
+
"popover-content": "awsui_popover-content_xjuzf_uszh8_859"
|
|
55
55
|
};
|
|
56
56
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-popover-position.d.ts","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"use-popover-position.d.ts","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"AAGA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAe,gBAAgB,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAUnF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,UAAU,EACV,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,iBAAiB,EAAE,YAAY,CAAC,QAAQ,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;;;;qDAMyC,IAAI;EAoI7C"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { useCallback, useRef, useState } from 'react';
|
|
4
4
|
import { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';
|
|
5
5
|
import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
|
|
6
|
-
import { calculateScroll, scrollRectangleIntoView } from '../internal/utils/scrollable-containers';
|
|
6
|
+
import { calculateScroll, getFirstScrollableParent, scrollRectangleIntoView, } from '../internal/utils/scrollable-containers';
|
|
7
7
|
import { getContainingBlock } from '../internal/utils/dom';
|
|
8
8
|
export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trackRef, contentRef, allowScrollToFit, allowVerticalOverflow, preferredPosition, renderWithPortal, keepPosition, }) {
|
|
9
9
|
const previousInternalPositionRef = useRef(null);
|
|
@@ -90,8 +90,10 @@ export default function usePopoverPosition({ popoverRef, bodyRef, arrowRef, trac
|
|
|
90
90
|
// Position the popover
|
|
91
91
|
const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;
|
|
92
92
|
setPopoverStyle({ top, left: popoverOffset.left });
|
|
93
|
+
// Scroll if necessary
|
|
93
94
|
if (shouldScroll) {
|
|
94
|
-
|
|
95
|
+
const scrollableParent = getFirstScrollableParent(popover);
|
|
96
|
+
scrollRectangleIntoView(rect, scrollableParent);
|
|
95
97
|
}
|
|
96
98
|
positionHandlerRef.current = () => {
|
|
97
99
|
const newTrackOffset = toRelativePosition(track.getBoundingClientRect(), containingBlock ? containingBlock.getBoundingClientRect() : viewportRect);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { calculateScroll, scrollRectangleIntoView } from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n popoverRef,\n bodyRef,\n arrowRef,\n trackRef,\n contentRef,\n allowScrollToFit,\n allowVerticalOverflow,\n preferredPosition,\n renderWithPortal,\n keepPosition,\n}: {\n popoverRef: React.RefObject<HTMLDivElement | null>;\n bodyRef: React.RefObject<HTMLDivElement | null>;\n arrowRef: React.RefObject<HTMLDivElement | null>;\n trackRef: React.RefObject<Element | null>;\n contentRef: React.RefObject<HTMLDivElement | null>;\n allowScrollToFit?: boolean;\n allowVerticalOverflow?: boolean;\n preferredPosition: PopoverProps.Position;\n renderWithPortal?: boolean;\n keepPosition?: boolean;\n}) {\n const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n const updatePositionHandler = useCallback(\n (onContentResize = false) => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = getDimensions(arrow);\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n // we maintain the previously defined internal position,\n // but we still call calculatePosition to know if the popover should be scrollable.\n const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n rect,\n } = calculatePosition({\n preferredPosition,\n fixedInternalPosition,\n trigger: trackRect,\n arrow: arrowRect,\n body: contentBoundingBox,\n container: containingBlock ? containingBlockRect : getDocumentRect(document),\n viewport: viewportRect,\n renderWithPortal,\n allowVerticalOverflow,\n });\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = rect.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Remember the internal position in case we want to keep it later.\n previousInternalPositionRef.current = newInternalPosition;\n setInternalPosition(newInternalPosition);\n\n const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n // Position the popover\n const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n setPopoverStyle({ top, left: popoverOffset.left });\n if (shouldScroll) {\n scrollRectangleIntoView(rect);\n }\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n },\n [\n trackRef,\n popoverRef,\n bodyRef,\n contentRef,\n arrowRef,\n keepPosition,\n allowScrollToFit,\n preferredPosition,\n renderWithPortal,\n allowVerticalOverflow,\n ]\n );\n return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
|
|
1
|
+
{"version":3,"file":"use-popover-position.js","sourceRoot":"lib/default/","sources":["popover/use-popover-position.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useCallback, useRef, useState } from 'react';\nimport { BoundingBox, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition, getDimensions, getOffsetDimensions } from './utils/positions';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport {\n calculateScroll,\n getFirstScrollableParent,\n scrollRectangleIntoView,\n} from '../internal/utils/scrollable-containers';\nimport { getContainingBlock } from '../internal/utils/dom';\n\nexport default function usePopoverPosition({\n popoverRef,\n bodyRef,\n arrowRef,\n trackRef,\n contentRef,\n allowScrollToFit,\n allowVerticalOverflow,\n preferredPosition,\n renderWithPortal,\n keepPosition,\n}: {\n popoverRef: React.RefObject<HTMLDivElement | null>;\n bodyRef: React.RefObject<HTMLDivElement | null>;\n arrowRef: React.RefObject<HTMLDivElement | null>;\n trackRef: React.RefObject<Element | null>;\n contentRef: React.RefObject<HTMLDivElement | null>;\n allowScrollToFit?: boolean;\n allowVerticalOverflow?: boolean;\n preferredPosition: PopoverProps.Position;\n renderWithPortal?: boolean;\n keepPosition?: boolean;\n}) {\n const previousInternalPositionRef = useRef<InternalPosition | null>(null);\n const [popoverStyle, setPopoverStyle] = useState<Partial<Offset>>({});\n const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n\n // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n const positionHandlerRef = useRef<() => void>(() => {});\n\n const updatePositionHandler = useCallback(\n (onContentResize = false) => {\n if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n return;\n }\n\n // Get important elements\n const popover = popoverRef.current;\n const body = bodyRef.current;\n const arrow = arrowRef.current;\n const document = popover.ownerDocument;\n const track = trackRef.current;\n\n // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n // or track does not belong to the document - bail on calculating dimensions.\n const { offsetWidth, offsetHeight } = getOffsetDimensions(popover);\n if (offsetWidth === 0 || offsetHeight === 0 || !nodeContains(document.body, track)) {\n return;\n }\n\n // Imperatively move body off-screen to give it room to expand.\n // Not doing this in React because this recalculation should happen\n // in the span of a single frame without rerendering anything.\n const prevTop = popover.style.top;\n const prevLeft = popover.style.left;\n\n popover.style.top = '0';\n popover.style.left = '0';\n // Imperatively remove body styles that can remain from the previous computation.\n body.style.maxHeight = '';\n body.style.overflowX = '';\n body.style.overflowY = '';\n\n // Get rects representing key elements\n // Use getComputedStyle for arrowRect to avoid modifications made by transform\n const viewportRect = getViewportRect(document.defaultView!);\n const trackRect = track.getBoundingClientRect();\n const arrowRect = getDimensions(arrow);\n const containingBlock = getContainingBlock(popover);\n const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n const bodyBorderWidth = getBorderWidth(body);\n const contentRect = contentRef.current.getBoundingClientRect();\n const contentBoundingBox = {\n width: contentRect.width + 2 * bodyBorderWidth,\n height: contentRect.height + 2 * bodyBorderWidth,\n };\n\n // When keepPosition is true and the recalculation was triggered by a resize of the popover content,\n // we maintain the previously defined internal position,\n // but we still call calculatePosition to know if the popover should be scrollable.\n const shouldKeepPosition = keepPosition && onContentResize && !!previousInternalPositionRef.current;\n const fixedInternalPosition = (shouldKeepPosition && previousInternalPositionRef.current) ?? undefined;\n\n // Calculate the arrow direction and viewport-relative position of the popover.\n const {\n scrollable,\n internalPosition: newInternalPosition,\n rect,\n } = calculatePosition({\n preferredPosition,\n fixedInternalPosition,\n trigger: trackRect,\n arrow: arrowRect,\n body: contentBoundingBox,\n container: containingBlock ? containingBlockRect : getDocumentRect(document),\n viewport: viewportRect,\n renderWithPortal,\n allowVerticalOverflow,\n });\n\n // Get the position of the popover relative to the offset parent.\n const popoverOffset = toRelativePosition(rect, containingBlockRect);\n\n // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n // and use that to recalculate the new popover position.\n const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n // Bring back the container to its original position to prevent any flashing.\n popover.style.top = prevTop;\n popover.style.left = prevLeft;\n\n // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n if (scrollable) {\n body.style.maxHeight = rect.height + 'px';\n body.style.overflowX = 'hidden';\n body.style.overflowY = 'auto';\n }\n\n // Remember the internal position in case we want to keep it later.\n previousInternalPositionRef.current = newInternalPosition;\n setInternalPosition(newInternalPosition);\n\n const shouldScroll = allowScrollToFit && !shouldKeepPosition;\n\n // Position the popover\n const top = shouldScroll ? popoverOffset.top + calculateScroll(rect) : popoverOffset.top;\n setPopoverStyle({ top, left: popoverOffset.left });\n\n // Scroll if necessary\n if (shouldScroll) {\n const scrollableParent = getFirstScrollableParent(popover);\n scrollRectangleIntoView(rect, scrollableParent);\n }\n\n positionHandlerRef.current = () => {\n const newTrackOffset = toRelativePosition(\n track.getBoundingClientRect(),\n containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n );\n setPopoverStyle({\n top: newTrackOffset.top + trackRelativeOffset.top,\n left: newTrackOffset.left + trackRelativeOffset.left,\n });\n };\n },\n [\n trackRef,\n popoverRef,\n bodyRef,\n contentRef,\n arrowRef,\n keepPosition,\n allowScrollToFit,\n preferredPosition,\n renderWithPortal,\n allowVerticalOverflow,\n ]\n );\n return { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef };\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n return {\n top: element.top - parent.top,\n left: element.left - parent.left,\n };\n}\n\n/**\n * Get a BoundingBox that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingBox {\n return {\n top: 0,\n left: 0,\n width: window.innerWidth,\n height: window.innerHeight,\n };\n}\n\nfunction getDocumentRect(document: Document): BoundingBox {\n const { top, left } = document.documentElement.getBoundingClientRect();\n return {\n top,\n left,\n width: document.documentElement.scrollWidth,\n height: document.documentElement.scrollHeight,\n };\n}\n"]}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"progress": "
|
|
5
|
-
"result-state": "awsui_result-
|
|
6
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
7
|
-
"root": "
|
|
8
|
-
"with-result-button": "awsui_with-result-
|
|
9
|
-
"result-text": "awsui_result-
|
|
10
|
-
"result-container-error": "awsui_result-container-
|
|
11
|
-
"result-container-success": "awsui_result-container-
|
|
12
|
-
"result-button": "awsui_result-
|
|
13
|
-
"word-wrap": "awsui_word-
|
|
14
|
-
"label-flash": "awsui_label-
|
|
15
|
-
"label-key-value": "awsui_label-key-
|
|
16
|
-
"flash": "
|
|
17
|
-
"progress-container": "awsui_progress-
|
|
18
|
-
"percentage-container": "awsui_percentage-
|
|
19
|
-
"percentage": "
|
|
20
|
-
"complete": "
|
|
21
|
-
"progress-in-flash": "awsui_progress-in-
|
|
4
|
+
"progress": "awsui_progress_11huc_7m799_185",
|
|
5
|
+
"result-state": "awsui_result-state_11huc_7m799_199",
|
|
6
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_7m799_1",
|
|
7
|
+
"root": "awsui_root_11huc_7m799_221",
|
|
8
|
+
"with-result-button": "awsui_with-result-button_11huc_7m799_256",
|
|
9
|
+
"result-text": "awsui_result-text_11huc_7m799_260",
|
|
10
|
+
"result-container-error": "awsui_result-container-error_11huc_7m799_264",
|
|
11
|
+
"result-container-success": "awsui_result-container-success_11huc_7m799_264",
|
|
12
|
+
"result-button": "awsui_result-button_11huc_7m799_268",
|
|
13
|
+
"word-wrap": "awsui_word-wrap_11huc_7m799_273",
|
|
14
|
+
"label-flash": "awsui_label-flash_11huc_7m799_278",
|
|
15
|
+
"label-key-value": "awsui_label-key-value_11huc_7m799_282",
|
|
16
|
+
"flash": "awsui_flash_11huc_7m799_290",
|
|
17
|
+
"progress-container": "awsui_progress-container_11huc_7m799_294",
|
|
18
|
+
"percentage-container": "awsui_percentage-container_11huc_7m799_301",
|
|
19
|
+
"percentage": "awsui_percentage_11huc_7m799_301",
|
|
20
|
+
"complete": "awsui_complete_11huc_7m799_336",
|
|
21
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_7m799_351"
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -182,27 +182,27 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
182
182
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
183
183
|
SPDX-License-Identifier: Apache-2.0
|
|
184
184
|
*/
|
|
185
|
-
.
|
|
185
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
|
|
186
186
|
-webkit-transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
|
|
187
187
|
transition: width var(--motion-duration-moderate-cp984g, 135ms) linear;
|
|
188
188
|
}
|
|
189
189
|
@media (prefers-reduced-motion: reduce) {
|
|
190
|
-
.
|
|
190
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
|
|
191
191
|
animation: none;
|
|
192
192
|
-webkit-transition: none;
|
|
193
193
|
transition: none;
|
|
194
194
|
}
|
|
195
195
|
}
|
|
196
|
-
.awsui-motion-disabled .
|
|
196
|
+
.awsui-motion-disabled .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value, .awsui-mode-entering .awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
|
|
197
197
|
animation: none;
|
|
198
198
|
-webkit-transition: none;
|
|
199
199
|
transition: none;
|
|
200
200
|
}
|
|
201
201
|
|
|
202
|
-
.awsui_result-
|
|
203
|
-
animation: awsui_awsui-motion-fade-
|
|
202
|
+
.awsui_result-state_11huc_7m799_199:not(#\9) {
|
|
203
|
+
animation: awsui_awsui-motion-fade-in_11huc_7m799_1 var(--motion-duration-transition-show-paced-wrsk0l, 180ms) var(--motion-easing-transition-show-paced-o52el4, ease-out);
|
|
204
204
|
}
|
|
205
|
-
@keyframes awsui_awsui-motion-fade-
|
|
205
|
+
@keyframes awsui_awsui-motion-fade-in_11huc_7m799_1 {
|
|
206
206
|
from {
|
|
207
207
|
opacity: 0.2;
|
|
208
208
|
}
|
|
@@ -211,29 +211,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
211
211
|
}
|
|
212
212
|
}
|
|
213
213
|
@media (prefers-reduced-motion: reduce) {
|
|
214
|
-
.awsui_result-
|
|
214
|
+
.awsui_result-state_11huc_7m799_199:not(#\9) {
|
|
215
215
|
animation: none;
|
|
216
216
|
transition: none;
|
|
217
217
|
}
|
|
218
218
|
}
|
|
219
|
-
.awsui-motion-disabled .awsui_result-
|
|
219
|
+
.awsui-motion-disabled .awsui_result-state_11huc_7m799_199:not(#\9), .awsui-mode-entering .awsui_result-state_11huc_7m799_199:not(#\9) {
|
|
220
220
|
animation: none;
|
|
221
221
|
transition: none;
|
|
222
222
|
}
|
|
223
223
|
|
|
224
|
-
.
|
|
225
|
-
/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
|
|
224
|
+
.awsui_root_11huc_7m799_221:not(#\9) {
|
|
226
225
|
border-collapse: separate;
|
|
227
226
|
border-spacing: 0;
|
|
227
|
+
box-sizing: border-box;
|
|
228
228
|
caption-side: top;
|
|
229
229
|
cursor: auto;
|
|
230
|
-
direction:
|
|
230
|
+
direction: inherit;
|
|
231
231
|
empty-cells: show;
|
|
232
232
|
font-family: serif;
|
|
233
233
|
font-size: medium;
|
|
234
234
|
font-style: normal;
|
|
235
235
|
font-variant: normal;
|
|
236
|
-
font-weight:
|
|
236
|
+
font-weight: 400;
|
|
237
237
|
font-stretch: normal;
|
|
238
238
|
line-height: normal;
|
|
239
239
|
-webkit-hyphens: none;
|
|
@@ -242,15 +242,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
242
242
|
list-style: disc outside none;
|
|
243
243
|
tab-size: 8;
|
|
244
244
|
text-align: left;
|
|
245
|
-
text-align-last: auto;
|
|
246
245
|
text-indent: 0;
|
|
247
246
|
text-shadow: none;
|
|
248
247
|
text-transform: none;
|
|
249
248
|
visibility: visible;
|
|
250
249
|
white-space: normal;
|
|
251
|
-
widows: 2;
|
|
252
250
|
word-spacing: normal;
|
|
253
|
-
box-sizing: border-box;
|
|
254
251
|
font-size: var(--font-size-body-m-pa3mqb, 14px);
|
|
255
252
|
line-height: var(--line-height-body-m-2zx78l, 22px);
|
|
256
253
|
color: var(--color-text-body-default-ffdwgg, #16191f);
|
|
@@ -260,33 +257,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
260
257
|
-moz-osx-font-smoothing: auto;
|
|
261
258
|
}
|
|
262
259
|
|
|
263
|
-
.awsui_with-result-
|
|
260
|
+
.awsui_with-result-button_11huc_7m799_256:not(#\9) {
|
|
264
261
|
padding-right: var(--space-m-kpg8id, 16px);
|
|
265
262
|
}
|
|
266
263
|
|
|
267
|
-
.awsui_result-
|
|
264
|
+
.awsui_result-text_11huc_7m799_260:not(#\9) {
|
|
268
265
|
/* used in test-utils */
|
|
269
266
|
}
|
|
270
267
|
|
|
271
|
-
.awsui_result-container-
|
|
268
|
+
.awsui_result-container-error_11huc_7m799_264:not(#\9), .awsui_result-container-success_11huc_7m799_264:not(#\9) {
|
|
272
269
|
/* used in test-utils */
|
|
273
270
|
}
|
|
274
271
|
|
|
275
|
-
.awsui_result-
|
|
272
|
+
.awsui_result-button_11huc_7m799_268:not(#\9) {
|
|
276
273
|
display: inline-block;
|
|
277
274
|
margin: var(--space-scaled-xxs-t7ij38, 4px) 0;
|
|
278
275
|
}
|
|
279
276
|
|
|
280
|
-
.awsui_word-
|
|
277
|
+
.awsui_word-wrap_11huc_7m799_273:not(#\9) {
|
|
281
278
|
min-width: 0;
|
|
282
279
|
word-break: break-word;
|
|
283
280
|
}
|
|
284
281
|
|
|
285
|
-
.awsui_label-
|
|
282
|
+
.awsui_label-flash_11huc_7m799_278:not(#\9) {
|
|
286
283
|
color: "inherit";
|
|
287
284
|
font-weight: 700;
|
|
288
285
|
}
|
|
289
|
-
.awsui_label-key-
|
|
286
|
+
.awsui_label-key-value_11huc_7m799_282:not(#\9) {
|
|
290
287
|
font-size: var(--font-size-body-m-pa3mqb, 14px);
|
|
291
288
|
line-height: var(--line-height-body-m-2zx78l, 22px);
|
|
292
289
|
font-weight: var(--font-display-label-weight-2njs7q, 400);
|
|
@@ -294,18 +291,18 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
294
291
|
margin-bottom: var(--space-scaled-xxxs-f7yq15, 2px);
|
|
295
292
|
}
|
|
296
293
|
|
|
297
|
-
.
|
|
294
|
+
.awsui_flash_11huc_7m799_290:not(#\9) {
|
|
298
295
|
color: inherit;
|
|
299
296
|
}
|
|
300
297
|
|
|
301
|
-
.awsui_progress-
|
|
298
|
+
.awsui_progress-container_11huc_7m799_294:not(#\9) {
|
|
302
299
|
display: flex;
|
|
303
300
|
align-items: center;
|
|
304
301
|
max-width: 800px;
|
|
305
302
|
height: var(--line-height-body-m-2zx78l, 22px);
|
|
306
303
|
}
|
|
307
304
|
|
|
308
|
-
.awsui_percentage-
|
|
305
|
+
.awsui_percentage-container_11huc_7m799_301:not(#\9) {
|
|
309
306
|
width: 33px;
|
|
310
307
|
flex-shrink: 0;
|
|
311
308
|
white-space: nowrap;
|
|
@@ -315,11 +312,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
315
312
|
letter-spacing: var(--letter-spacing-body-s-nkvets, normal);
|
|
316
313
|
}
|
|
317
314
|
|
|
318
|
-
.
|
|
315
|
+
.awsui_percentage_11huc_7m799_301:not(#\9) {
|
|
319
316
|
/* used in test-utils */
|
|
320
317
|
}
|
|
321
318
|
|
|
322
|
-
.
|
|
319
|
+
.awsui_progress_11huc_7m799_185:not(#\9) {
|
|
323
320
|
width: 100%;
|
|
324
321
|
margin-right: var(--space-s-2025hl, 12px);
|
|
325
322
|
min-width: 0;
|
|
@@ -329,44 +326,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
329
326
|
border-radius: 10px;
|
|
330
327
|
background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
|
|
331
328
|
}
|
|
332
|
-
.
|
|
329
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-bar {
|
|
333
330
|
height: 4px;
|
|
334
331
|
border: 0 none;
|
|
335
332
|
box-sizing: border-box;
|
|
336
333
|
border-radius: 10px;
|
|
337
334
|
background-color: var(--color-background-progress-bar-layout-default-d4fh0m, #eaeded);
|
|
338
335
|
}
|
|
339
|
-
.
|
|
336
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-webkit-progress-value {
|
|
340
337
|
border-radius: 10px 0px 0px 10px;
|
|
341
338
|
background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
|
|
342
339
|
}
|
|
343
|
-
.
|
|
340
|
+
.awsui_progress_11huc_7m799_185.awsui_complete_11huc_7m799_336:not(#\9)::-webkit-progress-value {
|
|
344
341
|
border-radius: 10px;
|
|
345
342
|
}
|
|
346
|
-
.
|
|
343
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-moz-progress-bar {
|
|
347
344
|
border-radius: 10px 0px 0px 10px;
|
|
348
345
|
background-color: var(--color-background-progress-bar-content-default-6mb079, #0073bb);
|
|
349
346
|
}
|
|
350
|
-
.
|
|
347
|
+
.awsui_progress_11huc_7m799_185:not(#\9)::-ms-fill {
|
|
351
348
|
border-radius: 10px 0px 0px 10px;
|
|
352
349
|
background-color: #0073bb;
|
|
353
350
|
border: none;
|
|
354
351
|
}
|
|
355
|
-
.
|
|
352
|
+
.awsui_progress_11huc_7m799_185.awsui_complete_11huc_7m799_336:not(#\9)::-ms-fill {
|
|
356
353
|
border-radius: 10px;
|
|
357
354
|
}
|
|
358
|
-
.
|
|
355
|
+
.awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9) {
|
|
359
356
|
background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
|
|
360
357
|
}
|
|
361
|
-
.
|
|
358
|
+
.awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-webkit-progress-bar {
|
|
362
359
|
background-color: var(--color-background-progress-bar-layout-in-flash-npacz8, rgba(255, 255, 255, 0.25));
|
|
363
360
|
}
|
|
364
|
-
.
|
|
361
|
+
.awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-webkit-progress-value {
|
|
365
362
|
background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
|
|
366
363
|
}
|
|
367
|
-
.
|
|
364
|
+
.awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-moz-progress-bar {
|
|
368
365
|
background-color: var(--color-background-progress-bar-content-in-flash-6k3gbt, rgba(255, 255, 255, 0.7));
|
|
369
366
|
}
|
|
370
|
-
.
|
|
367
|
+
.awsui_progress_11huc_7m799_185.awsui_progress-in-flash_11huc_7m799_351:not(#\9)::-ms-fill {
|
|
371
368
|
background-color: rgba(255, 255, 255, 0.7);
|
|
372
369
|
}
|
|
@@ -2,23 +2,23 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"progress": "
|
|
6
|
-
"result-state": "awsui_result-
|
|
7
|
-
"awsui-motion-fade-in": "awsui_awsui-motion-fade-
|
|
8
|
-
"root": "
|
|
9
|
-
"with-result-button": "awsui_with-result-
|
|
10
|
-
"result-text": "awsui_result-
|
|
11
|
-
"result-container-error": "awsui_result-container-
|
|
12
|
-
"result-container-success": "awsui_result-container-
|
|
13
|
-
"result-button": "awsui_result-
|
|
14
|
-
"word-wrap": "awsui_word-
|
|
15
|
-
"label-flash": "awsui_label-
|
|
16
|
-
"label-key-value": "awsui_label-key-
|
|
17
|
-
"flash": "
|
|
18
|
-
"progress-container": "awsui_progress-
|
|
19
|
-
"percentage-container": "awsui_percentage-
|
|
20
|
-
"percentage": "
|
|
21
|
-
"complete": "
|
|
22
|
-
"progress-in-flash": "awsui_progress-in-
|
|
5
|
+
"progress": "awsui_progress_11huc_7m799_185",
|
|
6
|
+
"result-state": "awsui_result-state_11huc_7m799_199",
|
|
7
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_7m799_1",
|
|
8
|
+
"root": "awsui_root_11huc_7m799_221",
|
|
9
|
+
"with-result-button": "awsui_with-result-button_11huc_7m799_256",
|
|
10
|
+
"result-text": "awsui_result-text_11huc_7m799_260",
|
|
11
|
+
"result-container-error": "awsui_result-container-error_11huc_7m799_264",
|
|
12
|
+
"result-container-success": "awsui_result-container-success_11huc_7m799_264",
|
|
13
|
+
"result-button": "awsui_result-button_11huc_7m799_268",
|
|
14
|
+
"word-wrap": "awsui_word-wrap_11huc_7m799_273",
|
|
15
|
+
"label-flash": "awsui_label-flash_11huc_7m799_278",
|
|
16
|
+
"label-key-value": "awsui_label-key-value_11huc_7m799_282",
|
|
17
|
+
"flash": "awsui_flash_11huc_7m799_290",
|
|
18
|
+
"progress-container": "awsui_progress-container_11huc_7m799_294",
|
|
19
|
+
"percentage-container": "awsui_percentage-container_11huc_7m799_301",
|
|
20
|
+
"percentage": "awsui_percentage_11huc_7m799_301",
|
|
21
|
+
"complete": "awsui_complete_11huc_7m799_336",
|
|
22
|
+
"progress-in-flash": "awsui_progress-in-flash_11huc_7m799_351"
|
|
23
23
|
};
|
|
24
24
|
|
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"root": "
|
|
5
|
-
"search-field": "awsui_search-
|
|
6
|
-
"input-wrapper": "awsui_input-
|
|
7
|
-
"add-token": "awsui_add-
|
|
8
|
-
"tokens": "
|
|
9
|
-
"token-operator": "awsui_token-
|
|
10
|
-
"property-editor": "awsui_property-
|
|
11
|
-
"token-editor": "awsui_token-
|
|
12
|
-
"property-editor-form": "awsui_property-editor-
|
|
13
|
-
"token-editor-form": "awsui_token-editor-
|
|
14
|
-
"property-editor-field-property": "awsui_property-editor-field-
|
|
15
|
-
"token-editor-field-property": "awsui_token-editor-field-
|
|
16
|
-
"property-editor-field-operator": "awsui_property-editor-field-
|
|
17
|
-
"token-editor-field-operator": "awsui_token-editor-field-
|
|
18
|
-
"property-editor-field-value": "awsui_property-editor-field-
|
|
19
|
-
"token-editor-field-value": "awsui_token-editor-field-
|
|
20
|
-
"property-editor-cancel": "awsui_property-editor-
|
|
21
|
-
"token-editor-cancel": "awsui_token-editor-
|
|
22
|
-
"property-editor-submit": "awsui_property-editor-
|
|
23
|
-
"token-editor-submit": "awsui_token-editor-
|
|
24
|
-
"property-editor-actions": "awsui_property-editor-
|
|
25
|
-
"token-editor-actions": "awsui_token-editor-
|
|
26
|
-
"custom-content-wrapper": "awsui_custom-content-
|
|
27
|
-
"custom-control": "awsui_custom-
|
|
28
|
-
"input": "
|
|
29
|
-
"results": "
|
|
30
|
-
"token-trigger": "awsui_token-
|
|
31
|
-
"remove-all": "awsui_remove-
|
|
32
|
-
"token-label": "awsui_token-
|
|
33
|
-
"join-operation": "awsui_join-
|
|
34
|
-
"custom-filter-actions": "awsui_custom-filter-
|
|
4
|
+
"root": "awsui_root_1wzqe_1qh53_93",
|
|
5
|
+
"search-field": "awsui_search-field_1wzqe_1qh53_128",
|
|
6
|
+
"input-wrapper": "awsui_input-wrapper_1wzqe_1qh53_134",
|
|
7
|
+
"add-token": "awsui_add-token_1wzqe_1qh53_138",
|
|
8
|
+
"tokens": "awsui_tokens_1wzqe_1qh53_145",
|
|
9
|
+
"token-operator": "awsui_token-operator_1wzqe_1qh53_149",
|
|
10
|
+
"property-editor": "awsui_property-editor_1wzqe_1qh53_153",
|
|
11
|
+
"token-editor": "awsui_token-editor_1wzqe_1qh53_154",
|
|
12
|
+
"property-editor-form": "awsui_property-editor-form_1wzqe_1qh53_158",
|
|
13
|
+
"token-editor-form": "awsui_token-editor-form_1wzqe_1qh53_159",
|
|
14
|
+
"property-editor-field-property": "awsui_property-editor-field-property_1wzqe_1qh53_162",
|
|
15
|
+
"token-editor-field-property": "awsui_token-editor-field-property_1wzqe_1qh53_163",
|
|
16
|
+
"property-editor-field-operator": "awsui_property-editor-field-operator_1wzqe_1qh53_166",
|
|
17
|
+
"token-editor-field-operator": "awsui_token-editor-field-operator_1wzqe_1qh53_167",
|
|
18
|
+
"property-editor-field-value": "awsui_property-editor-field-value_1wzqe_1qh53_170",
|
|
19
|
+
"token-editor-field-value": "awsui_token-editor-field-value_1wzqe_1qh53_171",
|
|
20
|
+
"property-editor-cancel": "awsui_property-editor-cancel_1wzqe_1qh53_174",
|
|
21
|
+
"token-editor-cancel": "awsui_token-editor-cancel_1wzqe_1qh53_175",
|
|
22
|
+
"property-editor-submit": "awsui_property-editor-submit_1wzqe_1qh53_178",
|
|
23
|
+
"token-editor-submit": "awsui_token-editor-submit_1wzqe_1qh53_179",
|
|
24
|
+
"property-editor-actions": "awsui_property-editor-actions_1wzqe_1qh53_182",
|
|
25
|
+
"token-editor-actions": "awsui_token-editor-actions_1wzqe_1qh53_183",
|
|
26
|
+
"custom-content-wrapper": "awsui_custom-content-wrapper_1wzqe_1qh53_201",
|
|
27
|
+
"custom-control": "awsui_custom-control_1wzqe_1qh53_205",
|
|
28
|
+
"input": "awsui_input_1wzqe_1qh53_134",
|
|
29
|
+
"results": "awsui_results_1wzqe_1qh53_213",
|
|
30
|
+
"token-trigger": "awsui_token-trigger_1wzqe_1qh53_219",
|
|
31
|
+
"remove-all": "awsui_remove-all_1wzqe_1qh53_224",
|
|
32
|
+
"token-label": "awsui_token-label_1wzqe_1qh53_225",
|
|
33
|
+
"join-operation": "awsui_join-operation_1wzqe_1qh53_226",
|
|
34
|
+
"custom-filter-actions": "awsui_custom-filter-actions_1wzqe_1qh53_227"
|
|
35
35
|
};
|
|
36
36
|
|