@prom-ui/core 0.0.6 → 0.0.9

package/Skeleton/index.js

@@ -0,0 +1,113 @@
+'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 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 css = {"ek-skeleton":"Skeleton__ek-skeleton___YQ77B","ek-skeleton_theme_grey":"Skeleton__ek-skeleton_theme_grey___fLU-I","skeleton-keyframes-wave":"Skeleton__skeleton-keyframes-wave___tx4t3","ek-skeleton_theme_black-100":"Skeleton__ek-skeleton_theme_black-100___7Lfmq","ek-skeleton_theme_white":"Skeleton__ek-skeleton_theme_white___HJ4sO","ek-skeleton_variant_text":"Skeleton__ek-skeleton_variant_text___8cqBE","ek-skeleton_variant_circle":"Skeleton__ek-skeleton_variant_circle___-y8Ac","ek-skeleton_variant_square":"Skeleton__ek-skeleton_variant_square___ER7Aa","ek-skeleton_variant_rect":"Skeleton__ek-skeleton_variant_rect___PqK20","ek-skeleton_align_left":"Skeleton__ek-skeleton_align_left___vFpty","ek-skeleton_align_center":"Skeleton__ek-skeleton_align_center___xLcUn","ek-skeleton_align_right":"Skeleton__ek-skeleton_align_right___YXQvi","ek-skeleton_opacity_0":"Skeleton__ek-skeleton_opacity_0___hV3fo","ek-skeleton_opacity_10":"Skeleton__ek-skeleton_opacity_10___SWeYg","ek-skeleton_opacity_20":"Skeleton__ek-skeleton_opacity_20___uh-KW","ek-skeleton_opacity_30":"Skeleton__ek-skeleton_opacity_30___o-fsf","ek-skeleton_opacity_40":"Skeleton__ek-skeleton_opacity_40___yQNnj","ek-skeleton_opacity_50":"Skeleton__ek-skeleton_opacity_50___8ChyF","ek-skeleton_opacity_60":"Skeleton__ek-skeleton_opacity_60___jPfCj","ek-skeleton_opacity_70":"Skeleton__ek-skeleton_opacity_70___yi2qY","ek-skeleton_opacity_80":"Skeleton__ek-skeleton_opacity_80___kUBbU","ek-skeleton_opacity_90":"Skeleton__ek-skeleton_opacity_90___C0qIh","ek-skeleton_opacity_100":"Skeleton__ek-skeleton_opacity_100___PYOu-"};
+
+var SkeletonBlock = evokit.createBlock('div', 'skeleton', ['align', 'theme', 'variant', 'opacity'], {
+  css: css
+});
+var Skeleton = React__default["default"].memo(React.forwardRef(function (_a, ref) {
+  var align = _a.align,
+      height = _a.height,
+      opacity = _a.opacity,
+      style = _a.style,
+      theme = _a.theme,
+      variant = _a.variant,
+      width = _a.width,
+      props = __rest(_a, ["align", "height", "opacity", "style", "theme", "variant", "width"]);
+
+  var blockStyle = React__default["default"].useMemo(function () {
+    return __assign({
+      height: height,
+      width: width
+    }, style);
+  }, [height, width, style]);
+  return React__default["default"].createElement(SkeletonBlock, __assign({
+    "skeleton-align": align,
+    "skeleton-theme": theme,
+    "skeleton-variant": variant,
+    "skeleton-opacity": opacity,
+    style: blockStyle
+  }, props, {
+    ref: ref
+  }));
+}));
+Skeleton.defaultProps = {
+  align: 'left',
+  height: null,
+  opacity: null,
+  theme: 'grey',
+  variant: 'text',
+  width: null
+};
+Skeleton.propTypes = {
+  /** Выравнивание: */
+  align: PropTypes__default["default"].oneOf(['left', 'center', 'right']),
+
+  /** Устанавливает высоту: */
+  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+
+  /** Устанавливает прозрачность в %: */
+  opacity: PropTypes__default["default"].oneOf([0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100]),
+
+  /** Устанавливает тему: */
+  theme: PropTypes__default["default"].oneOf(['black-100', 'grey', 'white']),
+
+  /** Вариант отображения: */
+  variant: PropTypes__default["default"].oneOf(['text', 'circle', 'square']),
+
+  /** Устанавливает ширину: */
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string])
+};
+
+exports.Skeleton = Skeleton;

package/Skeleton/package.json

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

package/Skeleton/style.css

