@ozen-ui/kit 0.77.0 → 0.79.0

package/__inner__/esm/components/Select/entities/index.d.ts

@@ -1,2 +1,10 @@
+export * from './background';
+export * from './deprecated';
 export * from './onClear';
+export * from './label';
+export * from './onChange';
+export * from './option';
 export * from './render';
+export * from './renderValue';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/Select/entities/index.js

@@ -1,2 +1,10 @@
+export * from './background';
+export * from './deprecated';
 export * from './onClear';
+export * from './label';
+export * from './onChange';
+export * from './option';
 export * from './render';
+export * from './renderValue';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/Select/entities/label.d.ts

@@ -0,0 +1,2 @@
+import type { DataListOptionProps } from '../../DataList';
+export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;

package/__inner__/esm/components/Select/entities/label.js

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

package/__inner__/esm/components/Select/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { SyntheticEvent } from 'react';
+import type { SelectPropValue } from './value';
+export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent | MouseEvent) => void;

package/__inner__/esm/components/Select/entities/onChange.js

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

package/__inner__/esm/components/Select/entities/option.d.ts

@@ -0,0 +1,6 @@
+import type { SelectLabel } from './label';
+import type { SelectPropValue } from './value';
+export type SelectedOption<MULTIPLE extends boolean = false> = {
+    label?: SelectLabel<MULTIPLE>;
+    value?: SelectPropValue<MULTIPLE>;
+};

package/__inner__/esm/components/Select/entities/option.js

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

package/__inner__/esm/components/Select/entities/renderValue.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { SelectedOption } from './option';
+export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;

package/__inner__/esm/components/Select/entities/renderValue.js

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

package/__inner__/esm/components/Select/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const selectSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type SelectPropSize = (typeof selectSizeVariant)[number];

package/__inner__/esm/components/Select/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var selectSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/Select/entities/value.d.ts

@@ -0,0 +1,2 @@
+import type { DataListSelected } from '../../DataList';
+export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;

package/__inner__/esm/components/Select/entities/value.js

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

package/__inner__/esm/components/Select/helpers/types.d.ts

@@ -1,4 +1,5 @@
-import type { SelectProps, SelectLabel } from '../types';
+import type { SelectLabel } from '../entities';
+import type { SelectProps } from '../types';
 export declare const isMultipleParams: (params: SelectProps<boolean>) => params is SelectProps<true>;
 export declare const isNotMultipleParams: (params: SelectProps<boolean>) => params is SelectProps<false>;
 export declare const isMultipleLabel: (_label: SelectLabel<boolean>, multiple?: boolean) => _label is SelectLabel<true>;

package/__inner__/esm/components/Select/index.d.ts

@@ -1,5 +1,7 @@
 export { DataListOption as Option } from '../DataList';
 export { ListItemText as OptionItemText, ListItemIcon as OptionItemIcon, } from '../List';
+export * from './entities';
+export * from './constants';
 export * from './classNames';
 export * from './Select';
 export * from './types';

package/__inner__/esm/components/Select/index.js

@@ -1,5 +1,7 @@
 export { DataListOption as Option } from '../DataList';
 export { ListItemText as OptionItemText, ListItemIcon as OptionItemIcon, } from '../List';
+export * from './entities';
+export * from './constants';
 export * from './classNames';
 export * from './Select';
 export * from './types';

package/__inner__/esm/components/Select/types.d.ts

@@ -1,46 +1,9 @@
-import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types';
 import type { WithDisplayName } from '../../types/react';
-import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
+import type { DataListBaseProps } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
-import type { SelectOnClear, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout } from './entities';
-export declare const selectSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type SelectPropSize = (typeof selectSizeVariant)[number];
-export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;
-export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;
-export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent | MouseEvent) => void;
-export type SelectedOption<MULTIPLE extends boolean = false> = {
-    label?: SelectLabel<MULTIPLE>;
-    value?: SelectPropValue<MULTIPLE>;
-};
-export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;
-/**
- * @deprecated
- * Use the `SelectRenderValueProp` type to replace it.
- * */
-export type SelectRenderValue<MULTIPLE extends boolean = false> = SelectPropRenderValue<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectLabel` type to replace it.
- * */
-export type SelectPropLabel<MULTIPLE extends boolean = false> = SelectLabel<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectSizeProp` type to replace it.
- * */
-export type SelectSizeVariant = SelectPropSize;
-/**
- * @deprecated
- * Use the `SelectedPropOption` type to replace it.
- * */
-export type SelectedOptionProp<MULTIPLE extends boolean = false> = SelectedOption<MULTIPLE>;
-type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
-    /**
-     * Свойства компонента Menu
-     * @deprecated Используйте `dataListProps`
-     * */
-    menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
-};
+import type { SelectOnClear, SelectPropOnChange, SelectPropRenderValue, SelectPropSize, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout, SelectPropValue, SelectPropsDeprecated, SelectBackgroundVariant } from './entities';
 export type SelectRef = SelectInputRef;
 export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если `true` устанавливает автофокус */
@@ -93,8 +56,9 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     onOpen?(): void;
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: MULTIPLE;
+    /** Задний фон */
+    background?: SelectBackgroundVariant;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 } & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disableStroke' | 'hint' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
 export type SelectComponent = WithDisplayName<(<MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null)>;
-export {};

package/__inner__/esm/components/Select/types.js

