@salutejs/sdds-finportal 0.166.0-canary.1550.11801015277.0 → 0.166.0-dev.0

package/components/Select/Select.d.ts

@@ -1,6 +1,12 @@
-import type { SelectProps as SelectPropsNewHope, ItemOptionSelect, DistributivePick, DistributiveOmit } from '@salutejs/plasma-new-hope';
-import React, { ComponentProps } from 'react';
-declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+import type { SelectProps as SelectPropsNewHope } from '@salutejs/plasma-new-hope/styled-components';
+import React from 'react';
+declare const Select: React.ForwardRefExoticComponent<Omit<SelectPropsNewHope, "view" | "size" | "chipView"> & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -13,24 +19,11 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
         black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    size: {
-        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    labelPlacement: {
-        inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    disabled: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
 }> & (({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -42,33 +35,33 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => React.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
     portal?: string | React.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => React.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
     target?: "textfield-like" | undefined;
     view?: "default" | "positive" | "warning" | "negative" | undefined;
@@ -80,33 +73,33 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => React.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
     portal?: string | React.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => React.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -118,33 +111,33 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     multiselect?: false | undefined;
     separator?: undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => React.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
     portal?: string | React.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => React.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | ({
     target?: "button-like" | undefined;
     view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "clear" | "dark" | "black" | "white" | undefined;
@@ -156,34 +149,32 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     multiselect?: true | undefined;
     separator?: string | undefined;
 } & {
-    value?: any;
+    value: any;
     onChange?: ((value: any) => void) | undefined;
     listOverflow?: import("csstype").Property.Overflow | undefined;
     listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    status?: "warning" | "success" | "error" | undefined;
     placeholder?: string | undefined;
     helperText?: string | undefined;
     disabled?: boolean | undefined;
-    items?: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[] | undefined;
-    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    items?: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[] | undefined;
+    onItemSelect?: ((e: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode, event: React.SyntheticEvent<Element, Event>) => void) | undefined;
+    hasItems?: boolean | undefined;
     children?: undefined;
+    isOpen?: boolean | undefined;
     isTargetAmount?: boolean | undefined;
-    renderTarget?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect | import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect[]) => React.ReactNode) | undefined;
-    placement?: ("top" | "bottom" | "right" | "left" | "auto") | ("top" | "bottom" | "right" | "left")[] | undefined;
+    renderTarget?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode | import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode[]) => React.ReactNode) | undefined;
+    placement?: ("auto" | ("top" | "bottom" | "right" | "left")) | ("top" | "bottom" | "right" | "left")[] | undefined;
     label?: string | undefined;
     onScrollBottom?: ((e: React.UIEvent<HTMLUListElement, UIEvent>) => void) | undefined;
     variant?: "normal" | "tight" | undefined;
     listWidth?: import("csstype").Property.Width<string | number> | undefined;
     portal?: string | React.RefObject<HTMLElement> | undefined;
-    renderValue?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => string) | undefined;
-    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownNodeSelect) => React.ReactNode) | undefined;
+    renderValue?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => string) | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/types/components/Select/ui/Inner/ui/Item/Item.types").MergedDropdownNode) => React.ReactNode) | undefined;
     closeAfterSelect?: boolean | undefined;
     size?: string | undefined;
     view?: string | undefined;
     chipView?: string | undefined;
-    status?: "warning" | "success" | "error" | undefined;
-    hasItems?: boolean | undefined;
-    isOpen?: boolean | undefined;
-} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
-declare type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
-declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>)), "view" | "size" | "chipView"> & React.RefAttributes<HTMLButtonElement>>;
 export { Select };

package/components/Select/Select.js

@@ -1,19 +1,20 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Select = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _Select = /*#__PURE__*/require("./Select.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.selectConfig, _Select.config);
 var SelectNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var SelectComponent = function SelectComponent(props, ref) {
+var Select = exports.Select = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   return /*#__PURE__*/_react["default"].createElement(SelectNewHope, _extends({
     ref: ref
   }, props));
-};
-var Select = exports.Select = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(SelectComponent);
+});

package/components/Switch/Switch.config.d.ts

@@ -2,12 +2,19 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
+        toggleSize: string;
         labelPosition: string;
         focused: string;
     };
     variations: {
         size: {
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        toggleSize: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/Switch/Switch.config.js

@@ -5,27 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 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 = {
   defaults: {
     view: 'default',
     size: 'm',
+    toggleSize: 'l',
     labelPosition: 'before',
     focused: 'true'
   },
   variations: {
     size: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body1-font-family);\n                ", ": var(--plasma-typo-body1-font-style);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-line-height);\n                ", ": var(--plasma-typo-body1-font-size);\n                ", ": var(--plasma-typo-body1-letter-spacing);\n                ", ": 2.75rem;\n                ", ": 1.75rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1.5rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n                ", ": 0.75rem;\n            "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.descriptionFontFamily, _styledComponents.switchTokens.descriptionFontStyle, _styledComponents.switchTokens.descriptionFontWeight, _styledComponents.switchTokens.descriptionLineHeight, _styledComponents.switchTokens.descriptionFontSize, _styledComponents.switchTokens.descriptionLetterSpacing, _styledComponents.switchTokens.verticalGap, _styledComponents.switchTokens.labelOffset)
+    },
+    toggleSize: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.75rem;\n                ", ": 1.75rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1.5rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 1.25rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.switchTokens.disabledOpacity)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.switchTokens.disabledOpacity)
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), _styledComponents.switchTokens.trackFocusColor)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), _styledComponents.switchTokens.trackFocusColor)
     }
   }
 };

package/components/Switch/Switch.d.ts

@@ -1,7 +1,13 @@
 import { ComponentProps } from 'react';
 declare const SwitchComponent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    toggleSize: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -15,7 +21,13 @@ declare const SwitchComponent: import("react").FunctionComponent<import("@salute
 }> & import("@salutejs/plasma-new-hope/styled-components").SwitchProps & import("react").RefAttributes<HTMLInputElement>>;
 export declare const Switch: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     size: {
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    toggleSize: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/TextArea/TextArea.d.ts

@@ -29,7 +29,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & ((Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+}> & ((Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -72,7 +72,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -115,7 +115,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -158,7 +158,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -201,7 +201,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     height?: undefined;
     width?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -244,7 +244,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -287,7 +287,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -330,7 +330,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -373,7 +373,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     height?: undefined;
     width?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -416,7 +416,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -459,7 +459,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -502,7 +502,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -545,7 +545,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     height?: undefined;
     width?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -588,7 +588,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -631,7 +631,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;
@@ -674,7 +674,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
 } & {
     clear?: undefined;
     hasDivider?: undefined;
-} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/styled-components").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("@salutejs/plasma-new-hope/types/types").TextareaHTMLAttributes<HTMLTextAreaElement>, "required" | "rows" | "cols"> & {
     status?: "" | "warning" | "success" | "error" | undefined;
     label?: string | undefined;
     labelPlacement?: "outer" | "inner" | undefined;