@cloudscape-design/components 3.0.1155 → 3.0.1157

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 (258) hide show
  1. package/alert/index.js +1 -1
  2. package/alert/interfaces.d.ts +1 -2
  3. package/anchor-navigation/styles.css.js +8 -8
  4. package/anchor-navigation/styles.scoped.css +21 -21
  5. package/anchor-navigation/styles.selectors.js +8 -8
  6. package/app-layout/runtime-drawer/index.d.ts.map +1 -1
  7. package/app-layout/runtime-drawer/index.js +20 -18
  8. package/app-layout/runtime-drawer/index.js.map +1 -1
  9. package/app-layout/visual-refresh/styles.css.js +86 -86
  10. package/app-layout/visual-refresh/styles.scoped.css +164 -163
  11. package/app-layout/visual-refresh/styles.selectors.js +86 -86
  12. package/app-layout/visual-refresh-toolbar/drawer/styles.css.js +30 -30
  13. package/app-layout/visual-refresh-toolbar/drawer/styles.scoped.css +86 -83
  14. package/app-layout/visual-refresh-toolbar/drawer/styles.selectors.js +30 -30
  15. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.d.ts.map +1 -1
  16. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js +1 -1
  17. package/app-layout/visual-refresh-toolbar/skeleton/toolbar-container.js.map +1 -1
  18. package/attribute-editor/styles.css.js +15 -15
  19. package/attribute-editor/styles.scoped.css +28 -28
  20. package/attribute-editor/styles.selectors.js +15 -15
  21. package/autosuggest/index.js +28 -11
  22. package/autosuggest/interfaces.d.ts +2 -1
  23. package/autosuggest/interfaces.js.map +1 -1
  24. package/badge/index.d.ts +2 -0
  25. package/badge/index.js +14 -13
  26. package/badge/interfaces.d.ts +3 -2
  27. package/box/index.js +18 -13
  28. package/box/interfaces.d.ts +2 -1
  29. package/box/styles.css.js +192 -192
  30. package/box/styles.scoped.css +241 -241
  31. package/box/styles.selectors.js +192 -192
  32. package/breadcrumb-group/item/styles.css.js +7 -7
  33. package/breadcrumb-group/item/styles.scoped.css +28 -28
  34. package/breadcrumb-group/item/styles.selectors.js +7 -7
  35. package/button/index.js +12 -11
  36. package/button/interfaces.d.ts +4 -2
  37. package/button/styles.css.js +22 -22
  38. package/button/styles.scoped.css +78 -78
  39. package/button/styles.selectors.js +22 -22
  40. package/button-dropdown/index.js +27 -11
  41. package/button-dropdown/interfaces.d.ts +6 -2
  42. package/button-dropdown/item-element/styles.css.js +20 -20
  43. package/button-dropdown/item-element/styles.scoped.css +35 -35
  44. package/button-dropdown/item-element/styles.selectors.js +20 -20
  45. package/button-group/index.js +42 -11
  46. package/button-group/interfaces.d.ts +10 -0
  47. package/button-group/interfaces.d.ts.map +1 -1
  48. package/button-group/interfaces.js.map +1 -1
  49. package/cards/styles.css.js +39 -39
  50. package/cards/styles.scoped.css +51 -51
  51. package/cards/styles.selectors.js +39 -39
  52. package/checkbox/index.js +9 -11
  53. package/checkbox/interfaces.d.ts +3 -2
  54. package/code-editor/styles.css.js +33 -33
  55. package/code-editor/styles.scoped.css +139 -139
  56. package/code-editor/styles.selectors.js +33 -33
  57. package/container/index.js +29 -13
  58. package/container/interfaces.d.ts +2 -1
  59. package/date-input/index.js +8 -10
  60. package/drawer/implementation.d.ts +1 -0
  61. package/drawer/implementation.d.ts.map +1 -1
  62. package/drawer/implementation.js +13 -4
  63. package/drawer/implementation.js.map +1 -1
  64. package/drawer/interfaces.d.ts +7 -0
  65. package/drawer/interfaces.d.ts.map +1 -1
  66. package/drawer/interfaces.js.map +1 -1
  67. package/drawer/styles.css.js +12 -8
  68. package/drawer/styles.scoped.css +35 -13
  69. package/drawer/styles.selectors.js +12 -8
  70. package/drawer/use-sticky-footer.d.ts +11 -0
  71. package/drawer/use-sticky-footer.d.ts.map +1 -0
  72. package/drawer/use-sticky-footer.js +35 -0
  73. package/drawer/use-sticky-footer.js.map +1 -0
  74. package/flashbar/index.js +10 -13
  75. package/flashbar/interfaces.d.ts +1 -0
  76. package/help-panel/styles.css.js +6 -6
  77. package/help-panel/styles.scoped.css +75 -75
  78. package/help-panel/styles.selectors.js +6 -6
  79. package/icon/index.js +8 -13
  80. package/icon/interfaces.d.ts +2 -1
  81. package/icon/styles.css.js +39 -39
  82. package/icon/styles.scoped.css +87 -87
  83. package/icon/styles.selectors.js +39 -39
  84. package/icon-provider/index.js +12 -2
  85. package/index.d.ts +4 -1
  86. package/index.js +4 -0
  87. package/input/index.js +53 -12
  88. package/input/interfaces.d.ts +3 -1
  89. package/internal/base-component/styles.scoped.css +62 -50
  90. package/internal/components/button-trigger/styles.css.js +13 -13
  91. package/internal/components/button-trigger/styles.scoped.css +29 -29
  92. package/internal/components/button-trigger/styles.selectors.js +13 -13
  93. package/internal/components/cartesian-chart/styles.css.js +28 -28
  94. package/internal/components/cartesian-chart/styles.scoped.css +33 -33
  95. package/internal/components/cartesian-chart/styles.selectors.js +28 -28
  96. package/internal/components/radio-button/interfaces.d.ts +3 -3
  97. package/internal/components/token-list/styles.css.js +10 -10
  98. package/internal/components/token-list/styles.scoped.css +25 -25
  99. package/internal/components/token-list/styles.selectors.js +10 -10
  100. package/internal/environment.js +3 -3
  101. package/internal/environment.json +3 -3
  102. package/internal/generated/styles/tokens.js +8 -8
  103. package/internal/generated/theming/index.cjs +24 -24
  104. package/internal/generated/theming/index.js +24 -24
  105. package/internal/hooks/use-portal-mode-classes/index.d.ts +3 -1
  106. package/internal/hooks/use-portal-mode-classes/index.d.ts.map +1 -1
  107. package/internal/hooks/use-portal-mode-classes/index.js +2 -2
  108. package/internal/hooks/use-portal-mode-classes/index.js.map +1 -1
  109. package/internal/manifest.json +1 -1
  110. package/internal/plugins/controllers/drawers.d.ts +2 -2
  111. package/internal/plugins/controllers/drawers.d.ts.map +1 -1
  112. package/internal/plugins/controllers/drawers.js.map +1 -1
  113. package/internal/plugins/widget/interfaces.d.ts +2 -2
  114. package/internal/plugins/widget/interfaces.d.ts.map +1 -1
  115. package/internal/plugins/widget/interfaces.js.map +1 -1
  116. package/key-value-pairs/styles.css.js +8 -8
  117. package/key-value-pairs/styles.scoped.css +10 -10
  118. package/key-value-pairs/styles.selectors.js +8 -8
  119. package/link/index.js +25 -11
  120. package/link/interfaces.d.ts +3 -2
  121. package/link/styles.css.js +20 -20
  122. package/link/styles.scoped.css +91 -91
  123. package/link/styles.selectors.js +20 -20
  124. package/navigable-group/index.js +19 -4
  125. package/package.json +4 -1
  126. package/popover/internal.js +1 -1
  127. package/popover/internal.js.map +1 -1
  128. package/popover/styles.css.js +57 -57
  129. package/popover/styles.scoped.css +87 -87
  130. package/popover/styles.selectors.js +57 -57
  131. package/progress-bar/index.d.ts +1 -0
  132. package/progress-bar/index.js +52 -14
  133. package/progress-bar/interfaces.d.ts +1 -0
  134. package/progress-bar/styles.css.js +19 -19
  135. package/progress-bar/styles.scoped.css +31 -31
  136. package/progress-bar/styles.selectors.js +19 -19
  137. package/prompt-input/index.js +19 -11
  138. package/prompt-input/interfaces.d.ts +4 -3
  139. package/radio-button/index.js +19 -4
  140. package/radio-group/index.js +20 -11
  141. package/radio-group/interfaces.d.ts +1 -1
  142. package/segmented-control/index.js +14 -13
  143. package/segmented-control/interfaces.d.ts +1 -0
  144. package/select/interfaces.d.ts +1 -1
  145. package/select/interfaces.js.map +1 -1
  146. package/side-navigation/styles.css.js +30 -30
  147. package/side-navigation/styles.scoped.css +47 -47
  148. package/side-navigation/styles.selectors.js +30 -30
  149. package/space-between/index.js +10 -13
  150. package/space-between/interfaces.d.ts +2 -1
  151. package/spinner/index.js +10 -13
  152. package/spinner/interfaces.d.ts +2 -1
  153. package/split-panel/icons/styles.css.js +22 -22
  154. package/split-panel/icons/styles.scoped.css +25 -25
  155. package/split-panel/icons/styles.selectors.js +22 -22
  156. package/status-indicator/index.js +10 -13
  157. package/status-indicator/interfaces.d.ts +2 -1
  158. package/steps/index.js +11 -11
  159. package/steps/interfaces.d.ts +6 -2
  160. package/table/header-cell/index.d.ts +1 -1
  161. package/table/header-cell/index.d.ts.map +1 -1
  162. package/table/header-cell/index.js +1 -1
  163. package/table/header-cell/index.js.map +1 -1
  164. package/table/header-cell/th-element.d.ts +1 -1
  165. package/table/header-cell/th-element.d.ts.map +1 -1
  166. package/table/header-cell/th-element.js.map +1 -1
  167. package/table/resizer/index.d.ts +3 -1
  168. package/table/resizer/index.d.ts.map +1 -1
  169. package/table/resizer/index.js +8 -5
  170. package/table/resizer/index.js.map +1 -1
  171. package/table/resizer/styles.css.js +13 -12
  172. package/table/resizer/styles.scoped.css +22 -22
  173. package/table/resizer/styles.selectors.js +13 -12
  174. package/table/thead.d.ts +1 -1
  175. package/table/thead.d.ts.map +1 -1
  176. package/table/thead.js.map +1 -1
  177. package/tag-editor/styles.css.js +3 -3
  178. package/tag-editor/styles.scoped.css +13 -13
  179. package/tag-editor/styles.selectors.js +3 -3
  180. package/test-utils/dom/drawer/index.d.ts +1 -0
  181. package/test-utils/dom/drawer/index.js +3 -0
  182. package/test-utils/dom/drawer/index.js.map +1 -1
  183. package/test-utils/selectors/drawer/index.d.ts +1 -0
  184. package/test-utils/selectors/drawer/index.js +3 -0
  185. package/test-utils/selectors/drawer/index.js.map +1 -1
  186. package/text-content/styles.css.js +1 -1
  187. package/text-content/styles.scoped.css +66 -66
  188. package/text-content/styles.selectors.js +1 -1
  189. package/text-filter/index.js +17 -10
  190. package/text-filter/interfaces.d.ts +1 -0
  191. package/textarea/index.js +65 -12
  192. package/textarea/interfaces.d.ts +3 -2
  193. package/time-input/index.js +15 -11
  194. package/toggle/index.js +6 -10
  195. package/toggle/interfaces.d.ts +3 -2
  196. package/toggle-button/index.js +14 -11
  197. package/token/styles.css.js +14 -14
  198. package/token/styles.scoped.css +29 -29
  199. package/token/styles.selectors.js +14 -14
  200. package/tutorial-panel/components/tutorial-list/styles.css.js +18 -18
  201. package/tutorial-panel/components/tutorial-list/styles.scoped.css +28 -28
  202. package/tutorial-panel/components/tutorial-list/styles.selectors.js +18 -18
  203. package/wizard/index.js +35 -13
  204. package/wizard/interfaces.d.ts +1 -1
  205. package/autosuggest/internal-do-not-use-core.js +0 -35
  206. package/badge/internal-do-not-use-core.js +0 -19
  207. package/box/internal-do-not-use-core.js +0 -23
  208. package/button/internal-do-not-use-core.js +0 -19
  209. package/button-dropdown/internal-do-not-use-core.js +0 -34
  210. package/button-group/internal-do-not-use-core.js +0 -49
  211. package/checkbox/internal-do-not-use-core.js +0 -16
  212. package/container/internal-do-not-use-core.js +0 -34
  213. package/date-input/internal-do-not-use-core.js +0 -16
  214. package/flashbar/internal-do-not-use-core.js +0 -15
  215. package/icon/internal-do-not-use-core.js +0 -13
  216. package/input/internal-do-not-use-core.js +0 -59
  217. package/link/internal-do-not-use-core.js +0 -32
  218. package/progress-bar/internal-do-not-use-core.js +0 -56
  219. package/prompt-input/internal-do-not-use-core.js +0 -26
  220. package/radio-group/internal-do-not-use-core.js +0 -27
  221. package/segmented-control/internal-do-not-use-core.js +0 -19
  222. package/space-between/internal-do-not-use-core.js +0 -15
  223. package/spinner/internal-do-not-use-core.js +0 -15
  224. package/status-indicator/internal-do-not-use-core.js +0 -15
  225. package/steps/internal-do-not-use-core.js +0 -18
  226. package/text-filter/internal-do-not-use-core.js +0 -25
  227. package/textarea/internal-do-not-use-core.js +0 -71
  228. package/time-input/internal-do-not-use-core.js +0 -22
  229. package/toggle/internal-do-not-use-core.js +0 -14
  230. package/toggle-button/internal-do-not-use-core.js +0 -21
  231. package/wizard/internal-do-not-use-core.js +0 -40
  232. /package/autosuggest/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  233. /package/badge/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  234. /package/box/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  235. /package/button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  236. /package/button-dropdown/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  237. /package/button-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  238. /package/checkbox/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  239. /package/container/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  240. /package/date-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  241. /package/flashbar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  242. /package/icon/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  243. /package/input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  244. /package/link/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  245. /package/progress-bar/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  246. /package/prompt-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  247. /package/radio-group/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  248. /package/segmented-control/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  249. /package/space-between/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  250. /package/spinner/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  251. /package/status-indicator/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  252. /package/steps/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  253. /package/text-filter/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  254. /package/textarea/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  255. /package/time-input/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  256. /package/toggle/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  257. /package/toggle-button/{internal-do-not-use-core.js.map → index.js.map} +0 -0
  258. /package/wizard/{internal-do-not-use-core.js.map → index.js.map} +0 -0
