@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
|
@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
94
94
|
Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
95
95
|
SPDX-License-Identifier: Apache-2.0
|
|
96
96
|
*/
|
|
97
|
-
.
|
|
97
|
+
.awsui_slider_cqzlk_1w6ku_97:not(#\9) {
|
|
98
98
|
padding-block: 0;
|
|
99
99
|
padding-inline: 0;
|
|
100
100
|
cursor: ns-resize;
|
|
@@ -104,24 +104,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
|
|
|
104
104
|
block-size: 16px;
|
|
105
105
|
touch-action: none;
|
|
106
106
|
}
|
|
107
|
-
.
|
|
107
|
+
.awsui_slider_cqzlk_1w6ku_97:not(#\9):focus {
|
|
108
108
|
outline: none;
|
|
109
109
|
}
|
|
110
|
-
body[data-awsui-focus-visible=true] .
|
|
110
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1w6ku_97:not(#\9):focus {
|
|
111
111
|
position: relative;
|
|
112
112
|
}
|
|
113
|
-
body[data-awsui-focus-visible=true] .
|
|
113
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1w6ku_97:not(#\9):focus {
|
|
114
114
|
outline: 2px dotted transparent;
|
|
115
115
|
outline-offset: calc(0px - 1px);
|
|
116
116
|
}
|
|
117
|
-
body[data-awsui-focus-visible=true] .
|
|
117
|
+
body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1w6ku_97:not(#\9):focus::before {
|
|
118
118
|
content: " ";
|
|
119
119
|
display: block;
|
|
120
120
|
position: absolute;
|
|
121
121
|
inset-inline-start: calc(-1 * 0px);
|
|
122
122
|
inset-block-start: calc(-1 * 0px);
|
|
123
|
-
inline-size: calc(100% +
|
|
124
|
-
block-size: calc(100% +
|
|
123
|
+
inline-size: calc(100% + 0px + 0px);
|
|
124
|
+
block-size: calc(100% + 0px + 0px);
|
|
125
125
|
border-start-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
126
126
|
border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
127
127
|
border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
|
|
@@ -129,23 +129,23 @@ body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus:
|
|
|
129
129
|
box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
.awsui_slider-
|
|
132
|
+
.awsui_slider-side_cqzlk_1w6ku_132:not(#\9) {
|
|
133
133
|
cursor: ew-resize;
|
|
134
134
|
margin-block: 0;
|
|
135
135
|
margin-inline-start: 2px;
|
|
136
136
|
margin-inline-end: 0;
|
|
137
137
|
}
|
|
138
138
|
|
|
139
|
-
.awsui_slider-
|
|
139
|
+
.awsui_slider-icon_cqzlk_1w6ku_139:not(#\9) {
|
|
140
140
|
stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
|
|
141
141
|
}
|
|
142
|
-
.awsui_slider-
|
|
142
|
+
.awsui_slider-icon_cqzlk_1w6ku_139:not(#\9):hover {
|
|
143
143
|
stroke: var(--color-text-interactive-hover-mj8add, #000716);
|
|
144
144
|
}
|
|
145
|
-
.awsui_slider-icon-
|
|
145
|
+
.awsui_slider-icon-bottom_cqzlk_1w6ku_145:not(#\9) {
|
|
146
146
|
margin-block: auto;
|
|
147
147
|
margin-inline: auto;
|
|
148
148
|
}
|
|
149
|
-
.awsui_slider-icon-
|
|
149
|
+
.awsui_slider-icon-side_cqzlk_1w6ku_149:not(#\9) {
|
|
150
150
|
transform: rotate(90deg);
|
|
151
151
|
}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
// es-module interop with Babel and Typescript
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
module.exports.default = {
|
|
5
|
-
"slider": "
|
|
6
|
-
"slider-side": "awsui_slider-
|
|
7
|
-
"slider-icon": "awsui_slider-
|
|
8
|
-
"slider-icon-bottom": "awsui_slider-icon-
|
|
9
|
-
"slider-icon-side": "awsui_slider-icon-
|
|
5
|
+
"slider": "awsui_slider_cqzlk_1w6ku_97",
|
|
6
|
+
"slider-side": "awsui_slider-side_cqzlk_1w6ku_132",
|
|
7
|
+
"slider-icon": "awsui_slider-icon_cqzlk_1w6ku_139",
|
|
8
|
+
"slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1w6ku_145",
|
|
9
|
+
"slider-icon-side": "awsui_slider-icon-side_cqzlk_1w6ku_149"
|
|
10
10
|
};
|
|
11
11
|
|
package/internal/environment.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwD3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,60 +1,59 @@
|
|
|
1
1
|
const customCSSPropertiesMap = {
|
|
2
|
-
"maxContentWidth": "--awsui-max-content-width-
|
|
3
|
-
"minContentWidth": "--awsui-min-content-width-
|
|
4
|
-
"breadcrumbsGap": "--awsui-breadcrumbs-gap-
|
|
5
|
-
"contentGapLeft": "--awsui-content-gap-left-
|
|
6
|
-
"contentGapRight": "--awsui-content-gap-right-
|
|
7
|
-
"contentHeight": "--awsui-content-height-
|
|
8
|
-
"contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-
|
|
9
|
-
"contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-
|
|
10
|
-
"contentLayoutMainGap": "--awsui-content-layout-main-gap-
|
|
11
|
-
"defaultMaxContentWidth": "--awsui-default-max-content-width-
|
|
12
|
-
"defaultMinContentWidth": "--awsui-default-min-content-width-
|
|
13
|
-
"drawerSize": "--awsui-drawer-size-
|
|
14
|
-
"footerHeight": "--awsui-footer-height-
|
|
15
|
-
"headerGap": "--awsui-header-gap-
|
|
16
|
-
"headerHeight": "--awsui-header-height-
|
|
17
|
-
"layoutWidth": "--awsui-layout-width-
|
|
18
|
-
"mainGap": "--awsui-main-gap-
|
|
19
|
-
"mainOffsetLeft": "--awsui-main-offset-left-
|
|
20
|
-
"mainTemplateRows": "--awsui-main-template-rows-
|
|
21
|
-
"mobileBarHeight": "--awsui-mobile-bar-height-
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"togglesRightWidth": "--awsui-toggles-right-width-7t5ed6",
|
|
2
|
+
"maxContentWidth": "--awsui-max-content-width-9rhwr5",
|
|
3
|
+
"minContentWidth": "--awsui-min-content-width-9rhwr5",
|
|
4
|
+
"breadcrumbsGap": "--awsui-breadcrumbs-gap-9rhwr5",
|
|
5
|
+
"contentGapLeft": "--awsui-content-gap-left-9rhwr5",
|
|
6
|
+
"contentGapRight": "--awsui-content-gap-right-9rhwr5",
|
|
7
|
+
"contentHeight": "--awsui-content-height-9rhwr5",
|
|
8
|
+
"contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-9rhwr5",
|
|
9
|
+
"contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-9rhwr5",
|
|
10
|
+
"contentLayoutMainGap": "--awsui-content-layout-main-gap-9rhwr5",
|
|
11
|
+
"defaultMaxContentWidth": "--awsui-default-max-content-width-9rhwr5",
|
|
12
|
+
"defaultMinContentWidth": "--awsui-default-min-content-width-9rhwr5",
|
|
13
|
+
"drawerSize": "--awsui-drawer-size-9rhwr5",
|
|
14
|
+
"footerHeight": "--awsui-footer-height-9rhwr5",
|
|
15
|
+
"headerGap": "--awsui-header-gap-9rhwr5",
|
|
16
|
+
"headerHeight": "--awsui-header-height-9rhwr5",
|
|
17
|
+
"layoutWidth": "--awsui-layout-width-9rhwr5",
|
|
18
|
+
"mainGap": "--awsui-main-gap-9rhwr5",
|
|
19
|
+
"mainOffsetLeft": "--awsui-main-offset-left-9rhwr5",
|
|
20
|
+
"mainTemplateRows": "--awsui-main-template-rows-9rhwr5",
|
|
21
|
+
"mobileBarHeight": "--awsui-mobile-bar-height-9rhwr5",
|
|
22
|
+
"notificationsHeight": "--awsui-notifications-height-9rhwr5",
|
|
23
|
+
"offsetTop": "--awsui-offset-top-9rhwr5",
|
|
24
|
+
"overlapHeight": "--awsui-overlap-height-9rhwr5",
|
|
25
|
+
"navigationWidth": "--awsui-navigation-width-9rhwr5",
|
|
26
|
+
"splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-9rhwr5",
|
|
27
|
+
"splitPanelReportedSize": "--awsui-split-panel-reported-size-9rhwr5",
|
|
28
|
+
"splitPanelHeight": "--awsui-split-panel-height-9rhwr5",
|
|
29
|
+
"splitPanelMinWidth": "--awsui-split-panel-min-width-9rhwr5",
|
|
30
|
+
"splitPanelMaxWidth": "--awsui-split-panel-max-width-9rhwr5",
|
|
31
|
+
"toolsMaxWidth": "--awsui-tools-max-width-9rhwr5",
|
|
32
|
+
"toolsWidth": "--awsui-tools-width-9rhwr5",
|
|
33
|
+
"toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-9rhwr5",
|
|
34
|
+
"contentScrollMargin": "--awsui-content-scroll-margin-9rhwr5",
|
|
35
|
+
"flashbarStackDepth": "--awsui-flashbar-stack-depth-9rhwr5",
|
|
36
|
+
"flashbarStackIndex": "--awsui-flashbar-stack-index-9rhwr5",
|
|
37
|
+
"flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-9rhwr5",
|
|
38
|
+
"stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-9rhwr5",
|
|
39
|
+
"stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-9rhwr5",
|
|
40
|
+
"dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-9rhwr5",
|
|
41
|
+
"spinnerRotatorFrom": "--awsui-spinner-rotator-from-9rhwr5",
|
|
42
|
+
"spinnerRotatorTo": "--awsui-spinner-rotator-to-9rhwr5",
|
|
43
|
+
"spinnerLineLeftFrom": "--awsui-spinner-line-left-from-9rhwr5",
|
|
44
|
+
"spinnerLineLeftTo": "--awsui-spinner-line-left-to-9rhwr5",
|
|
45
|
+
"spinnerLineRightFrom": "--awsui-spinner-line-right-from-9rhwr5",
|
|
46
|
+
"spinnerLineRightTo": "--awsui-spinner-line-right-to-9rhwr5",
|
|
47
|
+
"sliderLabelCount": "--awsui-slider-label-count-9rhwr5",
|
|
48
|
+
"sliderTickCount": "--awsui-slider-tick-count-9rhwr5",
|
|
49
|
+
"sliderReferenceColumn": "--awsui-slider-reference-column-9rhwr5",
|
|
50
|
+
"sliderNextReferenceColumn": "--awsui-slider-next-reference-column-9rhwr5",
|
|
51
|
+
"sliderMaxStart": "--awsui-slider-max-start-9rhwr5",
|
|
52
|
+
"sliderMinEnd": "--awsui-slider-min-end-9rhwr5",
|
|
53
|
+
"sliderRangeInlineSize": "--awsui-slider-range-inline-size-9rhwr5",
|
|
54
|
+
"sliderTooltipPosition": "--awsui-slider-tooltip-position-9rhwr5",
|
|
55
|
+
"togglesLeftWidth": "--awsui-toggles-left-width-9rhwr5",
|
|
56
|
+
"togglesRightWidth": "--awsui-toggles-right-width-9rhwr5",
|
|
58
57
|
};
|
|
59
58
|
export default customCSSPropertiesMap;
|
|
60
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,kCAAkC;IAC7D,iBAAiB,EAAE,kCAAkC;IACrD,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,uCAAuC,EAAE,0DAA0D;IACnG,8BAA8B,EAAE,iDAAiD;IACjF,sBAAsB,EAAE,wCAAwC;IAChE,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/generated/custom-css-properties/index.ts"],"names":[],"mappings":"AACM,MAAM,sBAAsB,GAAG;IAC7B,iBAAiB,EAAE,kCAAkC;IAC7D,iBAAiB,EAAE,kCAAkC;IACrD,gBAAgB,EAAE,gCAAgC;IAClD,gBAAgB,EAAE,iCAAiC;IACnD,iBAAiB,EAAE,kCAAkC;IACrD,eAAe,EAAE,+BAA+B;IAChD,uCAAuC,EAAE,0DAA0D;IACnG,8BAA8B,EAAE,iDAAiD;IACjF,sBAAsB,EAAE,wCAAwC;IAChE,wBAAwB,EAAE,0CAA0C;IACpE,wBAAwB,EAAE,0CAA0C;IACpE,YAAY,EAAE,4BAA4B;IAC1C,cAAc,EAAE,8BAA8B;IAC9C,WAAW,EAAE,2BAA2B;IACxC,cAAc,EAAE,8BAA8B;IAC9C,aAAa,EAAE,6BAA6B;IAC5C,SAAS,EAAE,yBAAyB;IACpC,gBAAgB,EAAE,iCAAiC;IACnD,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,qBAAqB,EAAE,qCAAqC;IAC5D,WAAW,EAAE,2BAA2B;IACxC,eAAe,EAAE,+BAA+B;IAChD,iBAAiB,EAAE,iCAAiC;IACpD,8BAA8B,EAAE,iDAAiD;IACjF,wBAAwB,EAAE,0CAA0C;IACpE,kBAAkB,EAAE,mCAAmC;IACvD,oBAAoB,EAAE,sCAAsC;IAC5D,oBAAoB,EAAE,sCAAsC;IAC5D,eAAe,EAAE,gCAAgC;IACjD,YAAY,EAAE,4BAA4B;IAC1C,+BAA+B,EAAE,iDAAiD;IAClF,qBAAqB,EAAE,sCAAsC;IAC7D,oBAAoB,EAAE,qCAAqC;IAC3D,oBAAoB,EAAE,qCAAqC;IAC3D,4BAA4B,EAAE,8CAA8C;IAC5E,kCAAkC,EAAE,oDAAoD;IACxF,yCAAyC,EAAE,4DAA4D;IACvG,yBAAyB,EAAE,2CAA2C;IACtE,oBAAoB,EAAE,qCAAqC;IAC3D,kBAAkB,EAAE,mCAAmC;IACvD,qBAAqB,EAAE,uCAAuC;IAC9D,mBAAmB,EAAE,qCAAqC;IAC1D,sBAAsB,EAAE,wCAAwC;IAChE,oBAAoB,EAAE,sCAAsC;IAC5D,kBAAkB,EAAE,mCAAmC;IACvD,iBAAiB,EAAE,kCAAkC;IACrD,uBAAuB,EAAE,wCAAwC;IACjE,2BAA2B,EAAE,6CAA6C;IAC1E,gBAAgB,EAAE,iCAAiC;IACnD,cAAc,EAAE,+BAA+B;IAC/C,uBAAuB,EAAE,yCAAyC;IAClE,uBAAuB,EAAE,wCAAwC;IACjE,kBAAkB,EAAE,mCAAmC;IACvD,mBAAmB,EAAE,oCAAoC;CAClD,CAAC;AACF,eAAe,sBAAsB,CAAC","sourcesContent":["\n const customCSSPropertiesMap = {\n \"maxContentWidth\": \"--awsui-max-content-width-9rhwr5\",\n\"minContentWidth\": \"--awsui-min-content-width-9rhwr5\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-9rhwr5\",\n\"contentGapLeft\": \"--awsui-content-gap-left-9rhwr5\",\n\"contentGapRight\": \"--awsui-content-gap-right-9rhwr5\",\n\"contentHeight\": \"--awsui-content-height-9rhwr5\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-9rhwr5\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-9rhwr5\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-9rhwr5\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-9rhwr5\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-9rhwr5\",\n\"drawerSize\": \"--awsui-drawer-size-9rhwr5\",\n\"footerHeight\": \"--awsui-footer-height-9rhwr5\",\n\"headerGap\": \"--awsui-header-gap-9rhwr5\",\n\"headerHeight\": \"--awsui-header-height-9rhwr5\",\n\"layoutWidth\": \"--awsui-layout-width-9rhwr5\",\n\"mainGap\": \"--awsui-main-gap-9rhwr5\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-9rhwr5\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-9rhwr5\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-9rhwr5\",\n\"notificationsHeight\": \"--awsui-notifications-height-9rhwr5\",\n\"offsetTop\": \"--awsui-offset-top-9rhwr5\",\n\"overlapHeight\": \"--awsui-overlap-height-9rhwr5\",\n\"navigationWidth\": \"--awsui-navigation-width-9rhwr5\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-9rhwr5\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-9rhwr5\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-9rhwr5\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-9rhwr5\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-9rhwr5\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-9rhwr5\",\n\"toolsWidth\": \"--awsui-tools-width-9rhwr5\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-9rhwr5\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-9rhwr5\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-9rhwr5\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-9rhwr5\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-9rhwr5\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-9rhwr5\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-9rhwr5\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-9rhwr5\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-9rhwr5\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-9rhwr5\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-9rhwr5\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-9rhwr5\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-9rhwr5\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-9rhwr5\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-9rhwr5\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-9rhwr5\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-9rhwr5\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-9rhwr5\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-9rhwr5\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-9rhwr5\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-9rhwr5\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-9rhwr5\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-9rhwr5\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-9rhwr5\",\n };\n export default customCSSPropertiesMap;\n "]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* This function returns an object that needs to be spread onto the same
|
|
4
|
+
* element as the `elementRef`, so that the data attribute is applied
|
|
5
|
+
* correctly.
|
|
6
|
+
*/
|
|
7
|
+
export declare function usePerformanceMarks(name: string, enabled: boolean, elementRef: React.RefObject<HTMLElement>, getDetails: () => Record<string, string | boolean | number | undefined>, dependencies: React.DependencyList): {
|
|
8
|
+
"data-analytics-performance-mark": string | undefined;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":";AA2BA;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,EACxC,UAAU,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC,EACvE,YAAY,EAAE,KAAK,CAAC,cAAc;;EA0DnC"}
|
|
@@ -1,12 +1,34 @@
|
|
|
1
1
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
2
2
|
// SPDX-License-Identifier: Apache-2.0
|
|
3
|
-
import { useEffect } from 'react';
|
|
4
|
-
import {
|
|
5
|
-
import { useEffectOnUpdate } from '
|
|
6
|
-
import { useModalContext } from '
|
|
3
|
+
import { useEffect, useRef } from 'react';
|
|
4
|
+
import { useRandomId } from '../use-unique-id';
|
|
5
|
+
import { useEffectOnUpdate } from '../use-effect-on-update';
|
|
6
|
+
import { useModalContext } from '../../context/modal-context';
|
|
7
|
+
/*
|
|
8
|
+
This hook allows setting an HTML attribute after the first render, without rerendering the component.
|
|
9
|
+
*/
|
|
10
|
+
function usePerformanceMarkAttribute(elementRef, value) {
|
|
11
|
+
const attributeName = 'data-analytics-performance-mark';
|
|
12
|
+
const attributeValueRef = useRef();
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
var _a;
|
|
15
|
+
// With this effect, we apply the attribute only on the client, to avoid hydration errors.
|
|
16
|
+
attributeValueRef.current = value;
|
|
17
|
+
(_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.setAttribute(attributeName, value);
|
|
18
|
+
}, [value, elementRef]);
|
|
19
|
+
return {
|
|
20
|
+
[attributeName]: attributeValueRef.current,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* This function returns an object that needs to be spread onto the same
|
|
25
|
+
* element as the `elementRef`, so that the data attribute is applied
|
|
26
|
+
* correctly.
|
|
27
|
+
*/
|
|
7
28
|
export function usePerformanceMarks(name, enabled, elementRef, getDetails, dependencies) {
|
|
8
|
-
const id =
|
|
29
|
+
const id = useRandomId();
|
|
9
30
|
const { isInModal } = useModalContext();
|
|
31
|
+
const attributes = usePerformanceMarkAttribute(elementRef, id);
|
|
10
32
|
useEffect(() => {
|
|
11
33
|
if (!enabled || !elementRef.current || isInModal) {
|
|
12
34
|
return;
|
|
@@ -39,5 +61,6 @@ export function usePerformanceMarks(name, enabled, elementRef, getDetails, depen
|
|
|
39
61
|
});
|
|
40
62
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
41
63
|
}, dependencies);
|
|
64
|
+
return attributes;
|
|
42
65
|
}
|
|
43
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-performance-marks/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D;;EAEE;AACF,SAAS,2BAA2B,CAAC,UAAwC,EAAE,KAAa;IAC1F,MAAM,aAAa,GAAG,iCAAiC,CAAC;IAExD,MAAM,iBAAiB,GAAG,MAAM,EAAsB,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;;QACb,0FAA0F;QAC1F,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,MAAA,UAAU,CAAC,OAAO,0CAAE,YAAY,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAExB,OAAO;QACL,CAAC,aAAa,CAAC,EAAE,iBAAiB,CAAC,OAAO;KAC3C,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,OAAgB,EAChB,UAAwC,EACxC,UAAuE,EACvE,YAAkC;IAElC,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAC;IACxC,MAAM,UAAU,GAAG,2BAA2B,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IAE/D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QAED,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,gBAAgB,GAAG,GAAG,IAAI,UAAU,CAAC;QAE3C,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACjC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,SAAS,EAAE;YAChD,OAAO;SACR;QACD,MAAM,cAAc,GAClB,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;YAClC,UAAU,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC;YACnC,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC;QAE/D,IAAI,CAAC,cAAc,EAAE;YACnB,OAAO;SACR;QAED,MAAM,eAAe,GAAG,GAAG,IAAI,SAAS,CAAC;QAEzC,WAAW,CAAC,IAAI,CAAC,eAAe,EAAE;YAChC,MAAM,kBACJ,MAAM,EAAE,OAAO,EACf,kBAAkB,EAAE,EAAE,IACnB,UAAU,EAAE,CAChB;SACF,CAAC,CAAC;QACH,uDAAuD;IACzD,CAAC,EAAE,YAAY,CAAC,CAAC;IAEjB,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\nimport { useRandomId } from '../use-unique-id';\nimport { useEffectOnUpdate } from '../use-effect-on-update';\nimport { useModalContext } from '../../context/modal-context';\n\n/*\nThis hook allows setting an HTML attribute after the first render, without rerendering the component.\n*/\nfunction usePerformanceMarkAttribute(elementRef: React.RefObject<HTMLElement>, value: string) {\n const attributeName = 'data-analytics-performance-mark';\n\n const attributeValueRef = useRef<string | undefined>();\n\n useEffect(() => {\n // With this effect, we apply the attribute only on the client, to avoid hydration errors.\n attributeValueRef.current = value;\n elementRef.current?.setAttribute(attributeName, value);\n }, [value, elementRef]);\n\n return {\n [attributeName]: attributeValueRef.current,\n };\n}\n\n/**\n * This function returns an object that needs to be spread onto the same\n * element as the `elementRef`, so that the data attribute is applied\n * correctly.\n */\nexport function usePerformanceMarks(\n name: string,\n enabled: boolean,\n elementRef: React.RefObject<HTMLElement>,\n getDetails: () => Record<string, string | boolean | number | undefined>,\n dependencies: React.DependencyList\n) {\n const id = useRandomId();\n const { isInModal } = useModalContext();\n const attributes = usePerformanceMarkAttribute(elementRef, id);\n\n useEffect(() => {\n if (!enabled || !elementRef.current || isInModal) {\n return;\n }\n\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const renderedMarkName = `${name}Rendered`;\n\n performance.mark(renderedMarkName, {\n detail: {\n source: 'awsui',\n instanceIdentifier: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useEffectOnUpdate(() => {\n if (!enabled || !elementRef.current || isInModal) {\n return;\n }\n const elementVisible =\n elementRef.current.offsetWidth > 0 &&\n elementRef.current.offsetHeight > 0 &&\n getComputedStyle(elementRef.current).visibility !== 'hidden';\n\n if (!elementVisible) {\n return;\n }\n\n const updatedMarkName = `${name}Updated`;\n\n performance.mark(updatedMarkName, {\n detail: {\n source: 'awsui',\n instanceIdentifier: id,\n ...getDetails(),\n },\n });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, dependencies);\n\n return attributes;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-unique-id/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-unique-id/index.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,cAMvB,CAAC;AAIF,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,UAE1C"}
|
|
@@ -3,14 +3,14 @@ var _a;
|
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
4
|
import React, { useRef } from 'react';
|
|
5
5
|
let counter = 0;
|
|
6
|
-
const
|
|
6
|
+
export const useRandomId = () => {
|
|
7
7
|
const idRef = useRef(null);
|
|
8
8
|
if (!idRef.current) {
|
|
9
9
|
idRef.current = `${counter++}-${Date.now()}-${Math.round(Math.random() * 10000)}`;
|
|
10
10
|
}
|
|
11
11
|
return idRef.current;
|
|
12
12
|
};
|
|
13
|
-
const useId = (_a = React.useId) !== null && _a !== void 0 ? _a :
|
|
13
|
+
const useId = (_a = React.useId) !== null && _a !== void 0 ? _a : useRandomId;
|
|
14
14
|
export function useUniqueId(prefix) {
|
|
15
15
|
return `${prefix ? prefix : ''}` + useId();
|
|
16
16
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-unique-id/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,IAAI,OAAO,GAAG,CAAC,CAAC;AAChB,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-unique-id/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEtC,IAAI,OAAO,GAAG,CAAC,CAAC;AAChB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,KAAK,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,KAAK,CAAC,OAAO,GAAG,GAAG,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;KACnF;IACD,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,KAAK,GAAuB,MAAC,KAAa,CAAC,KAAK,mCAAI,WAAW,CAAC;AAEtE,MAAM,UAAU,WAAW,CAAC,MAAe;IACzC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK,EAAE,CAAC;AAC7C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef } from 'react';\n\nlet counter = 0;\nexport const useRandomId = () => {\n const idRef = useRef<string | null>(null);\n if (!idRef.current) {\n idRef.current = `${counter++}-${Date.now()}-${Math.round(Math.random() * 10000)}`;\n }\n return idRef.current;\n};\n\nconst useId: typeof useRandomId = (React as any).useId ?? useRandomId;\n\nexport function useUniqueId(prefix?: string) {\n return `${prefix ? prefix : ''}` + useId();\n}\n"]}
|
package/internal/manifest.json
CHANGED
package/package.json
CHANGED
package/popover/styles.css.js
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
|
|
2
2
|
import './styles.scoped.css';
|
|
3
3
|
export default {
|
|
4
|
-
"arrow": "
|
|
5
|
-
"arrow-outer": "awsui_arrow-
|
|
6
|
-
"arrow-inner": "awsui_arrow-
|
|
7
|
-
"refresh": "
|
|
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
|
-
"root": "
|
|
50
|
-
"trigger": "
|
|
51
|
-
"overflow-ellipsis": "awsui_overflow-
|
|
52
|
-
"trigger-type-text": "awsui_trigger-type-
|
|
53
|
-
"popover-inline-content": "awsui_popover-inline-
|
|
4
|
+
"arrow": "awsui_arrow_xjuzf_dzn3k_193",
|
|
5
|
+
"arrow-outer": "awsui_arrow-outer_xjuzf_dzn3k_197",
|
|
6
|
+
"arrow-inner": "awsui_arrow-inner_xjuzf_dzn3k_197",
|
|
7
|
+
"refresh": "awsui_refresh_xjuzf_dzn3k_232",
|
|
8
|
+
"arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_dzn3k_242",
|
|
9
|
+
"arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_dzn3k_242",
|
|
10
|
+
"arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_dzn3k_245",
|
|
11
|
+
"arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_dzn3k_245",
|
|
12
|
+
"arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_dzn3k_248",
|
|
13
|
+
"arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_dzn3k_248",
|
|
14
|
+
"arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_dzn3k_248",
|
|
15
|
+
"arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_dzn3k_248",
|
|
16
|
+
"arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_dzn3k_251",
|
|
17
|
+
"arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_dzn3k_251",
|
|
18
|
+
"arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_dzn3k_251",
|
|
19
|
+
"arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_dzn3k_251",
|
|
20
|
+
"body": "awsui_body_xjuzf_dzn3k_351",
|
|
21
|
+
"body-overflow-visible": "awsui_body-overflow-visible_xjuzf_dzn3k_390",
|
|
22
|
+
"has-dismiss": "awsui_has-dismiss_xjuzf_dzn3k_394",
|
|
23
|
+
"dismiss": "awsui_dismiss_xjuzf_dzn3k_399",
|
|
24
|
+
"dismiss-control": "awsui_dismiss-control_xjuzf_dzn3k_407",
|
|
25
|
+
"header-row": "awsui_header-row_xjuzf_dzn3k_411",
|
|
26
|
+
"header": "awsui_header_xjuzf_dzn3k_411",
|
|
27
|
+
"content": "awsui_content_xjuzf_dzn3k_436",
|
|
28
|
+
"content-overflow-visible": "awsui_content-overflow-visible_xjuzf_dzn3k_444",
|
|
29
|
+
"container": "awsui_container_xjuzf_dzn3k_544",
|
|
30
|
+
"container-body": "awsui_container-body_xjuzf_dzn3k_552",
|
|
31
|
+
"container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_dzn3k_595",
|
|
32
|
+
"container-body-size-small": "awsui_container-body-size-small_xjuzf_dzn3k_600",
|
|
33
|
+
"fixed-width": "awsui_fixed-width_xjuzf_dzn3k_603",
|
|
34
|
+
"container-body-size-medium": "awsui_container-body-size-medium_xjuzf_dzn3k_607",
|
|
35
|
+
"container-body-size-large": "awsui_container-body-size-large_xjuzf_dzn3k_614",
|
|
36
|
+
"container-arrow": "awsui_container-arrow_xjuzf_dzn3k_626",
|
|
37
|
+
"container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_dzn3k_630",
|
|
38
|
+
"container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_dzn3k_630",
|
|
39
|
+
"container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_dzn3k_647",
|
|
40
|
+
"container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_dzn3k_647",
|
|
41
|
+
"container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_dzn3k_664",
|
|
42
|
+
"container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_dzn3k_664",
|
|
43
|
+
"container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_dzn3k_664",
|
|
44
|
+
"container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_dzn3k_664",
|
|
45
|
+
"container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_dzn3k_680",
|
|
46
|
+
"container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_dzn3k_684",
|
|
47
|
+
"container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_dzn3k_688",
|
|
48
|
+
"awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_dzn3k_1",
|
|
49
|
+
"root": "awsui_root_xjuzf_dzn3k_832",
|
|
50
|
+
"trigger": "awsui_trigger_xjuzf_dzn3k_868",
|
|
51
|
+
"overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_dzn3k_875",
|
|
52
|
+
"trigger-type-text": "awsui_trigger-type-text_xjuzf_dzn3k_883",
|
|
53
|
+
"popover-inline-content": "awsui_popover-inline-content_xjuzf_dzn3k_919"
|
|
54
54
|
};
|
|
55
55
|
|