chore: Add props reporting for S-W components

src/select/index.tsx

@@ -20,7 +20,15 @@ const Select = React.forwardRef(
     }: SelectProps,
     ref: React.Ref<SelectProps.Ref>
   ) => {
-    const baseComponentProps = useBaseComponent('Select');
+    const baseComponentProps = useBaseComponent('Select', {
+      props: {
+        autoFocus: restProps.autoFocus,
+        expandToViewport: restProps.expandToViewport,
+        filteringType,
+        triggerVariant,
+        virtualScroll: restProps.virtualScroll,
+      },
+    });
     const externalProps = getExternalProps(restProps);
     return (
       <InternalSelect

src/space-between/index.tsx

@@ -9,7 +9,9 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 export { SpaceBetweenProps };
 
 export default function SpaceBetween({ direction = 'vertical', ...props }: SpaceBetweenProps) {
-  const baseComponentProps = useBaseComponent('SpaceBetween');
+  const baseComponentProps = useBaseComponent('SpaceBetween', {
+    props: { alignItems: props.alignItems, direction, size: props.size },
+  });
   return <InternalSpaceBetween direction={direction} {...props} {...baseComponentProps} />;
 }
 

src/spinner/index.tsx

@@ -9,7 +9,9 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 export { SpinnerProps };
 
 export default function Spinner({ size = 'normal', variant = 'normal', ...props }: SpinnerProps) {
-  const baseComponentProps = useBaseComponent('Spinner');
+  const baseComponentProps = useBaseComponent('Spinner', {
+    props: { size, variant },
+  });
   return <InternalSpinner size={size} variant={variant} {...props} {...baseComponentProps} />;
 }
 

src/split-panel/index.tsx

@@ -37,7 +37,9 @@ export default function SplitPanel({
   ...restProps
 }: SplitPanelProps) {
   const isRefresh = useVisualRefresh();
-  const { __internalRootRef } = useBaseComponent('SplitPanel');
+  const { __internalRootRef } = useBaseComponent('SplitPanel', {
+    props: { closeBehavior, hidePreferencesButton },
+  });
   const {
     position,
     topOffset,

src/status-indicator/index.tsx

@@ -8,7 +8,9 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 export { StatusIndicatorProps };
 
 export default function StatusIndicator({ type = 'success', wrapText = true, ...props }: StatusIndicatorProps) {
-  const baseComponentProps = useBaseComponent('StatusIndicator');
+  const baseComponentProps = useBaseComponent('StatusIndicator', {
+    props: { colorOverride: props.colorOverride, type, wrapText },
+  });
   return <InternalStatusIndicator type={type} wrapText={wrapText} {...props} {...baseComponentProps} />;
 }
 

src/tabs/index.tsx

@@ -39,7 +39,9 @@ export default function Tabs({
   for (const tab of tabs) {
     checkSafeUrl('Tabs', tab.href);
   }
-  const { __internalRootRef } = useBaseComponent('Tabs');
+  const { __internalRootRef } = useBaseComponent('Tabs', {
+    props: { disableContentPaddings, variant },
+  });
   const idNamespace = useUniqueId('awsui-tabs-');
 
   const [activeTabId, setActiveTabId] = useControllable(controlledTabId, onChange, firstEnabledTab(tabs)?.id ?? '', {

src/tag-editor/index.tsx

@@ -50,7 +50,9 @@ const TagEditor = React.forwardRef(
     }: TagEditorProps,
     ref: React.Ref<TagEditorProps.Ref>
   ) => {
-    const baseComponentProps = useBaseComponent('TagEditor');
+    const baseComponentProps = useBaseComponent('TagEditor', {
+      props: { tagLimit, allowedCharacterPattern },
+    });
     const i18n = useInternalI18n('tag-editor');
 
     const remainingTags = tagLimit - tags.filter(tag => !tag.markedForRemoval).length;

src/textarea/index.tsx

@@ -39,7 +39,9 @@ const Textarea = React.forwardRef(
     }: TextareaProps,
     ref: Ref<TextareaProps.Ref>
   ) => {
-    const { __internalRootRef } = useBaseComponent('Textarea');
+    const { __internalRootRef } = useBaseComponent('Textarea', {
+      props: { autoComplete, autoFocus, disableBrowserAutocorrect, disableBrowserSpellcheck, readOnly, spellcheck },
+    });
     const { ariaLabelledby, ariaDescribedby, controlId, invalid } = useFormFieldContext(rest);
     const baseProps = getBaseProps(rest);
 

src/tiles/index.tsx

@@ -9,7 +9,9 @@ import InternalTiles from './internal';
 export { TilesProps };
 
 const Tiles = React.forwardRef((props: TilesProps, ref: React.Ref<TilesProps.Ref>) => {
-  const baseComponentProps = useBaseComponent('Tiles');
+  const baseComponentProps = useBaseComponent('Tiles', {
+    props: { columns: props.columns },
+  });
   return <InternalTiles ref={ref} {...props} {...baseComponentProps} />;
 });
 

src/time-input/index.tsx

@@ -14,7 +14,15 @@ const TimeInput = React.forwardRef(
     { format = 'hh:mm:ss', use24Hour = true, autoComplete = true, ...props }: TimeInputProps,
     ref: Ref<HTMLInputElement>
   ) => {
-    const baseComponentProps = useBaseComponent('TimeInput');
+    const baseComponentProps = useBaseComponent('TimeInput', {
+      props: {
+        autoFocus: props.autoFocus,
+        disableBrowserAutocorrect: props.disableBrowserAutocorrect,
+        format,
+        readOnly: props.readOnly,
+        use24Hour,
+      },
+    });
     return (
       <InternalTimeInput
         format={format}

src/token-group/index.tsx

@@ -9,7 +9,9 @@ import InternalTokenGroup from './internal';
 export { TokenGroupProps };
 
 export default function TokenGroup({ items = [], alignment = 'horizontal', ...props }: TokenGroupProps) {
-  const baseComponentProps = useBaseComponent('TokenGroup');
+  const baseComponentProps = useBaseComponent('TokenGroup', {
+    props: { alignment, disableOuterPadding: props.disableOuterPadding, limit: props.limit },
+  });
   return <InternalTokenGroup items={items} alignment={alignment} {...props} {...baseComponentProps} />;
 }
 

src/wizard/index.tsx

@@ -13,7 +13,9 @@ import { WizardProps } from './interfaces';
 import { useFunnel } from '../internal/analytics/hooks/use-funnel';
 
 function Wizard({ isLoadingNextStep = false, allowSkipTo = false, ...props }: WizardProps) {
-  const baseComponentProps = useBaseComponent('Wizard');
+  const baseComponentProps = useBaseComponent('Wizard', {
+    props: { allowSkipTo },
+  });
   const { wizardCount } = useFunnel();
   const externalProps = getExternalProps(props);