@@ -0,0 +1,145 @@
+@-webkit-keyframes Skeleton__skeleton-keyframes-wave___tx4t3 {
+    0% {
+        transform: translateX(-100%);
+    }
+
+    100% {
+        transform: translateX(100%);
+    }
+}
+
+@keyframes Skeleton__skeleton-keyframes-wave___tx4t3 {
+    0% {
+        transform: translateX(-100%);
+    }
+
+    100% {
+        transform: translateX(100%);
+    }
+}
+
+.Skeleton__ek-skeleton___YQ77B {
+    display: block;
+    clear: both;
+    line-height: 100%;
+    border-radius: var(--pds-round-m);
+    overflow: hidden;
+    pointer-events: none;
+    position: relative
+}
+
+.Skeleton__ek-skeleton___YQ77B + .Skeleton__ek-skeleton___YQ77B {
+        margin-top: var(--pds-spacing-s);
+    }
+
+.Skeleton__ek-skeleton___YQ77B::after {
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+    }
+
+.Skeleton__ek-skeleton_theme_grey___fLU-I {
+    background-color: var(--black-100)
+}
+
+.Skeleton__ek-skeleton_theme_grey___fLU-I::after {
+        content: "";
+        transform: translateX(-100%);
+        will-change: transform;
+        background-image:
+            linear-gradient(
+                to right,
+                var(--black-100) 0%,
+                var(--black-100) 20%,
+                var(--black-50) 50%,
+                var(--black-100) 80%,
+                var(--black-100) 100%
+            );
+        -webkit-animation: Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;
+                animation: Skeleton__skeleton-keyframes-wave___tx4t3 1350ms linear infinite;
+    }
+
+.Skeleton__ek-skeleton_theme_black-100___7Lfmq {
+    background: var(--black-100);
+}
+
+.Skeleton__ek-skeleton_theme_white___HJ4sO {
+    background: var(--white);
+}
+
+.Skeleton__ek-skeleton_variant_text___8cqBE::before {
+        content: "\00a0";
+    }
+
+.Skeleton__ek-skeleton_variant_circle___-y8Ac {
+    border-radius: 50%;
+}
+
+.Skeleton__ek-skeleton_variant_circle___-y8Ac::before, .Skeleton__ek-skeleton_variant_square___ER7Aa::before {
+        content: "";
+        display: block;
+        padding-bottom: 100%;
+    }
+
+.Skeleton__ek-skeleton_variant_rect___PqK20 {
+    border-radius: 0;
+}
+
+.Skeleton__ek-skeleton_align_left___vFpty {
+    margin-right: auto;
+}
+
+.Skeleton__ek-skeleton_align_center___xLcUn {
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.Skeleton__ek-skeleton_align_right___YXQvi {
+    margin-left: auto;
+}
+
+.Skeleton__ek-skeleton_opacity_0___hV3fo {
+    opacity: 0;
+}
+
+.Skeleton__ek-skeleton_opacity_10___SWeYg {
+    opacity: .1;
+}
+
+.Skeleton__ek-skeleton_opacity_20___uh-KW {
+    opacity: .2;
+}
+
+.Skeleton__ek-skeleton_opacity_30___o-fsf {
+    opacity: .3;
+}
+
+.Skeleton__ek-skeleton_opacity_40___yQNnj {
+    opacity: .4;
+}
+
+.Skeleton__ek-skeleton_opacity_50___8ChyF {
+    opacity: .5;
+}
+
+.Skeleton__ek-skeleton_opacity_60___jPfCj {
+    opacity: .6;
+}
+
+.Skeleton__ek-skeleton_opacity_70___yi2qY {
+    opacity: .7;
+}
+
+.Skeleton__ek-skeleton_opacity_80___kUBbU {
+    opacity: .8;
+}
+
+.Skeleton__ek-skeleton_opacity_90___C0qIh {
+    opacity: .9;
+}
+
+.Skeleton__ek-skeleton_opacity_100___PYOu- {
+    opacity: 1;
+}

package/Spinner/index.d.ts

@@ -4,5 +4,6 @@ declare type Props = {
     height?: string | number;
     'spinner-color'?: 'violet-500' | null;
 };
-export declare const Spinner: React.FC<Props>;
+declare type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & Props;
+export declare const Spinner: React.FC<SpinnerProps>;
 export {};

package/Spinner/package.json

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

package/Text/package.json

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

package/Tumbler/index.d.ts

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

package/Tumbler/index.js

@@ -0,0 +1,98 @@
+'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":"Tumbler__root___17yYC","view":"Tumbler__view___w66K2","viewCircle":"Tumbler__viewCircle___xvJqd","input":"Tumbler__input___Kg91O","inputLoading":"Tumbler__inputLoading___y1iJD","spinner":"Tumbler__spinner___CNMl7","spinnerEnterActive":"Tumbler__spinnerEnterActive___C2P5b","spinnerEnterDone":"Tumbler__spinnerEnterDone___cgEXP","spinnerExitActive":"Tumbler__spinnerExitActive___k-mzv","spinnerExitDone":"Tumbler__spinnerExitDone___XD0-8"};
+
+var Tumbler = 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({
+    ref: ref,
+    className: classNames__default["default"](css.input, (_b = {}, _b[css.inputLoading] = loading, _b))
+  }, props)), React__default["default"].createElement("div", {
+    className: css.view
+  }, React__default["default"].createElement("div", {
+    className: css.viewCircle
+  }, 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
+  })))));
+});
+Tumbler.defaultProps = {
+  type: 'checkbox',
+  loading: false
+};
+Tumbler.propTypes = {
+  type: PropTypes__default["default"].oneOf(['checkbox', 'radio']),
+  loading: PropTypes__default["default"].bool
+};
+
+exports.Tumbler = Tumbler;