@@ -1,2 +1 @@
-import { formElementSizeVariant } from '../../types';
-export var selectSizeVariant = formElementSizeVariant;
+export {};

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js

@@ -1,4 +1,4 @@
-import { CheckCircleFilledIcon, ClockFilledIcon, CrossCircleFilledIcon, MinusCircleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
+import { CheckCircleFilledIcon, CircleFillIcon, ClockFilledIcon, CrossCircleFilledIcon, MinusCircleFilledIcon, WarningCircleFilledIcon, } from '@ozen-ui/icons';
 export var STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
     refusal: MinusCircleFilledIcon,
     blocked: CrossCircleFilledIcon,
@@ -6,4 +6,5 @@ export var STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
     awaiting: ClockFilledIcon,
     inProcessing: ClockFilledIcon,
     success: CheckCircleFilledIcon,
+    action: CircleFillIcon,
 };

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css

@@ -1,6 +1,6 @@
 .StepperVerticalStep {
   --stepper-vertical-indicator-icon-size: 24px;
-  --stepper-vertical-indicator-icon-inset-top: var(--spacing-2xs);
+  --stepper-vertical-indicator-icon-inset-top: var(--spacing-xs);
   --stepper-vertical-indicator-color-non-current: transparent;
   --stepper-vertical-indicator-color-current: transparent;
   --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-non-current);
@@ -63,6 +63,13 @@
   }
 
   .StepperVerticalStep_variant_success {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-success-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-success);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-success-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_action {
     --stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
     --stepper-vertical-indicator-color-current: var(--color-background-action);
     --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts

@@ -1,2 +1,2 @@
-export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success"];
+export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
 export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];

package/__inner__/esm/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js

@@ -5,4 +5,5 @@ export var stepperVerticalStepVariant = [
     'awaiting',
     'inProcessing',
     'success',
+    'action',
 ];

package/__inner__/esm/components/Textarea/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaBackgroundVariant: readonly ["main", "primary"];
+export type TextareaBackgroundVariant = (typeof textareaBackgroundVariant)[number];

package/__inner__/esm/components/Textarea/entities/background.js

@@ -0,0 +1,2 @@
+import { fieldControlBackgroundVariant } from '../../FieldControl';
+export var textareaBackgroundVariant = fieldControlBackgroundVariant;

package/__inner__/esm/components/Textarea/entities/expand.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
+export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];

package/__inner__/esm/components/Textarea/entities/expand.js

@@ -0,0 +1 @@
+export var textareaExpandVariant = ['autoSize', 'verticalResize'];

package/__inner__/esm/components/Textarea/entities/index.d.ts

@@ -0,0 +1,3 @@
+export * from './background';
+export * from './expand';
+export * from './size';

package/__inner__/esm/components/Textarea/entities/index.js

@@ -0,0 +1,3 @@
+export * from './background';
+export * from './expand';
+export * from './size';

package/__inner__/esm/components/Textarea/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type TextareaSizeVariant = (typeof textareaSizeVariant)[number];

package/__inner__/esm/components/Textarea/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var textareaSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/Textarea/index.d.ts

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './Textarea';
 export * from './types';

package/__inner__/esm/components/Textarea/index.js

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './Textarea';
 export * from './types';

package/__inner__/esm/components/Textarea/types.d.ts

@@ -1,12 +1,9 @@
 import type { ComponentPropsWithRef, Ref } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldLabelProps } from '../FieldLabel';
-export type TextareaSizeVariant = FormElementSizeVariant;
-export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
-export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
+import type { TextareaBackgroundVariant, TextareaExpandVariant, TextareaSizeVariant } from './entities';
 type TextareaPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -67,6 +64,8 @@ type TextareaBaseProps = {
     labelProps?: FieldLabelProps;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Задний фон */
+    background?: TextareaBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 };

package/__inner__/esm/components/Textarea/types.js

@@ -1 +1 @@
-export var textareaExpandVariant = ['autoSize', 'verticalResize'];
+export {};

package/__inner__/esm/types/form/background.d.ts

@@ -0,0 +1,2 @@
+export declare const formElementBackgroundVariant: readonly ["main", "primary"];
+export type FormElementBackgroundVariant = (typeof formElementBackgroundVariant)[number];

package/__inner__/esm/types/form/background.js

@@ -0,0 +1 @@
+export var formElementBackgroundVariant = ['main', 'primary'];

package/__inner__/esm/types/form/index.d.ts

@@ -0,0 +1 @@
+export * from './background';

package/__inner__/esm/types/form/index.js

@@ -0,0 +1 @@
+export * from './background';

package/__inner__/esm/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './css';
+export * from './form';
 export * from './function';
 export * from './object';
 export * from './react';

package/__inner__/esm/types/index.js

@@ -1,4 +1,5 @@
 export * from './css';
+export * from './form';
 export * from './function';
 export * from './object';
 export * from './react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.77.0",
+  "version": "0.79.0",
   "description": "React component library",
   "files": [
     "*"
@@ -29,9 +29,10 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.3",
-    "@ozen-ui/fonts": "0.77.0",
-    "@ozen-ui/logger": "0.77.0",
-    "@ozen-ui/icons": "0.77.0"
+    "framer-motion": "^12.23.12",
+    "@ozen-ui/fonts": "0.79.0",
+    "@ozen-ui/icons": "0.79.0",
+    "@ozen-ui/logger": "0.79.0"
   },
   "devDependencies": {
     "@types/lodash.isequal": "^4.5.0"