@salutejs/plasma-web 1.635.0-next-sbcom.0 → 1.635.1-dev.0

package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.clear.config.js

@@ -53,8 +53,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -105,8 +105,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-positive);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -157,8 +157,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -209,8 +209,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-negative);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -288,8 +288,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -359,8 +360,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -430,8 +432,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -501,8 +504,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -572,8 +576,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: -0.5rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;

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

@@ -54,8 +54,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -107,8 +107,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -160,8 +160,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -213,8 +213,8 @@ export const config = {
 
                 ${tokens.sliderTrackBackground}: var(--surface-solid-tertiary);
                 ${tokens.sliderThumbBackground}: var(--on-light-surface-solid-card);
-                ${tokens.sliderThumbBorderBoxShadow}: 0 0 0 0.063rem var(--on-light-surface-transparent-tertiary);
-                ${tokens.sliderThumbBorderBoxShadowFocus}: 0 0 0 0.063rem var(--surface-solid-default);
+                ${tokens.sliderThumbBorderColor}: var(--on-light-surface-transparent-tertiary);
+                ${tokens.sliderThumbFocusBorderColor}: var(--surface-solid-default);
 
                 ${tokens.scaleValueColor}: var(--text-secondary);
                 ${tokens.scaleTickDotColor}: var(--surface-solid-tertiary);
@@ -293,8 +293,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -365,8 +366,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -437,8 +439,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -509,8 +512,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;
@@ -581,8 +585,9 @@ export const config = {
                 ${tokens.sliderContainerOffset}: 0.25rem;
 
                 ${tokens.sliderTrackHeight}: 0.25rem;
-                ${tokens.sliderTrackBorderRadius}: 100%;
-                ${tokens.sliderThumbSize}: 1rem;
+                ${tokens.sliderTrackBorderRadius}: 0.5rem;
+                ${tokens.sliderThumbWidth}: 1rem;
+                ${tokens.sliderThumbBorderWidth}: 0.063rem;
 
                 ${tokens.scaleWrapperOffset}: 0.25rem;
                 ${tokens.scaleWrapperPaddingTop}: 0.25rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.635.0-next-sbcom.0",
+  "version": "1.635.1-dev.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -41,14 +41,14 @@
     "styled-components": "^5.1.1"
   },
   "dependencies": {
-    "@salutejs/plasma-core": "1.240.0-next-sbcom.0",
-    "@salutejs/plasma-hope": "1.387.0-next-sbcom.0",
-    "@salutejs/plasma-new-hope": "0.377.0-next-sbcom.0",
-    "@salutejs/plasma-themes": "0.62.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2b": "1.64.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-b2c": "0.75.0-next-sbcom.0",
-    "@salutejs/plasma-tokens-web": "1.79.0-next-sbcom.0",
-    "@salutejs/plasma-typo": "0.52.0-next-sbcom.0"
+    "@salutejs/plasma-core": "1.240.1-dev.0",
+    "@salutejs/plasma-hope": "1.387.1-dev.0",
+    "@salutejs/plasma-new-hope": "0.377.1-dev.0",
+    "@salutejs/plasma-themes": "0.62.1-dev.0",
+    "@salutejs/plasma-tokens-b2b": "1.64.1-dev.0",
+    "@salutejs/plasma-tokens-b2c": "0.75.1-dev.0",
+    "@salutejs/plasma-tokens-web": "1.79.1-dev.0",
+    "@salutejs/plasma-typo": "0.52.1-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -63,10 +63,10 @@
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
     "@rollup/plugin-node-resolve": "15.2.3",
-    "@salutejs/plasma-colors": "0.21.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.170.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.248.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.241.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.21.1-dev.0",
+    "@salutejs/plasma-cy-utils": "0.170.1-dev.0",
+    "@salutejs/plasma-icons": "1.248.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.241.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -111,5 +111,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "56c79749172c1191e2b1ee9216785d1fd2ab7111"
+  "gitHead": "0bec260b9a0cb12f9621800550014b55fe8f82a7"
 }

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

@@ -1,3 +1,4 @@
+import { AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
 /**
  * Accordion
  */
@@ -34,3 +35,4 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
     children?: React.ReactNode;
     className?: string;
 } & import("react").RefAttributes<HTMLDivElement>>;
+export { AccordionItem };

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

@@ -1,3 +1,2 @@
-export { AccordionItem } from '@salutejs/plasma-new-hope/styled-components';
-export { Accordion } from './Accordion';
+export { Accordion, AccordionItem } from './Accordion';
 export type { AccordionProps } from '@salutejs/plasma-new-hope/styled-components';

package/types/components/Avatar/Avatar.d.ts

@@ -77,7 +77,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -105,7 +105,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -171,7 +171,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -199,7 +199,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

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

@@ -609,6 +609,7 @@ export declare const DatePickerRangeDefault: import("react").FunctionComponent<i
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -714,6 +715,7 @@ export declare const DatePickerRangeClear: import("react").FunctionComponent<imp
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -819,6 +821,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";
@@ -925,6 +928,7 @@ export declare const DatePickerRange: import("react").ForwardRefExoticComponent<
 } & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "placement" | "dateShortcuts"> & {
     placement?: import("@salutejs/plasma-new-hope/styled-components").DatePickerRangePlacement | Array<import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DatePickerRangePlacementBasic>;
     isDoubleCalendar?: boolean;
+    isCalendarPositionedByInput?: boolean;
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types.js").DateShortcutItem[];
 } & import("react").HTMLAttributes<HTMLDivElement> & {
     appearance?: "default" | "clear";

package/types/components/Drawer/Drawer.d.ts

@@ -19,6 +19,7 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
     customBackgroundColor?: string;
     customContentBackgroundColor?: string;
     withBlur?: boolean;
+    overlayProps?: import("@salutejs/plasma-new-hope/styled-components").DrawerOverlayProps;
     closeOnEsc?: boolean;
     closeOnOverlayClick?: boolean;
     onEscKeyDown?: (event: KeyboardEvent) => void;

package/types/components/Notification/index.d.ts

@@ -1,3 +1,3 @@
 export { NotificationsProvider, Notification } from './Notification';
-export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/styled-components';
+export { addNotification, closeNotification, useNotifications } from '@salutejs/plasma-new-hope/styled-components';
 export type { NotificationProps, NotificationLayout, NotificationPlacement, NotificationIconPlacement, } from '@salutejs/plasma-new-hope/styled-components';