@capra/core 1.5.3 → 1.6.0

package/dist/index.cjs

@@ -270,12 +270,12 @@ Label$1.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
-	"errorIndicator": "capra-TextInput-module-I5TDpa-errorIndicator",
-	"input": "capra-TextInput-module-I5TDpa-input",
-	"leadingSlot": "capra-TextInput-module-I5TDpa-leadingSlot",
-	"trailingSlot": "capra-TextInput-module-I5TDpa-trailingSlot",
-	"warningIndicator": "capra-TextInput-module-I5TDpa-warningIndicator",
-	"wrapper": "capra-TextInput-module-I5TDpa-wrapper"
+	"errorIndicator": "capra-TextInput-module-pTHfnG-errorIndicator",
+	"input": "capra-TextInput-module-pTHfnG-input",
+	"leadingSlot": "capra-TextInput-module-pTHfnG-leadingSlot",
+	"trailingSlot": "capra-TextInput-module-pTHfnG-trailingSlot",
+	"warningIndicator": "capra-TextInput-module-pTHfnG-warningIndicator",
+	"wrapper": "capra-TextInput-module-pTHfnG-wrapper"
 };
 //#endregion
 //#region src/components/TextInput/TextInput.tsx
@@ -2733,23 +2733,23 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"confirmationActions": "capra-Modal-module-5vfSOW-confirmationActions",
-	"confirmationBody": "capra-Modal-module-5vfSOW-confirmationBody",
-	"confirmationIcon": "capra-Modal-module-5vfSOW-confirmationIcon",
-	"confirmationLayout": "capra-Modal-module-5vfSOW-confirmationLayout",
-	"confirmationMessage": "capra-Modal-module-5vfSOW-confirmationMessage",
-	"confirmationSurface": "capra-Modal-module-5vfSOW-confirmationSurface",
-	"content": "capra-Modal-module-5vfSOW-content",
-	"contentShow": "capra-Modal-module-5vfSOW-contentShow",
-	"expandedFooterLayout": "capra-Modal-module-5vfSOW-expandedFooterLayout",
-	"expandedTitleLayout": "capra-Modal-module-5vfSOW-expandedTitleLayout",
-	"footer": "capra-Modal-module-5vfSOW-footer",
-	"footerActions": "capra-Modal-module-5vfSOW-footerActions",
-	"header": "capra-Modal-module-5vfSOW-header",
-	"headerLeading": "capra-Modal-module-5vfSOW-headerLeading",
-	"overlay": "capra-Modal-module-5vfSOW-overlay",
-	"overlayShow": "capra-Modal-module-5vfSOW-overlayShow",
-	"surface": "capra-Modal-module-5vfSOW-surface"
+	"confirmationActions": "capra-Modal-module-j-u8iq-confirmationActions",
+	"confirmationBody": "capra-Modal-module-j-u8iq-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-j-u8iq-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-j-u8iq-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-j-u8iq-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-j-u8iq-confirmationSurface",
+	"content": "capra-Modal-module-j-u8iq-content",
+	"contentShow": "capra-Modal-module-j-u8iq-contentShow",
+	"expandedFooterLayout": "capra-Modal-module-j-u8iq-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-j-u8iq-expandedTitleLayout",
+	"footer": "capra-Modal-module-j-u8iq-footer",
+	"footerActions": "capra-Modal-module-j-u8iq-footerActions",
+	"header": "capra-Modal-module-j-u8iq-header",
+	"headerLeading": "capra-Modal-module-j-u8iq-headerLeading",
+	"overlay": "capra-Modal-module-j-u8iq-overlay",
+	"overlayShow": "capra-Modal-module-j-u8iq-overlayShow",
+	"surface": "capra-Modal-module-j-u8iq-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx

package/dist/index.d.cts

