@cloudscape-design/components 3.0.650 → 3.0.652
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/styles.css.js +25 -25
- package/alert/styles.scoped.css +41 -41
- package/alert/styles.selectors.js +25 -25
- package/annotation-context/annotation/styles.css.js +24 -24
- package/annotation-context/annotation/styles.scoped.css +33 -33
- package/annotation-context/annotation/styles.selectors.js +24 -24
- package/app-layout/notifications/styles.css.js +3 -3
- package/app-layout/notifications/styles.scoped.css +7 -7
- package/app-layout/notifications/styles.selectors.js +3 -3
- package/app-layout/skeleton/styles.css.js +11 -11
- package/app-layout/skeleton/styles.scoped.css +30 -30
- package/app-layout/skeleton/styles.selectors.js +11 -11
- package/app-layout/toggles/styles.css.js +2 -2
- package/app-layout/toggles/styles.scoped.css +8 -8
- package/app-layout/toggles/styles.selectors.js +2 -2
- package/app-layout/visual-refresh/styles.css.js +82 -82
- package/app-layout/visual-refresh/styles.scoped.css +263 -264
- package/app-layout/visual-refresh/styles.selectors.js +82 -82
- package/button/internal.d.ts.map +1 -1
- package/button/internal.js +2 -2
- package/button/internal.js.map +1 -1
- package/button/styles.css.js +19 -19
- package/button/styles.scoped.css +213 -213
- package/button/styles.selectors.js +19 -19
- package/calendar/styles.css.js +20 -20
- package/calendar/styles.scoped.css +46 -46
- package/calendar/styles.selectors.js +20 -20
- package/checkbox/styles.css.js +3 -3
- package/checkbox/styles.scoped.css +7 -7
- package/checkbox/styles.selectors.js +3 -3
- package/code-editor/styles.css.js +32 -32
- package/code-editor/styles.scoped.css +137 -137
- 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 +46 -46
- package/collection-preferences/styles.selectors.js +37 -37
- package/content-layout/styles.css.js +14 -14
- package/content-layout/styles.scoped.css +27 -27
- package/content-layout/styles.selectors.js +14 -14
- package/date-range-picker/calendar/grids/styles.css.js +27 -27
- package/date-range-picker/calendar/grids/styles.scoped.css +46 -46
- package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
- package/expandable-section/styles.css.js +32 -32
- package/expandable-section/styles.scoped.css +68 -68
- package/expandable-section/styles.selectors.js +32 -32
- package/file-upload/file-input/styles.css.js +4 -4
- package/file-upload/file-input/styles.scoped.css +9 -9
- package/file-upload/file-input/styles.selectors.js +4 -4
- package/flashbar/styles.css.js +47 -47
- package/flashbar/styles.scoped.css +175 -175
- package/flashbar/styles.selectors.js +47 -47
- package/internal/components/button-trigger/styles.css.js +11 -11
- package/internal/components/button-trigger/styles.scoped.css +28 -28
- package/internal/components/button-trigger/styles.selectors.js +11 -11
- package/internal/components/chart-legend/styles.css.js +6 -6
- package/internal/components/chart-legend/styles.scoped.css +17 -17
- package/internal/components/chart-legend/styles.selectors.js +6 -6
- package/internal/components/dropdown/styles.css.js +20 -20
- package/internal/components/dropdown/styles.scoped.css +40 -40
- package/internal/components/dropdown/styles.selectors.js +20 -20
- package/internal/components/filtering-token/styles.css.js +7 -7
- package/internal/components/filtering-token/styles.scoped.css +15 -15
- package/internal/components/filtering-token/styles.selectors.js +7 -7
- package/internal/components/handle/styles.css.js +2 -2
- package/internal/components/handle/styles.scoped.css +8 -8
- package/internal/components/handle/styles.selectors.js +2 -2
- package/internal/components/menu-dropdown/styles.css.js +7 -7
- package/internal/components/menu-dropdown/styles.scoped.css +15 -15
- package/internal/components/menu-dropdown/styles.selectors.js +7 -7
- package/internal/components/panel-resize-handle/styles.css.js +5 -5
- package/internal/components/panel-resize-handle/styles.scoped.css +12 -12
- package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
- package/internal/environment.js +1 -1
- package/internal/environment.json +1 -1
- package/internal/generated/custom-css-properties/index.d.ts +0 -1
- package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
- package/internal/generated/custom-css-properties/index.js +55 -56
- package/internal/generated/custom-css-properties/index.js.map +1 -1
- package/internal/hooks/use-performance-marks/index.d.ts +10 -0
- package/internal/hooks/use-performance-marks/index.d.ts.map +1 -0
- package/internal/hooks/{use-performance-marks.js → use-performance-marks/index.js} +29 -6
- package/internal/hooks/use-performance-marks/index.js.map +1 -0
- package/internal/hooks/use-unique-id/index.d.ts +1 -0
- package/internal/hooks/use-unique-id/index.d.ts.map +1 -1
- package/internal/hooks/use-unique-id/index.js +2 -2
- package/internal/hooks/use-unique-id/index.js.map +1 -1
- package/internal/manifest.json +1 -1
- package/package.json +1 -1
- package/popover/styles.css.js +50 -50
- package/popover/styles.scoped.css +69 -69
- package/popover/styles.selectors.js +50 -50
- 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/segmented-control/styles.css.js +14 -14
- package/segmented-control/styles.scoped.css +35 -35
- package/segmented-control/styles.selectors.js +14 -14
- package/slider/styles.css.js +25 -25
- package/slider/styles.scoped.css +71 -71
- package/slider/styles.selectors.js +25 -25
- package/spinner/styles.css.js +13 -13
- package/spinner/styles.scoped.css +39 -39
- package/spinner/styles.selectors.js +13 -13
- package/table/body-cell/styles.css.js +45 -45
- package/table/body-cell/styles.scoped.css +365 -301
- package/table/body-cell/styles.selectors.js +45 -45
- package/table/body-cell/td-element.d.ts.map +1 -1
- package/table/body-cell/td-element.js +4 -3
- package/table/body-cell/td-element.js.map +1 -1
- package/table/expandable-rows/styles.css.js +3 -3
- package/table/expandable-rows/styles.scoped.css +15 -15
- package/table/expandable-rows/styles.selectors.js +3 -3
- package/table/header-cell/styles.css.js +26 -26
- package/table/header-cell/styles.scoped.css +148 -64
- package/table/header-cell/styles.selectors.js +26 -26
- package/table/internal.d.ts.map +1 -1
- package/table/internal.js +5 -3
- package/table/internal.js.map +1 -1
- package/table/resizer/styles.css.js +8 -8
- package/table/resizer/styles.scoped.css +16 -16
- package/table/resizer/styles.selectors.js +8 -8
- package/table/table-role/table-role-helper.d.ts +2 -1
- package/table/table-role/table-role-helper.d.ts.map +1 -1
- package/table/table-role/table-role-helper.js +2 -1
- package/table/table-role/table-role-helper.js.map +1 -1
- package/tabs/styles.css.js +22 -22
- package/tabs/styles.scoped.css +44 -44
- package/tabs/styles.selectors.js +22 -22
- package/toggle/styles.css.js +8 -8
- package/toggle/styles.scoped.css +16 -16
- package/toggle/styles.selectors.js +8 -8
- package/token-group/styles.css.js +9 -9
- package/token-group/styles.scoped.css +21 -21
- package/token-group/styles.selectors.js +9 -9
- package/top-navigation/styles.css.js +47 -47
- package/top-navigation/styles.scoped.css +68 -68
- package/top-navigation/styles.selectors.js +47 -47
- package/internal/hooks/use-performance-marks.d.ts +0 -3
- package/internal/hooks/use-performance-marks.d.ts.map +0 -1
- package/internal/hooks/use-performance-marks.js.map +0 -1
|
@@ -2,87 +2,87 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"background": "
|
|
6
|
-
"scrolling-background": "awsui_scrolling-
|
|
7
|
-
"breadcrumbs": "
|
|
8
|
-
"drawers-container": "awsui_drawers-
|
|
9
|
-
"has-open-drawer": "awsui_has-open-
|
|
10
|
-
"disable-body-scroll": "awsui_disable-body-
|
|
11
|
-
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-
|
|
12
|
-
"has-multiple-triggers": "awsui_has-multiple-
|
|
13
|
-
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-
|
|
14
|
-
"drawers-trigger-content": "awsui_drawers-trigger-
|
|
15
|
-
"drawers-trigger-overflow": "awsui_drawers-trigger-
|
|
16
|
-
"drawers-trigger": "awsui_drawers-
|
|
17
|
-
"drawer": "
|
|
18
|
-
"drawer-content-container": "awsui_drawer-content-
|
|
19
|
-
"drawer-close-button": "awsui_drawer-close-
|
|
20
|
-
"drawer-content": "awsui_drawer-
|
|
21
|
-
"drawer-content-hidden": "awsui_drawer-content-
|
|
22
|
-
"drawer-slider": "awsui_drawer-
|
|
23
|
-
"is-drawer-open": "awsui_is-drawer-
|
|
24
|
-
"content": "
|
|
25
|
-
"layout": "
|
|
26
|
-
"has-max-content-width": "awsui_has-max-content-
|
|
27
|
-
"content-type-dashboard": "awsui_content-type-
|
|
28
|
-
"content-type-table": "awsui_content-type-
|
|
29
|
-
"content-type-cards": "awsui_content-type-
|
|
30
|
-
"is-overlap-disabled": "awsui_is-overlap-
|
|
31
|
-
"is-hide-mobile-toolbar": "awsui_is-hide-mobile-
|
|
32
|
-
"has-content-gap-left": "awsui_has-content-gap-
|
|
33
|
-
"has-content-gap-right": "awsui_has-content-gap-
|
|
34
|
-
"has-breadcrumbs": "awsui_has-
|
|
35
|
-
"content-first-child-header": "awsui_content-first-child-
|
|
36
|
-
"content-first-child-notifications": "awsui_content-first-child-
|
|
37
|
-
"has-header": "awsui_has-
|
|
38
|
-
"content-first-child-main": "awsui_content-first-child-
|
|
39
|
-
"disable-content-paddings": "awsui_disable-content-
|
|
40
|
-
"has-left-toggles-gutter": "awsui_has-left-toggles-
|
|
41
|
-
"has-right-toggles-gutter": "awsui_has-right-toggles-
|
|
42
|
-
"has-split-panel": "awsui_has-split-
|
|
43
|
-
"split-panel-position-bottom": "awsui_split-panel-position-
|
|
44
|
-
"block-body-scroll": "awsui_block-body-
|
|
45
|
-
"unfocusable": "
|
|
46
|
-
"container": "
|
|
47
|
-
"is-navigation-open": "awsui_is-navigation-
|
|
48
|
-
"is-tools-open": "awsui_is-tools-
|
|
49
|
-
"is-split-panel-open": "awsui_is-split-panel-
|
|
50
|
-
"split-panel-position-side": "awsui_split-panel-position-
|
|
51
|
-
"has-active-drawer": "awsui_has-active-
|
|
52
|
-
"mobile-toolbar": "awsui_mobile-
|
|
53
|
-
"remove-high-contrast-header": "awsui_remove-high-contrast-
|
|
54
|
-
"mobile-toolbar-nav": "awsui_mobile-toolbar-
|
|
55
|
-
"mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-
|
|
56
|
-
"mobile-toolbar-tools": "awsui_mobile-toolbar-
|
|
57
|
-
"navigation-container": "awsui_navigation-
|
|
58
|
-
"show-navigation": "awsui_show-
|
|
59
|
-
"animating": "
|
|
60
|
-
"showButtons": "
|
|
61
|
-
"navigation": "
|
|
62
|
-
"openNavigation": "
|
|
63
|
-
"animated-content": "awsui_animated-
|
|
64
|
-
"hide-navigation": "awsui_hide-
|
|
65
|
-
"notifications": "
|
|
66
|
-
"has-notification-content": "awsui_has-notification-
|
|
67
|
-
"sticky-notifications": "awsui_sticky-
|
|
68
|
-
"high-contrast": "awsui_high-
|
|
69
|
-
"split-panel-bottom": "awsui_split-panel-
|
|
70
|
-
"position-bottom": "awsui_position-
|
|
71
|
-
"openSplitPanelBottom": "
|
|
72
|
-
"split-panel-side": "awsui_split-panel-
|
|
73
|
-
"position-side": "awsui_position-
|
|
74
|
-
"tools-container": "awsui_tools-
|
|
75
|
-
"tools": "
|
|
76
|
-
"openTools": "
|
|
77
|
-
"has-tools-form-persistence": "awsui_has-tools-form-
|
|
78
|
-
"hide-tools": "awsui_hide-
|
|
79
|
-
"show-tools": "awsui_show-
|
|
80
|
-
"has-tools-form": "awsui_has-tools-
|
|
81
|
-
"trigger-badge-wrapper": "awsui_trigger-badge-
|
|
82
|
-
"trigger": "
|
|
83
|
-
"selected": "
|
|
84
|
-
"badge": "
|
|
85
|
-
"trigger-wrapper": "awsui_trigger-
|
|
86
|
-
"dot": "
|
|
5
|
+
"background": "awsui_background_hyvsj_16gcr_97",
|
|
6
|
+
"scrolling-background": "awsui_scrolling-background_hyvsj_16gcr_100",
|
|
7
|
+
"breadcrumbs": "awsui_breadcrumbs_hyvsj_16gcr_111",
|
|
8
|
+
"drawers-container": "awsui_drawers-container_hyvsj_16gcr_124",
|
|
9
|
+
"has-open-drawer": "awsui_has-open-drawer_hyvsj_16gcr_135",
|
|
10
|
+
"disable-body-scroll": "awsui_disable-body-scroll_hyvsj_16gcr_156",
|
|
11
|
+
"drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_16gcr_161",
|
|
12
|
+
"has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_16gcr_202",
|
|
13
|
+
"drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_16gcr_212",
|
|
14
|
+
"drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_16gcr_216",
|
|
15
|
+
"drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_16gcr_230",
|
|
16
|
+
"drawers-trigger": "awsui_drawers-trigger_hyvsj_16gcr_216",
|
|
17
|
+
"drawer": "awsui_drawer_hyvsj_16gcr_124",
|
|
18
|
+
"drawer-content-container": "awsui_drawer-content-container_hyvsj_16gcr_261",
|
|
19
|
+
"drawer-close-button": "awsui_drawer-close-button_hyvsj_16gcr_270",
|
|
20
|
+
"drawer-content": "awsui_drawer-content_hyvsj_16gcr_261",
|
|
21
|
+
"drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_16gcr_278",
|
|
22
|
+
"drawer-slider": "awsui_drawer-slider_hyvsj_16gcr_281",
|
|
23
|
+
"is-drawer-open": "awsui_is-drawer-open_hyvsj_16gcr_288",
|
|
24
|
+
"content": "awsui_content_hyvsj_16gcr_314",
|
|
25
|
+
"layout": "awsui_layout_hyvsj_16gcr_335",
|
|
26
|
+
"has-max-content-width": "awsui_has-max-content-width_hyvsj_16gcr_407",
|
|
27
|
+
"content-type-dashboard": "awsui_content-type-dashboard_hyvsj_16gcr_422",
|
|
28
|
+
"content-type-table": "awsui_content-type-table_hyvsj_16gcr_436",
|
|
29
|
+
"content-type-cards": "awsui_content-type-cards_hyvsj_16gcr_436",
|
|
30
|
+
"is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_16gcr_442",
|
|
31
|
+
"is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_16gcr_445",
|
|
32
|
+
"has-content-gap-left": "awsui_has-content-gap-left_hyvsj_16gcr_459",
|
|
33
|
+
"has-content-gap-right": "awsui_has-content-gap-right_hyvsj_16gcr_462",
|
|
34
|
+
"has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_16gcr_472",
|
|
35
|
+
"content-first-child-header": "awsui_content-first-child-header_hyvsj_16gcr_475",
|
|
36
|
+
"content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_16gcr_475",
|
|
37
|
+
"has-header": "awsui_has-header_hyvsj_16gcr_475",
|
|
38
|
+
"content-first-child-main": "awsui_content-first-child-main_hyvsj_16gcr_490",
|
|
39
|
+
"disable-content-paddings": "awsui_disable-content-paddings_hyvsj_16gcr_490",
|
|
40
|
+
"has-left-toggles-gutter": "awsui_has-left-toggles-gutter_hyvsj_16gcr_510",
|
|
41
|
+
"has-right-toggles-gutter": "awsui_has-right-toggles-gutter_hyvsj_16gcr_513",
|
|
42
|
+
"has-split-panel": "awsui_has-split-panel_hyvsj_16gcr_533",
|
|
43
|
+
"split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_16gcr_533",
|
|
44
|
+
"block-body-scroll": "awsui_block-body-scroll_hyvsj_16gcr_541",
|
|
45
|
+
"unfocusable": "awsui_unfocusable_hyvsj_16gcr_546",
|
|
46
|
+
"container": "awsui_container_hyvsj_16gcr_556",
|
|
47
|
+
"is-navigation-open": "awsui_is-navigation-open_hyvsj_16gcr_582",
|
|
48
|
+
"is-tools-open": "awsui_is-tools-open_hyvsj_16gcr_585",
|
|
49
|
+
"is-split-panel-open": "awsui_is-split-panel-open_hyvsj_16gcr_585",
|
|
50
|
+
"split-panel-position-side": "awsui_split-panel-position-side_hyvsj_16gcr_585",
|
|
51
|
+
"has-active-drawer": "awsui_has-active-drawer_hyvsj_16gcr_585",
|
|
52
|
+
"mobile-toolbar": "awsui_mobile-toolbar_hyvsj_16gcr_594",
|
|
53
|
+
"remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_16gcr_611",
|
|
54
|
+
"mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_16gcr_615",
|
|
55
|
+
"mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_16gcr_619",
|
|
56
|
+
"mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_16gcr_623",
|
|
57
|
+
"navigation-container": "awsui_navigation-container_hyvsj_16gcr_632",
|
|
58
|
+
"show-navigation": "awsui_show-navigation_hyvsj_16gcr_670",
|
|
59
|
+
"animating": "awsui_animating_hyvsj_16gcr_693",
|
|
60
|
+
"showButtons": "awsui_showButtons_hyvsj_16gcr_1",
|
|
61
|
+
"navigation": "awsui_navigation_hyvsj_16gcr_632",
|
|
62
|
+
"openNavigation": "awsui_openNavigation_hyvsj_16gcr_1",
|
|
63
|
+
"animated-content": "awsui_animated-content_hyvsj_16gcr_755",
|
|
64
|
+
"hide-navigation": "awsui_hide-navigation_hyvsj_16gcr_764",
|
|
65
|
+
"notifications": "awsui_notifications_hyvsj_16gcr_774",
|
|
66
|
+
"has-notification-content": "awsui_has-notification-content_hyvsj_16gcr_779",
|
|
67
|
+
"sticky-notifications": "awsui_sticky-notifications_hyvsj_16gcr_783",
|
|
68
|
+
"high-contrast": "awsui_high-contrast_hyvsj_16gcr_788",
|
|
69
|
+
"split-panel-bottom": "awsui_split-panel-bottom_hyvsj_16gcr_806",
|
|
70
|
+
"position-bottom": "awsui_position-bottom_hyvsj_16gcr_853",
|
|
71
|
+
"openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_16gcr_1",
|
|
72
|
+
"split-panel-side": "awsui_split-panel-side_hyvsj_16gcr_882",
|
|
73
|
+
"position-side": "awsui_position-side_hyvsj_16gcr_895",
|
|
74
|
+
"tools-container": "awsui_tools-container_hyvsj_16gcr_917",
|
|
75
|
+
"tools": "awsui_tools_hyvsj_16gcr_917",
|
|
76
|
+
"openTools": "awsui_openTools_hyvsj_16gcr_1",
|
|
77
|
+
"has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_16gcr_1006",
|
|
78
|
+
"hide-tools": "awsui_hide-tools_hyvsj_16gcr_1016",
|
|
79
|
+
"show-tools": "awsui_show-tools_hyvsj_16gcr_1028",
|
|
80
|
+
"has-tools-form": "awsui_has-tools-form_hyvsj_16gcr_1006",
|
|
81
|
+
"trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_16gcr_1111",
|
|
82
|
+
"trigger": "awsui_trigger_hyvsj_16gcr_1111",
|
|
83
|
+
"selected": "awsui_selected_hyvsj_16gcr_1189",
|
|
84
|
+
"badge": "awsui_badge_hyvsj_16gcr_1209",
|
|
85
|
+
"trigger-wrapper": "awsui_trigger-wrapper_hyvsj_16gcr_1213",
|
|
86
|
+
"dot": "awsui_dot_hyvsj_16gcr_1224"
|
|
87
87
|
};
|
|
88
88
|
|
package/button/internal.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAiBlF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;cATf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;
|
|
1
|
+
{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAiBlF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;cATf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;6GAwM3G,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
package/button/internal.js
CHANGED
|
@@ -31,7 +31,7 @@ export const InternalButton = React.forwardRef((_a, ref) => {
|
|
|
31
31
|
const { funnelInteractionId } = useFunnel();
|
|
32
32
|
const { stepNumber, stepNameSelector } = useFunnelStep();
|
|
33
33
|
const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
|
|
34
|
-
usePerformanceMarks('primaryButton', variant === 'primary', buttonRef, () => {
|
|
34
|
+
const performanceMarkAttributes = usePerformanceMarks('primaryButton', variant === 'primary', buttonRef, () => {
|
|
35
35
|
var _a;
|
|
36
36
|
return ({
|
|
37
37
|
loading,
|
|
@@ -75,7 +75,7 @@ export const InternalButton = React.forwardRef((_a, ref) => {
|
|
|
75
75
|
const { tabIndex } = useSingleTabStopNavigation(buttonRef, {
|
|
76
76
|
tabIndex: isAnchor && isNotInteractive ? -1 : explicitTabIndex,
|
|
77
77
|
});
|
|
78
|
-
const buttonProps = Object.assign(Object.assign(Object.assign({}, props), __nativeAttributes), { tabIndex,
|
|
78
|
+
const buttonProps = Object.assign(Object.assign(Object.assign(Object.assign({}, props), __nativeAttributes), performanceMarkAttributes), { tabIndex,
|
|
79
79
|
// https://github.com/microsoft/TypeScript/issues/36659
|
|
80
80
|
ref: useMergeRefs(buttonRef, __internalRootRef), 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-expanded': ariaExpanded, 'aria-controls': ariaControls,
|
|
81
81
|
// add ariaLabel as `title` as visible hint text
|
package/button/internal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n badge?: boolean;\n __nativeAttributes?:\n | (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n | Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement | HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading || disabled;\n const hasAriaDisabled = (loading && !disabled) || (disabled && __focusable);\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n usePerformanceMarks(\n 'primaryButton',\n variant === 'primary',\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' || target === '_blank') && funnelInteractionId) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive ? -1 : explicitTabIndex,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable}\n aria-disabled={hasAriaDisabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
|
|
1
|
+
{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/button/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 clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] | 'flashbar-icon' | 'breadcrumb-group' | 'menu-trigger' | 'modal-dismiss';\n badge?: boolean;\n __nativeAttributes?:\n | (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n | Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement | HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading || disabled;\n const hasAriaDisabled = (loading && !disabled) || (disabled && __focusable);\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const performanceMarkAttributes = usePerformanceMarks(\n 'primaryButton',\n variant === 'primary',\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' || target === '_blank') && funnelInteractionId) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive ? -1 : explicitTabIndex,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n ...performanceMarkAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable}\n aria-disabled={hasAriaDisabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
|
package/button/styles.css.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"content": "
|
|
5
|
-
"button": "
|
|
6
|
-
"variant-normal": "awsui_variant-
|
|
7
|
-
"variant-icon": "awsui_variant-
|
|
8
|
-
"variant-modal-dismiss": "awsui_variant-modal-
|
|
9
|
-
"variant-flashbar-icon": "awsui_variant-flashbar-
|
|
10
|
-
"variant-inline-icon": "awsui_variant-inline-
|
|
11
|
-
"disabled": "
|
|
12
|
-
"variant-primary": "awsui_variant-
|
|
13
|
-
"variant-link": "awsui_variant-
|
|
14
|
-
"variant-inline-link": "awsui_variant-inline-
|
|
15
|
-
"variant-breadcrumb-group": "awsui_variant-breadcrumb-
|
|
16
|
-
"variant-menu-trigger": "awsui_variant-menu-
|
|
17
|
-
"button-no-text": "awsui_button-no-
|
|
18
|
-
"button-no-wrap": "awsui_button-no-
|
|
19
|
-
"full-width": "awsui_full-
|
|
20
|
-
"icon-left": "awsui_icon-
|
|
21
|
-
"icon-right": "awsui_icon-
|
|
22
|
-
"icon": "
|
|
4
|
+
"content": "awsui_content_vjswe_1bdd7_101",
|
|
5
|
+
"button": "awsui_button_vjswe_1bdd7_105",
|
|
6
|
+
"variant-normal": "awsui_variant-normal_vjswe_1bdd7_156",
|
|
7
|
+
"variant-icon": "awsui_variant-icon_vjswe_1bdd7_199",
|
|
8
|
+
"variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1bdd7_199",
|
|
9
|
+
"variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1bdd7_199",
|
|
10
|
+
"variant-inline-icon": "awsui_variant-inline-icon_vjswe_1bdd7_220",
|
|
11
|
+
"disabled": "awsui_disabled_vjswe_1bdd7_241",
|
|
12
|
+
"variant-primary": "awsui_variant-primary_vjswe_1bdd7_249",
|
|
13
|
+
"variant-link": "awsui_variant-link_vjswe_1bdd7_342",
|
|
14
|
+
"variant-inline-link": "awsui_variant-inline-link_vjswe_1bdd7_621",
|
|
15
|
+
"variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1bdd7_904",
|
|
16
|
+
"variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1bdd7_1002",
|
|
17
|
+
"button-no-text": "awsui_button-no-text_vjswe_1bdd7_1095",
|
|
18
|
+
"button-no-wrap": "awsui_button-no-wrap_vjswe_1bdd7_1099",
|
|
19
|
+
"full-width": "awsui_full-width_vjswe_1bdd7_1102",
|
|
20
|
+
"icon-left": "awsui_icon-left_vjswe_1bdd7_1121",
|
|
21
|
+
"icon-right": "awsui_icon-right_vjswe_1bdd7_1126",
|
|
22
|
+
"icon": "awsui_icon_vjswe_1bdd7_1121"
|
|
23
23
|
};
|
|
24
24
|
|