@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1910.14466228582.0

package/emotion/cjs/components/Tree/Tree.template-doc.mdx

@@ -37,6 +37,18 @@ type TreeItem = {
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Иконка для текущего элемента.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Дочерние items.
+     */
+    children?: TreeItem[];
+    /**
+     * Контент справа.
+     */
+    contentRight?: React.ReactNode;
 };
 ```
 
@@ -99,7 +111,7 @@ type TreeItem = {
             ];
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree items={treeData} defaultExpandAll />
                 </div>
             );
@@ -166,7 +178,7 @@ type TreeItem = {
             const [selected, setSelected] = React.useState<React.Key>([]);
 
             return (
-                <div style={{ display: 'block' }}>
+                <div style=\{{ display: 'block' }}>
                     <Tree
                         items={treeData}
                         checkable
@@ -182,5 +194,28 @@ type TreeItem = {
         }
         ```
     </TabItem>
+    <TabItem value="virtual" label="Virtual">
+        Для включения виртуализации обязательными являются 2 свойства: `height` и `itemHeight`. \
+        Также есть опциональный флаг для явного отключения/включения виртуализации: `virtual`.
+
+        ```tsx live
+        import React from 'react';
+        import { Tree } from '@salutejs/{{ package }}';
+
+        export function App() {
+            return (
+                <div style=\{{ display: 'block' }}>
+                    <Tree
+                        items={Array(1000)
+                            .fill(1)
+                            .map((_, i) => ({ key: i.toString(), title: i.toString() }))}
+                        height={400}
+                        itemHeight={48}
+                    />
+                </div>
+            );
+        }
+        ```
+    </TabItem>
 </Tabs>
 

package/emotion/cjs/components/Tree/Tree.tokens.js

@@ -30,6 +30,7 @@ var treeTokens = exports.treeTokens = {
   iconFolderMargin: '--plasma-tree-icon-folder-margin',
   iconFolderColor: '--plasma-tree-icon-folder-color',
   switcherMargin: '--plasma-tree-switcher-margin',
+  switcherMarginInverted: '--plasma-tree-switcher-margin-inverted',
   switcherSize: '--plasma-tree-switcher-size',
   checkboxSize: '--plasma-tree-checkbox-size',
   checkboxInnerSize: '--plasma-tree-checkbox-inner-size',

package/emotion/cjs/components/Typography/Typography.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
 var _applySpacing = /*#__PURE__*/require("../../mixins/applySpacing");
 var _utils = /*#__PURE__*/require("../../utils");
 var _tokens = /*#__PURE__*/require("./tokens");
-var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "className", "style"];
+var _excluded = ["size", "children", "breakWord", "noWrap", "bold", "medium", "color", "isNumeric", "className", "style"];
 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() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -31,13 +31,14 @@ var typographyRootCompose = exports.typographyRootCompose = function typographyR
         bold = _props$bold === void 0 ? defaultArgs === null || defaultArgs === void 0 ? void 0 : defaultArgs.defaultBold : _props$bold,
         medium = props.medium,
         color = props.color,