package/Tumbler/package.json

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

package/Tumbler/style.css

@@ -0,0 +1,118 @@
+.Tumbler__root___17yYC {
+    position: relative;
+    display: block;
+    width: 34px;
+    height: 20px;
+    padding: 3px 0;
+    box-sizing: border-box;
+    margin: calc((var(--pds-line-height) - 20px) / 2) 0;
+    flex-shrink: 0;
+}
+
+.Tumbler__view___w66K2 {
+    height: 100%;
+    border-radius: 1em;
+    background: var(--black-400);
+    transition: background-color 120ms ease-in-out;
+}
+
+.Tumbler__viewCircle___xvJqd {
+    box-sizing: border-box;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    transform: translateX(0);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: var(--violet-500);
+    background: var(--white);
+    border: 1px var(--black-400) solid;
+    box-shadow: 1px 1px 4px 0 var(--black-400);
+    transition: 120ms ease-in-out;
+    transition-property: background-color, border-color, transform;
+}
+
+.Tumbler__input___Kg91O {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0;
+    padding: 0;
+    margin: 0;
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+    z-index: 1;
+    cursor: pointer
+}
+
+.Tumbler__input___Kg91O:disabled {
+        cursor: default;
+    }
+
+.Tumbler__input___Kg91O:focus-visible + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            outline: var(--pds-round-xxs) auto Highlight;
+            outline: var(--pds-round-xxs) auto -webkit-focus-ring-color;
+        }
+
+.Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 {
+        background-color: var(--violet-50)
+    }
+
+.Tumbler__input___Kg91O:checked + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            transform: translateX(14px);
+            color: var(--white);
+            background-color: var(--violet-500);
+            border-color: var(--violet-500);
+        }
+
+.Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 {
+        background-color: var(--black-200)
+    }
+
+.Tumbler__input___Kg91O:disabled + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+            box-shadow: none;
+            color: var(--violet-500);
+            background-color: var(--black-400);
+            border-color: var(--black-400);
+        }
+
+.Tumbler__inputLoading___y1iJD {
+    pointer-events: none;
+    cursor: default;
+}
+
+.Tumbler__spinner___CNMl7 {
+    opacity: 0;
+    transition: opacity 100ms ease-in-out;
+    width: 1em;
+    height: 1em;
+}
+
+.Tumbler__spinnerEnterActive___C2P5b,
+.Tumbler__spinnerEnterDone___cgEXP {
+    opacity: 1;
+}
+
+.Tumbler__spinnerExitActive___k-mzv,
+.Tumbler__spinnerExitDone___XD0-8 {
+    opacity: 0;
+}
+
+@media (hover) {
+            .Tumbler__input___Kg91O:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--black-500);
+            }
+            .Tumbler__input___Kg91O:checked:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--violet-500);
+            }
+            .Tumbler__input___Kg91O:disabled:hover + .Tumbler__view___w66K2 .Tumbler__viewCircle___xvJqd {
+                border-color: var(--black-400);
+            }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.6",
+  "version": "0.0.9",
   "description": "core ui blocks",
   "scripts": {
     "prebuild": "rm -rf dist && mkdir dist && cp -v package.json README.md CHANGELOG.md dist",
@@ -19,8 +19,13 @@
     "access": "public",
     "directory": "dist"
   },
+  "devDependencies": {
+    "@prom-ui/core": "file:./src"
+  },
   "dependencies": {
-    "@prom-ui/core": "file:./src",
+    "@evo/emoji": "0.2.0",
+    "@evo/emoji-text": "0.1.1",
+    "classnames": "2.3.1",
     "evokit": "3.2.3",
     "evokit-body": "3.2.0",
     "evokit-box": "3.4.0",
@@ -32,11 +37,12 @@
     "evokit-link": "3.2.0",
     "evokit-list": "3.3.0",
     "evokit-picture": "3.2.0",
-    "evokit-text": "3.2.0"
+    "evokit-text": "3.2.0",
+    "react-transition-group": "4.4.2"
   },
   "peerDependencies": {
     "prop-types": "*",
     "react": "*"
   },
-  "gitHead": "f5b7b3226807f230cd6bbfe0f0270f43185159f7"
+  "gitHead": "9e87ed629cb9be71c7b4503957f8d56c8eb6cf5e"
 }