@prom-ui/core 0.0.8 → 0.0.11

package/Body/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Body",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Box",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Button/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/ButtonPageUp/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ButtonPageUp: React.NamedExoticComponent<object>;

package/Checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Checkbox",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Flex/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Flex",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Grid/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Grid",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Icon/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Icon",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Image",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/ImageEmoji/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type Props = {
+    height?: string | number;
+    shortName: string;
+    viewType?: 'apple' | 'google';
+    width?: string | number;
+};
+export declare type ImageEmojiProps = React.HTMLProps<HTMLImageElement> & Props;
+export declare const ImageEmoji: React.FC<Props>;

package/ImageEmoji/index.js

@@ -0,0 +1,89 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var emoji = require('@evo/emoji');
+var Image = require('@prom-ui/core/Image');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var ImageEmoji = React.forwardRef(function (_a, ref) {
+  var shortName = _a.shortName,
+      viewType = _a.viewType,
+      width = _a.width,
+      height = _a.height,
+      props = __rest(_a, ["shortName", "viewType", "width", "height"]);
+
+  return React__default["default"].createElement(Image.Image, __assign({
+    "image-as": emoji.Emoji,
+    "image-alt": 'hidden',
+    alt: shortName ? ":".concat(shortName, ":") : '',
+    width: width,
+    height: height
+  }, props, {
+    name: shortName,
+    type: viewType,
+    ref: ref
+  }));
+});
+ImageEmoji.defaultProps = {
+  width: 20,
+  height: 20,
+  viewType: 'apple'
+};
+ImageEmoji.propTypes = {
+  /** Высота */
+  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+
+  /** Ширина */
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+
+  /** https://evo-frontend.git-doc.evo.dev/emoji/ */
+  shortName: PropTypes__default["default"].string.isRequired,
+  viewType: PropTypes__default["default"].oneOf(['apple', 'google'])
+};
+
+exports.ImageEmoji = ImageEmoji;

package/ImageEmoji/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/ImageEmoji",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@evo/emoji": "0.2.0"
+  }
+}

package/Input/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Input",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/KeyPress/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type PropsKeyPressApp = {
+    code: string;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onKeyUp?: (e: KeyboardEvent) => void;
+};
+declare type PropsKeyPress = {
+    isActive?: boolean;
+};
+export declare const KeyPress: React.FC<PropsKeyPress & PropsKeyPressApp>;
+export {};

package/KeyPress/index.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var useKeyPress = require('@prom-ui/hooks/useKeyPress');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var KeyPressApp = function (_a) {
+  var code = _a.code,
+      onKeyDown = _a.onKeyDown,
+      onKeyUp = _a.onKeyUp;
+  useKeyPress.useKeyPress(code, onKeyDown, onKeyUp);
+  return null;
+};
+
+var KeyPress = function (_a) {
+  var _b = _a.isActive,
+      isActive = _b === void 0 ? true : _b,
+      code = _a.code,
+      _c = _a.onKeyDown,
+      onKeyDown = _c === void 0 ? function () {} : _c,
+      _d = _a.onKeyUp,
+      onKeyUp = _d === void 0 ? function () {} : _d;
+
+  if (isActive) {
+    return React__default["default"].createElement(KeyPressApp, {
+      code: code,
+      onKeyDown: onKeyDown,
+      onKeyUp: onKeyUp
+    });
+  }
+
+  return null;
+};
+KeyPress.propTypes = {
+  /** Принимает значение `event.key` клавишы, можно посмотреть здесь https://keycode.info/ */
+  code: PropTypes__default["default"].string.isRequired,
+
+  /** Если передать `false` компонент перестанет работать */
+  isActive: PropTypes__default["default"].bool,
+
+  /** Срабатывает при нажатии клавиши */
+  onKeyDown: PropTypes__default["default"].func,
+
+  /** Срабатывает при отпускании клавиши */
+  onKeyUp: PropTypes__default["default"].func
+};
+
+exports.KeyPress = KeyPress;

package/KeyPress/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@prom-ui/core/KeyPress",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts"
+}

package/Line/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Line",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Link/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Link",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/List/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/List",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/OutsideClick/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type PropsOutsideClick = {
+    children?: any;
+    isActive?: boolean;
+    onClick: () => void;
+};
+export declare const OutsideClick: React.FC<PropsOutsideClick>;
+export {};

