@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.
Files changed (143) hide show
  1. package/alert/styles.css.js +25 -25
  2. package/alert/styles.scoped.css +41 -41
  3. package/alert/styles.selectors.js +25 -25
  4. package/annotation-context/annotation/styles.css.js +24 -24
  5. package/annotation-context/annotation/styles.scoped.css +33 -33
  6. package/annotation-context/annotation/styles.selectors.js +24 -24
  7. package/app-layout/notifications/styles.css.js +3 -3
  8. package/app-layout/notifications/styles.scoped.css +7 -7
  9. package/app-layout/notifications/styles.selectors.js +3 -3
  10. package/app-layout/skeleton/styles.css.js +11 -11
  11. package/app-layout/skeleton/styles.scoped.css +30 -30
  12. package/app-layout/skeleton/styles.selectors.js +11 -11
  13. package/app-layout/toggles/styles.css.js +2 -2
  14. package/app-layout/toggles/styles.scoped.css +8 -8
  15. package/app-layout/toggles/styles.selectors.js +2 -2
  16. package/app-layout/visual-refresh/styles.css.js +82 -82
  17. package/app-layout/visual-refresh/styles.scoped.css +263 -264
  18. package/app-layout/visual-refresh/styles.selectors.js +82 -82
  19. package/button/internal.d.ts.map +1 -1
  20. package/button/internal.js +2 -2
  21. package/button/internal.js.map +1 -1
  22. package/button/styles.css.js +19 -19
  23. package/button/styles.scoped.css +213 -213
  24. package/button/styles.selectors.js +19 -19
  25. package/calendar/styles.css.js +20 -20
  26. package/calendar/styles.scoped.css +46 -46
  27. package/calendar/styles.selectors.js +20 -20
  28. package/checkbox/styles.css.js +3 -3
  29. package/checkbox/styles.scoped.css +7 -7
  30. package/checkbox/styles.selectors.js +3 -3
  31. package/code-editor/styles.css.js +32 -32
  32. package/code-editor/styles.scoped.css +137 -137
  33. package/code-editor/styles.selectors.js +32 -32
  34. package/collection-preferences/content-display/styles.css.js +11 -11
  35. package/collection-preferences/content-display/styles.scoped.css +19 -19
  36. package/collection-preferences/content-display/styles.selectors.js +11 -11
  37. package/collection-preferences/styles.css.js +37 -37
  38. package/collection-preferences/styles.scoped.css +46 -46
  39. package/collection-preferences/styles.selectors.js +37 -37
  40. package/content-layout/styles.css.js +14 -14
  41. package/content-layout/styles.scoped.css +27 -27
  42. package/content-layout/styles.selectors.js +14 -14
  43. package/date-range-picker/calendar/grids/styles.css.js +27 -27
  44. package/date-range-picker/calendar/grids/styles.scoped.css +46 -46
  45. package/date-range-picker/calendar/grids/styles.selectors.js +27 -27
  46. package/expandable-section/styles.css.js +32 -32
  47. package/expandable-section/styles.scoped.css +68 -68
  48. package/expandable-section/styles.selectors.js +32 -32
  49. package/file-upload/file-input/styles.css.js +4 -4
  50. package/file-upload/file-input/styles.scoped.css +9 -9
  51. package/file-upload/file-input/styles.selectors.js +4 -4
  52. package/flashbar/styles.css.js +47 -47
  53. package/flashbar/styles.scoped.css +175 -175
  54. package/flashbar/styles.selectors.js +47 -47
  55. package/internal/components/button-trigger/styles.css.js +11 -11
  56. package/internal/components/button-trigger/styles.scoped.css +28 -28
  57. package/internal/components/button-trigger/styles.selectors.js +11 -11
  58. package/internal/components/chart-legend/styles.css.js +6 -6
  59. package/internal/components/chart-legend/styles.scoped.css +17 -17
  60. package/internal/components/chart-legend/styles.selectors.js +6 -6
  61. package/internal/components/dropdown/styles.css.js +20 -20
  62. package/internal/components/dropdown/styles.scoped.css +40 -40
  63. package/internal/components/dropdown/styles.selectors.js +20 -20
  64. package/internal/components/filtering-token/styles.css.js +7 -7
  65. package/internal/components/filtering-token/styles.scoped.css +15 -15
  66. package/internal/components/filtering-token/styles.selectors.js +7 -7
  67. package/internal/components/handle/styles.css.js +2 -2
  68. package/internal/components/handle/styles.scoped.css +8 -8
  69. package/internal/components/handle/styles.selectors.js +2 -2
  70. package/internal/components/menu-dropdown/styles.css.js +7 -7
  71. package/internal/components/menu-dropdown/styles.scoped.css +15 -15
  72. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  73. package/internal/components/panel-resize-handle/styles.css.js +5 -5
  74. package/internal/components/panel-resize-handle/styles.scoped.css +12 -12
  75. package/internal/components/panel-resize-handle/styles.selectors.js +5 -5
  76. package/internal/environment.js +1 -1
  77. package/internal/environment.json +1 -1
  78. package/internal/generated/custom-css-properties/index.d.ts +0 -1
  79. package/internal/generated/custom-css-properties/index.d.ts.map +1 -1
  80. package/internal/generated/custom-css-properties/index.js +55 -56
  81. package/internal/generated/custom-css-properties/index.js.map +1 -1
  82. package/internal/hooks/use-performance-marks/index.d.ts +10 -0
  83. package/internal/hooks/use-performance-marks/index.d.ts.map +1 -0
  84. package/internal/hooks/{use-performance-marks.js → use-performance-marks/index.js} +29 -6
  85. package/internal/hooks/use-performance-marks/index.js.map +1 -0
  86. package/internal/hooks/use-unique-id/index.d.ts +1 -0
  87. package/internal/hooks/use-unique-id/index.d.ts.map +1 -1
  88. package/internal/hooks/use-unique-id/index.js +2 -2
  89. package/internal/hooks/use-unique-id/index.js.map +1 -1
  90. package/internal/manifest.json +1 -1
  91. package/package.json +1 -1
  92. package/popover/styles.css.js +50 -50
  93. package/popover/styles.scoped.css +69 -69
  94. package/popover/styles.selectors.js +50 -50
  95. package/radio-group/styles.css.js +9 -9
  96. package/radio-group/styles.scoped.css +17 -17
  97. package/radio-group/styles.selectors.js +9 -9
  98. package/segmented-control/styles.css.js +14 -14
  99. package/segmented-control/styles.scoped.css +35 -35
  100. package/segmented-control/styles.selectors.js +14 -14
  101. package/slider/styles.css.js +25 -25
  102. package/slider/styles.scoped.css +71 -71
  103. package/slider/styles.selectors.js +25 -25
  104. package/spinner/styles.css.js +13 -13
  105. package/spinner/styles.scoped.css +39 -39
  106. package/spinner/styles.selectors.js +13 -13
  107. package/table/body-cell/styles.css.js +45 -45
  108. package/table/body-cell/styles.scoped.css +365 -301
  109. package/table/body-cell/styles.selectors.js +45 -45
  110. package/table/body-cell/td-element.d.ts.map +1 -1
  111. package/table/body-cell/td-element.js +4 -3
  112. package/table/body-cell/td-element.js.map +1 -1
  113. package/table/expandable-rows/styles.css.js +3 -3
  114. package/table/expandable-rows/styles.scoped.css +15 -15
  115. package/table/expandable-rows/styles.selectors.js +3 -3
  116. package/table/header-cell/styles.css.js +26 -26
  117. package/table/header-cell/styles.scoped.css +148 -64
  118. package/table/header-cell/styles.selectors.js +26 -26
  119. package/table/internal.d.ts.map +1 -1
  120. package/table/internal.js +5 -3
  121. package/table/internal.js.map +1 -1
  122. package/table/resizer/styles.css.js +8 -8
  123. package/table/resizer/styles.scoped.css +16 -16
  124. package/table/resizer/styles.selectors.js +8 -8
  125. package/table/table-role/table-role-helper.d.ts +2 -1
  126. package/table/table-role/table-role-helper.d.ts.map +1 -1
  127. package/table/table-role/table-role-helper.js +2 -1
  128. package/table/table-role/table-role-helper.js.map +1 -1
  129. package/tabs/styles.css.js +22 -22
  130. package/tabs/styles.scoped.css +44 -44
  131. package/tabs/styles.selectors.js +22 -22
  132. package/toggle/styles.css.js +8 -8
  133. package/toggle/styles.scoped.css +16 -16
  134. package/toggle/styles.selectors.js +8 -8
  135. package/token-group/styles.css.js +9 -9
  136. package/token-group/styles.scoped.css +21 -21
  137. package/token-group/styles.selectors.js +9 -9
  138. package/top-navigation/styles.css.js +47 -47
  139. package/top-navigation/styles.scoped.css +68 -68
  140. package/top-navigation/styles.selectors.js +47 -47
  141. package/internal/hooks/use-performance-marks.d.ts +0 -3
  142. package/internal/hooks/use-performance-marks.d.ts.map +0 -1
  143. 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
