@salutejs/sdds-os 0.23.0-next-platform-ai.0 → 0.23.0

package/dist/styled-components/es/components/Steps/StepItem.config.js

@@ -0,0 +1,60 @@
+import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export const config = {
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${tokens.completedIndicatorColor}: var(--inverse-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);
+                ${tokens.completedIndicatorBackground}: var(--surface-solid-default);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
+                ${tokens.completedTitleColor}: var(--text-primary);
+                ${tokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${tokens.dividerColor}: var(--surface-solid-default);
+            `,
+            accent: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-accent);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-accent-hover);
+                ${tokens.completedTitleColor}: var(--text-primary);
+                ${tokens.completedTitleColorHover}: var(--text-primary-hover);
+
+                ${tokens.dividerColor}: var(--surface-accent);
+            `,
+            negative: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-negative);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-negative-hover);
+                ${tokens.completedTitleColor}: var(--text-negative);
+                ${tokens.completedTitleColorHover}: var(--text-negative-hover);
+
+                ${tokens.dividerColor}: var(--surface-negative);
+            `,
+            warning: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-warning);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-warning-hover);
+                ${tokens.completedTitleColor}: var(--text-warning);
+                ${tokens.completedTitleColorHover}: var(--text-warning-hover);
+
+                ${tokens.dividerColor}: var(--surface-warning);
+            `,
+            positive: css`
+                ${tokens.completedIndicatorColor}: var(--on-dark-text-primary);
+                ${tokens.completedIndicatorColorHover}: var(--on-dark-text-primary-hover);
+                ${tokens.completedIndicatorBackground}: var(--surface-positive);
+                ${tokens.completedIndicatorBackgroundHover}: var(--surface-positive-hover);
+                ${tokens.completedTitleColor}: var(--text-positive);
+                ${tokens.completedTitleColorHover}: var(--text-positive-hover);
+
+                ${tokens.dividerColor}: var(--surface-positive);
+            `
+        }
+    }
+};

package/dist/styled-components/es/components/Steps/Steps.config.js

@@ -92,11 +92,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 0.875rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 0.75rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.4375rem;
-                ${tokens.smallBulletIndentHeight}: 1.25rem;
-                ${tokens.largeBulletIndentHeight}: 1.125rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);
@@ -139,11 +134,6 @@ export const config = {
                 ${tokens.contentVerticalPadding}: 0.6875rem;
                 ${tokens.verticalContentPaddingLeft}: 0.75rem;
 
-                ${tokens.smallIndicatorIndentHeight}: 0.5rem;
-                ${tokens.largeIndicatorIndentHeight}: 0.5rem;
-                ${tokens.smallBulletIndentHeight}: 1rem;
-                ${tokens.largeBulletIndentHeight}: 0.75rem;
-
                 ${tokens.indicatorFontFamily}: var(--plasma-typo-body-xs-font-family);
                 ${tokens.indicatorFontSize}: var(--plasma-typo-body-xs-font-size);
                 ${tokens.indicatorFontStyle}: var(--plasma-typo-body-xs-font-style);

package/dist/styled-components/es/components/Steps/Steps.js

@@ -1,5 +1,9 @@
-import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { stepsConfig as rawStepsConfig, stepItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config as itemConfig } from './StepItem.config';
 import { config } from './Steps.config';
+const mergedItemConfig = mergeConfig(stepItemConfig, itemConfig);
+const StepItem = component(mergedItemConfig);
+const stepsConfig = rawStepsConfig(StepItem);
 const mergedConfig = mergeConfig(stepsConfig, config);
 const StepsComponent = component(mergedConfig);
 export const Steps = StepsComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-os",
-  "version": "0.23.0-next-platform-ai.0",
+  "version": "0.23.0",
   "description": "Salute Design System / React UI kit for SDDS OS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -41,7 +41,7 @@
   },
   "dependencies": {
     "@salutejs-ds/sdds_os": "0.1.2",
-    "@salutejs/plasma-new-hope": "0.365.0-next-platform-ai.0"
+    "@salutejs/plasma-new-hope": "0.365.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.16.0",
-    "@salutejs/plasma-core": "1.228.0-next-platform-ai.0",
-    "@salutejs/plasma-cy-utils": "0.158.0-next-platform-ai.0",
-    "@salutejs/plasma-icons": "1.239.0-next-platform-ai.0",
-    "@salutejs/plasma-sb-utils": "0.229.0-next-platform-ai.0",
+    "@salutejs/plasma-core": "1.228.0",
+    "@salutejs/plasma-cy-utils": "0.158.0",
+    "@salutejs/plasma-icons": "1.239.0",
+    "@salutejs/plasma-sb-utils": "0.229.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "b604477f17c0e2ea4d6cc37020432d3b9e2a3cb0"
+  "gitHead": "11abf991079928e06b77546d823d7259d0365187"
 }

