@cloudscape-design/components 3.0.337 → 3.0.338

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 (188) hide show
  1. package/app-layout/styles.css.js +17 -17
  2. package/app-layout/styles.scoped.css +21 -21
  3. package/app-layout/styles.selectors.js +17 -17
  4. package/app-layout/visual-refresh/styles.css.js +69 -69
  5. package/app-layout/visual-refresh/styles.scoped.css +173 -169
  6. package/app-layout/visual-refresh/styles.selectors.js +69 -69
  7. package/area-chart/chart-container.d.ts +2 -2
  8. package/area-chart/chart-container.d.ts.map +1 -1
  9. package/area-chart/chart-container.js +1 -1
  10. package/area-chart/chart-container.js.map +1 -1
  11. package/area-chart/interfaces.d.ts +5 -1
  12. package/area-chart/interfaces.d.ts.map +1 -1
  13. package/area-chart/interfaces.js.map +1 -1
  14. package/area-chart/internal.d.ts +1 -1
  15. package/area-chart/internal.d.ts.map +1 -1
  16. package/area-chart/internal.js +2 -2
  17. package/area-chart/internal.js.map +1 -1
  18. package/attribute-editor/interfaces.d.ts +7 -0
  19. package/attribute-editor/interfaces.d.ts.map +1 -1
  20. package/attribute-editor/interfaces.js.map +1 -1
  21. package/attribute-editor/internal.d.ts.map +1 -1
  22. package/attribute-editor/internal.js +2 -2
  23. package/attribute-editor/internal.js.map +1 -1
  24. package/attribute-editor/row.d.ts +3 -2
  25. package/attribute-editor/row.d.ts.map +1 -1
  26. package/attribute-editor/row.js +2 -2
  27. package/attribute-editor/row.js.map +1 -1
  28. package/box/styles.css.js +189 -189
  29. package/box/styles.scoped.css +257 -257
  30. package/box/styles.selectors.js +189 -189
  31. package/button/styles.css.js +20 -20
  32. package/button/styles.scoped.css +154 -154
  33. package/button/styles.selectors.js +20 -20
  34. package/button-dropdown/category-elements/styles.css.js +13 -13
  35. package/button-dropdown/category-elements/styles.scoped.css +25 -25
  36. package/button-dropdown/category-elements/styles.selectors.js +13 -13
  37. package/button-dropdown/item-element/styles.css.js +14 -14
  38. package/button-dropdown/item-element/styles.scoped.css +20 -20
  39. package/button-dropdown/item-element/styles.selectors.js +14 -14
  40. package/cards/styles.css.js +38 -38
  41. package/cards/styles.scoped.css +57 -62
  42. package/cards/styles.selectors.js +38 -38
  43. package/container/styles.css.js +28 -28
  44. package/container/styles.scoped.css +57 -54
  45. package/container/styles.selectors.js +28 -28
  46. package/content-layout/styles.css.js +7 -7
  47. package/content-layout/styles.scoped.css +13 -13
  48. package/content-layout/styles.selectors.js +7 -7
  49. package/expandable-section/styles.css.js +29 -29
  50. package/expandable-section/styles.scoped.css +61 -61
  51. package/expandable-section/styles.selectors.js +29 -29
  52. package/flashbar/styles.css.js +46 -46
  53. package/flashbar/styles.scoped.css +146 -146
  54. package/flashbar/styles.selectors.js +46 -46
  55. package/form-field/internal.js +3 -2
  56. package/form-field/internal.js.map +1 -1
  57. package/header/internal.d.ts.map +1 -1
  58. package/header/internal.js +5 -5
  59. package/header/internal.js.map +1 -1
  60. package/header/styles.css.js +33 -44
  61. package/header/styles.scoped.css +85 -91
  62. package/header/styles.selectors.js +33 -44
  63. package/help-panel/styles.css.js +4 -4
  64. package/help-panel/styles.scoped.css +80 -80
  65. package/help-panel/styles.selectors.js +4 -4
  66. package/icon/styles.css.js +21 -21
  67. package/icon/styles.scoped.css +54 -54
  68. package/icon/styles.selectors.js +21 -21
  69. package/internal/analytics/components/analytics-funnel.d.ts.map +1 -1
  70. package/internal/analytics/components/analytics-funnel.js +14 -13
  71. package/internal/analytics/components/analytics-funnel.js.map +1 -1
  72. package/internal/analytics/context/analytics-context.d.ts +6 -7
  73. package/internal/analytics/context/analytics-context.d.ts.map +1 -1
  74. package/internal/analytics/context/analytics-context.js +2 -6
  75. package/internal/analytics/context/analytics-context.js.map +1 -1
  76. package/internal/analytics/hooks/use-funnel.d.ts +4 -7
  77. package/internal/analytics/hooks/use-funnel.d.ts.map +1 -1
  78. package/internal/analytics/hooks/use-funnel.js +9 -7
  79. package/internal/analytics/hooks/use-funnel.js.map +1 -1
  80. package/internal/base-component/styles.scoped.css +45 -35
  81. package/internal/components/button-trigger/index.d.ts +2 -1
  82. package/internal/components/button-trigger/index.d.ts.map +1 -1
  83. package/internal/components/button-trigger/index.js +2 -2
  84. package/internal/components/button-trigger/index.js.map +1 -1
  85. package/internal/components/cartesian-chart/interfaces.d.ts +10 -2
  86. package/internal/components/cartesian-chart/interfaces.d.ts.map +1 -1
  87. package/internal/components/cartesian-chart/interfaces.js.map +1 -1
  88. package/internal/components/dropdown/index.d.ts +1 -1
  89. package/internal/components/dropdown/index.d.ts.map +1 -1
  90. package/internal/components/dropdown/index.js +4 -4
  91. package/internal/components/dropdown/index.js.map +1 -1
  92. package/internal/components/dropdown/interfaces.d.ts +8 -0
  93. package/internal/components/dropdown/interfaces.d.ts.map +1 -1
  94. package/internal/components/dropdown/interfaces.js.map +1 -1
  95. package/internal/components/menu-dropdown/styles.css.js +7 -7
  96. package/internal/components/menu-dropdown/styles.scoped.css +14 -14
  97. package/internal/components/menu-dropdown/styles.selectors.js +7 -7
  98. package/internal/environment.js +1 -1
  99. package/internal/generated/theming/index.cjs +153 -120
  100. package/internal/generated/theming/index.js +153 -120
  101. package/internal/manifest.json +1 -1
  102. package/link/internal.d.ts.map +1 -1
  103. package/link/internal.js +3 -2
  104. package/link/internal.js.map +1 -1
  105. package/link/styles.css.js +20 -20
  106. package/link/styles.scoped.css +83 -83
  107. package/link/styles.selectors.js +20 -20
  108. package/mixed-line-bar-chart/internal.d.ts +1 -1
  109. package/mixed-line-bar-chart/internal.d.ts.map +1 -1
  110. package/mixed-line-bar-chart/internal.js +2 -2
  111. package/mixed-line-bar-chart/internal.js.map +1 -1
  112. package/modal/styles.css.js +23 -23
  113. package/modal/styles.scoped.css +40 -40
  114. package/modal/styles.selectors.js +23 -23
  115. package/package.json +1 -1
  116. package/pagination/styles.css.js +9 -9
  117. package/pagination/styles.scoped.css +24 -24
  118. package/pagination/styles.selectors.js +9 -9
  119. package/popover/styles.css.js +50 -50
  120. package/popover/styles.scoped.css +65 -65
  121. package/popover/styles.selectors.js +50 -50
  122. package/property-filter/index.d.ts.map +1 -1
  123. package/property-filter/index.js +4 -3
  124. package/property-filter/index.js.map +1 -1
  125. package/property-filter/interfaces.d.ts +16 -5
  126. package/property-filter/interfaces.d.ts.map +1 -1
  127. package/property-filter/interfaces.js.map +1 -1
  128. package/s3-resource-selector/index.d.ts.map +1 -1
  129. package/s3-resource-selector/index.js +2 -2
  130. package/s3-resource-selector/index.js.map +1 -1
  131. package/s3-resource-selector/interfaces.d.ts +7 -0
  132. package/s3-resource-selector/interfaces.d.ts.map +1 -1
  133. package/s3-resource-selector/interfaces.js.map +1 -1
  134. package/s3-resource-selector/s3-in-context/index.d.ts +1 -0
  135. package/s3-resource-selector/s3-in-context/index.d.ts.map +1 -1
  136. package/s3-resource-selector/s3-in-context/index.js +2 -2
  137. package/s3-resource-selector/s3-in-context/index.js.map +1 -1
  138. package/segmented-control/styles.css.js +14 -14
  139. package/segmented-control/styles.scoped.css +35 -35
  140. package/segmented-control/styles.selectors.js +14 -14
  141. package/select/utils/use-select.d.ts +5 -7
  142. package/select/utils/use-select.d.ts.map +1 -1
  143. package/select/utils/use-select.js +6 -0
  144. package/select/utils/use-select.js.map +1 -1
  145. package/side-navigation/styles.css.js +28 -28
  146. package/side-navigation/styles.scoped.css +49 -49
  147. package/side-navigation/styles.selectors.js +28 -28
  148. package/spinner/styles.css.js +13 -13
  149. package/spinner/styles.scoped.css +22 -22
  150. package/spinner/styles.selectors.js +13 -13
  151. package/split-panel/styles.css.js +56 -56
  152. package/split-panel/styles.scoped.css +80 -80
  153. package/split-panel/styles.selectors.js +56 -56
  154. package/table/header-cell/styles.css.js +24 -24
  155. package/table/header-cell/styles.scoped.css +41 -41
  156. package/table/header-cell/styles.selectors.js +24 -24
  157. package/table/styles.css.js +34 -34
  158. package/table/styles.scoped.css +45 -52
  159. package/table/styles.selectors.js +34 -34
  160. package/tabs/styles.css.js +21 -21
  161. package/tabs/styles.scoped.css +41 -41
  162. package/tabs/styles.selectors.js +21 -21
  163. package/tag-editor/styles.css.js +3 -3
  164. package/tag-editor/styles.scoped.css +11 -11
  165. package/tag-editor/styles.selectors.js +3 -3
  166. package/text-content/styles.css.js +1 -1
  167. package/text-content/styles.scoped.css +71 -71
  168. package/text-content/styles.selectors.js +1 -1
  169. package/top-navigation/1.0-beta/styles.css.js +25 -25
  170. package/top-navigation/1.0-beta/styles.scoped.css +45 -45
  171. package/top-navigation/1.0-beta/styles.selectors.js +25 -25
  172. package/top-navigation/styles.css.js +47 -47
  173. package/top-navigation/styles.scoped.css +74 -74
  174. package/top-navigation/styles.selectors.js +47 -47
  175. package/tutorial-panel/components/tutorial-detail-view/styles.css.js +20 -20
  176. package/tutorial-panel/components/tutorial-detail-view/styles.scoped.css +22 -22
  177. package/tutorial-panel/components/tutorial-detail-view/styles.selectors.js +20 -20
  178. package/wizard/interfaces.d.ts +10 -3
  179. package/wizard/interfaces.d.ts.map +1 -1
  180. package/wizard/interfaces.js.map +1 -1
  181. package/wizard/internal.d.ts +1 -1
  182. package/wizard/internal.d.ts.map +1 -1
  183. package/wizard/internal.js +5 -5
  184. package/wizard/internal.js.map +1 -1
  185. package/wizard/wizard-form.d.ts +2 -1
  186. package/wizard/wizard-form.d.ts.map +1 -1
  187. package/wizard/wizard-form.js +2 -2
  188. package/wizard/wizard-form.js.map +1 -1
