@hubspot/ui-extensions 0.11.1 → 0.11.3

package/dist/{__synced__/remoteComponents.synced.js → shared/remoteComponents.js}

@@ -1,4 +1,4 @@
-import { createRemoteComponentRegistry } from './utils/remote-component-registry.synced';
+import { createRemoteComponentRegistry } from "./utils/remote-component-registry.js";
 /**
  * Represents a registry of HubSpot-provided React components that should only be used **internally** by the UI extension SDK.
  *
@@ -6,6 +6,9 @@ import { createRemoteComponentRegistry } from './utils/remote-component-registry
  */
 export const __hubSpotComponentRegistry = createRemoteComponentRegistry();
 const { createAndRegisterRemoteReactComponent, createAndRegisterRemoteCompoundReactComponent, } = __hubSpotComponentRegistry;
+////////////////////////////////////////////////////////////
+// STANDARD COMPONENTS
+////////////////////////////////////////////////////////////
 /**
  * The `Alert` component renders an alert within a card. Use this component to give usage guidance, notify users of action results, or warn them about potential issues or failures.
  *
@@ -586,3 +589,98 @@ export const CurrencyInput = createAndRegisterRemoteReactComponent('CurrencyInpu
  * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/simple-grid Docs}
  */
 export const AutoGrid = createAndRegisterRemoteReactComponent('AutoGrid');
+////////////////////////////////////////////////////////
+// CRM COMPONENTS
+////////////////////////////////////////////////////////
+export const CrmPropertyList = createAndRegisterRemoteReactComponent('CrmPropertyList');
+export const CrmAssociationTable = createAndRegisterRemoteReactComponent('CrmAssociationTable');
+export const CrmDataHighlight = createAndRegisterRemoteReactComponent('CrmDataHighlight');
+export const CrmReport = createAndRegisterRemoteReactComponent('CrmReport');
+export const CrmAssociationPivot = createAndRegisterRemoteReactComponent('CrmAssociationPivot');
+export const CrmAssociationPropertyList = createAndRegisterRemoteReactComponent('CrmAssociationPropertyList');
+export const CrmAssociationStageTracker = createAndRegisterRemoteReactComponent('CrmAssociationStageTracker');
+export const CrmSimpleDeadline = createAndRegisterRemoteReactComponent('CrmSimpleDeadline');
+export const CrmStageTracker = createAndRegisterRemoteReactComponent('CrmStageTracker');
+export const CrmStatistics = createAndRegisterRemoteReactComponent('CrmStatistics');
+export const CrmActionButton = createAndRegisterRemoteReactComponent('CrmActionButton');
+export const CrmActionLink = createAndRegisterRemoteReactComponent('CrmActionLink');
+export const CrmCardActions = createAndRegisterRemoteReactComponent('CrmCardActions');
+////////////////////////////////////////////////////////
+// APP HOME COMPONENTS
+////////////////////////////////////////////////////////
+/**
+ * The `HeaderActions` component renders a container for action buttons in the app home header. It accepts `PrimaryHeaderActionButton` and `SecondaryHeaderActionButton` as children.
+ *
+ */
+export const HeaderActions = createAndRegisterRemoteReactComponent('HeaderActions');
+/**
+ * The `PrimaryHeaderActionButton` component renders a primary action button in the app home header. This button is styled as the main call-to-action and only one should be used per `HeaderActions` container.
+ *
+ */
+export const PrimaryHeaderActionButton = createAndRegisterRemoteReactComponent('PrimaryHeaderActionButton', {
+    fragmentProps: ['overlay'],
+});
+/**
+ * The `SecondaryHeaderActionButton` component renders a secondary action button in the app home header. Multiple secondary actions can be used and they will be grouped appropriately in the header.
+ *
+ */
+export const SecondaryHeaderActionButton = createAndRegisterRemoteReactComponent('SecondaryHeaderActionButton', {
+    fragmentProps: ['overlay'],
+});
+////////////////////////////////////////////////////////
+// EXPERIMENTAL COMPONENTS
+////////////////////////////////////////////////////////
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const Iframe = createAndRegisterRemoteReactComponent('Iframe');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const MediaObject = createAndRegisterRemoteReactComponent('MediaObject', {
+    fragmentProps: ['itemRight', 'itemLeft'],
+});
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const Stack2 = createAndRegisterRemoteReactComponent('Stack2');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const Center = createAndRegisterRemoteReactComponent('Center');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const Grid = createAndRegisterRemoteReactComponent('Grid');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const GridItem = createAndRegisterRemoteReactComponent('GridItem');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const SettingsView = createAndRegisterRemoteReactComponent('SettingsView');
+/**
+ * The `ExpandableText` component renders a text that can be expanded or collapsed based on a maximum height.
+ *
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/expandable-text ExpandableText Docs}
+ */
+export const ExpandableText = createAndRegisterRemoteReactComponent('ExpandableText');
+/**
+ * The `Popover` component renders a popover overlay that can contain other components.
+ *
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ *
+ * **Links:**
+ *
+ * - {@link https://developers.hubspot.com/docs/reference/ui-components/standard-components/popover Popover Docs}
+ */
+export const Popover = createAndRegisterRemoteReactComponent('Popover');
+/**
+ * @experimental This component is experimental. Avoid using it in production due to potential breaking changes. Your feedback is valuable for improvements. Stay tuned for updates.
+ */
+export const FileInput = createAndRegisterRemoteReactComponent('FileInput');

