@salutejs/sdds-finportal 0.147.0-canary.1505.11518120718.0 → 0.147.0-dev.0

package/api/sdds-finportal.api.md

@@ -221,6 +221,7 @@ import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
 import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
+import { ViewContainerCustomProps } from '@salutejs/plasma-new-hope/types/components/ViewContainer/ViewContainer';
 import { withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
 
 // @public (undocumented)
@@ -1063,8 +1064,6 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -1093,9 +1092,7 @@ true: PolymorphicClassName;
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -1125,8 +1122,6 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -1155,9 +1150,7 @@ true: PolymorphicClassName;
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -1187,8 +1180,6 @@ true: PolymorphicClassName;
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -1217,9 +1208,7 @@ true: PolymorphicClassName;
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;
@@ -5160,6 +5149,14 @@ export { useSegment }
 
 export { useToast }
 
+// @public (undocumented)
+export const ViewContainer: FunctionComponent<PropsType<    {
+view: {
+onDark: PolymorphicClassName;
+onLight: PolymorphicClassName;
+};
+}> & HTMLAttributes<HTMLDivElement> & ViewContainerCustomProps & RefAttributes<HTMLAnchorElement>>;
+
 export { withSkeleton }
 
 

package/components/Combobox/Combobox.d.ts

@@ -51,8 +51,6 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -81,9 +79,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -113,8 +109,6 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -143,9 +137,7 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -175,8 +167,6 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: import("@salutejs/plasma-new-hope/styled-components").ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -205,7 +195,5 @@ export declare const Combobox: import("react").FunctionComponent<import("@salute
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/components/Combobox/index.d.ts

@@ -56,8 +56,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -86,9 +84,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -118,8 +114,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -148,9 +142,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -180,8 +172,6 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     value?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
     isTargetAmount?: false | undefined;
-    targetAmount?: undefined;
-    renderValue?: undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     items: ItemOption[];
     placement?: ("top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end") | undefined;
@@ -210,9 +200,7 @@ declare const Combobox: <T extends ItemOption>(props: Omit<ComboboxProps<T>, "vi
     multiple: true;
     value?: string[] | undefined;
     onChange?: ((value: string[]) => void) | undefined;
-    isTargetAmount?: true | undefined;
-    targetAmount?: number | undefined;
-    renderValue?: ((item: ItemOption) => string) | undefined;
+    isTargetAmount?: boolean | undefined;
 } & Omit<import("react").ButtonHTMLAttributes<HTMLInputElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>)), "view" | "size" | "disabled" | "readOnly" | "labelPlacement"> & {
     ref?: ForwardedRef<HTMLInputElement> | undefined;
 }) => ReactElement | null;

package/components/ViewContainer/ViewContainer.config.d.ts

@@ -0,0 +1,8 @@
+export declare const config: {
+    variations: {
+        view: {
+            onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/ViewContainer/ViewContainer.config.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _sdds_finportal = /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_finportal");
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  variations: {
+    view: {
+      onDark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), _sdds_finportal.viewContainer.dark),
+      onLight: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), _sdds_finportal.viewContainer.light)
+    }
+  }
+};

package/components/ViewContainer/ViewContainer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const ViewContainer: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        onDark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        onLight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/ViewContainer/ViewContainer").ViewContainerCustomProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/components/ViewContainer/ViewContainer.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ViewContainer = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _ViewContainer = /*#__PURE__*/require("./ViewContainer.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.viewContainerConfig, _ViewContainer.config);
+var ViewContainer = exports.ViewContainer = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/ViewContainer/index.d.ts

@@ -0,0 +1 @@
+export { ViewContainer } from './ViewContainer';

package/components/ViewContainer/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ViewContainer", {
+  enumerable: true,
+  get: function get() {
+    return _ViewContainer.ViewContainer;
+  }
+});
+var _ViewContainer = /*#__PURE__*/require("./ViewContainer");

package/es/components/ViewContainer/ViewContainer.config.js

@@ -0,0 +1,12 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css } from '@salutejs/plasma-new-hope/styled-components';
+import { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_finportal';
+export var config = {
+  variations: {
+    view: {
+      onDark: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), viewContainer.dark),
+      onLight: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), viewContainer.light)
+    }
+  }
+};

package/es/components/ViewContainer/ViewContainer.js

@@ -0,0 +1,4 @@
+import { viewContainerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './ViewContainer.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(viewContainerConfig, config);
+export var ViewContainer = /*#__PURE__*/component(mergedConfig);

package/es/components/ViewContainer/index.js

@@ -0,0 +1 @@
+export { ViewContainer } from './ViewContainer';

package/es/index.js

@@ -54,5 +54,6 @@ export * from './components/Select';
 export * from './components/Autocomplete';
 export * from './components/EmptyState';
 export * from './components/Attach';
+export * from './components/ViewContainer';
 export * from './mixins';
 export * from './tokens';

package/index.d.ts

@@ -54,5 +54,6 @@ export * from './components/Select';
 export * from './components/Autocomplete';
 export * from './components/EmptyState';
 export * from './components/Attach';
+export * from './components/ViewContainer';
 export * from './mixins';
 export * from './tokens';

package/index.js

@@ -619,6 +619,17 @@ Object.keys(_Attach).forEach(function (key) {
     }
   });
 });
+var _ViewContainer = /*#__PURE__*/require("./components/ViewContainer");
+Object.keys(_ViewContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ViewContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ViewContainer[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-finportal",
-  "version": "0.147.0-canary.1505.11518120718.0",
+  "version": "0.147.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS FinPortal web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,8 +19,8 @@
     "directory": "packages/sdds-finportal"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.174.0-canary.1505.11518120718.0",
-    "@salutejs/sdds-themes": "0.24.1-dev.0"
+    "@salutejs/plasma-new-hope": "0.174.0-dev.0",
+    "@salutejs/sdds-themes": "0.25.0-dev.0"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
@@ -94,5 +94,5 @@
     "Vasiliy Loginevskiy"
   ],
   "sideEffects": false,
-  "gitHead": "9af9bd7c3441f7430eca85bf33a97c1f428d99f5"
+  "gitHead": "4bf318fd0b74d9d2c19e73a1ad6ce3c2f780c321"
 }