package/OutsideClick/index.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var useOutsideClick = require('@prom-ui/hooks/useOutsideClick');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var OutsideClick = function (_a) {
+  var _b = _a.children,
+      children = _b === void 0 ? null : _b,
+      _c = _a.isActive,
+      isActive = _c === void 0 ? true : _c,
+      onClick = _a.onClick,
+      props = __rest(_a, ["children", "isActive", "onClick"]);
+
+  var ref = useOutsideClick.useOutsideClick(onClick)[0];
+
+  if (!isActive) {
+    return React__default["default"].createElement("div", null, children);
+  }
+
+  return React__default["default"].createElement("div", __assign({}, props, {
+    ref: ref
+  }), children);
+};
+OutsideClick.propTypes = {
+  /** React children */
+  children: PropTypes__default["default"].node,
+
+  /** Если передать `false` компонент перестанет работать */
+  isActive: PropTypes__default["default"].bool,
+
+  /** Срабатывает если клик произошел вне компонента */
+  onClick: PropTypes__default["default"].func.isRequired
+};
+
+exports.OutsideClick = OutsideClick;

package/OutsideClick/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@prom-ui/core/OutsideClick",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts"
+}

package/Picture/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Picture",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Portal/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type PropsPortal = {
+    id?: string;
+    isActive?: boolean;
+    children?: any;
+};
+export declare const Portal: React.FC<PropsPortal>;
+export {};

package/Portal/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var reactDom = require('react-dom');
+var usePortal = require('@prom-ui/hooks/usePortal');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+var PortalApp = function (_a) {
+  var id = _a.id,
+      children = _a.children;
+  var target = usePortal.usePortal(id);
+
+  if (target) {
+    return reactDom.createPortal(children, target);
+  }
+
+  return children;
+};
+
+var Portal = function (_a) {
+  var _b = _a.id,
+      id = _b === void 0 ? 'react-portal' : _b,
+      _c = _a.isActive,
+      isActive = _c === void 0 ? true : _c,
+      _d = _a.children,
+      children = _d === void 0 ? null : _d;
+
+  if (!isActive) {
+    return children;
+  }
+
+  return React__default["default"].createElement(PortalApp, {
+    id: id
+  }, children);
+};
+Portal.propTypes = {
+  /** React children */
+  children: PropTypes__default["default"].node,
+
+  /** ID html ноды, Если такая нода отсутствует на странице, будет создан новый `<div>` в конце `<body>` */
+  id: PropTypes__default["default"].string,
+
+  /** Если передать `false` компонент перестанет работать */
+  isActive: PropTypes__default["default"].bool
+};
+
+exports.Portal = Portal;

package/Portal/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "@prom-ui/core/Portal",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts"
+}

package/Rating/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Rating",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Scroll/index.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+export declare const Scroll: any;
+export declare class StyleGuide extends Component {
+    static displayName: string;
+    static propTypes: {
+        /** Скрыть/показать полосу прокрутки */
+        "scroll-bar": PropTypes.Requireable<string>;
+        /** Выравнивание ячеек по горизонтальной оси */
+        "scroll-align": PropTypes.Requireable<string>;
+        "scroll-column": PropTypes.Requireable<string>;
+        "scroll-gap": PropTypes.Requireable<string>;
+        "scroll-padding": PropTypes.Requireable<string>;
+    };
+    render(): null;
+}

package/Scroll/index.js

