@cloudscape-design/components 3.0.1156 → 3.0.1158

package/time-input/index.js

@@ -1,18 +1,22 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+'use client';
 import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '@cloudscape-design/component-toolkit/internal';
-
-
-
-const TimeInput = React.forwardRef((props, ref) => {
-    validateProps('TimeInput', props, ["nativeInputAttributes"], {}, 'console');
-    return React.createElement(CoreComponent, {ref,...props});
+import InternalTimeInput from './internal';
+const TimeInput = React.forwardRef(({ format = 'hh:mm:ss', use24Hour = true, autoComplete = true, ...props }, ref) => {
+    const baseComponentProps = useBaseComponent('TimeInput', {
+        props: {
+            autoFocus: props.autoFocus,
+            disableBrowserAutocorrect: props.disableBrowserAutocorrect,
+            format,
+            readOnly: props.readOnly,
+            use24Hour,
+        },
+    });
+    return (React.createElement(InternalTimeInput, { format: format, use24Hour: use24Hour, autoComplete: autoComplete, ...props, ...baseComponentProps, ref: ref }));
 });
-
-
 applyDisplayName(TimeInput, 'TimeInput');
 export default TimeInput;
+//# sourceMappingURL=index.js.map

package/toggle/index.js

@@ -1,18 +1,14 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+'use client';
 import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '@cloudscape-design/component-toolkit/internal';
-
-
-
+import InternalToggle from './internal';
 const Toggle = React.forwardRef((props, ref) => {
-    validateProps('Toggle', props, ["nativeInputAttributes","style"], {}, 'console');
-    return React.createElement(CoreComponent, {ref,...props});
+    const baseComponentProps = useBaseComponent('Toggle', { props: { readOnly: props.readOnly } });
+    return React.createElement(InternalToggle, { ...props, ...baseComponentProps, ref: ref, __injectAnalyticsComponentMetadata: true });
 });
-
-
 applyDisplayName(Toggle, 'Toggle');
 export default Toggle;
+//# sourceMappingURL=index.js.map

package/toggle/interfaces.d.ts

@@ -4,7 +4,7 @@ import { NonCancelableEventHandler } from '../internal/events';
 /**
  * @awsuiSystem core
  */
-
+import { NativeAttributes } from '../internal/utils/with-native-attributes';
 export interface ToggleProps extends BaseCheckboxProps {
   /**
    * The control's label that's displayed next to the toggle. Clicking this will invoke a state change.
@@ -15,7 +15,7 @@ export interface ToggleProps extends BaseCheckboxProps {
   /**
    * @awsuiSystem core
    */
-
+  style?: ToggleProps.Style;
   /**
    * Attributes to add to the native `input` element.
    * Some attributes will be automatically combined with internal attribute values:
@@ -26,6 +26,7 @@ export interface ToggleProps extends BaseCheckboxProps {
    *
    * @awsuiSystem core
    */
+  nativeInputAttributes?: NativeAttributes<React.InputHTMLAttributes<HTMLInputElement>>;
 }
 export declare namespace ToggleProps {
   interface Ref {

package/toggle/styles.css.js

@@ -1,15 +1,15 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_4yi2u_qi21z_145",
-  "outline": "awsui_outline_4yi2u_qi21z_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_qi21z_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_qi21z_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_qi21z_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_qi21z_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_qi21z_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_qi21z_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_qi21z_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_qi21z_263"
+  "root": "awsui_root_4yi2u_ki8y0_145",
+  "outline": "awsui_outline_4yi2u_ki8y0_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_ki8y0_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ki8y0_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ki8y0_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_ki8y0_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_ki8y0_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ki8y0_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ki8y0_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_ki8y0_263"
 };
   

package/toggle/styles.scoped.css

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_4yi2u_qi21z_145:not(#\9) {
+.awsui_root_4yi2u_ki8y0_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -175,15 +175,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
 }
 
-.awsui_outline_4yi2u_qi21z_178:not(#\9) {
-  --awsui-style-focus-ring-box-shadow-d43v8n: 0 0 0 var(--awsui-style-focus-ring-border-width-d43v8n, 2px) var(--awsui-style-focus-ring-border-color-d43v8n, var(--color-border-item-focused-uk47pl, #006ce0));
+.awsui_outline_4yi2u_ki8y0_178:not(#\9) {
+  --awsui-style-focus-ring-box-shadow-rhu47t: 0 0 0 var(--awsui-style-focus-ring-border-width-rhu47t, 2px) var(--awsui-style-focus-ring-border-color-rhu47t, var(--color-border-item-focused-uk47pl, #006ce0));
   position: relative;
 }
-.awsui_outline_4yi2u_qi21z_178:not(#\9) {
+.awsui_outline_4yi2u_ki8y0_178:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-.awsui_outline_4yi2u_qi21z_178:not(#\9)::before {
+.awsui_outline_4yi2u_ki8y0_178:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,14 +191,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: calc(-1 * 2px);
   inline-size: calc(100% + 2px + 2px);
   block-size: calc(100% + 2px + 2px);
-  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-d43v8n, var(--border-radius-control-default-focus-ring-1uabki, 4px));
-  box-shadow: var(--awsui-style-focus-ring-box-shadow-d43v8n);
+  border-start-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-start-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-start-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  border-end-end-radius: var(--awsui-style-focus-ring-border-radius-rhu47t, var(--border-radius-control-default-focus-ring-1uabki, 4px));
+  box-shadow: var(--awsui-style-focus-ring-box-shadow-rhu47t);
 }
 
-.awsui_toggle-control_4yi2u_qi21z_201:not(#\9) {
+.awsui_toggle-control_4yi2u_ki8y0_201:not(#\9) {
   forced-color-adjust: none;
   margin-block-start: calc((var(--line-height-body-m-2mh3ke, 20px) - 16px) / 2);
   min-block-size: 16px;
@@ -211,20 +211,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-start-radius: 8px;
   border-end-end-radius: 8px;
 }
-.awsui_toggle-control-checked_4yi2u_qi21z_214:not(#\9) {
+.awsui_toggle-control-checked_4yi2u_ki8y0_214:not(#\9) {
   background: var(--color-background-control-checked-ka7kc2, #006ce0);
 }
-.awsui_toggle-control-disabled_4yi2u_qi21z_217:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_ki8y0_217:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
-.awsui_toggle-control-disabled_4yi2u_qi21z_217.awsui_toggle-control-checked_4yi2u_qi21z_214:not(#\9) {
+.awsui_toggle-control-disabled_4yi2u_ki8y0_217.awsui_toggle-control-checked_4yi2u_ki8y0_214:not(#\9) {
   background: var(--color-background-toggle-checked-disabled-amxc0a, #b8e7ff);
 }
-.awsui_toggle-control-readonly_4yi2u_qi21z_223:not(#\9) {
+.awsui_toggle-control-readonly_4yi2u_ki8y0_223:not(#\9) {
   background: var(--color-background-control-disabled-1f3718, #dedee3);
 }
 
-.awsui_toggle-handle_4yi2u_qi21z_227:not(#\9) {
+.awsui_toggle-handle_4yi2u_ki8y0_227:not(#\9) {
   display: block;
   position: absolute;
   border-start-start-radius: 6px;
@@ -240,29 +240,29 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition: transform var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1)), background-color var(--motion-duration-fast-unntf6, 90ms) var(--motion-easing-ease-out-quart-p9axhm, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_toggle-handle_4yi2u_qi21z_227:not(#\9) {
+  .awsui_toggle-handle_4yi2u_ki8y0_227:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_toggle-handle_4yi2u_qi21z_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_qi21z_227:not(#\9) {
+.awsui-motion-disabled .awsui_toggle-handle_4yi2u_ki8y0_227:not(#\9), .awsui-mode-entering .awsui_toggle-handle_4yi2u_ki8y0_227:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_toggle-handle-checked_4yi2u_qi21z_252:not(#\9) {
+.awsui_toggle-handle-checked_4yi2u_ki8y0_252:not(#\9) {
   transform: translateX(8px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_toggle-handle-checked_4yi2u_qi21z_252:not(#\9):dir(rtl) {
+.awsui_toggle-handle-checked_4yi2u_ki8y0_252:not(#\9):dir(rtl) {
   transform: translateX(-8px);
 }
-.awsui_toggle-handle-disabled_4yi2u_qi21z_259:not(#\9) {
+.awsui_toggle-handle-disabled_4yi2u_ki8y0_259:not(#\9) {
   background: var(--color-foreground-control-disabled-txi6cf, #ffffff);
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_qi21z_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_qi21z_259) {
+.awsui_toggle-handle-readonly_4yi2u_ki8y0_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_ki8y0_259) {
   box-shadow: none;
 }
-.awsui_toggle-handle-readonly_4yi2u_qi21z_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_qi21z_259).awsui_toggle-handle-checked_4yi2u_qi21z_252 {
+.awsui_toggle-handle-readonly_4yi2u_ki8y0_263:not(#\9):not(.awsui_toggle-handle-disabled_4yi2u_ki8y0_259).awsui_toggle-handle-checked_4yi2u_ki8y0_252 {
   background: var(--color-foreground-control-read-only-7ydvuj, #656871);
 }

package/toggle/styles.selectors.js

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_4yi2u_qi21z_145",
-  "outline": "awsui_outline_4yi2u_qi21z_178",
-  "toggle-control": "awsui_toggle-control_4yi2u_qi21z_201",
-  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_qi21z_214",
-  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_qi21z_217",
-  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_qi21z_223",
-  "toggle-handle": "awsui_toggle-handle_4yi2u_qi21z_227",
-  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_qi21z_252",
-  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_qi21z_259",
-  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_qi21z_263"
+  "root": "awsui_root_4yi2u_ki8y0_145",
+  "outline": "awsui_outline_4yi2u_ki8y0_178",
+  "toggle-control": "awsui_toggle-control_4yi2u_ki8y0_201",
+  "toggle-control-checked": "awsui_toggle-control-checked_4yi2u_ki8y0_214",
+  "toggle-control-disabled": "awsui_toggle-control-disabled_4yi2u_ki8y0_217",
+  "toggle-control-readonly": "awsui_toggle-control-readonly_4yi2u_ki8y0_223",
+  "toggle-handle": "awsui_toggle-handle_4yi2u_ki8y0_227",
+  "toggle-handle-checked": "awsui_toggle-handle-checked_4yi2u_ki8y0_252",
+  "toggle-handle-disabled": "awsui_toggle-handle-disabled_4yi2u_ki8y0_259",
+  "toggle-handle-readonly": "awsui_toggle-handle-readonly_4yi2u_ki8y0_263"
 };
   

package/toggle-button/index.js

@@ -1,18 +1,21 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+'use client';
 import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+import { getBaseProps } from '../internal/base-component';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '@cloudscape-design/component-toolkit/internal';
-
-
-
-const ToggleButton = React.forwardRef((props, ref) => {
-    validateProps('ToggleButton', props, ["nativeButtonAttributes"], {}, 'console');
-    return React.createElement(CoreComponent, {ref,...props});
+import { InternalToggleButton } from './internal';
+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) => {
+    const baseComponentProps = useBaseComponent('ToggleButton', {
+        props: { iconName, pressedIconName, pressed, variant, wrapText },
+        metadata: {
+            hasDisabledReason: Boolean(disabledReason),
+        },
+    });
+    const baseProps = getBaseProps(props);
+    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));
 });
-
-
 applyDisplayName(ToggleButton, 'ToggleButton');
 export default ToggleButton;
+//# sourceMappingURL=index.js.map

package/wizard/index.js

@@ -1,18 +1,40 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-
-import CoreComponent from './internal-do-not-use-core';
+'use client';
+import React, { useEffect } from 'react';
+import { AnalyticsFunnel } from '../internal/analytics/components/analytics-funnel';
+import { useFunnel } from '../internal/analytics/hooks/use-funnel';
+import { getAnalyticsMetadataProps } from '../internal/base-component';
+import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { validateProps } from '@cloudscape-design/component-toolkit/internal';
-
-
-
-const Wizard = (props) => {
-    validateProps('Wizard', props, ["customPrimaryActions"], {}, 'console');
-    return React.createElement(CoreComponent, props);
-};
-
-
+import { getExternalProps } from '../internal/utils/external-props';
+import { getStepConfiguration } from './analytics';
+import InternalWizard from './internal';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
+function Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }) {
+    const analyticsMetadata = getAnalyticsMetadataProps(props);
+    const baseComponentProps = useBaseComponent('Wizard', {
+        props: {
+            allowSkipTo,
+            flowType: analyticsMetadata.flowType,
+        },
+        metadata: {
+            hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
+            hasResourceType: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType),
+        },
+    }, analyticsMetadata);
+    const { wizardCount } = useFunnel();
+    const externalProps = getExternalProps(props);
+    useEffect(() => {
+        wizardCount.current++;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        return () => void wizardCount.current--;
+    }, [wizardCount]);
+    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
+            .map((step, index) => (step.isOptional ? index + 1 : -1))
+            .filter(step => step !== -1), totalFunnelSteps: props.steps.length, stepConfiguration: getStepConfiguration(props.steps), componentSelectors: () => [`.${analyticsSelectors.root}`] },
+        React.createElement(InternalWizard, { isLoadingNextStep: isLoadingNextStep, allowSkipTo: allowSkipTo, ...externalProps, ...baseComponentProps, __injectAnalyticsComponentMetadata: true })));
+}
 applyDisplayName(Wizard, 'Wizard');
 export default Wizard;
+//# sourceMappingURL=index.js.map

package/wizard/interfaces.d.ts

@@ -96,7 +96,7 @@ export interface WizardProps extends BaseComponentProps {
    *
    * @awsuiSystem core
    */
-
+  customPrimaryActions?: React.ReactNode;
   /**
    * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.
    */

package/autosuggest/internal-do-not-use-core.js

@@ -1,35 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import InternalAutosuggest from './internal';
-const Autosuggest = React.forwardRef(({ filteringType = 'auto', statusType = 'finished', disableBrowserAutocorrect = false, hideEnteredTextOption = false, ...props }, ref) => {
-    const baseComponentProps = useBaseComponent('Autosuggest', {
-        props: {
-            autoFocus: props.autoFocus,
-            disableBrowserAutocorrect,
-            expandToViewport: props.expandToViewport,
-            filteringType,
-            readOnly: props.readOnly,
-            virtualScroll: props.virtualScroll,
-            hideEnteredTextOption,
-        },
-    });
-    const componentAnalyticsMetadata = {
-        name: 'awsui.Autosuggest',
-        label: 'input',
-        properties: {
-            disabled: `${!!props.disabled}`,
-            value: props.value || '',
-        },
-    };
-    const externalProps = getExternalProps(props);
-    return (React.createElement(InternalAutosuggest, { filteringType: filteringType, statusType: statusType, disableBrowserAutocorrect: disableBrowserAutocorrect, hideEnteredTextOption: hideEnteredTextOption, ...externalProps, ...baseComponentProps, ref: ref, ...getAnalyticsMetadataAttribute({ component: componentAnalyticsMetadata }) }));
-});
-applyDisplayName(Autosuggest, 'Autosuggest');
-export default Autosuggest;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/badge/internal-do-not-use-core.js

@@ -1,19 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import clsx from 'clsx';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import WithNativeAttributes from '../internal/utils/with-native-attributes';
-import { getBadgeStyles } from './style';
-import styles from './styles.css.js';
-export default function Badge({ color = 'grey', children, style, nativeAttributes, ...rest }) {
-    const { __internalRootRef } = useBaseComponent('Badge', { props: { color } });
-    const baseProps = getBaseProps(rest);
-    const className = clsx(baseProps.className, styles.badge, styles[`badge-color-${color}`]);
-    return (React.createElement(WithNativeAttributes, { ...baseProps, tag: "span", componentName: "Badge", nativeAttributes: nativeAttributes, className: className, ref: __internalRootRef, style: getBadgeStyles(style) }, children));
-}
-applyDisplayName(Badge, 'Badge');
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/box/internal-do-not-use-core.js

@@ -1,23 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalBox from './internal';
-export default function Box({ variant = 'div', margin = {}, padding = {}, ...props }) {
-    const baseComponentProps = useBaseComponent('Box', {
-        props: {
-            color: props.color,
-            display: props.display,
-            float: props.float,
-            fontSize: props.fontSize,
-            fontWeight: props.fontWeight,
-            textAlign: props.textAlign,
-            variant,
-        },
-    });
-    return React.createElement(InternalBox, { variant: variant, margin: margin, padding: padding, ...props, ...baseComponentProps });
-}
-applyDisplayName(Box, 'Box');
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/button/internal-do-not-use-core.js

@@ -1,19 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { InternalButton } from './internal';
-const Button = React.forwardRef(({ children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, href, target, rel, external = false, download, formAction = 'submit', ariaLabel, ariaDescribedby, onClick, onFollow, ariaExpanded, ariaControls, fullWidth, form, i18nStrings, style, nativeButtonAttributes, nativeAnchorAttributes, ...props }, ref) => {
-    const baseComponentProps = useBaseComponent('Button', {
-        props: { formAction, fullWidth, iconAlign, iconName, rel, target, external, variant, wrapText },
-        metadata: { hasDisabledReason: Boolean(disabledReason) },
-    });
-    const baseProps = getBaseProps(props);
-    return (React.createElement(InternalButton, { ...baseProps, ...baseComponentProps, ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, disabledReason: disabledReason, wrapText: wrapText, href: href, target: target, rel: rel, external: external, download: download, formAction: formAction, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, ariaControls: ariaControls, fullWidth: fullWidth, form: form, i18nStrings: i18nStrings, style: style, nativeButtonAttributes: nativeButtonAttributes, nativeAnchorAttributes: nativeAnchorAttributes, __injectAnalyticsComponentMetadata: true }, children));
-});
-applyDisplayName(Button, 'Button');
-export default Button;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/button-dropdown/internal-do-not-use-core.js

@@ -1,34 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalButtonDropdown from './internal';
-import { hasCheckboxItems, hasDisabledReasonItems } from './utils/utils';
-import analyticsSelectors from './analytics-metadata/styles.css.js';
-const ButtonDropdown = React.forwardRef(({ items, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, expandableGroups = false, expandToViewport = false, ariaLabel, children, onItemClick, onItemFollow, mainAction, fullWidth, nativeMainActionAttributes, nativeTriggerAttributes, ...props }, ref) => {
-    const baseComponentProps = useBaseComponent('ButtonDropdown', {
-        props: { expandToViewport, expandableGroups, variant },
-        metadata: {
-            mainAction: !!mainAction,
-            checkboxItems: hasCheckboxItems(items),
-            hasDisabledReason: Boolean(disabledReason),
-            hasDisabledReasons: hasDisabledReasonItems(items),
-        },
-    });
-    const baseProps = getBaseProps(props);
-    const analyticsComponentMetadata = {
-        name: 'awsui.ButtonDropdown',
-        label: `.${analyticsSelectors['trigger-label']}`,
-        properties: { variant, disabled: `${disabled}` },
-    };
-    return (React.createElement(InternalButtonDropdown, { ...baseProps, ...baseComponentProps, ref: ref, items: items, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, disabledReason: disabledReason, expandableGroups: expandableGroups, expandToViewport: expandToViewport, ariaLabel: ariaLabel, onItemClick: onItemClick, onItemFollow: onItemFollow, mainAction: mainAction, fullWidth: fullWidth, nativeMainActionAttributes: nativeMainActionAttributes, nativeTriggerAttributes: nativeTriggerAttributes, ...getAnalyticsMetadataAttribute({
-            component: analyticsComponentMetadata,
-        }) }, children));
-});
-applyDisplayName(ButtonDropdown, 'ButtonDropdown');
-export default ButtonDropdown;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/button-group/internal-do-not-use-core.js

@@ -1,49 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import InternalButtonGroup from './internal';
-const ButtonGroup = React.forwardRef(({ variant, dropdownExpandToViewport = false, style, ...rest }, ref) => {
-    const baseProps = getBaseProps(rest);
-    const itemCounts = getItemCounts(rest.items);
-    const baseComponentProps = useBaseComponent('ButtonGroup', {
-        props: {
-            variant,
-            dropdownExpandToViewport,
-        },
-        metadata: {
-            iconButtonsCount: itemCounts['icon-button'],
-            iconToggleButtonsCount: itemCounts['icon-toggle-button'],
-            iconFileInputsCount: itemCounts['icon-file-input'],
-            menuDropdownsCount: itemCounts['menu-dropdown'],
-            groupsCount: itemCounts.group,
-        },
-    });
-    const externalProps = getExternalProps(rest);
-    const componentMetadata = {
-        name: 'awsui.ButtonGroup',
-        label: { root: 'self' },
-    };
-    return (React.createElement(InternalButtonGroup, { ...baseProps, ...baseComponentProps, ...externalProps, ref: ref, variant: variant, dropdownExpandToViewport: dropdownExpandToViewport, style: style, ...getAnalyticsMetadataAttribute({ component: componentMetadata }) }));
-});
-function getItemCounts(allItems = []) {
-    const counters = { 'icon-button': 0, 'icon-toggle-button': 0, 'icon-file-input': 0, 'menu-dropdown': 0, group: 0 };
-    function count(items) {
-        for (const item of items) {
-            counters[item.type] += 1;
-            if (item.type === 'group') {
-                count(item.items);
-            }
-        }
-    }
-    count(allItems);
-    return counters;
-}
-applyDisplayName(ButtonGroup, 'ButtonGroup');
-export default ButtonGroup;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/checkbox/internal-do-not-use-core.js

@@ -1,16 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalCheckbox from './internal';
-const Checkbox = React.forwardRef(({ ...props }, ref) => {
-    const baseComponentProps = useBaseComponent('Checkbox', {
-        props: { readOnly: props.readOnly },
-    });
-    return React.createElement(InternalCheckbox, { ...props, ...baseComponentProps, ref: ref, __injectAnalyticsComponentMetadata: true });
-});
-applyDisplayName(Checkbox, 'Checkbox');
-export default Checkbox;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/container/internal-do-not-use-core.js

@@ -1,34 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
-import { getAnalyticsMetadataProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import { InternalContainerAsSubstep } from './internal';
-export default function Container({ variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight = false, ...props }) {
-    const analyticsMetadata = getAnalyticsMetadataProps(props);
-    const baseComponentProps = useBaseComponent('Container', {
-        props: {
-            disableContentPaddings,
-            disableHeaderPaddings,
-            fitHeight,
-            variant,
-        },
-        metadata: {
-            hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
-        },
-    }, analyticsMetadata);
-    const externalProps = getExternalProps(props);
-    const analyticsComponentMetadata = {
-        name: 'awsui.Container',
-        label: { root: 'self' },
-    };
-    return (React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
-        React.createElement(InternalContainerAsSubstep, { variant: variant, disableContentPaddings: disableContentPaddings, disableHeaderPaddings: disableHeaderPaddings, fitHeight: fitHeight, ...props, ...externalProps, ...baseComponentProps, ...getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata }) })));
-}
-applyDisplayName(Container, 'Container');
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/date-input/internal-do-not-use-core.js

@@ -1,16 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import InternalDateInput from './internal';
-const DateInput = React.forwardRef((props, ref) => {
-    const baseComponentProps = useBaseComponent('DateInput', {
-        props: { autoFocus: props.autoFocus, readOnly: props.readOnly },
-    });
-    return React.createElement(InternalDateInput, { ...props, ...baseComponentProps, __injectAnalyticsComponentMetadata: true, ref: ref });
-});
-applyDisplayName(DateInput, 'DateInput');
-export default DateInput;
-//# sourceMappingURL=internal-do-not-use-core.js.map

package/flashbar/internal-do-not-use-core.js

@@ -1,15 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-'use client';
-import React from 'react';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { InternalFlashbar } from './internal';
-export default function Flashbar(props) {
-    const { __internalRootRef } = useBaseComponent('Flashbar', {
-        props: { stackItems: props.stackItems },
-    });
-    return React.createElement(InternalFlashbar, { __internalRootRef: __internalRootRef, ...props });
-}
-applyDisplayName(Flashbar, 'Flashbar');
-//# sourceMappingURL=internal-do-not-use-core.js.map