@@ -1634,11 +1634,11 @@ export var preset = {
1634
1634
  "fontBodySLineHeight": "16px",
1635
1635
  "fontBodySSize": "12px",
1636
1636
  "fontButtonLetterSpacing": "0.005em",
1637
- "fontButtonWeight": "{fontWeightHeavy}",
1637
+ "fontButtonWeight": "700",
1638
1638
  "fontChartDetailSize": "{fontBodySSize}",
1639
1639
  "fontDisplayLLetterSpacing": "-0.03em",
1640
- "fontDisplayLLineHeight": "54px",
1641
- "fontDisplayLSize": "48px",
1640
+ "fontDisplayLLineHeight": "48px",
1641
+ "fontDisplayLSize": "42px",
1642
1642
  "fontDisplayLabelWeight": "700",
1643
1643
  "fontExpandableHeadingSize": "{fontHeadingSSize}",
1644
1644
  "fontFamilyBase": "'Open Sans', 'Helvetica Neue', Roboto, Arial, sans-serif",
@@ -1646,25 +1646,25 @@ export var preset = {
1646
1646
  "fontHeaderH2DescriptionLineHeight": "{fontBodyMLineHeight}",
1647
1647
  "fontHeaderH2DescriptionSize": "{fontBodyMSize}",
1648
1648
  "fontHeadingLLetterSpacing": "-0.015em",
1649
- "fontHeadingLLineHeight": "30px",
1650
- "fontHeadingLSize": "24px",
1651
- "fontHeadingLWeight": "{fontWeightHeavy}",
1649
+ "fontHeadingLLineHeight": "24px",
1650
+ "fontHeadingLSize": "20px",
1651
+ "fontHeadingLWeight": "700",
1652
1652
  "fontHeadingMLetterSpacing": "-0.010em",
1653
- "fontHeadingMLineHeight": "24px",
1654
- "fontHeadingMSize": "20px",
1655
- "fontHeadingMWeight": "{fontWeightHeavy}",
1653
+ "fontHeadingMLineHeight": "22px",
1654
+ "fontHeadingMSize": "18px",
1655
+ "fontHeadingMWeight": "700",
1656
1656
  "fontHeadingSLetterSpacing": "-0.005em",
1657
1657
  "fontHeadingSLineHeight": "20px",
1658
1658
  "fontHeadingSSize": "16px",
1659
- "fontHeadingSWeight": "{fontWeightHeavy}",
1659
+ "fontHeadingSWeight": "700",
1660
1660
  "fontHeadingXlLetterSpacing": "-0.02em",
1661
- "fontHeadingXlLineHeight": "40px",
1662
- "fontHeadingXlSize": "32px",
1663
- "fontHeadingXlWeight": "{fontWeightHeavy}",
1661
+ "fontHeadingXlLineHeight": "30px",
1662
+ "fontHeadingXlSize": "24px",
1663
+ "fontHeadingXlWeight": "700",
1664
1664
  "fontHeadingXsLineHeight": "18px",
1665
1665
  "fontHeadingXsSize": "14px",
1666
- "fontHeadingXsWeight": "{fontWeightHeavy}",
1667
- "fontBoxValueLargeWeight": "{fontWeightHeavy}",
1666
+ "fontHeadingXsWeight": "700",
1667
+ "fontBoxValueLargeWeight": "700",
1668
1668
  "fontLinkButtonLetterSpacing": "{fontButtonLetterSpacing}",
1669
1669
  "fontLinkButtonWeight": "{fontButtonWeight}",
1670
1670
  "fontLinkPrimaryDecoration": "underline",
@@ -1677,8 +1677,8 @@ export var preset = {
1677
1677
  "fontTabsDisabledWeight": "{fontWayfindingLinkActiveWeight}",
1678
1678
  "fontTabsLineHeight": "{fontHeadingSLineHeight}",
1679
1679
  "fontTabsSize": "{fontHeadingSSize}",
1680
- "fontWayfindingLinkActiveWeight": "{fontWeightHeavy}",
1681
- "fontWeightHeavy": "800",
1680
+ "fontWayfindingLinkActiveWeight": "700",
1681
+ "fontWeightHeavy": "700",
1682
1682
  "borderActiveWidth": "4px",
1683
1683
  "borderCodeEditorStatusDividerWidth": "{borderDividerSectionWidth}",
1684
1684
  "borderContainerStickyWidth": "0px",
@@ -1925,6 +1925,10 @@ export var preset = {
1925
1925
  "comfortable": "4px",
1926
1926
  "compact": "4px"
1927
1927
  },
1928
+ "spaceButtonHorizontal": {
1929
+ "comfortable": "{spaceScaledL}",
1930
+ "compact": "{spaceScaledL}"
1931
+ },
1928
1932
  "spaceButtonIconFocusOutlineGutterVertical": {
1929
1933
  "comfortable": "0px",
1930
1934
  "compact": "0px"
@@ -1938,8 +1942,8 @@ export var preset = {
1938
1942
  "compact": "0px"
1939
1943
  },
1940
1944
  "spaceButtonModalDismissVertical": {
1941
- "comfortable": "0px",
1942
- "compact": "0px"
1945
+ "comfortable": "{spaceScaledXxxs}",
1946
+ "compact": "{spaceScaledXxxs}"
1943
1947
  },
1944
1948
  "spaceCalendarGridFocusOutlineGutter": {
1945
1949
  "comfortable": "-5px",
@@ -1953,25 +1957,33 @@ export var preset = {
1953
1957
  "comfortable": "{spaceContainerHorizontal}",
1954
1958
  "compact": "{spaceContainerHorizontal}"
1955
1959
  },
1960
+ "spaceCardVertical": {
1961
+ "comfortable": "{spaceScaledM}",
1962
+ "compact": "{spaceScaledM}"
1963
+ },
1956
1964
  "spaceCodeEditorStatusFocusOutlineGutter": {
1957
1965
  "comfortable": "-7px",
1958
1966
  "compact": "-7px"
1959
1967
  },
1960
1968
  "spaceContainerContentTop": {
1961
- "comfortable": "0px",
1962
- "compact": "0px"
1969
+ "comfortable": "{spaceXxs}",
1970
+ "compact": "{spaceXxs}"
1963
1971
  },
1964
- "spaceContainerHeaderVertical": {
1972
+ "spaceContainerHeaderTop": {
1965
1973
  "comfortable": "{spaceS}",
1966
1974
  "compact": "{spaceS}"
1967
1975
  },
1976
+ "spaceContainerHeaderBottom": {
1977
+ "comfortable": "{spaceScaledXs}",
1978
+ "compact": "{spaceScaledXs}"
1979
+ },
1968
1980
  "spaceContainerHorizontal": {
1969
1981
  "comfortable": "{spaceL}",
1970
1982
  "compact": "{spaceL}"
1971
1983
  },
1972
1984
  "spaceContentHeaderPaddingBottom": {
1973
- "comfortable": "{spaceXl}",
1974
- "compact": "{spaceS}"
1985
+ "comfortable": "{spaceScaledM}",
1986
+ "compact": "{spaceScaledM}"
1975
1987
  },
1976
1988
  "spaceDarkHeaderOverlapDistance": {
1977
1989
  "comfortable": "36px",
@@ -2061,45 +2073,45 @@ export var preset = {
2061
2073
  "comfortable": "4px",
2062
2074
  "compact": "4px"
2063
2075
  },
2064
- "spaceTableHeaderFocusOutlineGutter": {
2065
- "comfortable": "0px",
2066
- "compact": "-1px"
2067
- },
2068
2076
  "spaceTabsContentTop": {
2069
2077
  "comfortable": "{spaceScaledS}",
2070
2078
  "compact": "{spaceScaledS}"
2071
2079
  },
2072
- "spaceTableHorizontal": {
2073
- "comfortable": "{spaceContainerHorizontal}",
2074
- "compact": "{spaceContainerHorizontal}"
2080
+ "spaceTabsFocusOutlineGutter": {
2081
+ "comfortable": "-8px",
2082
+ "compact": "-8px"
2075
2083
  },
2076
- "spaceTableHeaderHorizontal": {
2084
+ "spaceTableContentBottom": {
2085
+ "comfortable": "{spaceXxs}",
2086
+ "compact": "{spaceXxs}"
2087
+ },
2088
+ "spaceTableEmbeddedHeaderTop": {
2077
2089
  "comfortable": "0px",
2078
2090
  "compact": "0px"
2079
2091
  },
2080
- "spaceTableContentBottom": {
2081
- "comfortable": "4px",
2082
- "compact": "4px"
2092
+ "spaceTableFooterHorizontal": {
2093
+ "comfortable": "{spaceTableHeaderHorizontal}",
2094
+ "compact": "{spaceTableHeaderHorizontal}"
2083
2095
  },
2084
- "spaceTableContentTop": {
2085
- "comfortable": "{spaceScaledS}",
2086
- "compact": "{spaceScaledS}"
2096
+ "spaceTableHeaderFocusOutlineGutter": {
2097
+ "comfortable": "0px",
2098
+ "compact": "-1px"
2087
2099
  },
2088
- "spaceTableEmbeddedContentBottom": {
2100
+ "spaceTableHeaderHorizontal": {
2089
2101
  "comfortable": "0px",
2090
2102
  "compact": "0px"
2091
2103
  },
2092
- "spaceTableEmbeddedHeaderTop": {
2104
+ "spaceTableHeaderToolsBottom": {
2093
2105
  "comfortable": "0px",
2094
2106
  "compact": "0px"
2095
2107
  },
2096
- "spaceTableFooterHorizontal": {
2097
- "comfortable": "{spaceTableHeaderHorizontal}",
2098
- "compact": "{spaceTableHeaderHorizontal}"
2108
+ "spaceTableHeaderToolsFullPageBottom": {
2109
+ "comfortable": "4px",
2110
+ "compact": "4px"
2099
2111
  },
2100
- "spaceTabsFocusOutlineGutter": {
2101
- "comfortable": "-8px",
2102
- "compact": "-8px"
2112
+ "spaceTableHorizontal": {
2113
+ "comfortable": "{spaceContainerHorizontal}",
2114
+ "compact": "{spaceContainerHorizontal}"
2103
2115
  },
2104
2116
  "spaceScaled2xNone": {
2105
2117
  "comfortable": "{spaceNone}",
@@ -2351,6 +2363,10 @@ export var preset = {
2351
2363
  "comfortable": "4px",
2352
2364
  "compact": "4px"
2353
2365
  },
2366
+ "spaceButtonHorizontal": {
2367
+ "comfortable": "{spaceScaledL}",
2368
+ "compact": "{spaceScaledL}"
2369
+ },
2354
2370
  "spaceButtonIconFocusOutlineGutterVertical": {
2355
2371
  "comfortable": "0px",
2356
2372
  "compact": "0px"
@@ -2364,8 +2380,8 @@ export var preset = {
2364
2380
  "compact": "0px"
2365
2381
  },
2366
2382
  "spaceButtonModalDismissVertical": {
2367
- "comfortable": "0px",
2368
- "compact": "0px"
2383
+ "comfortable": "{spaceScaledXxxs}",
2384
+ "compact": "{spaceScaledXxxs}"
2369
2385
  },
2370
2386
  "spaceCalendarGridFocusOutlineGutter": {
2371
2387
  "comfortable": "-5px",
@@ -2379,25 +2395,33 @@ export var preset = {
2379
2395
  "comfortable": "{spaceContainerHorizontal}",
2380
2396
  "compact": "{spaceContainerHorizontal}"
2381
2397
  },
2398
+ "spaceCardVertical": {
2399
+ "comfortable": "{spaceScaledM}",
2400
+ "compact": "{spaceScaledM}"
2401
+ },
2382
2402
  "spaceCodeEditorStatusFocusOutlineGutter": {
2383
2403
  "comfortable": "-7px",
2384
2404
  "compact": "-7px"
2385
2405
  },
2386
2406
  "spaceContainerContentTop": {
2387
- "comfortable": "0px",
2388
- "compact": "0px"
2407
+ "comfortable": "{spaceXxs}",
2408
+ "compact": "{spaceXxs}"
2389
2409
  },
2390
- "spaceContainerHeaderVertical": {
2410
+ "spaceContainerHeaderTop": {
2391
2411
  "comfortable": "{spaceS}",
2392
2412
  "compact": "{spaceS}"
2393
2413
  },
2414
+ "spaceContainerHeaderBottom": {
2415
+ "comfortable": "{spaceScaledXs}",
2416
+ "compact": "{spaceScaledXs}"
2417
+ },
2394
2418
  "spaceContainerHorizontal": {
2395
2419
  "comfortable": "{spaceL}",
2396
2420
  "compact": "{spaceL}"
2397
2421
  },
2398
2422
  "spaceContentHeaderPaddingBottom": {
2399
- "comfortable": "{spaceXl}",
2400
- "compact": "{spaceS}"
2423
+ "comfortable": "{spaceScaledM}",
2424
+ "compact": "{spaceScaledM}"
2401
2425
  },
2402
2426
  "spaceDarkHeaderOverlapDistance": {
2403
2427
  "comfortable": "36px",
@@ -2487,45 +2511,45 @@ export var preset = {
2487
2511
  "comfortable": "4px",
2488
2512
  "compact": "4px"
2489
2513
  },
2490
- "spaceTableHeaderFocusOutlineGutter": {
2491
- "comfortable": "0px",
2492
- "compact": "-1px"
2493
- },
2494
2514
  "spaceTabsContentTop": {
2495
2515
  "comfortable": "{spaceScaledS}",
2496
2516
  "compact": "{spaceScaledS}"
2497
2517
  },
2498
- "spaceTableHorizontal": {
2499
- "comfortable": "{spaceContainerHorizontal}",
2500
- "compact": "{spaceContainerHorizontal}"
2518
+ "spaceTabsFocusOutlineGutter": {
2519
+ "comfortable": "-8px",
2520
+ "compact": "-8px"
2501
2521
  },
2502
- "spaceTableHeaderHorizontal": {
2522
+ "spaceTableContentBottom": {
2523
+ "comfortable": "{spaceXxs}",
2524
+ "compact": "{spaceXxs}"
2525
+ },
2526
+ "spaceTableEmbeddedHeaderTop": {
2503
2527
  "comfortable": "0px",
2504
2528
  "compact": "0px"
2505
2529
  },
2506
- "spaceTableContentBottom": {
2507
- "comfortable": "4px",
2508
- "compact": "4px"
2530
+ "spaceTableFooterHorizontal": {
2531
+ "comfortable": "{spaceTableHeaderHorizontal}",
2532
+ "compact": "{spaceTableHeaderHorizontal}"
2509
2533
  },
2510
- "spaceTableContentTop": {
2511
- "comfortable": "{spaceScaledS}",
2512
- "compact": "{spaceScaledS}"
2534
+ "spaceTableHeaderFocusOutlineGutter": {
2535
+ "comfortable": "0px",
2536
+ "compact": "-1px"
2513
2537
  },
2514
- "spaceTableEmbeddedContentBottom": {
2538
+ "spaceTableHeaderHorizontal": {
2515
2539
  "comfortable": "0px",
2516
2540
  "compact": "0px"
2517
2541
  },
2518
- "spaceTableEmbeddedHeaderTop": {
2542
+ "spaceTableHeaderToolsBottom": {
2519
2543
  "comfortable": "0px",
2520
2544
  "compact": "0px"
2521
2545
  },
2522
- "spaceTableFooterHorizontal": {
2523
- "comfortable": "{spaceTableHeaderHorizontal}",
2524
- "compact": "{spaceTableHeaderHorizontal}"
2546
+ "spaceTableHeaderToolsFullPageBottom": {
2547
+ "comfortable": "4px",
2548
+ "compact": "4px"
2525
2549
  },
2526
- "spaceTabsFocusOutlineGutter": {
2527
- "comfortable": "-8px",
2528
- "compact": "-8px"
2550
+ "spaceTableHorizontal": {
2551
+ "comfortable": "{spaceContainerHorizontal}",
2552
+ "compact": "{spaceContainerHorizontal}"
2529
2553
  },
2530
2554
  "spaceScaled2xNone": {
2531
2555
  "comfortable": "{spaceNone}",
@@ -7867,6 +7891,7 @@ export var preset = {
7867
7891
  "spaceAlertMessageRight": "density",
7868
7892
  "spaceAlertVertical": "density",
7869
7893
  "spaceButtonFocusOutlineGutter": "density",
7894
+ "spaceButtonHorizontal": "density",
7870
7895
  "spaceButtonIconFocusOutlineGutterVertical": "density",
7871
7896
  "spaceButtonIconOnlyHorizontal": "density",
7872
7897
  "spaceButtonInlineIconFocusOutlineGutter": "density",
@@ -7874,9 +7899,11 @@ export var preset = {
7874
7899
  "spaceCalendarGridFocusOutlineGutter": "density",
7875
7900
  "spaceCalendarGridSelectedFocusOutlineGutter": "density",
7876
7901
  "spaceCardHorizontal": "density",
7902
+ "spaceCardVertical": "density",
7877
7903
  "spaceCodeEditorStatusFocusOutlineGutter": "density",
7878
7904
  "spaceContainerContentTop": "density",
7879
- "spaceContainerHeaderVertical": "density",
7905
+ "spaceContainerHeaderTop": "density",
7906
+ "spaceContainerHeaderBottom": "density",
7880
7907
  "spaceContainerHorizontal": "density",
7881
7908
  "spaceContentHeaderPaddingBottom": "density",
7882
7909
  "spaceDarkHeaderOverlapDistance": "density",
@@ -7901,16 +7928,16 @@ export var preset = {
7901
7928
  "spacePanelSideRight": "density",
7902
7929
  "spacePanelSplitTop": "density",
7903
7930
  "spaceSegmentedControlFocusOutlineGutter": "density",
7904
- "spaceTableHeaderFocusOutlineGutter": "density",
7905
7931
  "spaceTabsContentTop": "density",
7906
- "spaceTableHorizontal": "density",
7907
- "spaceTableHeaderHorizontal": "density",
7932
+ "spaceTabsFocusOutlineGutter": "density",
7908
7933
  "spaceTableContentBottom": "density",
7909
- "spaceTableContentTop": "density",
7910
- "spaceTableEmbeddedContentBottom": "density",
7911
7934
  "spaceTableEmbeddedHeaderTop": "density",
7912
7935
  "spaceTableFooterHorizontal": "density",
7913
- "spaceTabsFocusOutlineGutter": "density",
7936
+ "spaceTableHeaderFocusOutlineGutter": "density",
7937
+ "spaceTableHeaderHorizontal": "density",
7938
+ "spaceTableHeaderToolsBottom": "density",
7939
+ "spaceTableHeaderToolsFullPageBottom": "density",
7940
+ "spaceTableHorizontal": "density",
7914
7941
  "spaceScaled2xNone": "density",
7915
7942
  "spaceScaled2xXxxs": "density",
7916
7943
  "spaceScaled2xXxs": "density",
@@ -9032,6 +9059,7 @@ export var preset = {
9032
9059
  "spaceAlertMessageRight": "space-alert-message-right",
9033
9060
  "spaceAlertVertical": "space-alert-vertical",
9034
9061
  "spaceButtonFocusOutlineGutter": "space-button-focus-outline-gutter",
9062
+ "spaceButtonHorizontal": "space-button-horizontal",
9035
9063
  "spaceButtonIconFocusOutlineGutterVertical": "space-button-icon-focus-outline-gutter-vertical",
9036
9064
  "spaceButtonIconOnlyHorizontal": "space-button-icon-only-horizontal",
9037
9065
  "spaceButtonInlineIconFocusOutlineGutter": "space-button-inline-icon-focus-outline-gutter",
@@ -9039,9 +9067,11 @@ export var preset = {
9039
9067
  "spaceCalendarGridFocusOutlineGutter": "space-calendar-grid-focus-outline-gutter",
9040
9068
  "spaceCalendarGridSelectedFocusOutlineGutter": "space-calendar-grid-selected-focus-outline-gutter",
9041
9069
  "spaceCardHorizontal": "space-card-horizontal",
9070
+ "spaceCardVertical": "space-card-vertical",
9042
9071
  "spaceCodeEditorStatusFocusOutlineGutter": "space-code-editor-status-focus-outline-gutter",
9043
9072
  "spaceContainerContentTop": "space-container-content-top",
9044
- "spaceContainerHeaderVertical": "space-container-header-vertical",
9073
+ "spaceContainerHeaderTop": "space-container-header-top",
9074
+ "spaceContainerHeaderBottom": "space-container-header-bottom",
9045
9075
  "spaceContainerHorizontal": "space-container-horizontal",
9046
9076
  "spaceContentHeaderPaddingBottom": "space-content-header-padding-bottom",
9047
9077
  "spaceDarkHeaderOverlapDistance": "space-dark-header-overlap-distance",
@@ -9066,16 +9096,16 @@ export var preset = {
9066
9096
  "spacePanelSideRight": "space-panel-side-right",
9067
9097
  "spacePanelSplitTop": "space-panel-split-top",
9068
9098
  "spaceSegmentedControlFocusOutlineGutter": "space-segmented-control-focus-outline-gutter",
9069
- "spaceTableHeaderFocusOutlineGutter": "space-table-header-focus-outline-gutter",
9070
9099
  "spaceTabsContentTop": "space-tabs-content-top",
9071
- "spaceTableHorizontal": "space-table-horizontal",
9072
- "spaceTableHeaderHorizontal": "space-table-header-horizontal",
9100
+ "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
9073
9101
  "spaceTableContentBottom": "space-table-content-bottom",
9074
- "spaceTableContentTop": "space-table-content-top",
9075
- "spaceTableEmbeddedContentBottom": "space-table-embedded-content-bottom",
9076
9102
  "spaceTableEmbeddedHeaderTop": "space-table-embedded-header-top",
9077
9103
  "spaceTableFooterHorizontal": "space-table-footer-horizontal",
9078
- "spaceTabsFocusOutlineGutter": "space-tabs-focus-outline-gutter",
9104
+ "spaceTableHeaderFocusOutlineGutter": "space-table-header-focus-outline-gutter",
9105
+ "spaceTableHeaderHorizontal": "space-table-header-horizontal",
9106
+ "spaceTableHeaderToolsBottom": "space-table-header-tools-bottom",
9107
+ "spaceTableHeaderToolsFullPageBottom": "space-table-header-tools-full-page-bottom",
9108
+ "spaceTableHorizontal": "space-table-horizontal",
9079
9109
  "spaceScaled2xNone": "space-scaled-2x-none",
9080
9110
  "spaceScaled2xXxxs": "space-scaled-2x-xxxs",
9081
9111
  "spaceScaled2xXxs": "space-scaled-2x-xxs",
@@ -9571,11 +9601,11 @@ export var preset = {
9571
9601
  "fontBodySLineHeight": "--font-body-s-line-height-ga8tt7",
9572
9602
  "fontBodySSize": "--font-body-s-size-6jmxer",
9573
9603
  "fontButtonLetterSpacing": "--font-button-letter-spacing-b8z34c",
9574
- "fontButtonWeight": "--font-button-weight-puh3qs",
9604
+ "fontButtonWeight": "--font-button-weight-44nug7",
9575
9605
  "fontChartDetailSize": "--font-chart-detail-size-gtiv3j",
9576
9606
  "fontDisplayLLetterSpacing": "--font-display-l-letter-spacing-38ceja",
9577
- "fontDisplayLLineHeight": "--font-display-l-line-height-qsh6fc",
9578
- "fontDisplayLSize": "--font-display-l-size-00j0me",
9607
+ "fontDisplayLLineHeight": "--font-display-l-line-height-t013st",
9608
+ "fontDisplayLSize": "--font-display-l-size-mxgvv1",
9579
9609
  "fontDisplayLabelWeight": "--font-display-label-weight-io22e5",
9580
9610
  "fontExpandableHeadingSize": "--font-expandable-heading-size-mkp9vq",
9581
9611
  "fontFamilyBase": "--font-family-base-wn913o",
@@ -9583,39 +9613,39 @@ export var preset = {
9583
9613
  "fontHeaderH2DescriptionLineHeight": "--font-header-h2-description-line-height-9j5c3z",
9584
9614
  "fontHeaderH2DescriptionSize": "--font-header-h2-description-size-nsq214",
9585
9615
  "fontHeadingLLetterSpacing": "--font-heading-l-letter-spacing-usq225",
9586
- "fontHeadingLLineHeight": "--font-heading-l-line-height-l1pmir",
9587
- "fontHeadingLSize": "--font-heading-l-size-hcsmf8",
9588
- "fontHeadingLWeight": "--font-heading-l-weight-cxmpnm",
9616
+ "fontHeadingLLineHeight": "--font-heading-l-line-height-ig1b8t",
9617
+ "fontHeadingLSize": "--font-heading-l-size-5kjk8n",
9618
+ "fontHeadingLWeight": "--font-heading-l-weight-klyszd",
9589
9619
  "fontHeadingMLetterSpacing": "--font-heading-m-letter-spacing-rsatez",
9590
- "fontHeadingMLineHeight": "--font-heading-m-line-height-ozfvgp",
9591
- "fontHeadingMSize": "--font-heading-m-size-hbn9yp",
9592
- "fontHeadingMWeight": "--font-heading-m-weight-dsug94",
9620
+ "fontHeadingMLineHeight": "--font-heading-m-line-height-ust616",
9621
+ "fontHeadingMSize": "--font-heading-m-size-9serd6",
9622
+ "fontHeadingMWeight": "--font-heading-m-weight-wrlbs5",
9593
9623
  "fontHeadingSLetterSpacing": "--font-heading-s-letter-spacing-j4vcrt",
9594
9624
  "fontHeadingSLineHeight": "--font-heading-s-line-height-uruujc",
9595
9625
  "fontHeadingSSize": "--font-heading-s-size-ep2ts9",
9596
- "fontHeadingSWeight": "--font-heading-s-weight-5y5giq",
9626
+ "fontHeadingSWeight": "--font-heading-s-weight-fzc30w",
9597
9627
  "fontHeadingXlLetterSpacing": "--font-heading-xl-letter-spacing-zxoemo",
9598
- "fontHeadingXlLineHeight": "--font-heading-xl-line-height-4s70cu",
9599
- "fontHeadingXlSize": "--font-heading-xl-size-qxqrag",
9600
- "fontHeadingXlWeight": "--font-heading-xl-weight-g5v0pe",
9628
+ "fontHeadingXlLineHeight": "--font-heading-xl-line-height-r72brj",
9629
+ "fontHeadingXlSize": "--font-heading-xl-size-z2wrdj",
9630
+ "fontHeadingXlWeight": "--font-heading-xl-weight-icfx0r",
9601
9631
  "fontHeadingXsLineHeight": "--font-heading-xs-line-height-yt5y4b",
9602
9632
  "fontHeadingXsSize": "--font-heading-xs-size-2ai9la",
9603
- "fontHeadingXsWeight": "--font-heading-xs-weight-dxq16u",
9604
- "fontBoxValueLargeWeight": "--font-box-value-large-weight-fm7vyh",
9633
+ "fontHeadingXsWeight": "--font-heading-xs-weight-xog3y8",
9634
+ "fontBoxValueLargeWeight": "--font-box-value-large-weight-rm36ji",
9605
9635
  "fontLinkButtonLetterSpacing": "--font-link-button-letter-spacing-2e8gx8",
9606
- "fontLinkButtonWeight": "--font-link-button-weight-boao6d",
9636
+ "fontLinkButtonWeight": "--font-link-button-weight-xa7tgb",
9607
9637
  "fontLinkPrimaryDecoration": "--font-link-primary-decoration-gru46w",
9608
9638
  "fontLinkPrimaryLetterSpacing": "--font-link-primary-letter-spacing-zpfgrc",
9609
9639
  "fontLinkPrimaryWeight": "--font-link-primary-weight-tj5hoh",
9610
- "fontPanelHeaderLineHeight": "--font-panel-header-line-height-mz6j6r",
9611
- "fontPanelHeaderSize": "--font-panel-header-size-x8jazn",
9640
+ "fontPanelHeaderLineHeight": "--font-panel-header-line-height-pqpwyv",
9641
+ "fontPanelHeaderSize": "--font-panel-header-size-ey4ywd",
9612
9642
  "fontSmoothingWebkit": "--font-smoothing-webkit-fyh4as",
9613
9643
  "fontSmoothingMozOsx": "--font-smoothing-moz-osx-pa2uqe",
9614
- "fontTabsDisabledWeight": "--font-tabs-disabled-weight-nwzogt",
9644
+ "fontTabsDisabledWeight": "--font-tabs-disabled-weight-8w3z0i",
9615
9645
  "fontTabsLineHeight": "--font-tabs-line-height-hrscyg",
9616
9646
  "fontTabsSize": "--font-tabs-size-rcrn41",
9617
- "fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-66kyod",
9618
- "fontWeightHeavy": "--font-weight-heavy-jx4f0k",
9647
+ "fontWayfindingLinkActiveWeight": "--font-wayfinding-link-active-weight-frdnvo",
9648
+ "fontWeightHeavy": "--font-weight-heavy-gd0ixk",
9619
9649
  "borderActiveWidth": "--border-active-width-il32zr",
9620
9650
  "borderCodeEditorStatusDividerWidth": "--border-code-editor-status-divider-width-ku6xb1",
9621
9651
  "borderContainerStickyWidth": "--border-container-sticky-width-3mz641",
@@ -9706,18 +9736,21 @@ export var preset = {
9706
9736
  "spaceAlertMessageRight": "--space-alert-message-right-221e5g",
9707
9737
  "spaceAlertVertical": "--space-alert-vertical-83u3il",
9708
9738
  "spaceButtonFocusOutlineGutter": "--space-button-focus-outline-gutter-txnpcq",
9739
+ "spaceButtonHorizontal": "--space-button-horizontal-qj3pgb",
9709
9740
  "spaceButtonIconFocusOutlineGutterVertical": "--space-button-icon-focus-outline-gutter-vertical-omhhky",
9710
9741
  "spaceButtonIconOnlyHorizontal": "--space-button-icon-only-horizontal-k5a18g",
9711
9742
  "spaceButtonInlineIconFocusOutlineGutter": "--space-button-inline-icon-focus-outline-gutter-0bswpj",
9712
- "spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-tjnxlz",
9743
+ "spaceButtonModalDismissVertical": "--space-button-modal-dismiss-vertical-nbiqb6",
9713
9744
  "spaceCalendarGridFocusOutlineGutter": "--space-calendar-grid-focus-outline-gutter-reev1c",
9714
9745
  "spaceCalendarGridSelectedFocusOutlineGutter": "--space-calendar-grid-selected-focus-outline-gutter-u5weg4",
9715
9746
  "spaceCardHorizontal": "--space-card-horizontal-5nogdm",
9747
+ "spaceCardVertical": "--space-card-vertical-c5n43f",
9716
9748
  "spaceCodeEditorStatusFocusOutlineGutter": "--space-code-editor-status-focus-outline-gutter-m3gwa3",
9717
- "spaceContainerContentTop": "--space-container-content-top-aj37fz",
9718
- "spaceContainerHeaderVertical": "--space-container-header-vertical-di96ce",
9749
+ "spaceContainerContentTop": "--space-container-content-top-ezlmse",
9750
+ "spaceContainerHeaderTop": "--space-container-header-top-a9tz2a",
9751
+ "spaceContainerHeaderBottom": "--space-container-header-bottom-f79ib3",
9719
9752
  "spaceContainerHorizontal": "--space-container-horizontal-jxdgil",
9720
- "spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-2cx87f",
9753
+ "spaceContentHeaderPaddingBottom": "--space-content-header-padding-bottom-3kdnde",
9721
9754
  "spaceDarkHeaderOverlapDistance": "--space-dark-header-overlap-distance-l9lxfl",
9722
9755
  "spaceExpandableSectionIconOffsetTop": "--space-expandable-section-icon-offset-top-qfofw6",
9723
9756
  "spaceFieldHorizontal": "--space-field-horizontal-8qo3uw",
@@ -9740,16 +9773,16 @@ export var preset = {
9740
9773
  "spacePanelSideRight": "--space-panel-side-right-zzgkuy",
9741
9774
  "spacePanelSplitTop": "--space-panel-split-top-yyup9h",
9742
9775
  "spaceSegmentedControlFocusOutlineGutter": "--space-segmented-control-focus-outline-gutter-5rc7c3",
9743
- "spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-vket9r",
9744
9776
  "spaceTabsContentTop": "--space-tabs-content-top-ql9865",
9745
- "spaceTableHorizontal": "--space-table-horizontal-8ca8r3",
9746
- "spaceTableHeaderHorizontal": "--space-table-header-horizontal-gb3iyt",
9777
+ "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-tauev7",
9747
9778
  "spaceTableContentBottom": "--space-table-content-bottom-xssi3v",
9748
- "spaceTableContentTop": "--space-table-content-top-7kuusn",
9749
- "spaceTableEmbeddedContentBottom": "--space-table-embedded-content-bottom-6xvajo",
9750
9779
  "spaceTableEmbeddedHeaderTop": "--space-table-embedded-header-top-mtzve4",
9751
9780
  "spaceTableFooterHorizontal": "--space-table-footer-horizontal-u2o8yq",
9752
- "spaceTabsFocusOutlineGutter": "--space-tabs-focus-outline-gutter-tauev7",
9781
+ "spaceTableHeaderFocusOutlineGutter": "--space-table-header-focus-outline-gutter-vket9r",
9782
+ "spaceTableHeaderHorizontal": "--space-table-header-horizontal-gb3iyt",
9783
+ "spaceTableHeaderToolsBottom": "--space-table-header-tools-bottom-u3xvv0",
9784
+ "spaceTableHeaderToolsFullPageBottom": "--space-table-header-tools-full-page-bottom-4uhg4l",
9785
+ "spaceTableHorizontal": "--space-table-horizontal-8ca8r3",
9753
9786
  "spaceScaled2xNone": "--space-scaled-2x-none-p5mfw4",
9754
9787
  "spaceScaled2xXxxs": "--space-scaled-2x-xxxs-w836iq",
9755
9788
  "spaceScaled2xXxs": "--space-scaled-2x-xxs-0k2v6n",
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "b500fa02c42a0e1fd5bdc54e65c61208f3fb0829"
2
+ "commit": "f2157d08391a051b016df6a34ee27029a2b2084d"
3
3
  }
@@ -1 +1 @@
1
- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAsBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCAyK1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAQlD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAsBlF,QAAA,MAAM,YAAY;cAHJ,SAAS,CAAC,SAAS,CAAC,GAAG,gBAAgB,GAAG,MAAM,GAAG,UAAU;uCA0K1E,CAAC;AAqBF,eAAe,YAAY,CAAC"}
package/link/internal.js CHANGED
@@ -14,7 +14,7 @@ import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
14
14
  import { checkSafeUrl } from '../internal/utils/check-safe-url';
15
15
  import { useInternalI18n } from '../internal/i18n/context';
16
16
  import { InfoLinkLabelContext } from '../internal/context/info-link-label-context';
17
- import { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
17
+ import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
18
18
  import { FunnelMetrics } from '../internal/analytics';
19
19
  import { useUniqueId } from '../internal/hooks/use-unique-id';
20
20
  import { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getNameFromSelector, getSubStepAllSelector, } from '../internal/analytics/selectors';
@@ -33,7 +33,8 @@ const InternalLink = React.forwardRef((_a, ref) => {
33
33
  const infoId = useUniqueId('link-info');
34
34
  const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);
35
35
  const { funnelInteractionId } = useFunnel();
36
- const { stepNumber, stepNameSelector, subStepSelector, subStepNameSelector } = useFunnelSubStep();
36
+ const { stepNumber, stepNameSelector } = useFunnelStep();
37
+ const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
37
38
  const fireFunnelEvent = (funnelInteractionId) => {
38
39
  if (variant === 'info') {
39
40
  const stepName = getNameFromSelector(stepNameSelector);
@@ -1 +1 @@
1
- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n const linkId = useUniqueId('link-self');\n const infoId = useUniqueId('link-info');\n\n const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector, subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n id: linkId,\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n 'aria-labelledby': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n };\n\n if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n }\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n &nbsp;\n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n {variant === 'info' && (\n <span hidden={true} id={infoId}>\n :\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}
1
+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["link/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useRef } from 'react';\nimport clsx from 'clsx';\nimport InternalIcon from '../icon/internal';\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { KeyCode } from '../internal/keycode';\nimport { LinkProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useInternalI18n } from '../internal/i18n/context';\nimport { InfoLinkLabelContext } from '../internal/context/info-link-label-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\n\ntype InternalLinkProps = InternalBaseComponentProps &\n Omit<LinkProps, 'variant'> & {\n variant?: LinkProps['variant'] | 'top-navigation' | 'link' | 'recovery';\n };\n\nconst InternalLink = React.forwardRef(\n (\n {\n variant = 'secondary',\n fontSize = 'body-m',\n color = 'normal',\n external = false,\n target,\n href,\n rel,\n ariaLabel,\n externalIconAriaLabel,\n onFollow,\n children,\n __internalRootRef = null,\n ...props\n }: InternalLinkProps,\n ref: React.Ref<LinkProps.Ref>\n ) => {\n checkSafeUrl('Link', href);\n const isButton = !href;\n const specialStyles = ['top-navigation', 'link', 'recovery'];\n const hasSpecialStyle = specialStyles.indexOf(variant) > -1;\n\n const i18n = useInternalI18n('link');\n const baseProps = getBaseProps(props);\n const anchorTarget = target ?? (external ? '_blank' : undefined);\n const anchorRel = rel ?? (anchorTarget === '_blank' ? 'noopener noreferrer' : undefined);\n const uniqueId = useUniqueId('link');\n const linkId = useUniqueId('link-self');\n const infoId = useUniqueId('link-info');\n\n const infoLinkLabelFromContext = useContext(InfoLinkLabelContext);\n\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const fireFunnelEvent = (funnelInteractionId: string) => {\n if (variant === 'info') {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.helpPanelInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n } else if (external) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n };\n\n const fireFollowEvent = (event: React.SyntheticEvent) => {\n if (funnelInteractionId) {\n fireFunnelEvent(funnelInteractionId);\n }\n\n fireCancelableEvent(onFollow, { href, external, target: anchorTarget }, event);\n };\n\n const handleLinkClick = (event: React.MouseEvent) => {\n if (isPlainLeftClick(event)) {\n fireFollowEvent(event);\n }\n };\n\n const handleButtonClick = (event: React.MouseEvent) => {\n fireFollowEvent(event);\n };\n\n const handleButtonKeyDown = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.space || event.keyCode === KeyCode.enter) {\n event.preventDefault();\n fireFollowEvent(event);\n }\n };\n\n const linkRef = useRef<HTMLElement>(null);\n const isVisualRefresh = useVisualRefresh();\n useForwardFocus(ref, linkRef);\n\n // Visual refresh should only add styles to buttons that don't already have unique styles (e.g. primary/secondary variants)\n const applyButtonStyles = isButton && isVisualRefresh && !hasSpecialStyle;\n\n const sharedProps = {\n id: linkId,\n ...baseProps,\n // https://github.com/microsoft/TypeScript/issues/36659\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref: useMergeRefs(linkRef as any, __internalRootRef),\n className: clsx(\n styles.link,\n baseProps.className,\n applyButtonStyles ? styles.button : null,\n styles[getVariantStyle(variant)],\n styles[getFontSizeStyle(variant, fontSize)],\n styles[getColorStyle(variant, color)]\n ),\n 'aria-label': ariaLabel,\n 'aria-labelledby': '',\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n };\n\n if (variant === 'info' && infoLinkLabelFromContext && !ariaLabel) {\n sharedProps['aria-labelledby'] = `${sharedProps.id} ${infoId} ${infoLinkLabelFromContext}`;\n }\n\n const renderedExternalIconAriaLabel = i18n('externalIconAriaLabel', externalIconAriaLabel);\n const content = (\n <>\n {children}\n {external && (\n <span className={styles['icon-wrapper']}>\n &nbsp;\n <span\n className={styles.icon}\n aria-label={renderedExternalIconAriaLabel}\n role={renderedExternalIconAriaLabel ? 'img' : undefined}\n >\n <InternalIcon name=\"external\" size=\"inherit\" />\n </span>\n </span>\n )}\n {variant === 'info' && (\n <span hidden={true} id={infoId}>\n :\n </span>\n )}\n </>\n );\n\n if (isButton) {\n return (\n <a {...sharedProps} role=\"button\" tabIndex={0} onKeyDown={handleButtonKeyDown} onClick={handleButtonClick}>\n {content}\n </a>\n );\n }\n\n return (\n // we dynamically set proper rel in the code above\n // eslint-disable-next-line react/jsx-no-target-blank\n <a {...sharedProps} target={anchorTarget} rel={anchorRel} href={href} onClick={handleLinkClick}>\n {content}\n </a>\n );\n }\n);\n\nfunction getVariantStyle(variant: Exclude<InternalLinkProps['variant'], undefined>) {\n return `variant-${variant.replace(/^awsui-/, '')}`;\n}\n\nfunction getFontSizeStyle(variant: InternalLinkProps['variant'], fontSize: InternalLinkProps['fontSize']) {\n switch (variant) {\n case 'info':\n return 'font-size-body-s';\n case 'awsui-value-large':\n return 'font-size-display-l';\n default:\n return `font-size-${fontSize}`;\n }\n}\n\nfunction getColorStyle(variant: InternalLinkProps['variant'], color: InternalLinkProps['color']) {\n return `color-${variant === 'info' ? 'normal' : color}`;\n}\n\nexport default InternalLink;\n"]}