@@ -0,0 +1,79 @@
+'use strict';
+
+require("./style.css");
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var PropTypes = require('prop-types');
+var evokit = require('evokit');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var css = {"ek-scroll":"Scroll__ek-scroll___m6Vr5","ek-scroll__item":"Scroll__ek-scroll__item___bfetG","ek-scroll__item_blackhole_width-fit-content":"Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo","ek-scroll__item_blackhole_width-max-content":"Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl","ek-scroll_padding_xxs":"Scroll__ek-scroll_padding_xxs___9vZpV","ek-scroll_padding_xs":"Scroll__ek-scroll_padding_xs___L5kMA","ek-scroll_padding_s":"Scroll__ek-scroll_padding_s___Nr3Ig","ek-scroll_padding_m":"Scroll__ek-scroll_padding_m___hcRCz","ek-scroll_padding_l":"Scroll__ek-scroll_padding_l___SKeiS","ek-scroll_padding_xl":"Scroll__ek-scroll_padding_xl___MG4J-","ek-scroll_padding_xxl":"Scroll__ek-scroll_padding_xxl___m8ou2","ek-scroll_padding_3xl":"Scroll__ek-scroll_padding_3xl___xy72W","ek-scroll_padding_4xl":"Scroll__ek-scroll_padding_4xl___gzW-I","ek-scroll_padding_5xl":"Scroll__ek-scroll_padding_5xl___JErmt","ek-scroll_column_1":"Scroll__ek-scroll_column_1___n5mTi","ek-scroll_column_2":"Scroll__ek-scroll_column_2___GqdmF","ek-scroll_column_3":"Scroll__ek-scroll_column_3___DKZCp","ek-scroll_column_4":"Scroll__ek-scroll_column_4___-Nf-L","ek-scroll_column_5":"Scroll__ek-scroll_column_5___OxDq-","ek-scroll_column_6":"Scroll__ek-scroll_column_6___wP8Pu","ek-scroll_column_7":"Scroll__ek-scroll_column_7___-ZDSB","ek-scroll_column_8":"Scroll__ek-scroll_column_8___PnnsU","ek-scroll_column_9":"Scroll__ek-scroll_column_9___DDqgb","ek-scroll_column_10":"Scroll__ek-scroll_column_10___Hh-uZ","ek-scroll_gap_xxs":"Scroll__ek-scroll_gap_xxs___15vfK","ek-scroll_gap_xs":"Scroll__ek-scroll_gap_xs___Kvr2J","ek-scroll_gap_s":"Scroll__ek-scroll_gap_s___71-or","ek-scroll_gap_m":"Scroll__ek-scroll_gap_m___glUvB","ek-scroll_gap_l":"Scroll__ek-scroll_gap_l___pQC7Z","ek-scroll_gap_xl":"Scroll__ek-scroll_gap_xl___L1iAD","ek-scroll_gap_xxl":"Scroll__ek-scroll_gap_xxl___wVNm-","ek-scroll_gap_3xl":"Scroll__ek-scroll_gap_3xl___4tQXK","ek-scroll_gap_4xl":"Scroll__ek-scroll_gap_4xl___1-5dw","ek-scroll_gap_5xl":"Scroll__ek-scroll_gap_5xl___ym2qM","ek-scroll_bar_none":"Scroll__ek-scroll_bar_none___c1gVV","ek-scroll_bar_auto":"Scroll__ek-scroll_bar_auto___-TbaH","ek-scroll_align_normal":"Scroll__ek-scroll_align_normal___zoDjM","ek-scroll_align_start":"Scroll__ek-scroll_align_start___4mACC","ek-scroll_align_center":"Scroll__ek-scroll_align_center___3PWHW","ek-scroll_align_end":"Scroll__ek-scroll_align_end___AwLLA"};
+
+var _a;
+var Scroll = evokit.createBlock('ul', 'scroll', ['align', 'bar', 'column', 'gap', 'padding'], {
+  css: css
+});
+Scroll.Item = evokit.createBlock('li', 'scroll__item', [], {
+  css: css
+}); // Only for StyleGuide
+
+var StyleGuide =
+/** @class */
+function (_super) {
+  __extends(StyleGuide, _super);
+
+  function StyleGuide() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  StyleGuide.prototype.render = function () {
+    return null;
+  };
+
+  StyleGuide.displayName = 'Scroll';
+  StyleGuide.propTypes = (_a = {},
+  /** Скрыть/показать полосу прокрутки */
+  _a['scroll-bar'] = PropTypes__default["default"].oneOf(['none', 'auto']),
+  /** Выравнивание ячеек по горизонтальной оси */
+  _a['scroll-align'] = PropTypes__default["default"].oneOf(['start', 'center', 'end', 'normal']), _a['scroll-column'] = PropTypes__default["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10']), _a['scroll-gap'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a['scroll-padding'] = PropTypes__default["default"].oneOf(['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', '3xl', '4xl', '5xl']), _a);
+  return StyleGuide;
+}(react.Component);
+
+exports.Scroll = Scroll;
+exports.StyleGuide = StyleGuide;

package/Scroll/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/Scroll",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "evokit": "3.2.3"
+  }
+}

package/Scroll/style.css

