diff --git a/packages/sdds-serv-emotion/api/sdds-serv-emotion.api.md b/packages/sdds-serv-emotion/api/sdds-serv-emotion.api.md
index fd192445f4..99a14f0ac6 100644
--- a/packages/sdds-serv-emotion/api/sdds-serv-emotion.api.md
+++ b/packages/sdds-serv-emotion/api/sdds-serv-emotion.api.md
@@ -3,6 +3,7 @@
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
```ts
+
///
import { addFocus } from '@salutejs/plasma-new-hope/styled-components';
@@ -180,333 +181,269 @@ import { useSegment } from '@salutejs/plasma-new-hope/emotion';
import { useToast } from '@salutejs/plasma-new-hope/emotion';
import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
-export { addFocus };
+export { addFocus }
// @public (undocumented)
-export const Avatar: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- size: {
- xxl: PolymorphicClassName;
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- fit: PolymorphicClassName;
- };
- focused: {
- true: PolymorphicClassName;
- };
- }> &
- HTMLAttributes & {
- size: 'xxl' | 's' | 'm' | 'l' | 'fit';
- name?: string | undefined;
- url?: string | undefined;
- customText?: string | undefined;
- status?: 'active' | 'inactive' | undefined;
- isScalable?: boolean | undefined;
- focused?: boolean | undefined;
- statusLabels?: StatusLabels | undefined;
- } & RefAttributes
->;
+export const Avatar: FunctionComponent & HTMLAttributes & {
+size: "xxl" | "s" | "m" | "l" | "fit";
+name?: string | undefined;
+url?: string | undefined;
+customText?: string | undefined;
+status?: "active" | "inactive" | undefined;
+isScalable?: boolean | undefined;
+focused?: boolean | undefined;
+statusLabels?: StatusLabels | undefined;
+} & RefAttributes>;
// @public (undocumented)
-export const AvatarGroup: FunctionComponent<
- PropsType &
- HTMLAttributes & {
- children: ReactNode;
- } & RefAttributes
->;
+export const AvatarGroup: FunctionComponent & HTMLAttributes & {
+children: ReactNode;
+} & RefAttributes>;
-export { AvatarGroupProps };
+export { AvatarGroupProps }
-export { AvatarProps };
+export { AvatarProps }
// @public
-export const Badge: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- positive: PolymorphicClassName;
- warning: PolymorphicClassName;
- negative: PolymorphicClassName;
- dark: PolymorphicClassName;
- light: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- };
- pilled: {
- true: PolymorphicClassName;
- };
- transparent: {
- true: PolymorphicClassName;
- };
- }> &
- HTMLAttributes & {
- text?: string | undefined;
- contentLeft?: ReactNode;
- contentRight?: ReactNode;
- pilled?: boolean | undefined;
- transparent?: boolean | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & {
- children?: ReactNode;
- } & RefAttributes
->;
-
-export { BadgeProps };
+export const Badge: FunctionComponent & HTMLAttributes & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+pilled?: boolean | undefined;
+transparent?: boolean | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+children?: ReactNode;
+} & RefAttributes>;
+
+export { BadgeProps }
// @public (undocumented)
-export const BodyL: FunctionComponent<
- PropsType<{
- size: {
- l: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { bodyL };
-
-export { bodyLBold };
+export const BodyL: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { bodyL }
+
+export { bodyLBold }
// @public (undocumented)
-export const BodyM: FunctionComponent<
- PropsType<{
- size: {
- m: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { bodyM };
-
-export { bodyMBold };
+export const BodyM: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { bodyM }
+
+export { bodyMBold }
// @public (undocumented)
-export const BodyS: FunctionComponent<
- PropsType<{
- size: {
- s: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { bodyS };
-
-export { bodySBold };
+export const BodyS: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { bodyS }
+
+export { bodySBold }
// @public (undocumented)
-export const BodyXS: FunctionComponent<
- PropsType<{
- size: {
- xs: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { bodyXS };
-
-export { bodyXSBold };
+export const BodyXS: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { bodyXS }
+
+export { bodyXSBold }
// @public (undocumented)
-export const BodyXXS: FunctionComponent<
- PropsType<{
- size: {
- xxs: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { bodyXXS };
-
-export { bodyXXSBold };
+export const BodyXXS: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { bodyXXS }
+
+export { bodyXXSBold }
// @public
-export const Button: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- secondary: PolymorphicClassName;
- clear: PolymorphicClassName;
- success: PolymorphicClassName;
- warning: PolymorphicClassName;
- critical: PolymorphicClassName;
- dark: PolymorphicClassName;
- black: PolymorphicClassName;
- white: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- lr: PolymorphicClassName;
- m: PolymorphicClassName;
- mr: PolymorphicClassName;
- s: PolymorphicClassName;
- sr: PolymorphicClassName;
- xs: PolymorphicClassName;
- xsr: PolymorphicClassName;
- xxs: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- focused: {
- true: PolymorphicClassName;
- };
- stretching: {
- auto: PolymorphicClassName;
- filled: PolymorphicClassName;
- fixed: PolymorphicClassName;
- };
- }> &
- (
- | (Omit, 'value'> &
- Omit, 'type'> &
- AsProps & {
- text?: string | undefined;
- contentLeft?: ReactNode;
- contentPlacing?: ('default' | 'relaxed') | undefined;
- isLoading?: boolean | undefined;
- loader?: ReactNode;
- stretch?: boolean | undefined;
- stretching?: ('auto' | 'filled' | 'fixed') | undefined;
- square?: boolean | undefined;
- focused?: boolean | undefined;
- disabled?: boolean | undefined;
- pin?:
- | 'square-square'
- | 'square-clear'
- | 'clear-square'
- | 'clear-clear'
- | 'clear-circle'
- | 'circle-clear'
- | 'circle-circle'
- | undefined;
- view?: string | undefined;
- size?: string | undefined;
- outlined?: boolean | undefined;
- shiftLeft?: boolean | undefined;
- shiftRight?: boolean | undefined;
- blur?: 'small' | 'medium' | 'large' | undefined;
- } & {
- value?: string | number | undefined;
- contentRight?: undefined;
- } & RefAttributes)
- | (Omit, 'value'> &
- Omit, 'type'> &
- AsProps & {
- text?: string | undefined;
- contentLeft?: ReactNode;
- contentPlacing?: ('default' | 'relaxed') | undefined;
- isLoading?: boolean | undefined;
- loader?: ReactNode;
- stretch?: boolean | undefined;
- stretching?: ('auto' | 'filled' | 'fixed') | undefined;
- square?: boolean | undefined;
- focused?: boolean | undefined;
- disabled?: boolean | undefined;
- pin?:
- | 'square-square'
- | 'square-clear'
- | 'clear-square'
- | 'clear-clear'
- | 'clear-circle'
- | 'circle-clear'
- | 'circle-circle'
- | undefined;
- view?: string | undefined;
- size?: string | undefined;
- outlined?: boolean | undefined;
- shiftLeft?: boolean | undefined;
- shiftRight?: boolean | undefined;
- blur?: 'small' | 'medium' | 'large' | undefined;
- } & {
- value?: undefined;
- contentRight?: ReactNode;
- } & RefAttributes)
- )
->;
+export const Button: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentPlacing?: ("default" | "relaxed") | undefined;
+isLoading?: boolean | undefined;
+loader?: ReactNode;
+stretch?: boolean | undefined;
+stretching?: ("auto" | "filled" | "fixed") | undefined;
+square?: boolean | undefined;
+focused?: boolean | undefined;
+disabled?: boolean | undefined;
+pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+view?: string | undefined;
+size?: string | undefined;
+outlined?: boolean | undefined;
+shiftLeft?: boolean | undefined;
+shiftRight?: boolean | undefined;
+blur?: "small" | "medium" | "large" | undefined;
+} & {
+value?: string | number | undefined;
+contentRight?: undefined;
+} & RefAttributes) | (Omit, "value"> & Omit, "type"> & AsProps & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentPlacing?: ("default" | "relaxed") | undefined;
+isLoading?: boolean | undefined;
+loader?: ReactNode;
+stretch?: boolean | undefined;
+stretching?: ("auto" | "filled" | "fixed") | undefined;
+square?: boolean | undefined;
+focused?: boolean | undefined;
+disabled?: boolean | undefined;
+pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+view?: string | undefined;
+size?: string | undefined;
+outlined?: boolean | undefined;
+shiftLeft?: boolean | undefined;
+shiftRight?: boolean | undefined;
+blur?: "small" | "medium" | "large" | undefined;
+} & {
+value?: undefined;
+contentRight?: ReactNode;
+} & RefAttributes))>;
// @public
-export const ButtonGroup: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- secondary: PolymorphicClassName;
- clear: PolymorphicClassName;
- success: PolymorphicClassName;
- warning: PolymorphicClassName;
- critical: PolymorphicClassName;
- dark: PolymorphicClassName;
- black: PolymorphicClassName;
- white: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- lr: PolymorphicClassName;
- m: PolymorphicClassName;
- mr: PolymorphicClassName;
- s: PolymorphicClassName;
- sr: PolymorphicClassName;
- xs: PolymorphicClassName;
- xsr: PolymorphicClassName;
- xxs: PolymorphicClassName;
- };
- orientation: {
- horizontal: PolymorphicClassName;
- vertical: PolymorphicClassName;
- };
- gap: {
- none: PolymorphicClassName;
- dense: PolymorphicClassName;
- wide: PolymorphicClassName;
- };
- shape: {
- segmented: PolymorphicClassName;
- default: PolymorphicClassName;
- };
- stretching: {
- auto: PolymorphicClassName;
- filled: PolymorphicClassName;
- };
- }> &
- ButtonGroupProps &
- RefAttributes
->;
-
-export { ButtonGroupProps };
+export const ButtonGroup: FunctionComponent & ButtonGroupProps & RefAttributes>;
+
+export { ButtonGroupProps }
// Warning: (ae-forgotten-export) The symbol "ButtonComponent" needs to be exported by the entry point index.d.ts
//
@@ -514,93 +451,81 @@ export { ButtonGroupProps };
export type ButtonProps = typeof ButtonComponent;
// @public
-export const Cell: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- xs: PolymorphicClassName;
- };
- }> &
- (
- | ({
- size?: string | undefined;
- view: string;
- contentLeft?: ReactNode;
- contentRight?: ReactNode;
- alignContentLeft?: AlignProp | undefined;
- alignContentRight?: AlignProp | undefined;
- stretching?: 'auto' | 'filled' | 'fixed' | undefined;
- content?: ReactNode;
- description?: string | undefined;
- } & {
- title?: string | undefined;
- subtitle?: string | undefined;
- label?: string | undefined;
- children?: undefined;
- } & HTMLAttributes &
- RefAttributes)
- | ({
- size?: string | undefined;
- view: string;
- contentLeft?: ReactNode;
- contentRight?: ReactNode;
- alignContentLeft?: AlignProp | undefined;
- alignContentRight?: AlignProp | undefined;
- stretching?: 'auto' | 'filled' | 'fixed' | undefined;
- content?: ReactNode;
- description?: string | undefined;
- } & {
- title?: undefined;
- subtitle?: undefined;
- label?: undefined;
- children?: ReactNode;
- } & HTMLAttributes &
- RefAttributes)
- )
->;
-
-export { CellProps };
-
-export { CellTextbox };
-
-export { CellTextboxLabel };
-
-export { CellTextboxSubtitle };
-
-export { CellTextboxTitle };
+export const Cell: FunctionComponent & (({
+size?: string | undefined;
+view: string;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+alignContentLeft?: AlignProp | undefined;
+alignContentRight?: AlignProp | undefined;
+stretching?: "auto" | "filled" | "fixed" | undefined;
+content?: ReactNode;
+description?: string | undefined;
+} & {
+title?: string | undefined;
+subtitle?: string | undefined;
+label?: string | undefined;
+children?: undefined;
+} & HTMLAttributes & RefAttributes) | ({
+size?: string | undefined;
+view: string;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+alignContentLeft?: AlignProp | undefined;
+alignContentRight?: AlignProp | undefined;
+stretching?: "auto" | "filled" | "fixed" | undefined;
+content?: ReactNode;
+description?: string | undefined;
+} & {
+title?: undefined;
+subtitle?: undefined;
+label?: undefined;
+children?: ReactNode;
+} & HTMLAttributes & RefAttributes))>;
+
+export { CellProps }
+
+export { CellTextbox }
+
+export { CellTextboxLabel }
+
+export { CellTextboxSubtitle }
+
+export { CellTextboxTitle }
// @public
-export const Checkbox: FunctionComponent<
- PropsType<{
- size: {
- s: PolymorphicClassName;
- m: PolymorphicClassName;
- };
- view: {
- default: PolymorphicClassName;
- secondary: PolymorphicClassName;
- tertiary: PolymorphicClassName;
- paragraph: PolymorphicClassName;
- accent: PolymorphicClassName;
- positive: PolymorphicClassName;
- warning: PolymorphicClassName;
- negative: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- focused: {
- true: PolymorphicClassName;
- };
- }> &
- CheckboxProps_2 &
- RefAttributes
->;
+export const Checkbox: FunctionComponent & CheckboxProps_2 & RefAttributes>;
// Warning: (ae-forgotten-export) The symbol "CheckboxComponent" needs to be exported by the entry point index.d.ts
//
@@ -608,1234 +533,981 @@ export const Checkbox: FunctionComponent<
export type CheckboxProps = ComponentProps;
// @public
-export const Chip: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- secondary: PolymorphicClassName;
- accent: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- xs: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- focused: {
- true: PolymorphicClassName;
- };
- pilled: {
- true: PolymorphicClassName;
- };
- }> &
- ChipProps &
- RefAttributes
->;
-
-export { ChipProps };
-
-export { ClosePlacementType };
-
-export { Col };
-
-export { ColCount };
-
-export { ColOffsetProps };
-
-export { ColProps };
-
-export { ColSizeProps };
+export const Chip: FunctionComponent & ChipProps & RefAttributes>;
+
+export { ChipProps }
+
+export { ClosePlacementType }
+
+export { Col }
+
+export { ColCount }
+
+export { ColOffsetProps }
+
+export { ColProps }
+
+export { ColSizeProps }
// @public (undocumented)
export const Combobox: ForwardRefExoticComponent>;
// @public (undocumented)
-export const ComboboxDivider: FunctionComponent<
- PropsType &
- HTMLAttributes & {
- id?: string | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
+export const ComboboxDivider: FunctionComponent & HTMLAttributes & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
// @public (undocumented)
-export const ComboboxFooter: FunctionComponent<
- PropsType &
- HTMLAttributes & {
- id?: string | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
+export const ComboboxFooter: FunctionComponent & HTMLAttributes & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
// @public (undocumented)
-export const ComboboxGroup: FunctionComponent<
- PropsType &
- HTMLAttributes & {
- id?: string | undefined;
- labelClassName?: string | undefined;
- groupClassName?: string | undefined;
- label?: ReactNode;
- role?: string | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
+export const ComboboxGroup: FunctionComponent & HTMLAttributes & {
+id?: string | undefined;
+labelClassName?: string | undefined;
+groupClassName?: string | undefined;
+label?: ReactNode;
+role?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
// @public (undocumented)
-export const ComboboxHeader: FunctionComponent<
- PropsType &
- HTMLAttributes & {
- id?: string | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
+export const ComboboxHeader: FunctionComponent & HTMLAttributes & {
+id?: string | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
// @public (undocumented)
-export const ComboboxItem: FunctionComponent<
- PropsType &
- Omit, 'onSelect'> & {
- id?: string | undefined;
- disabled?: boolean | undefined;
- label?: ReactNode;
- role?: string | undefined;
- contentLeft?:
- | string
- | number
- | boolean
- | ReactFragment
- | ReactPortal
- | ReactElement>
- | FunctionComponent
- | ComponentClass
- | null
- | undefined;
- contentRight?:
- | string
- | number
- | boolean
- | ReactFragment
- | ReactPortal
- | ReactElement>
- | FunctionComponent
- | ComponentClass
- | null
- | undefined;
- name?: string | undefined;
- checked?: boolean | undefined;
- text?: string | undefined;
- value?: string | number | boolean | undefined;
- isSelected?: boolean | undefined;
- onClick?: ((event: MouseEvent_2) => void) | undefined;
- onSelect?: ((value?: any, text?: any) => void) | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
-
-export { ComboboxProps };
+export const ComboboxItem: FunctionComponent & Omit, "onSelect"> & {
+id?: string | undefined;
+disabled?: boolean | undefined;
+label?: ReactNode;
+role?: string | undefined;
+contentLeft?: string | number | boolean | ReactFragment | ReactPortal | ReactElement> | FunctionComponent | ComponentClass | null | undefined;
+contentRight?: string | number | boolean | ReactFragment | ReactPortal | ReactElement> | FunctionComponent | ComponentClass | null | undefined;
+name?: string | undefined;
+checked?: boolean | undefined;
+text?: string | undefined;
+value?: string | number | boolean | undefined;
+isSelected?: boolean | undefined;
+onClick?: ((event: MouseEvent_2) => void) | undefined;
+onSelect?: ((value?: any, text?: any) => void) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
+
+export { ComboboxProps }
// @public
-export const Counter: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- positive: PolymorphicClassName;
- warning: PolymorphicClassName;
- negative: PolymorphicClassName;
- dark: PolymorphicClassName;
- light: PolymorphicClassName;
- };
- size: {
- xs: PolymorphicClassName;
- xxs: PolymorphicClassName;
- };
- }> &
- HTMLAttributes & {
- count: number;
- maxCount?: number | undefined;
- size?: string | undefined;
- view?: string | undefined;
- } & RefAttributes
->;
-
-export { CounterProps };
-
-export { counterTokens };
+export const Counter: FunctionComponent & HTMLAttributes & {
+count: number;
+maxCount?: number | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & RefAttributes>;
+
+export { CounterProps }
+
+export { counterTokens }
// @public (undocumented)
-export const DatePicker: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- xs: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- readOnly: {
- true: PolymorphicClassName;
- };
- }> &
- DatePickerdVariationProps &
- DatePickerTextFieldProps &
- DatePickerCalendarProps &
- DatePickerPopoverProps &
- Omit, 'defaultValue'> &
- RefAttributes
->;
-
-export { datePickerClasses };
-
-export { DatePickerPlacement };
-
-export { DatePickerPlacementBasic };
-
-export { DatePickerProps };
+export const DatePicker: FunctionComponent & DatePickerdVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit, "defaultValue"> & RefAttributes>;
+
+export { datePickerClasses }
+
+export { DatePickerPlacement }
+
+export { DatePickerPlacementBasic }
+
+export { DatePickerProps }
// @public (undocumented)
-export const DatePickerRange: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- xs: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- readOnly: {
- true: PolymorphicClassName;
- };
- }> &
- DatePickerdVariationProps & {
- defaultFirstDate?: Date | undefined;
- defaultSecondDate?: Date | undefined;
- onCommitFirstDate?:
- | ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void)
- | undefined;
- onCommitSecondDate?:
- | ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void)
- | undefined;
- } & {
- label?: string | undefined;
- view?: string | undefined;
- disabled?: boolean | undefined;
- readOnly?: boolean | undefined;
- size?: string | undefined;
- contentLeft?: ReactNode;
- contentRight?: ReactNode;
- leftHelper?: string | undefined;
- dividerVariant?: 'none' | 'dash' | 'icon' | undefined;
- dividerIcon?: ReactNode;
- firstValueError?: boolean | undefined;
- secondValueError?: boolean | undefined;
- firstValueSuccess?: boolean | undefined;
- secondValueSuccess?: boolean | undefined;
- firstPlaceholder?: string | undefined;
- secondPlaceholder?: string | undefined;
- firstTextfieldContentLeft?: ReactElement> | undefined;
- firstTextfieldContentRight?: ReactElement> | undefined;
- secondTextfieldContentLeft?: ReactElement> | undefined;
- secondTextfieldContentRight?: ReactElement> | undefined;
- firstTextfieldTextBefore?: string | undefined;
- secondTextfieldTextBefore?: string | undefined;
- firstTextfieldTextAfter?: string | undefined;
- secondTextfieldTextAfter?: string | undefined;
- onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
- onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
- onFocusFirstTextfield?: ((event: ChangeEvent) => void) | undefined;
- onFocusSecondTextfield?: ((event: ChangeEvent) => void) | undefined;
- onBlurFirstTextfield?: ((event: ChangeEvent) => void) | undefined;
- onBlurSecondTextfield?: ((event: ChangeEvent) => void) | undefined;
- } & DatePickerCalendarProps_2 &
- Omit & {
- placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined;
- isDoubleCalendar?: boolean | undefined;
- } & HTMLAttributes &
- RefAttributes
->;
-
-export { DatePickerRangePlacement };
-
-export { DatePickerRangeProps };
-
-export { datePickerTokens };
+export const DatePickerRange: FunctionComponent & DatePickerdVariationProps & {
+defaultFirstDate?: Date | undefined;
+defaultSecondDate?: Date | undefined;
+onCommitFirstDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined;
+onCommitSecondDate?: ((value: string | Date, error?: boolean | undefined, success?: boolean | undefined) => void) | undefined;
+} & {
+label?: string | undefined;
+view?: string | undefined;
+disabled?: boolean | undefined;
+readOnly?: boolean | undefined;
+size?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+leftHelper?: string | undefined;
+dividerVariant?: "none" | "dash" | "icon" | undefined;
+dividerIcon?: ReactNode;
+firstValueError?: boolean | undefined;
+secondValueError?: boolean | undefined;
+firstValueSuccess?: boolean | undefined;
+secondValueSuccess?: boolean | undefined;
+firstPlaceholder?: string | undefined;
+secondPlaceholder?: string | undefined;
+firstTextfieldContentLeft?: ReactElement> | undefined;
+firstTextfieldContentRight?: ReactElement> | undefined;
+secondTextfieldContentLeft?: ReactElement> | undefined;
+secondTextfieldContentRight?: ReactElement> | undefined;
+firstTextfieldTextBefore?: string | undefined;
+secondTextfieldTextBefore?: string | undefined;
+firstTextfieldTextAfter?: string | undefined;
+secondTextfieldTextAfter?: string | undefined;
+onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
+onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
+onFocusFirstTextfield?: ((event: ChangeEvent) => void) | undefined;
+onFocusSecondTextfield?: ((event: ChangeEvent) => void) | undefined;
+onBlurFirstTextfield?: ((event: ChangeEvent) => void) | undefined;
+onBlurSecondTextfield?: ((event: ChangeEvent) => void) | undefined;
+} & DatePickerCalendarProps_2 & Omit & {
+placement?: DatePickerRangePlacement | DatePickerRangePlacement[] | undefined;
+isDoubleCalendar?: boolean | undefined;
+} & HTMLAttributes & RefAttributes>;
+
+export { DatePickerRangePlacement }
+
+export { DatePickerRangeProps }
+
+export { datePickerTokens }
// @public
-export const Divider: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- dark: PolymorphicClassName;
- light: PolymorphicClassName;
- inverse: PolymorphicClassName;
- };
- size: {
- m: PolymorphicClassName;
- };
- orientation: {
- horizontal: PolymorphicClassName;
- vertical: PolymorphicClassName;
- };
- }> &
- DividerProps &
- RefAttributes
->;
-
-export { DividerProps };
-
-export { dividerTokens };
+export const Divider: FunctionComponent & DividerProps & RefAttributes>;
+
+export { DividerProps }
+
+export { dividerTokens }
// @public
-export const Drawer: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- size: {
- m: PolymorphicClassName;
- };
- borderRadius: {
- none: PolymorphicClassName;
- default: PolymorphicClassName;
- };
- }> &
- PopupProps &
- PanelProps & {
- placement?: 'top' | 'bottom' | 'right' | 'left' | undefined;
- asModal?: boolean | undefined;
- withBlur?: boolean | undefined;
- closeOnEsc?: boolean | undefined;
- closeOnOverlayClick?: boolean | undefined;
- onEscKeyDown?: ((event: KeyboardEvent) => void) | undefined;
- onOverlayClick?: ((event: MouseEvent_2) => void) | undefined;
- initialFocusRef?: RefObject | undefined;
- focusAfterRef?: RefObject | undefined;
- onClose?: (() => void) | undefined;
- } & RefAttributes
->;
+export const Drawer: FunctionComponent & PopupProps & PanelProps & {
+placement?: "top" | "bottom" | "right" | "left" | undefined;
+asModal?: boolean | undefined;
+withBlur?: boolean | undefined;
+closeOnEsc?: boolean | undefined;
+closeOnOverlayClick?: boolean | undefined;
+onEscKeyDown?: ((event: KeyboardEvent) => void) | undefined;
+onOverlayClick?: ((event: MouseEvent_2) => void) | undefined;
+initialFocusRef?: RefObject | undefined;
+focusAfterRef?: RefObject | undefined;
+onClose?: (() => void) | undefined;
+} & RefAttributes>;
// @public
-export const DrawerContent: FunctionComponent<
- PropsType & {
- view?: string | undefined;
- } & HTMLAttributes &
- RefAttributes
->;
+export const DrawerContent: FunctionComponent & {
+view?: string | undefined;
+} & HTMLAttributes & RefAttributes>;
-export { DrawerContentProps };
+export { DrawerContentProps }
// @public
-export const DrawerFooter: FunctionComponent<
- PropsType & {
- view?: string | undefined;
- } & HTMLAttributes &
- RefAttributes
->;
+export const DrawerFooter: FunctionComponent & {
+view?: string | undefined;
+} & HTMLAttributes & RefAttributes>;
-export { DrawerFooterProps };
+export { DrawerFooterProps }
// @public
-export const DrawerHeader: FunctionComponent<
- PropsType & {
- hasClose?: boolean | undefined;
- closePlacement?: 'right' | 'left' | undefined;
- actions?: ReactNode;
- onClose?: (() => void) | undefined;
- view?: string | undefined;
- } & HTMLAttributes &
- RefAttributes
->;
+export const DrawerHeader: FunctionComponent & {
+hasClose?: boolean | undefined;
+closePlacement?: "right" | "left" | undefined;
+actions?: ReactNode;
+onClose?: (() => void) | undefined;
+view?: string | undefined;
+} & HTMLAttributes & RefAttributes>;
-export { DrawerHeaderProps };
+export { DrawerHeaderProps }
-export { DrawerProps };
+export { DrawerProps }
// @public (undocumented)
-export const Dropdown: FunctionComponent<
- PropsType<{
- size: {
- xs: PolymorphicClassName;
- s: PolymorphicClassName;
- m: PolymorphicClassName;
- l: PolymorphicClassName;
- };
- view: {
- default: PolymorphicClassName;
- };
- }> &
- DropdownProps &
- RefAttributes
->;
-
-export { DropdownProps };
+export const Dropdown: FunctionComponent & DropdownProps & RefAttributes>;
+
+export { DropdownProps }
// @public (undocumented)
-export const DsplL: FunctionComponent<
- PropsType<{
- size: {
- l: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { dsplL };
-
-export { dsplLBold };
+export const DsplL: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { dsplL }
+
+export { dsplLBold }
// @public (undocumented)
-export const DsplM: FunctionComponent<
- PropsType<{
- size: {
- m: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { dsplM };
-
-export { dsplMBold };
+export const DsplM: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { dsplM }
+
+export { dsplMBold }
// @public (undocumented)
-export const DsplS: FunctionComponent<
- PropsType<{
- size: {
- s: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { dsplS };
-
-export { dsplSBold };
+export const DsplS: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { dsplS }
+
+export { dsplSBold }
// @public (undocumented)
-export const Grid: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- };
- }> &
- GridProps &
- RefAttributes
->;
-
-export { GridProps };
+export const Grid: FunctionComponent & GridProps & RefAttributes>;
+
+export { GridProps }
// @public (undocumented)
-export const H1: FunctionComponent<
- PropsType<{
- size: {
- h1: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { h1 };
-
-export { h1Bold };
+export const H1: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { h1 }
+
+export { h1Bold }
// @public (undocumented)
-export const H2: FunctionComponent<
- PropsType<{
- size: {
- h2: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { h2 };
-
-export { h2Bold };
+export const H2: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { h2 }
+
+export { h2Bold }
// @public (undocumented)
-export const H3: FunctionComponent<
- PropsType<{
- size: {
- h3: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { h3 };
-
-export { h3Bold };
+export const H3: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { h3 }
+
+export { h3Bold }
// @public (undocumented)
-export const H4: FunctionComponent<
- PropsType<{
- size: {
- h4: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { h4 };
-
-export { h4Bold };
+export const H4: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { h4 }
+
+export { h4Bold }
// @public (undocumented)
-export const H5: FunctionComponent<
- PropsType<{
- size: {
- h5: PolymorphicClassName;
- };
- }> & {
- breakWord?: boolean | undefined;
- } & SpacingProps &
- BoldProps &
- HTMLAttributes &
- RefAttributes
->;
-
-export { h5 };
-
-export { h5Bold };
+export const H5: FunctionComponent & {
+breakWord?: boolean | undefined;
+} & SpacingProps & BoldProps & HTMLAttributes & RefAttributes>;
+
+export { h5 }
+
+export { h5Bold }
// @public
-export const IconButton: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- secondary: PolymorphicClassName;
- clear: PolymorphicClassName;
- success: PolymorphicClassName;
- warning: PolymorphicClassName;
- critical: PolymorphicClassName;
- dark: PolymorphicClassName;
- black: PolymorphicClassName;
- white: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- lr: PolymorphicClassName;
- m: PolymorphicClassName;
- mr: PolymorphicClassName;
- s: PolymorphicClassName;
- sr: PolymorphicClassName;
- xs: PolymorphicClassName;
- xsr: PolymorphicClassName;
- };
- disabled: {
- true: PolymorphicClassName;
- };
- focused: {
- true: PolymorphicClassName;
- };
- }> &
- (
- | (Omit, 'value'> &
- Omit, 'type'> &
- AsProps & {
- text?: string | undefined;
- contentLeft?: ReactNode;
- contentPlacing?: ('default' | 'relaxed') | undefined;
- isLoading?: boolean | undefined;
- loader?: ReactNode;
- stretch?: boolean | undefined;
- stretching?: ('auto' | 'filled' | 'fixed') | undefined;
- square?: boolean | undefined;
- focused?: boolean | undefined;
- disabled?: boolean | undefined;
- pin?:
- | 'square-square'
- | 'square-clear'
- | 'clear-square'
- | 'clear-clear'
- | 'clear-circle'
- | 'circle-clear'
- | 'circle-circle'
- | undefined;
- view?: string | undefined;
- size?: string | undefined;
- outlined?: boolean | undefined;
- shiftLeft?: boolean | undefined;
- shiftRight?: boolean | undefined;
- blur?: 'small' | 'medium' | 'large' | undefined;
- } & {
- value?: string | number | undefined;
- contentRight?: undefined;
- } & RefAttributes)
- | (Omit, 'value'> &
- Omit, 'type'> &
- AsProps & {
- text?: string | undefined;
- contentLeft?: ReactNode;
- contentPlacing?: ('default' | 'relaxed') | undefined;
- isLoading?: boolean | undefined;
- loader?: ReactNode;
- stretch?: boolean | undefined;
- stretching?: ('auto' | 'filled' | 'fixed') | undefined;
- square?: boolean | undefined;
- focused?: boolean | undefined;
- disabled?: boolean | undefined;
- pin?:
- | 'square-square'
- | 'square-clear'
- | 'clear-square'
- | 'clear-clear'
- | 'clear-circle'
- | 'circle-clear'
- | 'circle-circle'
- | undefined;
- view?: string | undefined;
- size?: string | undefined;
- outlined?: boolean | undefined;
- shiftLeft?: boolean | undefined;
- shiftRight?: boolean | undefined;
- blur?: 'small' | 'medium' | 'large' | undefined;
- } & {
- value?: undefined;
- contentRight?: ReactNode;
- } & RefAttributes)
- )
->;
+export const IconButton: FunctionComponent & ((Omit, "value"> & Omit, "type"> & AsProps & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentPlacing?: ("default" | "relaxed") | undefined;
+isLoading?: boolean | undefined;
+loader?: ReactNode;
+stretch?: boolean | undefined;
+stretching?: ("auto" | "filled" | "fixed") | undefined;
+square?: boolean | undefined;
+focused?: boolean | undefined;
+disabled?: boolean | undefined;
+pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+view?: string | undefined;
+size?: string | undefined;
+outlined?: boolean | undefined;
+shiftLeft?: boolean | undefined;
+shiftRight?: boolean | undefined;
+blur?: "small" | "medium" | "large" | undefined;
+} & {
+value?: string | number | undefined;
+contentRight?: undefined;
+} & RefAttributes) | (Omit, "value"> & Omit, "type"> & AsProps & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentPlacing?: ("default" | "relaxed") | undefined;
+isLoading?: boolean | undefined;
+loader?: ReactNode;
+stretch?: boolean | undefined;
+stretching?: ("auto" | "filled" | "fixed") | undefined;
+square?: boolean | undefined;
+focused?: boolean | undefined;
+disabled?: boolean | undefined;
+pin?: "square-square" | "square-clear" | "clear-square" | "clear-clear" | "clear-circle" | "circle-clear" | "circle-circle" | undefined;
+view?: string | undefined;
+size?: string | undefined;
+outlined?: boolean | undefined;
+shiftLeft?: boolean | undefined;
+shiftRight?: boolean | undefined;
+blur?: "small" | "medium" | "large" | undefined;
+} & {
+value?: undefined;
+contentRight?: ReactNode;
+} & RefAttributes))>;
// @public
-const Image_2: FunctionComponent<
- PropsType &
- ImgHTMLAttributes & {
- base?: 'img' | 'div' | undefined;
- ratio?:
- | '1 / 1'
- | '1/1'
- | '3 / 4'
- | '3/4'
- | '4 / 3'
- | '4/3'
- | '9 / 16'
- | '9/16'
- | '16 / 9'
- | '16/9'
- | '1 / 2'
- | '1/2'
- | '2 / 1'
- | '2/1'
- | undefined;
- customRatio?: string | undefined;
- } & RefAttributes
->;
-export { Image_2 as Image };
-
-export { ImageProps };
+const Image_2: FunctionComponent & ImgHTMLAttributes & {
+base?: "img" | "div" | undefined;
+ratio?: "1 / 1" | "1/1" | "3 / 4" | "3/4" | "4 / 3" | "4/3" | "9 / 16" | "9/16" | "16 / 9" | "16/9" | "1 / 2" | "1/2" | "2 / 1" | "2/1" | undefined;
+customRatio?: string | undefined;
+} & RefAttributes>;
+export { Image_2 as Image }
+
+export { ImageProps }
// @public (undocumented)
-export const Indicator: FunctionComponent<
- PropsType<{
- view: {
- default: PolymorphicClassName;
- accent: PolymorphicClassName;
- inactive: PolymorphicClassName;
- positive: PolymorphicClassName;
- warning: PolymorphicClassName;
- negative: PolymorphicClassName;
- black: PolymorphicClassName;
- white: PolymorphicClassName;
- };
- size: {
- l: PolymorphicClassName;
- m: PolymorphicClassName;
- s: PolymorphicClassName;
- };
- }> &
- HTMLAttributes