@@ -125,7 +125,7 @@ declare const TextInput: React$2.ForwardRefExoticComponent<{
    */
   size?: Size$3; /** Content after the input (e.g. icon or clear button). */
   trailingSlot?: React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "className" | "size"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input-helpers/fieldLayout.d.ts
 type FieldLayoutProps = {
@@ -172,7 +172,7 @@ declare const AutocompleteField: ((props: {
   leadingSlot?: React$1.ReactNode;
   size?: Size$3;
   trailingSlot?: React$1.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "className" | "size"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "onChange" | "value"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
+} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "value" | "onChange"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
   Item: typeof AutocompleteItem;
 };
 //#endregion
@@ -429,7 +429,7 @@ type RadioGroupProps = RadioGroupContextValue & StylingOverrideProps & Omit<Reac
 /**
  * A control wrapper for a group of radio buttons.
  */
-declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "className" | "onChange"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
+declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "onChange" | "className"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Radio/Radio.d.ts
 type ChildrenLabel = {
@@ -562,7 +562,7 @@ declare const Checkbox: React$2.ForwardRefExoticComponent<{
   checked?: boolean; /** Default checked state for uncontrolled component. */
   defaultChecked?: boolean; /** The label for the checkbox. */
   children?: string | React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "type"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Collapse/Collapse.d.ts
 /** Props forwarded to React Aria `Disclosure`; see https://reactaria.adobe.com/Disclosure */
@@ -636,7 +636,7 @@ declare const TextField: React$2.ForwardRefExoticComponent<{
   /** Called with the new string value when the input changes. */onChange?: (value: string) => void; /** When true, shows a character count. */
   showCount?: boolean;
   value?: string | number | undefined;
-} & FieldLayoutProps & Omit<TextInputProps, "onChange" | "value"> & React$2.RefAttributes<HTMLInputElement>>;
+} & FieldLayoutProps & Omit<TextInputProps, "value" | "onChange"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/PasswordField/PasswordField.d.ts
 type PasswordFieldProps = Omit<TextFieldProps, 'trailingSlot' | 'type'>;
@@ -660,7 +660,7 @@ type NumberFieldProps = Omit<TextInputProps, 'type' | 'onChange' | 'min' | 'max'
 /**
  * Number field built on React Aria `NumberField`, with custom increment/decrement controls (native spinners hidden).
  */
-declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "onChange" | "max" | "min" | "type" | "step"> & {
+declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "max" | "min" | "step" | "type" | "onChange"> & {
   /** Called with the unformatted number value when the number changes. */onChange?: (value: number) => void; /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
   formatOptions?: Intl.NumberFormatOptions; /** Minimum value */
   min?: number; /** Maximum value */
@@ -682,7 +682,7 @@ type DatePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutProps &
   required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 };
-declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "placeholder" | "size" | "appearance" | "leadingSlot"> & Pick<DatePickerProps<DateValue>, "defaultValue" | "onChange" | "value"> & {
+declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "placeholder" | "size" | "appearance" | "leadingSlot"> & Pick<DatePickerProps<DateValue>, "value" | "onChange" | "defaultValue"> & {
   /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */granularity?: "day" | "second";
 } & StylingOverrideProps & {
   /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
@@ -710,7 +710,7 @@ type DateRangePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutPro
 };
 declare const DateRangePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "size" | "appearance" | "leadingSlot"> & {
   /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */placeholder?: DateRangePickerFieldPlaceholder;
-} & Pick<DateRangePickerProps<DateValue>, "defaultValue" | "onChange" | "value" | "shouldCloseOnSelect"> & {
+} & Pick<DateRangePickerProps<DateValue>, "value" | "onChange" | "defaultValue" | "shouldCloseOnSelect"> & {
   /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */granularity?: "day" | "second";
 } & StylingOverrideProps & {
   /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
@@ -770,7 +770,7 @@ declare const TextArea: React$2.ForwardRefExoticComponent<{
   autoSize?: TextAreaAutoSize; /** When true, shows a character count. */
   showCount?: boolean; /** Called with the new string value when the input changes. */
   onChange?: (value: string) => void;
-} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "style" | "className" | "onChange" | "size"> & React$2.RefAttributes<HTMLTextAreaElement>>;
+} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "style" | "size" | "onChange" | "className"> & React$2.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
 type ModalSize = 'sm' | 'md' | 'lg';

package/dist/index.d.mts

@@ -125,7 +125,7 @@ declare const TextInput: React$2.ForwardRefExoticComponent<{
    */
   size?: Size$3; /** Content after the input (e.g. icon or clear button). */
   trailingSlot?: React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "className" | "size"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/input-helpers/fieldLayout.d.ts
 type FieldLayoutProps = {
@@ -172,7 +172,7 @@ declare const AutocompleteField: ((props: {
   leadingSlot?: React$1.ReactNode;
   size?: Size$3;
   trailingSlot?: React$1.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "className" | "size"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "onChange" | "value"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
+} & StylingOverrideProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "style" | "size" | "className"> & React$1.RefAttributes<HTMLInputElement>, "ref">, "value" | "onChange"> & React$1.RefAttributes<HTMLInputElement>) => React$1.ReactElement) & {
   Item: typeof AutocompleteItem;
 };
 //#endregion
@@ -429,7 +429,7 @@ type RadioGroupProps = RadioGroupContextValue & StylingOverrideProps & Omit<Reac
 /**
  * A control wrapper for a group of radio buttons.
  */
-declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "className" | "onChange"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
+declare const RadioGroup: (props: RadioGroupContextValue & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "onChange" | "className"> & React$2.RefAttributes<HTMLFieldSetElement>) => React$2.ReactElement;
 //#endregion
 //#region src/components/Radio/Radio.d.ts
 type ChildrenLabel = {
@@ -562,7 +562,7 @@ declare const Checkbox: React$2.ForwardRefExoticComponent<{
   checked?: boolean; /** Default checked state for uncontrolled component. */
   defaultChecked?: boolean; /** The label for the checkbox. */
   children?: string | React$2.ReactNode;
-} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "className" | "type"> & React$2.RefAttributes<HTMLInputElement>>;
+} & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | "className"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/Collapse/Collapse.d.ts
 /** Props forwarded to React Aria `Disclosure`; see https://reactaria.adobe.com/Disclosure */
@@ -636,7 +636,7 @@ declare const TextField: React$2.ForwardRefExoticComponent<{
   /** Called with the new string value when the input changes. */onChange?: (value: string) => void; /** When true, shows a character count. */
   showCount?: boolean;
   value?: string | number | undefined;
-} & FieldLayoutProps & Omit<TextInputProps, "onChange" | "value"> & React$2.RefAttributes<HTMLInputElement>>;
+} & FieldLayoutProps & Omit<TextInputProps, "value" | "onChange"> & React$2.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/PasswordField/PasswordField.d.ts
 type PasswordFieldProps = Omit<TextFieldProps, 'trailingSlot' | 'type'>;
@@ -660,7 +660,7 @@ type NumberFieldProps = Omit<TextInputProps, 'type' | 'onChange' | 'min' | 'max'
 /**
  * Number field built on React Aria `NumberField`, with custom increment/decrement controls (native spinners hidden).
  */
-declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "onChange" | "max" | "min" | "type" | "step"> & {
+declare const NumberField: React$2.ForwardRefExoticComponent<Omit<TextInputProps, "max" | "min" | "step" | "type" | "onChange"> & {
   /** Called with the unformatted number value when the number changes. */onChange?: (value: number) => void; /** Locale-aware display and parsing for the displayed value (see https://react-aria.adobe.com/NumberField#format-options) */
   formatOptions?: Intl.NumberFormatOptions; /** Minimum value */
   min?: number; /** Maximum value */
@@ -682,7 +682,7 @@ type DatePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutProps &
   required?: boolean; /** Invalid value; `appearance="danger"` also forces an invalid state for display. */
   isInvalid?: boolean;
 };
-declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "placeholder" | "size" | "appearance" | "leadingSlot"> & Pick<DatePickerProps<DateValue>, "defaultValue" | "onChange" | "value"> & {
+declare const DatePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "placeholder" | "size" | "appearance" | "leadingSlot"> & Pick<DatePickerProps<DateValue>, "value" | "onChange" | "defaultValue"> & {
   /** Smallest date/time unit shown in the field. Only `day` and `second` are supported. */granularity?: "day" | "second";
 } & StylingOverrideProps & {
   /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
@@ -710,7 +710,7 @@ type DateRangePickerFieldProps<T extends DateValue = DateValue> = FieldLayoutPro
 };
 declare const DateRangePickerField: React$2.ForwardRefExoticComponent<FieldLayoutProps & Pick<TextInputProps, "size" | "appearance" | "leadingSlot"> & {
   /** Placeholders for empty start and end, shown with a swap icon between them when the group is not focus-within. */placeholder?: DateRangePickerFieldPlaceholder;
-} & Pick<DateRangePickerProps<DateValue>, "defaultValue" | "onChange" | "value" | "shouldCloseOnSelect"> & {
+} & Pick<DateRangePickerProps<DateValue>, "value" | "onChange" | "defaultValue" | "shouldCloseOnSelect"> & {
   /** Smallest date/time unit shown in the fields. Only `day` and `second` are supported. */granularity?: "day" | "second";
 } & StylingOverrideProps & {
   /** When true, shows a clear control to the left of the calendar button while the field has a value. */canClear?: boolean; /** Disables the field. */
@@ -770,7 +770,7 @@ declare const TextArea: React$2.ForwardRefExoticComponent<{
   autoSize?: TextAreaAutoSize; /** When true, shows a character count. */
   showCount?: boolean; /** Called with the new string value when the input changes. */
   onChange?: (value: string) => void;
-} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "style" | "className" | "onChange" | "size"> & React$2.RefAttributes<HTMLTextAreaElement>>;
+} & FieldLayoutProps & StylingOverrideProps & Omit<Omit<React$2.DetailedHTMLProps<React$2.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "style" | "size" | "onChange" | "className"> & React$2.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 //#region src/components/Modal/Modal.d.ts
 type ModalSize = 'sm' | 'md' | 'lg';

package/dist/index.mjs

@@ -246,12 +246,12 @@ Label$1.displayName = "Label";
 //#endregion
 //#region src/components/TextInput/TextInput.module.css
 var TextInput_module_default = {
-	"errorIndicator": "capra-TextInput-module-I5TDpa-errorIndicator",
-	"input": "capra-TextInput-module-I5TDpa-input",
-	"leadingSlot": "capra-TextInput-module-I5TDpa-leadingSlot",
-	"trailingSlot": "capra-TextInput-module-I5TDpa-trailingSlot",
-	"warningIndicator": "capra-TextInput-module-I5TDpa-warningIndicator",
-	"wrapper": "capra-TextInput-module-I5TDpa-wrapper"
+	"errorIndicator": "capra-TextInput-module-pTHfnG-errorIndicator",
+	"input": "capra-TextInput-module-pTHfnG-input",
+	"leadingSlot": "capra-TextInput-module-pTHfnG-leadingSlot",
+	"trailingSlot": "capra-TextInput-module-pTHfnG-trailingSlot",
+	"warningIndicator": "capra-TextInput-module-pTHfnG-warningIndicator",
+	"wrapper": "capra-TextInput-module-pTHfnG-wrapper"
 };
 //#endregion
 //#region src/components/TextInput/TextInput.tsx
@@ -2709,23 +2709,23 @@ TextArea.displayName = "TextArea";
 //#endregion
 //#region src/components/Modal/Modal.module.css
 var Modal_module_default = {
-	"confirmationActions": "capra-Modal-module-5vfSOW-confirmationActions",
-	"confirmationBody": "capra-Modal-module-5vfSOW-confirmationBody",
-	"confirmationIcon": "capra-Modal-module-5vfSOW-confirmationIcon",
-	"confirmationLayout": "capra-Modal-module-5vfSOW-confirmationLayout",
-	"confirmationMessage": "capra-Modal-module-5vfSOW-confirmationMessage",
-	"confirmationSurface": "capra-Modal-module-5vfSOW-confirmationSurface",
-	"content": "capra-Modal-module-5vfSOW-content",
-	"contentShow": "capra-Modal-module-5vfSOW-contentShow",
-	"expandedFooterLayout": "capra-Modal-module-5vfSOW-expandedFooterLayout",
-	"expandedTitleLayout": "capra-Modal-module-5vfSOW-expandedTitleLayout",
-	"footer": "capra-Modal-module-5vfSOW-footer",
-	"footerActions": "capra-Modal-module-5vfSOW-footerActions",
-	"header": "capra-Modal-module-5vfSOW-header",
-	"headerLeading": "capra-Modal-module-5vfSOW-headerLeading",
-	"overlay": "capra-Modal-module-5vfSOW-overlay",
-	"overlayShow": "capra-Modal-module-5vfSOW-overlayShow",
-	"surface": "capra-Modal-module-5vfSOW-surface"
+	"confirmationActions": "capra-Modal-module-j-u8iq-confirmationActions",
+	"confirmationBody": "capra-Modal-module-j-u8iq-confirmationBody",
+	"confirmationIcon": "capra-Modal-module-j-u8iq-confirmationIcon",
+	"confirmationLayout": "capra-Modal-module-j-u8iq-confirmationLayout",
+	"confirmationMessage": "capra-Modal-module-j-u8iq-confirmationMessage",
+	"confirmationSurface": "capra-Modal-module-j-u8iq-confirmationSurface",
+	"content": "capra-Modal-module-j-u8iq-content",
+	"contentShow": "capra-Modal-module-j-u8iq-contentShow",
+	"expandedFooterLayout": "capra-Modal-module-j-u8iq-expandedFooterLayout",
+	"expandedTitleLayout": "capra-Modal-module-j-u8iq-expandedTitleLayout",
+	"footer": "capra-Modal-module-j-u8iq-footer",
+	"footerActions": "capra-Modal-module-j-u8iq-footerActions",
+	"header": "capra-Modal-module-j-u8iq-header",
+	"headerLeading": "capra-Modal-module-j-u8iq-headerLeading",
+	"overlay": "capra-Modal-module-j-u8iq-overlay",
+	"overlayShow": "capra-Modal-module-j-u8iq-overlayShow",
+	"surface": "capra-Modal-module-j-u8iq-surface"
 };
 //#endregion
 //#region src/components/Text/Heading.tsx

package/dist/style.css

@@ -342,7 +342,7 @@
   position: absolute;
   overflow: hidden;
 }
-.capra-TextInput-module-I5TDpa-wrapper {
+.capra-TextInput-module-pTHfnG-wrapper {
   border: var(--cds2-border-default);
   border-color: var(--cds2-temporary-input-border-primary);
   border-radius: var(--cds2-radius-md);
@@ -371,7 +371,7 @@
     border-color: var(--cds2-temporary-input-border-disabled);
     color: var(--cds2-temporary-input-foreground-disabled);
 
-    & .capra-TextInput-module-I5TDpa-leadingSlot, & .capra-TextInput-module-I5TDpa-trailingSlot {
+    & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
       color: var(--cds2-temporary-input-foreground-disabled);
     }
   }
@@ -379,7 +379,7 @@
   &:has( > input:read-only) {
     cursor: default;
 
-    & .capra-TextInput-module-I5TDpa-input {
+    & .capra-TextInput-module-pTHfnG-input {
       cursor: default;
     }
   }
@@ -387,12 +387,12 @@
   &:has( > input:disabled) {
     cursor: not-allowed;
 
-    & .capra-TextInput-module-I5TDpa-input {
+    & .capra-TextInput-module-pTHfnG-input {
       cursor: not-allowed;
     }
   }
 
-  & .capra-TextInput-module-I5TDpa-input {
+  & .capra-TextInput-module-pTHfnG-input {
     min-width: 0;
     color: inherit;
     font: inherit;
@@ -408,26 +408,56 @@
   }
 
   &[data-size="sm"] {
-    padding-inline: var(--cds2-spacing-md);
     gap: var(--cds2-spacing-sm);
 
-    & .capra-TextInput-module-I5TDpa-input {
+    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
+      padding-inline-start: var(--cds2-spacing-md);
+    }
+
+    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
+      padding-inline-end: var(--cds2-spacing-md);
+    }
+
+    & .capra-TextInput-module-pTHfnG-input {
       height: calc(var(--cds2-dimension-component-sm) - 2px);
       font: var(--cds2-typography-body-sm-normal);
     }
+
+    & .capra-TextInput-module-pTHfnG-leadingSlot {
+      padding-inline-start: var(--cds2-spacing-md);
+    }
+
+    & .capra-TextInput-module-pTHfnG-trailingSlot {
+      padding-inline-end: var(--cds2-spacing-md);
+    }
   }
 
   &[data-size="md"] {
-    padding-inline: var(--cds2-spacing-md);
     gap: var(--cds2-spacing-md);
 
-    & .capra-TextInput-module-I5TDpa-input {
+    &:not(:has(.capra-TextInput-module-pTHfnG-leadingSlot)) .capra-TextInput-module-pTHfnG-input {
+      padding-inline-start: var(--cds2-spacing-md);
+    }
+
+    &:not(:has(.capra-TextInput-module-pTHfnG-trailingSlot)) .capra-TextInput-module-pTHfnG-input {
+      padding-inline-end: var(--cds2-spacing-md);
+    }
+
+    & .capra-TextInput-module-pTHfnG-input {
       height: calc(var(--cds2-dimension-component-md) - 2px);
       font: var(--cds2-typography-body-md-normal);
     }
+
+    & .capra-TextInput-module-pTHfnG-leadingSlot {
+      padding-inline-start: var(--cds2-spacing-md);
+    }
+
+    & .capra-TextInput-module-pTHfnG-trailingSlot {
+      padding-inline-end: var(--cds2-spacing-md);
+    }
   }
 
-  & .capra-TextInput-module-I5TDpa-leadingSlot, & .capra-TextInput-module-I5TDpa-trailingSlot {
+  & .capra-TextInput-module-pTHfnG-leadingSlot, & .capra-TextInput-module-pTHfnG-trailingSlot {
     align-items: center;
     gap: var(--cds2-spacing-xs);
     color: var(--cds2-color-foreground-subtle);
@@ -435,7 +465,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module-I5TDpa-errorIndicator {
+  & .capra-TextInput-module-pTHfnG-errorIndicator {
     color: var(--cds2-color-foreground-danger-default);
     flex-shrink: 0;
     justify-content: center;
@@ -443,7 +473,7 @@
     display: inline-flex;
   }
 
-  & .capra-TextInput-module-I5TDpa-warningIndicator {
+  & .capra-TextInput-module-pTHfnG-warningIndicator {
     color: var(--cds2-color-foreground-warning-default);
     flex-shrink: 0;
     justify-content: center;
@@ -2232,15 +2262,15 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     color: var(--cds2-color-foreground-warning-default);
   }
 }
-.capra-Modal-module-5vfSOW-overlay {
+.capra-Modal-module-j-u8iq-overlay {
   background-color: var(--cds2-color-background-scrim);
-  animation: capra-Modal-module-5vfSOW-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
-  z-index: 1000;
+  animation: capra-Modal-module-j-u8iq-overlayShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
+  z-index: 10000;
   position: fixed;
   inset: 0;
 }
 
-.capra-Modal-module-5vfSOW-surface {
+.capra-Modal-module-j-u8iq-surface {
   background-color: var(--cds2-color-background-panel-solid);
   border-radius: var(--cds2-radius-lg);
   border: var(--cds2-border-default);
@@ -2248,7 +2278,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   box-shadow: var(--cds2-shadow-high-down);
   max-width: 100%;
   max-height: min(80vh, 100vh - 48px);
-  animation: capra-Modal-module-5vfSOW-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
+  animation: capra-Modal-module-j-u8iq-contentShow var(--cds2-motion-duration-medium-1) var(--cds2-motion-easing-standard);
   flex-direction: column;
   padding: 0;
   display: flex;
@@ -2271,7 +2301,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-Modal-module-5vfSOW-header {
+.capra-Modal-module-j-u8iq-header {
   padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
   border-bottom: var(--cds2-border-default);
   border-color: var(--cds2-color-border-neutral-subtle);
@@ -2282,21 +2312,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-headerLeading {
+.capra-Modal-module-j-u8iq-headerLeading {
   align-items: center;
   gap: var(--cds2-spacing-md);
   flex: 1;
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-expandedTitleLayout {
+.capra-Modal-module-j-u8iq-expandedTitleLayout {
   align-items: center;
   gap: var(--cds2-spacing-md);
   flex-direction: row;
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-content {
+.capra-Modal-module-j-u8iq-content {
   padding: var(--cds2-spacing-lg);
   flex-direction: column;
   flex: 1;
@@ -2304,14 +2334,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow-y: auto;
 }
 
-.capra-Modal-module-5vfSOW-footer {
+.capra-Modal-module-j-u8iq-footer {
   padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
   border-top: var(--cds2-border-default);
   border-color: var(--cds2-color-border-neutral-subtle);
   background-color: var(--cds2-color-background-neutral-subtle);
 }
 
-.capra-Modal-module-5vfSOW-expandedFooterLayout {
+.capra-Modal-module-j-u8iq-expandedFooterLayout {
   justify-content: space-between;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -2319,7 +2349,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-footerActions {
+.capra-Modal-module-j-u8iq-footerActions {
   justify-content: flex-end;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -2328,20 +2358,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-confirmationSurface {
+.capra-Modal-module-j-u8iq-confirmationSurface {
   border-radius: var(--cds2-radius-md);
   width: min(400px, 100vw - 48px);
   box-shadow: var(--cds2-shadow-high-down);
   padding: var(--cds2-spacing-2xl) var(--cds2-spacing-2xl) var(--cds2-spacing-xl);
 }
 
-.capra-Modal-module-5vfSOW-confirmationLayout {
+.capra-Modal-module-j-u8iq-confirmationLayout {
   align-items: flex-start;
   gap: var(--cds2-spacing-lg);
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-confirmationIcon {
+.capra-Modal-module-j-u8iq-confirmationIcon {
   width: var(--cds2-dimension-component-sm);
   height: var(--cds2-dimension-component-sm);
   flex-shrink: 0;
@@ -2370,19 +2400,19 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-Modal-module-5vfSOW-confirmationBody {
+.capra-Modal-module-j-u8iq-confirmationBody {
   gap: var(--cds2-spacing-md);
   flex-direction: column;
   flex: 1;
   display: flex;
 }
 
-.capra-Modal-module-5vfSOW-confirmationMessage {
+.capra-Modal-module-j-u8iq-confirmationMessage {
   font: var(--cds2-typography-body-md-normal);
   margin: 0;
 }
 
-.capra-Modal-module-5vfSOW-confirmationActions {
+.capra-Modal-module-j-u8iq-confirmationActions {
   justify-content: flex-end;
   gap: var(--cds2-spacing-md);
   width: 100%;
@@ -2390,7 +2420,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-@keyframes capra-Modal-module-5vfSOW-overlayShow {
+@keyframes capra-Modal-module-j-u8iq-overlayShow {
   from {
     opacity: 0;
   }
@@ -2400,7 +2430,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-@keyframes capra-Modal-module-5vfSOW-contentShow {
+@keyframes capra-Modal-module-j-u8iq-contentShow {
   from {
     opacity: 0;
     transform: translate(-50%, -20px) scale(.96);