+        isNumeric = props.isNumeric,
         className = props.className,
         style = props.style,
         rest = _objectWithoutProperties(props, _excluded);
       return /*#__PURE__*/_react["default"].createElement(Root, _extends({
         size: size,
         ref: ref,
-        className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, className),
+        className: (0, _utils.cx)(noWrap && _tokens.classes.typoWithNoWrap, breakWord && _tokens.classes.typoWithBreakWord, bold && _tokens.classes.typoBold, medium && _tokens.classes.typoMedium, isNumeric && _tokens.classes.typoIsNumeric, className),
         style: _objectSpread(_objectSpread({
           color: color
         }, style), (0, _applySpacing.applySpacing)(rest))

package/emotion/cjs/components/Typography/Typography.styles.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _tokens = /*#__PURE__*/require("./tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoBold, "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}&.", _tokens.classes.typoMedium, "{font-weight:var(", _tokens.tokens.typoFontWeightMedium, ");}&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAke2FwcGx5SHlwaGVuc05vcm1hbH07XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvV2l0aEJyZWFrV29yZH0ge1xuICAgICAgICAke2FwcGx5SHlwaGVuc307XG4gICAgfVxuYDtcbiJdfQ== */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("font-family:var(", _tokens.tokens.typoFontFamily, ");font-size:var(", _tokens.tokens.typoFontSize, ");font-style:var(", _tokens.tokens.typoFontStyle, ");letter-spacing:var(", _tokens.tokens.typoFontLetterSpacing, ");line-height:var(", _tokens.tokens.typoFontLineHeight, ");font-weight:var(", _tokens.tokens.typoFontWeight, ");&.", _tokens.classes.typoBold, "{font-weight:var(", _tokens.tokens.typoFontWeightBold, ");}&.", _tokens.classes.typoMedium, "{font-weight:var(", _tokens.tokens.typoFontWeightMedium, ");}&.", _tokens.classes.typoWithNoWrap, "{white-space:nowrap;}&.", _tokens.classes.typoIsNumeric, "{font-variant-numeric:tabular-nums;}", _mixins.applyHyphensNormal, ";&.", _tokens.classes.typoWithBreakWord, "{", _mixins.applyHyphens, ";};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBhcHBseUh5cGhlbnMsIGFwcGx5SHlwaGVuc05vcm1hbCB9IGZyb20gJy4uLy4uL21peGlucyc7XG5cbmltcG9ydCB7IGNsYXNzZXMsIHRva2VucyB9IGZyb20gJy4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy50eXBvRm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnR5cG9Gb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy50eXBvRm9udFN0eWxlfSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy50eXBvRm9udExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250TGluZUhlaWdodH0pO1xuICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHR9KTtcblxuICAgICYuJHtjbGFzc2VzLnR5cG9Cb2xkfSB7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudHlwb0ZvbnRXZWlnaHRCb2xkfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb01lZGl1bX0ge1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLnR5cG9Gb250V2VpZ2h0TWVkaXVtfSk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhOb1dyYXB9IHtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy50eXBvSXNOdW1lcmljfSB7XG4gICAgICAgIGZvbnQtdmFyaWFudC1udW1lcmljOiB0YWJ1bGFyLW51bXM7XG4gICAgfVxuXG4gICAgJHthcHBseUh5cGhlbnNOb3JtYWx9O1xuXG4gICAgJi4ke2NsYXNzZXMudHlwb1dpdGhCcmVha1dvcmR9IHtcbiAgICAgICAgJHthcHBseUh5cGhlbnN9O1xuICAgIH1cbmA7XG4iXX0= */"));

package/emotion/cjs/components/Typography/Typography.template-doc.mdx

@@ -39,6 +39,9 @@ export function App() {
 }
 ```
 
+## Моноширинные числа
+Если необходимо сделать числа моноширинным, то нужно установить свойство `inNumeric` в значении `true`.
+
 ## Состав
 
 ### Hero unit

package/emotion/cjs/components/Typography/tokens.js

@@ -8,7 +8,8 @@ var classes = exports.classes = {
   typoWithNoWrap: 'with-no-wrap',
   typoWithBreakWord: 'with-break-word',
   typoBold: 'typography-bold',
-  typoMedium: 'typography-medium'
+  typoMedium: 'typography-medium',
+  typoIsNumeric: 'typography-is-numeric'
 };
 var tokens = exports.tokens = {
   typoFontFamily: '--typo-font-family',

package/emotion/cjs/components/_Icon/Icon.assets/Trash.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Trash = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
+var _path;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var Trash = exports.Trash = function Trash(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 24 24",
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M8 5.5A2.5 2.5 0 0110.5 3h3A2.5 2.5 0 0116 5.5V6h-2v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V6H8v-.5zM4 8a1 1 0 011-1h14a1 1 0 110 2h-1v9.5a2.5 2.5 0 01-2.5 2.5h-7A2.5 2.5 0 016 18.5V9H5a1 1 0 01-1-1zm4 10.5V9h8v9.5a.5.5 0 01-.5.5h-7a.5.5 0 01-.5-.5z",
+    fill: "currentColor"
+  })));
+};

package/emotion/cjs/components/_Icon/Icons/IconTrash.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconTrash = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
+var _Trash = /*#__PURE__*/require("../Icon.assets/Trash");
+var _IconRoot = /*#__PURE__*/require("../IconRoot");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var IconTrash = exports.IconTrash = function IconTrash(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 's' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: _Trash.Trash
+  });
+};

package/emotion/cjs/components/_Icon/index.js

@@ -297,6 +297,12 @@ Object.defineProperty(exports, "IconSwapVert", {
     return _IconSwapVert.IconSwapVert;
   }
 });
+Object.defineProperty(exports, "IconTrash", {
+  enumerable: true,
+  get: function get() {
+    return _IconTrash.IconTrash;
+  }
+});
 var _IconDisclosureLeftWithOffset = /*#__PURE__*/require("./Icons/IconDisclosureLeftWithOffset");
 var _IconDisclosureLeft = /*#__PURE__*/require("./Icons/IconDisclosureLeft");
 var _IconDisclosureRight = /*#__PURE__*/require("./Icons/IconDisclosureRight");
@@ -345,4 +351,5 @@ var _IconArrowDown = /*#__PURE__*/require("./Icons/IconArrowDown");
 var _IconArrowUp = /*#__PURE__*/require("./Icons/IconArrowUp");
 var _IconEditOutline = /*#__PURE__*/require("./Icons/IconEditOutline");
 var _IconResetOutline = /*#__PURE__*/require("./Icons/IconResetOutline");
-var _IconDoneCircleOutline = /*#__PURE__*/require("./Icons/IconDoneCircleOutline");
+var _IconDoneCircleOutline = /*#__PURE__*/require("./Icons/IconDoneCircleOutline");
+var _IconTrash = /*#__PURE__*/require("./Icons/IconTrash");