- .awsui_slider_cqzlk_1i9f3_97:not(#\9) {
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
- .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
107
+ .awsui_slider_cqzlk_1w6ku_97:not(#\9):focus {
108
108
  outline: none;
109
109
  }
110
- body[data-awsui-focus-visible=true] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
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] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus {
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] .awsui_slider_cqzlk_1i9f3_97:not(#\9):focus::before {
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% + 2 * 0px);
124
- block-size: calc(100% + 2 * 0px);
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-side_cqzlk_1i9f3_132:not(#\9) {
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-icon_cqzlk_1i9f3_139:not(#\9) {
139
+ .awsui_slider-icon_cqzlk_1w6ku_139:not(#\9) {
140
140
  stroke: var(--color-text-interactive-default-lnx6lk, #414d5c);
141
141
  }
142
- .awsui_slider-icon_cqzlk_1i9f3_139:not(#\9):hover {
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-bottom_cqzlk_1i9f3_145:not(#\9) {
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-side_cqzlk_1i9f3_149:not(#\9) {
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": "awsui_slider_cqzlk_1i9f3_97",
6
- "slider-side": "awsui_slider-side_cqzlk_1i9f3_132",
7
- "slider-icon": "awsui_slider-icon_cqzlk_1i9f3_139",
8
- "slider-icon-bottom": "awsui_slider-icon-bottom_cqzlk_1i9f3_145",
9
- "slider-icon-side": "awsui_slider-icon-side_cqzlk_1i9f3_149"
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
 
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (09430c09)";
2
+ export var PACKAGE_VERSION = "3.0.0 (c5451579)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (09430c09)",
3
+ "PACKAGE_VERSION": "3.0.0 (c5451579)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
@@ -19,7 +19,6 @@ declare const customCSSPropertiesMap: {
19
19
  mainOffsetLeft: string;
20
20
  mainTemplateRows: string;
21
21
  mobileBarHeight: string;
22
- notificationsGap: string;
23
22
  notificationsHeight: string;
24
23
  offsetTop: string;
25
24
  overlapHeight: string;
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD3B,CAAC;AACF,eAAe,sBAAsB,CAAC"}
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-7t5ed6",
3
- "minContentWidth": "--awsui-min-content-width-7t5ed6",
4
- "breadcrumbsGap": "--awsui-breadcrumbs-gap-7t5ed6",
5
- "contentGapLeft": "--awsui-content-gap-left-7t5ed6",
6
- "contentGapRight": "--awsui-content-gap-right-7t5ed6",
7
- "contentHeight": "--awsui-content-height-7t5ed6",
8
- "contentLayoutDefaultHorizontalPadding": "--awsui-content-layout-default-horizontal-padding-7t5ed6",
9
- "contentLayoutMaxContentWidth": "--awsui-content-layout-max-content-width-7t5ed6",
10
- "contentLayoutMainGap": "--awsui-content-layout-main-gap-7t5ed6",
11
- "defaultMaxContentWidth": "--awsui-default-max-content-width-7t5ed6",
12
- "defaultMinContentWidth": "--awsui-default-min-content-width-7t5ed6",
13
- "drawerSize": "--awsui-drawer-size-7t5ed6",
14
- "footerHeight": "--awsui-footer-height-7t5ed6",
15
- "headerGap": "--awsui-header-gap-7t5ed6",
16
- "headerHeight": "--awsui-header-height-7t5ed6",
17
- "layoutWidth": "--awsui-layout-width-7t5ed6",
18
- "mainGap": "--awsui-main-gap-7t5ed6",
19
- "mainOffsetLeft": "--awsui-main-offset-left-7t5ed6",
20
- "mainTemplateRows": "--awsui-main-template-rows-7t5ed6",
21
- "mobileBarHeight": "--awsui-mobile-bar-height-7t5ed6",
22
- "notificationsGap": "--awsui-notifications-gap-7t5ed6",
23
- "notificationsHeight": "--awsui-notifications-height-7t5ed6",
24
- "offsetTop": "--awsui-offset-top-7t5ed6",
25
- "overlapHeight": "--awsui-overlap-height-7t5ed6",
26
- "navigationWidth": "--awsui-navigation-width-7t5ed6",
27
- "splitPanelReportedHeaderSize": "--awsui-split-panel-reported-header-size-7t5ed6",
28
- "splitPanelReportedSize": "--awsui-split-panel-reported-size-7t5ed6",
29
- "splitPanelHeight": "--awsui-split-panel-height-7t5ed6",
30
- "splitPanelMinWidth": "--awsui-split-panel-min-width-7t5ed6",
31
- "splitPanelMaxWidth": "--awsui-split-panel-max-width-7t5ed6",
32
- "toolsMaxWidth": "--awsui-tools-max-width-7t5ed6",
33
- "toolsWidth": "--awsui-tools-width-7t5ed6",
34
- "toolsAnimationStartingOpacity": "--awsui-tools-animation-starting-opacity-7t5ed6",
35
- "contentScrollMargin": "--awsui-content-scroll-margin-7t5ed6",
36
- "flashbarStackDepth": "--awsui-flashbar-stack-depth-7t5ed6",
37
- "flashbarStackIndex": "--awsui-flashbar-stack-index-7t5ed6",
38
- "flashbarStickyBottomMargin": "--awsui-flashbar-sticky-bottom-margin-7t5ed6",
39
- "stackedNotificationsBottomMargin": "--awsui-stacked-notifications-bottom-margin-7t5ed6",
40
- "stackedNotificationsDefaultBottomMargin": "--awsui-stacked-notifications-default-bottom-margin-7t5ed6",
41
- "dropdownDefaultMaxWidth": "--awsui-dropdown-default-max-width-7t5ed6",
42
- "spinnerRotatorFrom": "--awsui-spinner-rotator-from-7t5ed6",
43
- "spinnerRotatorTo": "--awsui-spinner-rotator-to-7t5ed6",
44
- "spinnerLineLeftFrom": "--awsui-spinner-line-left-from-7t5ed6",
45
- "spinnerLineLeftTo": "--awsui-spinner-line-left-to-7t5ed6",
46
- "spinnerLineRightFrom": "--awsui-spinner-line-right-from-7t5ed6",
47
- "spinnerLineRightTo": "--awsui-spinner-line-right-to-7t5ed6",
48
- "sliderLabelCount": "--awsui-slider-label-count-7t5ed6",
49
- "sliderTickCount": "--awsui-slider-tick-count-7t5ed6",
50
- "sliderReferenceColumn": "--awsui-slider-reference-column-7t5ed6",
51
- "sliderNextReferenceColumn": "--awsui-slider-next-reference-column-7t5ed6",
52
- "sliderMaxStart": "--awsui-slider-max-start-7t5ed6",
53
- "sliderMinEnd": "--awsui-slider-min-end-7t5ed6",
54
- "sliderRangeInlineSize": "--awsui-slider-range-inline-size-7t5ed6",
55
- "sliderTooltipPosition": "--awsui-slider-tooltip-position-7t5ed6",
56
- "togglesLeftWidth": "--awsui-toggles-left-width-7t5ed6",
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,kBAAkB,EAAE,kCAAkC;IACtD,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-7t5ed6\",\n\"minContentWidth\": \"--awsui-min-content-width-7t5ed6\",\n\"breadcrumbsGap\": \"--awsui-breadcrumbs-gap-7t5ed6\",\n\"contentGapLeft\": \"--awsui-content-gap-left-7t5ed6\",\n\"contentGapRight\": \"--awsui-content-gap-right-7t5ed6\",\n\"contentHeight\": \"--awsui-content-height-7t5ed6\",\n\"contentLayoutDefaultHorizontalPadding\": \"--awsui-content-layout-default-horizontal-padding-7t5ed6\",\n\"contentLayoutMaxContentWidth\": \"--awsui-content-layout-max-content-width-7t5ed6\",\n\"contentLayoutMainGap\": \"--awsui-content-layout-main-gap-7t5ed6\",\n\"defaultMaxContentWidth\": \"--awsui-default-max-content-width-7t5ed6\",\n\"defaultMinContentWidth\": \"--awsui-default-min-content-width-7t5ed6\",\n\"drawerSize\": \"--awsui-drawer-size-7t5ed6\",\n\"footerHeight\": \"--awsui-footer-height-7t5ed6\",\n\"headerGap\": \"--awsui-header-gap-7t5ed6\",\n\"headerHeight\": \"--awsui-header-height-7t5ed6\",\n\"layoutWidth\": \"--awsui-layout-width-7t5ed6\",\n\"mainGap\": \"--awsui-main-gap-7t5ed6\",\n\"mainOffsetLeft\": \"--awsui-main-offset-left-7t5ed6\",\n\"mainTemplateRows\": \"--awsui-main-template-rows-7t5ed6\",\n\"mobileBarHeight\": \"--awsui-mobile-bar-height-7t5ed6\",\n\"notificationsGap\": \"--awsui-notifications-gap-7t5ed6\",\n\"notificationsHeight\": \"--awsui-notifications-height-7t5ed6\",\n\"offsetTop\": \"--awsui-offset-top-7t5ed6\",\n\"overlapHeight\": \"--awsui-overlap-height-7t5ed6\",\n\"navigationWidth\": \"--awsui-navigation-width-7t5ed6\",\n\"splitPanelReportedHeaderSize\": \"--awsui-split-panel-reported-header-size-7t5ed6\",\n\"splitPanelReportedSize\": \"--awsui-split-panel-reported-size-7t5ed6\",\n\"splitPanelHeight\": \"--awsui-split-panel-height-7t5ed6\",\n\"splitPanelMinWidth\": \"--awsui-split-panel-min-width-7t5ed6\",\n\"splitPanelMaxWidth\": \"--awsui-split-panel-max-width-7t5ed6\",\n\"toolsMaxWidth\": \"--awsui-tools-max-width-7t5ed6\",\n\"toolsWidth\": \"--awsui-tools-width-7t5ed6\",\n\"toolsAnimationStartingOpacity\": \"--awsui-tools-animation-starting-opacity-7t5ed6\",\n\"contentScrollMargin\": \"--awsui-content-scroll-margin-7t5ed6\",\n\"flashbarStackDepth\": \"--awsui-flashbar-stack-depth-7t5ed6\",\n\"flashbarStackIndex\": \"--awsui-flashbar-stack-index-7t5ed6\",\n\"flashbarStickyBottomMargin\": \"--awsui-flashbar-sticky-bottom-margin-7t5ed6\",\n\"stackedNotificationsBottomMargin\": \"--awsui-stacked-notifications-bottom-margin-7t5ed6\",\n\"stackedNotificationsDefaultBottomMargin\": \"--awsui-stacked-notifications-default-bottom-margin-7t5ed6\",\n\"dropdownDefaultMaxWidth\": \"--awsui-dropdown-default-max-width-7t5ed6\",\n\"spinnerRotatorFrom\": \"--awsui-spinner-rotator-from-7t5ed6\",\n\"spinnerRotatorTo\": \"--awsui-spinner-rotator-to-7t5ed6\",\n\"spinnerLineLeftFrom\": \"--awsui-spinner-line-left-from-7t5ed6\",\n\"spinnerLineLeftTo\": \"--awsui-spinner-line-left-to-7t5ed6\",\n\"spinnerLineRightFrom\": \"--awsui-spinner-line-right-from-7t5ed6\",\n\"spinnerLineRightTo\": \"--awsui-spinner-line-right-to-7t5ed6\",\n\"sliderLabelCount\": \"--awsui-slider-label-count-7t5ed6\",\n\"sliderTickCount\": \"--awsui-slider-tick-count-7t5ed6\",\n\"sliderReferenceColumn\": \"--awsui-slider-reference-column-7t5ed6\",\n\"sliderNextReferenceColumn\": \"--awsui-slider-next-reference-column-7t5ed6\",\n\"sliderMaxStart\": \"--awsui-slider-max-start-7t5ed6\",\n\"sliderMinEnd\": \"--awsui-slider-min-end-7t5ed6\",\n\"sliderRangeInlineSize\": \"--awsui-slider-range-inline-size-7t5ed6\",\n\"sliderTooltipPosition\": \"--awsui-slider-tooltip-position-7t5ed6\",\n\"togglesLeftWidth\": \"--awsui-toggles-left-width-7t5ed6\",\n\"togglesRightWidth\": \"--awsui-toggles-right-width-7t5ed6\",\n };\n export default customCSSPropertiesMap;\n "]}
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 { useUniqueId } from './use-unique-id';
5
- import { useEffectOnUpdate } from './use-effect-on-update';
6
- import { useModalContext } from '../context/modal-context';
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 = useUniqueId();
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=use-performance-marks.js.map
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,2 +1,3 @@
1
+ export declare const useRandomId: () => string;
1
2
  export declare function useUniqueId(prefix?: string): string;
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-unique-id/index.ts"],"names":[],"mappings":"AAeA,wBAAgB,WAAW,CAAC,MAAM,CAAC,EAAE,MAAM,UAE1C"}
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 useIdFallback = () => {
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 : useIdFallback;
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,aAAa,GAAG,GAAG,EAAE;IACzB,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,GAAyB,MAAC,KAAa,CAAC,KAAK,mCAAI,aAAa,CAAC;AAE1E,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;\nconst useIdFallback = () => {\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 useIdFallback = (React as any).useId ?? useIdFallback;\n\nexport function useUniqueId(prefix?: string) {\n return `${prefix ? prefix : ''}` + useId();\n}\n"]}
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"]}
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "09430c09110f6a6ccbffd9d77d535176850c010d"
2
+ "commit": "c54515793103c374eb72cf76a52a618e262c960a"
3
3
  }
package/package.json CHANGED
@@ -117,7 +117,7 @@
117
117
  "./internal/base-component/index.js",
118
118
  "./internal/base-component/styles.css.js"
119
119
  ],
120
- "version": "3.0.650",
120
+ "version": "3.0.652",
121
121
  "repository": {
122
122
  "type": "git",
123
123
  "url": "https://github.com/cloudscape-design/components.git"
@@ -1,55 +1,55 @@
1
1
 
2
2
  import './styles.scoped.css';
3
3
  export default {
4
- "arrow": "awsui_arrow_xjuzf_1ugdf_193",
5
- "arrow-outer": "awsui_arrow-outer_xjuzf_1ugdf_197",
6
- "arrow-inner": "awsui_arrow-inner_xjuzf_1ugdf_197",
7
- "refresh": "awsui_refresh_xjuzf_1ugdf_232",
8
- "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1ugdf_242",
9
- "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1ugdf_242",
10
- "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1ugdf_245",
11
- "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1ugdf_245",
12
- "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1ugdf_248",
13
- "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1ugdf_248",
14
- "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1ugdf_248",
15
- "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1ugdf_248",
16
- "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1ugdf_251",
17
- "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1ugdf_251",
18
- "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1ugdf_251",
19
- "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1ugdf_251",
20
- "body": "awsui_body_xjuzf_1ugdf_351",
21
- "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1ugdf_390",
22
- "has-dismiss": "awsui_has-dismiss_xjuzf_1ugdf_394",
23
- "dismiss": "awsui_dismiss_xjuzf_1ugdf_399",
24
- "dismiss-control": "awsui_dismiss-control_xjuzf_1ugdf_407",
25
- "header-row": "awsui_header-row_xjuzf_1ugdf_411",
26
- "header": "awsui_header_xjuzf_1ugdf_411",
27
- "content": "awsui_content_xjuzf_1ugdf_436",
28
- "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1ugdf_444",
29
- "container": "awsui_container_xjuzf_1ugdf_544",
30
- "container-body": "awsui_container-body_xjuzf_1ugdf_552",
31
- "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1ugdf_595",
32
- "container-body-size-small": "awsui_container-body-size-small_xjuzf_1ugdf_600",
33
- "fixed-width": "awsui_fixed-width_xjuzf_1ugdf_603",
34
- "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1ugdf_607",
35
- "container-body-size-large": "awsui_container-body-size-large_xjuzf_1ugdf_614",
36
- "container-arrow": "awsui_container-arrow_xjuzf_1ugdf_626",
37
- "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1ugdf_630",
38
- "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1ugdf_630",
39
- "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1ugdf_647",
40
- "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1ugdf_647",
41
- "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1ugdf_664",
42
- "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1ugdf_664",
43
- "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1ugdf_664",
44
- "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1ugdf_664",
45
- "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1ugdf_680",
46
- "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1ugdf_684",
47
- "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1ugdf_688",
48
- "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1ugdf_1",
49
- "root": "awsui_root_xjuzf_1ugdf_832",
50
- "trigger": "awsui_trigger_xjuzf_1ugdf_868",
51
- "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1ugdf_875",
52
- "trigger-type-text": "awsui_trigger-type-text_xjuzf_1ugdf_883",
53
- "popover-inline-content": "awsui_popover-inline-content_xjuzf_1ugdf_919"
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