@prom-ui/core 0.0.6 → 0.0.9

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@prom-ui/core/Button",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "main": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "@prom-ui/core": "file:./src",
     "evokit-button": "3.0.1"
   }
 }

package/Checkbox/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type Props = {
+    type?: 'checkbox' | 'radio';
+    className?: string;
+    loading?: boolean;
+};
+export declare const Checkbox: React.FC<Props>;
+export {};

package/Checkbox/index.js

@@ -0,0 +1,99 @@
+'use strict';
+
+require("./style.css");
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactTransitionGroup = require('react-transition-group');
+var PropTypes = require('prop-types');
+var classNames = require('classnames');
+var Spinner = require('@prom-ui/core/Spinner');
+
+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 classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+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 css = {"root":"Checkbox__root___JbPkR","view":"Checkbox__view___Smb1v","input":"Checkbox__input___-KDH8","inputLoading":"Checkbox__inputLoading___3-2zC","spinner":"Checkbox__spinner___K7NKz","spinnerEnterActive":"Checkbox__spinnerEnterActive___ASYih","spinnerEnterDone":"Checkbox__spinnerEnterDone___vsNQ-","spinnerExitActive":"Checkbox__spinnerExitActive___X-b7M","spinnerExitDone":"Checkbox__spinnerExitDone___MP3D6"};
+
+var Checkbox = React.forwardRef(function (_a, ref) {
+  var _b;
+
+  var className = _a.className,
+      loading = _a.loading,
+      props = __rest(_a, ["className", "loading"]);
+
+  return React__default["default"].createElement("div", {
+    className: classNames__default["default"](css.root, className)
+  }, React__default["default"].createElement("input", __assign({
+    className: classNames__default["default"](css.input, (_b = {}, _b[css.inputLoading] = loading, _b)),
+    ref: ref,
+    disabled: loading
+  }, props)), React__default["default"].createElement("div", {
+    className: css.view
+  }, React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
+    in: loading,
+    timeout: 100,
+    classNames: {
+      enterActive: css.spinnerEnterActive,
+      enterDone: css.spinnerEnterDone,
+      exitActive: css.spinnerExitActive,
+      exitDone: css.spinnerExitDone
+    },
+    unmountOnExit: true
+  }, React__default["default"].createElement(Spinner.Spinner, {
+    className: css.spinner,
+    width: '100%',
+    height: '100%'
+  }))));
+});
+Checkbox.propTypes = {
+  type: PropTypes__default["default"].oneOf(['checkbox', 'radio']),
+  loading: PropTypes__default["default"].bool
+};
+Checkbox.defaultProps = {
+  type: 'checkbox',
+  loading: false
+};
+
+exports.Checkbox = Checkbox;

package/Checkbox/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "@prom-ui/core/Checkbox",
+  "version": "0.0.9",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "classnames": "2.3.1",
+    "react-transition-group": "4.4.2"
+  }
+}

package/Checkbox/style.css

@@ -0,0 +1,133 @@
+.Checkbox__root___JbPkR {
+    display: block;
+    box-sizing: border-box;
+    width: 18px;
+    height: 18px;
+    position: relative;
+    margin: calc((var(--pds-line-height) - 18px) / 2) 0;
+    flex-shrink: 0;
+}
+
+.Checkbox__view___Smb1v {
+    width: 100%;
+    height: 100%;
+    position: relative
+}
+
+.Checkbox__view___Smb1v::before,
+    .Checkbox__view___Smb1v::after {
+        content: "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        box-sizing: border-box;
+        transition: 100ms ease-in-out;
+        transition-property: border-radius, background-color, border-color, opacity;
+    }
+
+.Checkbox__view___Smb1v::before {
+        border-radius: var(--pds-round-xxs);
+        border: 2px var(--black-400) solid;
+        background: var(--white);
+    }
+
+.Checkbox__view___Smb1v::after {
+        background-repeat: no-repeat;
+        background-position: center;
+        opacity: 0;
+    }
+
+.Checkbox__input___-KDH8 {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 1;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    cursor: pointer
+}
+
+.Checkbox__input___-KDH8:disabled {
+        cursor: default;
+    }
+
+.Checkbox__input___-KDH8[type="checkbox"] + .Checkbox__view___Smb1v::after {
+            background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.807L3.64375 7.345L8.93125 1' stroke='%2301011B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
+        }
+
+.Checkbox__input___-KDH8[type="radio"] + .Checkbox__view___Smb1v::before {
+            border-radius: 50%;
+        }
+
+.Checkbox__input___-KDH8[type="radio"] + .Checkbox__view___Smb1v::after {
+            background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%2301011B'/%3E%3C/svg%3E");
+        }
+
+.Checkbox__input___-KDH8:focus-visible + .Checkbox__view___Smb1v::before {
+            outline: var(--pds-round-xxs) auto Highlight;
+            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+        }
+
+.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::before {
+            background-color: var(--yellow-500);
+            border-color: var(--yellow-500);
+        }
+
+.Checkbox__input___-KDH8:checked + .Checkbox__view___Smb1v::after {
+            opacity: 1;
+        }
+
+.Checkbox__input___-KDH8:disabled + .Checkbox__view___Smb1v::before {
+            background-color: var(--black-200);
+            border-color: var(--black-200);
+            color: var(--black-700);
+        }
+
+.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC + .Checkbox__view___Smb1v::before {
+            border-radius: 50%;
+            background-color: var(--white);
+            border-color: var(--black-400);
+        }
+
+.Checkbox__input___-KDH8:checked:disabled + .Checkbox__view___Smb1v::after {
+            opacity: .5;
+        }
+
+.Checkbox__spinner___K7NKz {
+    color: var(--violet-500);
+    opacity: 0;
+    transition: opacity 100ms ease-in-out;
+}
+
+.Checkbox__spinnerEnterActive___ASYih,
+.Checkbox__spinnerEnterDone___vsNQ- {
+    opacity: 1;
+}
+
+.Checkbox__spinnerExitActive___X-b7M,
+.Checkbox__spinnerExitDone___MP3D6 {
+    opacity: 0;
+}
+
+@media (hover) {
+            .Checkbox__input___-KDH8:hover + .Checkbox__view___Smb1v::before {
+                border-color: var(--black-500);
+            }
+            .Checkbox__input___-KDH8:checked:hover + .Checkbox__view___Smb1v::before {
+                border-color: var(--yellow-500);
+            }
+            .Checkbox__input___-KDH8:disabled:hover + .Checkbox__view___Smb1v::before {
+                border-color: var(--black-200);
+            }
+            .Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover + .Checkbox__view___Smb1v::before {
+                border-color: var(--black-400);
+            }
+}

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/index.d.ts