@@ -0,0 +1,169 @@
+.Scroll__ek-scroll___m6Vr5 {
+    display: flex;
+    flex-wrap: nowrap;
+    flex-direction: row;
+    overflow-x: auto;
+    overflow-y: hidden;
+    -webkit-overflow-scrolling: touch;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box
+}
+.Scroll__ek-scroll___m6Vr5::after,
+    .Scroll__ek-scroll___m6Vr5::before {
+        content: "";
+        align-self: normal;
+    }
+.Scroll__ek-scroll__item___bfetG {
+    margin: 0;
+    padding: 0;
+    flex: 0 0 auto;
+    box-sizing: border-box;
+}
+.Scroll__ek-scroll__item_blackhole_width-fit-content___k-fNo {
+    width: -webkit-fit-content;
+    width: -moz-fit-content;
+    width: fit-content;
+}
+.Scroll__ek-scroll__item_blackhole_width-max-content___s8gGl {
+    width: -webkit-max-content;
+    width: -moz-max-content;
+    width: max-content;
+}
+.Scroll__ek-scroll_padding_xxs___9vZpV::after,
+    .Scroll__ek-scroll_padding_xxs___9vZpV::before {
+        flex: 0 0 var(--pds-spacing-xxs);
+    }
+.Scroll__ek-scroll_padding_xs___L5kMA::after,
+    .Scroll__ek-scroll_padding_xs___L5kMA::before {
+        flex: 0 0 var(--pds-spacing-xs);
+    }
+.Scroll__ek-scroll_padding_s___Nr3Ig::after,
+    .Scroll__ek-scroll_padding_s___Nr3Ig::before {
+        flex: 0 0 var(--pds-spacing-s);
+    }
+.Scroll__ek-scroll_padding_m___hcRCz::after,
+    .Scroll__ek-scroll_padding_m___hcRCz::before {
+        flex: 0 0 var(--pds-spacing-m);
+    }
+.Scroll__ek-scroll_padding_l___SKeiS::after,
+    .Scroll__ek-scroll_padding_l___SKeiS::before {
+        flex: 0 0 var(--pds-spacing-l);
+    }
+.Scroll__ek-scroll_padding_xl___MG4J-::after,
+    .Scroll__ek-scroll_padding_xl___MG4J-::before {
+        flex: 0 0 var(--pds-spacing-xl);
+    }
+.Scroll__ek-scroll_padding_xxl___m8ou2::after,
+    .Scroll__ek-scroll_padding_xxl___m8ou2::before {
+        flex: 0 0 var(--pds-spacing-xxl);
+    }
+.Scroll__ek-scroll_padding_3xl___xy72W::after,
+    .Scroll__ek-scroll_padding_3xl___xy72W::before {
+        flex: 0 0 var(--pds-spacing-3xl);
+    }
+.Scroll__ek-scroll_padding_4xl___gzW-I::after,
+    .Scroll__ek-scroll_padding_4xl___gzW-I::before {
+        flex: 0 0 var(--pds-spacing-4xl);
+    }
+.Scroll__ek-scroll_padding_5xl___JErmt::after,
+    .Scroll__ek-scroll_padding_5xl___JErmt::before {
+        flex: 0 0 var(--pds-spacing-5xl);
+    }
+.Scroll__ek-scroll_column_1___n5mTi > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 1);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_2___GqdmF > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 2);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_3___DKZCp > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 3);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_4___-Nf-L > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 4);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_5___OxDq- > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 5);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_6___wP8Pu > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 6);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_7___-ZDSB > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 7);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_8___PnnsU > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 8);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_9___DDqgb > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 9);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_column_10___Hh-uZ > .Scroll__ek-scroll__item___bfetG {
+        flex-basis: calc(100% / 10);
+        min-width: 0;
+    }
+.Scroll__ek-scroll_gap_xxs___15vfK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-xxs);
+    }
+.Scroll__ek-scroll_gap_xs___Kvr2J > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-xs);
+    }
+.Scroll__ek-scroll_gap_s___71-or > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-s);
+    }
+.Scroll__ek-scroll_gap_m___glUvB > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-m);
+    }
+.Scroll__ek-scroll_gap_l___pQC7Z > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-l);
+    }
+.Scroll__ek-scroll_gap_xl___L1iAD > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-xl);
+    }
+.Scroll__ek-scroll_gap_xxl___wVNm- > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-xxl);
+    }
+.Scroll__ek-scroll_gap_3xl___4tQXK > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-3xl);
+    }
+.Scroll__ek-scroll_gap_4xl___1-5dw > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-4xl);
+    }
+.Scroll__ek-scroll_gap_5xl___ym2qM > .Scroll__ek-scroll__item___bfetG + .Scroll__ek-scroll__item___bfetG {
+        margin-left: var(--pds-spacing-5xl);
+    }
+.Scroll__ek-scroll_bar_none___c1gVV {
+    -ms-overflow-style: none; /* for Internet Explorer, Edge */
+    scrollbar-width: none /* for Firefox */
+}
+.Scroll__ek-scroll_bar_none___c1gVV::-webkit-scrollbar {
+        display: none;
+    }
+.Scroll__ek-scroll_bar_auto___-TbaH {
+    -ms-overflow-style: auto; /* for Internet Explorer, Edge */
+    scrollbar-width: auto /* for Firefox */
+}
+.Scroll__ek-scroll_bar_auto___-TbaH::-webkit-scrollbar {
+        display: auto; /* stylelint-disable-line csstree/validator */
+    }
+.Scroll__ek-scroll_align_normal___zoDjM {
+    align-items: normal;
+}
+.Scroll__ek-scroll_align_start___4mACC {
+    align-items: flex-start;
+}
+.Scroll__ek-scroll_align_center___3PWHW {
+    align-items: center;
+}
+.Scroll__ek-scroll_align_end___AwLLA {
+    align-items: flex-end;
+}