@@ -1,21 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React from 'react';
5
- import { getBaseProps } from '../internal/base-component';
6
- import useBaseComponent from '../internal/hooks/use-base-component';
7
- import { applyDisplayName } from '../internal/utils/apply-display-name';
8
- import { InternalToggleButton } from './internal';
9
- const ToggleButton = React.forwardRef(({ children, iconName, pressedIconName, iconUrl, pressedIconUrl, iconSvg, pressedIconSvg, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, ariaLabel, ariaDescribedby, ariaControls, pressed = false, nativeButtonAttributes, onChange, ...props }, ref) => {
10
- const baseComponentProps = useBaseComponent('ToggleButton', {
11
- props: { iconName, pressedIconName, pressed, variant, wrapText },
12
- metadata: {
13
- hasDisabledReason: Boolean(disabledReason),
14
- },
15
- });
16
- const baseProps = getBaseProps(props);
17
- return (React.createElement(InternalToggleButton, { ...baseProps, ...baseComponentProps, ref: ref, iconName: iconName, iconUrl: iconUrl, iconSvg: iconSvg, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, disabledReason: disabledReason, wrapText: wrapText, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, ariaControls: ariaControls, pressedIconName: pressedIconName, pressedIconUrl: pressedIconUrl, pressedIconSvg: pressedIconSvg, pressed: pressed, nativeButtonAttributes: nativeButtonAttributes, onChange: onChange }, children));
18
- });
19
- applyDisplayName(ToggleButton, 'ToggleButton');
20
- export default ToggleButton;
21
- //# sourceMappingURL=internal-do-not-use-core.js.map
@@ -1,40 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- 'use client';
4
- import React, { useEffect } from 'react';
5
- import { AnalyticsFunnel } from '../internal/analytics/components/analytics-funnel';
6
- import { useFunnel } from '../internal/analytics/hooks/use-funnel';
7
- import { getAnalyticsMetadataProps } from '../internal/base-component';
8
- import useBaseComponent from '../internal/hooks/use-base-component';
9
- import { applyDisplayName } from '../internal/utils/apply-display-name';
10
- import { getExternalProps } from '../internal/utils/external-props';
11
- import { getStepConfiguration } from './analytics';
12
- import InternalWizard from './internal';
13
- import analyticsSelectors from './analytics-metadata/styles.css.js';
14
- function Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }) {
15
- const analyticsMetadata = getAnalyticsMetadataProps(props);
16
- const baseComponentProps = useBaseComponent('Wizard', {
17
- props: {
18
- allowSkipTo,
19
- flowType: analyticsMetadata.flowType,
20
- },
21
- metadata: {
22
- hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
23
- hasResourceType: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType),
24
- },
25
- }, analyticsMetadata);
26
- const { wizardCount } = useFunnel();
27
- const externalProps = getExternalProps(props);
28
- useEffect(() => {
29
- wizardCount.current++;
30
- // eslint-disable-next-line react-hooks/exhaustive-deps
31
- return () => void wizardCount.current--;
32
- }, [wizardCount]);
33
- return (React.createElement(AnalyticsFunnel, { funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "multi-page", optionalStepNumbers: props.steps
34
- .map((step, index) => (step.isOptional ? index + 1 : -1))
35
- .filter(step => step !== -1), totalFunnelSteps: props.steps.length, stepConfiguration: getStepConfiguration(props.steps), componentSelectors: () => [`.${analyticsSelectors.root}`] },
36
- React.createElement(InternalWizard, { isLoadingNextStep: isLoadingNextStep, allowSkipTo: allowSkipTo, ...externalProps, ...baseComponentProps, __injectAnalyticsComponentMetadata: true })));
37
- }
38
- applyDisplayName(Wizard, 'Wizard');
39
- export default Wizard;
40
- //# sourceMappingURL=internal-do-not-use-core.js.map