package/dist/{__synced__/types/components/accordion.synced.d.ts → shared/types/components/accordion.d.ts}

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { TShirtSizes } from '../shared.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Accordion}.
  *
  * @category Component Props
  */
-export interface AccordionProps {
+export interface AccordionProps extends BaseComponentProps {
     /**
      * The title text for the accordion.
      *

package/dist/{__synced__/types/components/alert.synced.d.ts → shared/types/components/alert.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Alert}.
  *
  * @category Component Props
  */
-export interface AlertProps {
+export interface AlertProps extends BaseComponentProps {
     /**
      * The bolded title text of the alert.
      *

package/dist/{__synced__/types/components/app-home-header-actions.synced.d.ts → shared/types/components/app-home-header-actions.d.ts}

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { ReactionsHandler } from '../reactions.synced';
-import { ExtensionEvent, OverlayComponentProps, HrefProp } from '../shared.synced';
+import { ReactionsHandler } from '../reactions.ts';
+import { ExtensionEvent, OverlayComponentProps, HrefProp, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.HeaderActions}.
  *
  * @category Component Props
  */
-export interface HeaderActionsProps {
+export interface HeaderActionsProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the HeaderActions. This prop is passed implicitly by providing sub-components.
      */
@@ -17,7 +17,7 @@ export interface HeaderActionsProps {
  *
  * @category Component Props
  */
-export interface HeaderActionButtonProps extends OverlayComponentProps {
+export interface HeaderActionButtonProps extends OverlayComponentProps, BaseComponentProps {
     /**
      * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
      *

package/dist/{__synced__/types/components/button-row.synced.d.ts → shared/types/components/button-row.d.ts}

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { TShirtSizes } from '../shared.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.ButtonRow}.
  *
  * @category Component Props
  */
-export interface ButtonRowProps {
+export interface ButtonRowProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */

package/dist/{__synced__/types/components/button.synced.d.ts → shared/types/components/button.d.ts}

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { OverlayComponentProps, HrefProp, TShirtSizes, IconNames, ExtensionEvent } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
-export interface BaseButtonProps {
+import { OverlayComponentProps, HrefProp, TShirtSizes, IconNames, ExtensionEvent, BaseComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
+export interface BaseButtonProps extends BaseComponentProps {
     /**
      * A function that will be invoked when the button is clicked. Do not use this function for submitting a form; use Form's `onSubmit` function instead.
      *
@@ -38,6 +38,12 @@ export interface BaseButtonProps {
      * @defaultValue `"md"`
      */
     size?: TShirtSizes['xs'] | TShirtSizes['sm'] | TShirtSizes['md'];
+    /**
+     * When set to `true`, long button text will be truncated with an ellipsis (`...`) and the full text will appear in a tooltip on hover.
+     *
+     * @defaultValue `false`
+     */
+    truncate?: boolean;
 }
 /**
  * The props type for {@link !components.Button}.

package/dist/{__synced__/types/components/card.synced.d.ts → shared/types/components/card.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Card}.
  *
  * @category Component Props
  */
-export interface CardProps {
+export interface CardProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      */

package/dist/{__synced__/types/components/chart.synced.d.ts → shared/types/components/chart.d.ts}

@@ -1,3 +1,4 @@
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.BarChart}.
  *
@@ -10,7 +11,7 @@ export type BarChartProps = ChartProps;
  * @category Component Props
  */
 export type LineChartProps = ChartProps;
-export interface ChartProps {
+export interface ChartProps extends BaseComponentProps {
     /**
      * The data used to render the chart. You can optionally provide configuration options.
      */

package/dist/{__synced__/types/components/description-list.synced.d.ts → shared/types/components/description-list.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.DescriptionListItem}.
  *
  * @category Component Props
  */
-export interface DescriptionListItemProps {
+export interface DescriptionListItemProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *
@@ -21,7 +22,7 @@ export interface DescriptionListItemProps {
  *
  * @category Component Props
  */
-export interface DescriptionListProps {
+export interface DescriptionListProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components. The children should be {@link !components.DescriptionListItem}.
      *

package/dist/{__synced__/types/components/divider.synced.d.ts → shared/types/components/divider.d.ts}

@@ -1,10 +1,10 @@
-import { AllDistances } from '../shared.synced';
+import { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Divider}.
  *
  * @category Component Props
  */
-export interface DividerProps {
+export interface DividerProps extends BaseComponentProps {
     /**
      * The space between the divider and the content above and below it.
      *

package/dist/{__synced__/types/components/dropdown.synced.d.ts → shared/types/components/dropdown.d.ts}

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
-import { TShirtSizes } from '../shared.synced';
-import { ExtensionEvent, OverlayComponentProps } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+import { ExtensionEvent, OverlayComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
 /**
  * @deprecated This type is deprecated and will be removed in a future release. Please use the `DropdownButtonItem` component instead.
  */
@@ -24,7 +24,7 @@ export interface DropdownOption {
  *
  * @category Component Props
  */
-export interface DropdownButtonItemProps extends OverlayComponentProps {
+export interface DropdownButtonItemProps extends OverlayComponentProps, BaseComponentProps {
     /**
      * Text to be displayed as the menu item text.
      * Can also accept ReactNode for more complex content.
@@ -43,7 +43,7 @@ export interface DropdownButtonItemProps extends OverlayComponentProps {
  *
  * @category Component Props
  */
-export interface DropdownProps {
+export interface DropdownProps extends BaseComponentProps {
     /**
      * The list of options to be rendered within the dropdown menu.
      * Each option represents an entry in the Dropdown.

package/dist/{__synced__/types/components/empty-state.synced.d.ts → shared/types/components/empty-state.d.ts}

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 export type EmptyStateImageName = 'addOnReporting' | 'announcement' | 'api' | 'automatedTesting' | 'beta' | 'building' | 'callingSetUp' | 'companies' | 'components' | 'cone' | 'contacts' | 'contentStrategy' | 'customObjects' | 'customerExperience' | 'customerSupport' | 'deals' | 'developerSecurityUpdate' | 'electronicSignature' | 'electronicSignatureEmptyState' | 'emailConfirmation' | 'emptyStateCharts' | 'idea' | 'integrations' | 'leads' | 'lock' | 'meetings' | 'missedGoal' | 'multipleObjects' | 'object' | 'productsShoppingCart' | 'registration' | 'sandboxAddOn' | 'social' | 'store' | 'storeDisabled' | 'successfullyConnectedEmail' | 'target' | 'task' | 'tickets' | 'voteAndSearch';
 /**
  * The props type for {@link !components.EmptyState}.
  *
  * @category Component Props
  */
-export interface EmptyStateProps {
+export interface EmptyStateProps extends BaseComponentProps {
     /**
      * When set to `true`, removes the default vertical margins in the component.
      *

package/dist/{__synced__/types/components/error-state.synced.d.ts → shared/types/components/error-state.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.ErrorState}.
  *
  * @category Component Props
  */
-export interface ErrorStateProps {
+export interface ErrorStateProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *

package/dist/{__synced__/types/components/form.synced.d.ts → shared/types/components/form.d.ts}

@@ -1,13 +1,13 @@
 import { ReactNode } from 'react';
-import { FormSubmitExtensionEvent } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
+import { FormSubmitExtensionEvent, BaseComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
 export type FormInputValues = Record<string, string | number>;
 /**
  * The props type for {@link !components.Form}.
  *
  * @category Component Props
  */
-export interface FormProps {
+export interface FormProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *

package/dist/{__synced__/types/components/heading.synced.d.ts → shared/types/components/heading.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Heading}.
  *
  * @category Component Props
  */
-export interface HeadingProps {
+export interface HeadingProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *

package/dist/{__synced__/types/components/icon.synced.d.ts → shared/types/components/icon.d.ts}

@@ -1,11 +1,11 @@
-import { TShirtSizes, IconNames } from '../shared.synced';
+import { TShirtSizes, IconNames, BaseComponentProps } from '../shared.ts';
 export type IconColor = 'alert' | 'warning' | 'success' | 'inherit';
 /**
  * The props type for {@link !components.Icon}.
  *
  * @category Component Props
  */
-export interface IconProps {
+export interface IconProps extends BaseComponentProps {
     /**
      * Sets the icon color. By default, the icon will use `inherit`, which inherits the color from its parent element.
      *

package/dist/{__synced__/types/components/iframe.synced.d.ts → shared/types/components/iframe.d.ts}

@@ -1,4 +1,4 @@
-import { TShirtSizes } from '../shared.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Iframe}.
  *
@@ -6,7 +6,7 @@ import { TShirtSizes } from '../shared.synced';
  * @experimental
  * @category Component Props
  */
-export interface IframeProps {
+export interface IframeProps extends BaseComponentProps {
     /**
      * Sets the height of the iframe. If this prop is not provided, the iframe defaults size medium.
      *

package/dist/{__synced__/types/components/illustration.synced.d.ts → shared/types/components/illustration.d.ts}

@@ -1,9 +1,10 @@
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Illustration}.
  *
  * @category Component Props
  */
-export interface IllustrationProps {
+export interface IllustrationProps extends BaseComponentProps {
     name: IllustrationNames;
     alt: string;
     width?: number;

package/dist/{__synced__/types/components/image.synced.d.ts → shared/types/components/image.d.ts}

@@ -1,11 +1,11 @@
-import { OverlayComponentProps, HrefProp, ExtensionEvent } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
+import { OverlayComponentProps, HrefProp, ExtensionEvent, BaseComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
 /**
  * The props type for {@link !components.Image}.
  *
  * @category Component Props
  */
-export interface ImageProps extends OverlayComponentProps {
+export interface ImageProps extends OverlayComponentProps, BaseComponentProps {
     /**
      * The alt text for the image.
      *

package/dist/shared/types/components/index.d.ts

@@ -0,0 +1,38 @@
+export type * from './accordion.ts';
+export type * from './alert.ts';
+export type * from './app-home-header-actions.ts';
+export type * from './button-row.ts';
+export type * from './button.ts';
+export type * from './card.ts';
+export type * from './chart.ts';
+export type * from './description-list.ts';
+export type * from './divider.ts';
+export type * from './dropdown.ts';
+export type * from './empty-state.ts';
+export type * from './error-state.ts';
+export type * from './form.ts';
+export type * from './heading.ts';
+export type * from './icon.ts';
+export type * from './iframe.ts';
+export type * from './illustration.ts';
+export type * from './image.ts';
+export type * from './inputs.ts';
+export type * from './layouts.ts';
+export type * from './link.ts';
+export type * from './list.ts';
+export type * from './loading-spinner.ts';
+export type * from './modal.ts';
+export type * from './panel.ts';
+export type * from './progress-bar.ts';
+export type * from './selects.ts';
+export type * from './statistics.ts';
+export type * from './status-tag.ts';
+export type * from './step-indicator.ts';
+export type * from './table.ts';
+export type * from './tabs.ts';
+export type * from './tag.ts';
+export type * from './text.ts';
+export type * from './tile.ts';
+export type * from './toggle.ts';
+export type * from './toggleInputs.ts';
+export type * from './tooltip.ts';

package/dist/shared/types/components/index.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/inputs.synced.d.ts → shared/types/components/inputs.d.ts}

@@ -1,8 +1,9 @@
+import { BaseComponentProps } from '../shared.ts';
 /**
  * Generic collection of props for all inputs
  * @internal
  * */
-interface BaseInputProps<T = string, V = string> {
+interface BaseInputProps<T = string, V = string> extends BaseComponentProps {
     /**
      * The label text to display for the form input element.
      */

package/dist/shared/types/components/inputs.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/layouts.synced.d.ts → shared/types/components/layouts.d.ts}

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
-import { AllDistances } from '../shared.synced';
+import { AllDistances, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.Stack}.
  *
  * @category Component Props
  */
-export interface StackProps {
+export interface StackProps extends BaseComponentProps {
     /**
      * Sets the spacing between components.
      */
@@ -38,7 +38,7 @@ export type FlexAlign = 'start' | 'center' | 'baseline' | 'end' | 'stretch';
  *
  * @category Component Props
  */
-export interface FlexProps {
+export interface FlexProps extends BaseComponentProps {
     /**
      * Sets the spacing between components.
      *
@@ -85,7 +85,7 @@ export interface FlexProps {
  *
  * @category Component Props
  */
-export interface BoxProps {
+export interface BoxProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *
@@ -115,7 +115,7 @@ export interface BoxProps {
  *
  * @category Component Props
  */
-export interface InlineProps {
+export interface InlineProps extends BaseComponentProps {
     /**
      * Sets the content that will render inside the component. This prop is passed implicitly by providing sub-components.
      *
@@ -143,7 +143,7 @@ export interface InlineProps {
  *
  * @category Component Props
  */
-export interface AutoGridProps {
+export interface AutoGridProps extends BaseComponentProps {
     /**
      * Sets the width of each column in the grid.
      * When `flexible` is true, columns will be at least this width (or collapse to container width if smaller), then expand equally to fill available space.

package/dist/shared/types/components/layouts.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/link.synced.d.ts → shared/types/components/link.d.ts}

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { OverlayComponentProps, ExtensionEvent, HrefProp } from '../shared.synced';
-import { ReactionsHandler } from '../reactions.synced';
+import { OverlayComponentProps, ExtensionEvent, HrefProp, BaseComponentProps } from '../shared.ts';
+import { ReactionsHandler } from '../reactions.ts';
 /**
  * The props type for {@link !components.Link}.
  *
  * @category Component Props
  */
-export interface LinkProps extends OverlayComponentProps {
+export interface LinkProps extends OverlayComponentProps, BaseComponentProps {
     /**
      * Sets the content that will render inside the component.
      *

package/dist/shared/types/components/link.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/list.synced.d.ts → shared/types/components/list.d.ts}

@@ -1,10 +1,11 @@
 import { ReactNode } from 'react';
+import { BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.List}.
  *
  * @category Component Props
  */
-export interface ListProps {
+export interface ListProps extends BaseComponentProps {
     /**
      * The content of the list. Each child will be wrapped in an `li` tag.
      */

package/dist/shared/types/components/list.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/loading-spinner.synced.d.ts → shared/types/components/loading-spinner.d.ts}

@@ -1,10 +1,10 @@
-import { TShirtSizes } from '../shared.synced';
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
 /**
  * The props type for {@link !components.LoadingSpinner}.
  *
  * @category Component Props
  */
-export interface LoadingSpinnerProps {
+export interface LoadingSpinnerProps extends BaseComponentProps {
     /**
      * The text that displays next to the spinner. Note: the label is not shown by default, you must set `showLabel` to `true` to display the label.
      *

package/dist/shared/types/components/loading-spinner.js

@@ -0,0 +1 @@
+export {};

package/dist/{__synced__/types/components/modal.synced.d.ts → shared/types/components/modal.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { TShirtSizes } from '../shared.synced';
-export interface ModalProps {
+import { TShirtSizes, BaseComponentProps } from '../shared.ts';
+export interface ModalProps extends BaseComponentProps {
     /**
      * Accessibility label.
      *
@@ -44,14 +44,14 @@ export interface ModalProps {
      */
     variant?: 'danger' | 'default';
 }
-export interface ModalBodyProps {
+export interface ModalBodyProps extends BaseComponentProps {
     /**
      * The main content of the modal
      *
      */
     children: ReactNode;
 }
-export interface ModalFooterProps {
+export interface ModalFooterProps extends BaseComponentProps {
     /**
      * The footer of the modal
      *

package/dist/shared/types/components/modal.js

@@ -0,0 +1 @@
+export {};