package/types/components/Accordion/Accordion.d.ts

@@ -10,7 +10,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
         h3: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         h4: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & {
+}> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
     view?: string;
     size?: string;
     singleActive?: boolean;

package/types/components/Calendar/Calendar.d.ts

@@ -27,7 +27,7 @@ export declare const CalendarDouble: import("react").FunctionComponent<import("@
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
 }> & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").Calendar & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarConfigProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
-export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
+export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
+export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
 export declare const Calendar: FC<import("@salutejs/plasma-new-hope/styled-components").CalendarProps>;
 export type { CalendarStateType };

package/types/components/Cell/Cell.d.ts

@@ -10,7 +10,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
         m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & (({
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     size?: string;
     view?: string;
     contentLeft?: import("react").ReactNode;
@@ -25,7 +25,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     subtitle?: string;
     label?: string;
     children?: never;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     size?: string;
     view?: string;
     contentLeft?: import("react").ReactNode;
@@ -40,4 +40,4 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
     subtitle?: never;
     label?: never;
     children?: import("react").ReactNode;
-} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
+} & import("react").RefAttributes<HTMLDivElement>))>;

package/types/components/Combobox/Combobox.config.d.ts

@@ -3,6 +3,7 @@ export declare const config: {
         view: string;
         size: string;
         labelPlacement: string;
+        chipView: string;
         hintView: string;
         hintSize: string;
     };
@@ -21,6 +22,11 @@ export declare const config: {
             inner: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             outer: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };
+        chipView: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
         hintView: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         };

package/types/components/Combobox/Combobox.d.ts

@@ -16,6 +16,11 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
         inner: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
+    chipView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
     hintView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
@@ -66,6 +71,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -129,6 +135,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -192,6 +199,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -255,6 +263,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -318,6 +327,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -385,6 +395,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -452,6 +463,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -519,6 +531,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     alwaysOpened?: boolean;
     size?: string;
     view?: string;
+    chipView?: string;
     hintSize?: string;
     hintView?: string;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{

package/types/components/DatePicker/DatePicker.d.ts

@@ -28,7 +28,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
     requiredPlacement?: "left" | "right";
     required?: boolean;
     hasRequiredIndicator?: boolean;
-    value?: Date | string;
+    value?: Date | string | null;
     preserveInvalidOnBlur?: boolean;
     defaultDate?: Date;
     placeholder?: string;
@@ -68,7 +68,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
     requiredPlacement?: "left" | "right";
     required?: boolean;
     hasRequiredIndicator?: boolean;
-    value?: Date | string;
+    value?: Date | string | null;
     preserveInvalidOnBlur?: boolean;
     defaultDate?: Date;
     placeholder?: string;

package/types/components/Steps/StepItem.config.d.ts

@@ -0,0 +1,14 @@
+export declare const config: {
+    defaults: {
+        view: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+    };
+};

package/types/components/Tokens/Colors/Colors.styles.d.ts

@@ -23,6 +23,8 @@ export declare const StyledAccordionItem: import("styled-components").StyledComp
     eventKey?: number;
     index?: number;
     view?: string;
+    titleProps?: React.HTMLAttributes<HTMLElement>;
+    bodyProps?: React.HTMLAttributes<HTMLDivElement>;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ColorTokenDataWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/types/components/Tokens/Typography/Typography.styles.d.ts

@@ -25,6 +25,8 @@ export declare const StyledAccordionItem: import("styled-components").StyledComp
     eventKey?: number;
     index?: number;
     view?: string;
+    titleProps?: React.HTMLAttributes<HTMLElement>;
+    bodyProps?: React.HTMLAttributes<HTMLDivElement>;
 } & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const TokenInfoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TokenShortName: import("styled-components").StyledComponent<"div", any, {}, never>;