@@ -0,0 +1,12 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+export declare const Icon: any;
+export declare class StyleGuide extends Component {
+    static displayName: string;
+    static propTypes: {
+        "icon-display": PropTypes.Requireable<string>;
+        /** Устанавливает цвет иконки */
+        "icon-color": PropTypes.Requireable<string>;
+    };
+    render(): null;
+}

package/Icon/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-icon":"Icon__ek-icon___D8VyR","ek-icon_display_inline-block":"Icon__ek-icon_display_inline-block___lSnm0","ek-icon_display_block":"Icon__ek-icon_display_block___UvWz9","ek-icon_display_none":"Icon__ek-icon_display_none___AiYn4","ek-icon_color_black-400":"Icon__ek-icon_color_black-400___CPi69","ek-icon_color_black-600":"Icon__ek-icon_color_black-600___y-5aG","ek-icon_color_black-700":"Icon__ek-icon_color_black-700___ya7ul","ek-icon_color_blue-500":"Icon__ek-icon_color_blue-500___pmTk-","ek-icon_color_green-500":"Icon__ek-icon_color_green-500___fbfqc","ek-icon_color_red-500":"Icon__ek-icon_color_red-500___p0PpV","ek-icon_color_violet-500":"Icon__ek-icon_color_violet-500___sHErq","ek-icon_color_white":"Icon__ek-icon_color_white___fc4Jx","ek-icon_color_yellow-500":"Icon__ek-icon_color_yellow-500___3N6kU"};
+
+var _a;
+var Icon = evokit.createBlock('svg', 'icon', ['display', 'color'], {
+  css: css
+});
+Icon.defaultProps = {
+  focusable: false,
+  'aria-hidden': true,
+  tabIndex: '-1'
+}; // 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 = 'Icons';
+  StyleGuide.propTypes = (_a = {}, _a['icon-display'] = PropTypes__default["default"].oneOf(['block', 'inline-block', 'none']),
+  /** Устанавливает цвет иконки */
+  _a['icon-color'] = PropTypes__default["default"].oneOf(['white', 'blue-500', 'black-400', 'black-600', 'black-700', 'green-500', 'yellow-500', 'red-500', 'violet-500']), _a);
+  return StyleGuide;
+}(react.Component);
+
+exports.Icon = Icon;
+exports.StyleGuide = StyleGuide;

package/Icon/package.json

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

package/Icon/style.css

@@ -0,0 +1,46 @@
+.Icon__ek-icon___D8VyR {
+    display: block;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+    flex-shrink: 0
+}
+.Icon__ek-icon___D8VyR:focus {
+        outline: none;
+    }
+.Icon__ek-icon_display_inline-block___lSnm0 {
+    display: inline-block;
+}
+.Icon__ek-icon_display_block___UvWz9 {
+    display: block;
+}
+.Icon__ek-icon_display_none___AiYn4 {
+    display: none;
+}
+.Icon__ek-icon_color_black-400___CPi69 {
+    color: var(--black-400);
+}
+.Icon__ek-icon_color_black-600___y-5aG {
+    color: var(--black-600);
+}
+.Icon__ek-icon_color_black-700___ya7ul {
+    color: var(--black-700);
+}
+.Icon__ek-icon_color_blue-500___pmTk- {
+    color: var(--blue-500);
+}
+.Icon__ek-icon_color_green-500___fbfqc {
+    color: var(--green-500);
+}
+.Icon__ek-icon_color_red-500___p0PpV {
+    color: var(--red-500);
+}
+.Icon__ek-icon_color_violet-500___sHErq {
+    color: var(--violet-500);
+}
+.Icon__ek-icon_color_white___fc4Jx {
+    color: var(--white);
+}
+.Icon__ek-icon_color_yellow-500___3N6kU {
+    color: var(--yellow-500);
+}

package/Image/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Image",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "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.9",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "dependencies": {
+    "@evo/emoji": "0.2.0"
+  }
+}

package/Input/index.d.ts

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+export declare const Input: any;
+export declare class StyleGuide extends Component {
+    static displayName: string;
+    static defaultProps: {
+        "input-width": string;
+    };
+    static propTypes: {
+        "input-width": PropTypes.Requireable<string>;
+        "input-height": PropTypes.Requireable<string>;
+        "input-theme": PropTypes.Requireable<string>;
+        /** Поддерживает дополнительные props:
+         *
+         * - `input-padding-top`
+         * - `input-padding-right`
+         * - `input-padding-bottom`
+         * - `input-padding-left`
+         */
+        "input-padding": PropTypes.Requireable<string>;
+    };
+    render(): null;
+}