package/Skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Skeleton",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Spinner/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Spinner",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/Text/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Text",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/TextEmoji/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type Props = {
+    size?: number;
+    type?: 'apple' | 'google';
+};
+export declare type TextEmojiProps = React.HTMLProps<HTMLElement> & Props;
+export declare const TextEmoji: React.FC<Props>;

package/TextEmoji/index.js

@@ -0,0 +1,87 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var emojiText = require('@evo/emoji-text');
+var Text = require('@prom-ui/core/Text');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var TEXT_SIZES_LIST = {
+  small: 11,
+  default: 13,
+  big: 15,
+  h1: 24,
+  h2: 22,
+  h3: 20,
+  h4: 18,
+  h5: 16,
+  h6: 14
+};
+var TextEmoji = React.forwardRef(function (_a, ref) {
+  var children = _a.children,
+      size = _a.size,
+      type = _a.type,
+      props = __rest(_a, ["children", "size", "type"]);
+
+  return React__default["default"].createElement(Text.Text, __assign({
+    ref: ref
+  }, props), React__default["default"].createElement(emojiText.EmojiText, {
+    size: TEXT_SIZES_LIST[props['text-size']] || size,
+    type: type
+  }, children));
+});
+TextEmoji.defaultProps = {
+  size: TEXT_SIZES_LIST.default,
+  type: 'apple'
+};
+TextEmoji.propTypes = {
+  /** @ignore */
+  size: PropTypes__default["default"].number,
+  type: PropTypes__default["default"].oneOf(['apple', 'google'])
+};
+
+exports.TextEmoji = TextEmoji;

package/TextEmoji/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@prom-ui/core/TextEmoji",
+  "version": "0.0.11",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@evo/emoji-text": "0.1.1"
+  }
+}

package/Tumbler/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tumbler",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.8",
+  "version": "0.0.11",
   "description": "core ui blocks",
   "scripts": {
     "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
@@ -20,9 +20,12 @@
     "directory": "dist"
   },
   "devDependencies": {
-    "@prom-ui/core": "file:./src"
+    "@prom-ui/core": "file:../core/src",
+    "@prom-ui/hooks": "file:../hooks/src"
   },
   "dependencies": {
+    "@evo/emoji": "0.2.0",
+    "@evo/emoji-text": "0.1.1",
     "classnames": "2.3.1",
     "evokit": "3.2.3",
     "evokit-body": "3.2.0",
@@ -36,11 +39,14 @@
     "evokit-list": "3.3.0",
     "evokit-picture": "3.2.0",
     "evokit-text": "3.2.0",
-    "react-transition-group": "4.4.2"
+    "react-transition-group": "4.4.2",
+    "ttag": "1.7.24"
   },
   "peerDependencies": {
+    "@prom-ui/hooks": "*",
     "prop-types": "*",
-    "react": "*"
+    "react": "*",
+    "react-dom": "*"
   },
-  "gitHead": "0051d0baef253f1b7f3fa0846416484a63881cb7"
+  "gitHead": "625b6fc4b6f9c2ce4aea157c2bed153827d722c7"
 }