@prom-ui/core 0.0.5 → 0.0.8

package/Rating/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    value?: 0 | 1 | 2 | 3 | 4 | 5;
+    percent?: number;
+    size?: 'small' | 'default' | 'big';
+};
+declare type RatingProps = React.HTMLAttributes<HTMLElement & SVGElement> & Props;
+export declare const Rating: React.FC<RatingProps>;
+export {};

package/Rating/index.js

@@ -0,0 +1,101 @@
+'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-rating":"Rating__ek-rating___fJb0G","ek-rating_size_small":"Rating__ek-rating_size_small___YZP0u","ek-rating_size_default":"Rating__ek-rating_size_default___X0xeh","ek-rating_size_big":"Rating__ek-rating_size_big___fQ-Lk"};
+
+var RatingBlock = evokit.createBlock('svg', 'rating', ['size'], {
+  css: css
+});
+var Rating = React.memo(React.forwardRef(function (_a, ref) {
+  var _b = _a.value,
+      value = _b === void 0 ? 0 : _b,
+      _c = _a.percent,
+      percent = _c === void 0 ? 0 : _c,
+      _d = _a.size,
+      size = _d === void 0 ? 'default' : _d,
+      props = __rest(_a, ["value", "percent", "size"]);
+
+  var gradientOffset = Math.round(percent > 0 ? percent : value / 5 * 100);
+  var gradientId = "pds-rating-gradient-".concat(gradientOffset);
+  return React__default["default"].createElement(RatingBlock, __assign({}, props, {
+    ref: ref,
+    "rating-size": size,
+    viewBox: '0 0 100 20',
+    tabIndex: -1,
+    focusable: false
+  }), React__default["default"].createElement("defs", null, React__default["default"].createElement("linearGradient", {
+    id: gradientId
+  }, React__default["default"].createElement("stop", {
+    offset: "".concat(gradientOffset, "%"),
+    stopColor: 'var(--violet-500)'
+  }), React__default["default"].createElement("stop", {
+    offset: "".concat(gradientOffset, "%"),
+    stopColor: 'var(--black-400)'
+  }))), React__default["default"].createElement("path", {
+    fill: "url(#".concat(gradientId, ")"),
+    d: 'M10 1.5l2.781 5.595L19 7.998l-4.5 4.353 1.062 6.149L10\n                15.595 4.438 18.5 5.5 12.35 1 7.999l6.219-.903L10\n                1.5zM30.067 1.5l2.781 5.595 6.22.903-4.5 4.353 1.061\n                6.149-5.562-2.905-5.562 2.905 1.062-6.15-4.5-4.352\n                6.22-.903 2.78-5.595zM50.125 1.5l2.781 5.595\n                6.219.903-4.5 4.353 1.062 6.149-5.562-2.905-5.562\n                2.905 1.062-6.15-4.5-4.352 6.219-.903L50.125 1.5zM70.047\n                1.5l2.781 5.595 6.22.903-4.5 4.353 1.061 6.149-5.562-2.905-5.562\n                2.905 1.062-6.15-4.5-4.352 6.22-.903 2.78-5.595zM89.861\n                1.5l2.781 5.595 6.22.903-4.5 4.353 1.061 6.149-5.562-2.905L84.3\n                18.5l1.062-6.15-4.5-4.352 6.22-.903L89.86 1.5z'
+  }));
+}));
+Rating.displayName = 'Rating';
+Rating.propTypes = {
+  /** Значение рейтинга, от 0 до 5 */
+  value: PropTypes__default["default"].oneOf([0, 1, 2, 3, 4, 5]),
+
+  /** Значение рейтинга в процентах от `0` до `100` */
+  // percent: PropTypes.number,
+
+  /** Размер */
+  size: PropTypes__default["default"].oneOf(['small', 'default', 'big'])
+};
+
+exports.Rating = Rating;

package/Rating/package.json

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

package/Rating/style.css

@@ -0,0 +1,26 @@
+.Rating__ek-rating___fJb0G {
+    display: block;
+    -webkit-tap-highlight-color: transparent;
+    box-sizing: border-box;
+    height: 1em;
+    width: calc(1em * 5)
+}
+
+.Rating__ek-rating___fJb0G:focus {
+        outline: none;
+    }
+
+.Rating__ek-rating_size_small___YZP0u {
+    height: 14px;
+    width: calc(14px * 5);
+}
+
+.Rating__ek-rating_size_default___X0xeh {
+    height: 18px;
+    width: calc(18px * 5);
+}
+
+.Rating__ek-rating_size_big___fQ-Lk {
+    height: 22px;
+    width: calc(22px * 5);
+}

package/Skeleton/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type Props = {
+    align?: string;
+    height?: string | number | null;
+    width?: string | number | null;
+    opacity?: 0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | null;
+    theme?: 'black-100' | 'grey' | 'white';
+    variant?: 'text' | 'circle' | 'square';
+};
+declare type SkeletonProps = React.HTMLAttributes<HTMLDivElement> & Props;
+export declare const Skeleton: React.FC<SkeletonProps>;
+export {};

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.8",
+  "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

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type Props = {
+    width?: string | number;
+    height?: string | number;
+    'spinner-color'?: 'violet-500' | null;
+};
+declare type SpinnerProps = React.HTMLAttributes<HTMLDivElement> & Props;
+export declare const Spinner: React.FC<SpinnerProps>;
+export {};

package/Spinner/index.js

@@ -0,0 +1,78 @@
+'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);
+};
+
+var css = {"ek-spinner":"Spinner__ek-spinner___K7r-c","rotate":"Spinner__rotate___aKoVD","ek-spinner__circle":"Spinner__ek-spinner__circle___a5Jex","dash":"Spinner__dash___bKr0a","ek-spinner_color_violet-500":"Spinner__ek-spinner_color_violet-500___9sMtP"};
+
+var _a, _b;
+var SpinnerBlock = evokit.createBlock('svg', 'spinner', ['color'], {
+  css: css
+});
+var SpinnerCircleBlock = evokit.createBlock('circle', 'spinner__circle', [], {
+  css: css
+});
+var Spinner = React.memo(React.forwardRef(function (props, ref) {
+  return React__default["default"].createElement(SpinnerBlock, __assign({
+    ref: ref,
+    role: 'progressbar'
+  }, props, {
+    viewBox: '22 22 44 44'
+  }), React__default["default"].createElement(SpinnerCircleBlock, {
+    fill: 'none',
+    cx: 44,
+    cy: 44,
+    r: 20.2,
+    strokeWidth: 3.6
+  }));
+}));
+Spinner.displayName = 'Spinner';
+Spinner.defaultProps = (_a = {
+  width: '1em',
+  height: '1em'
+}, _a['spinner-color'] = null, _a);
+Spinner.propTypes = (_b = {},
+/** Цвет */
+_b['spinner-color'] = PropTypes__default["default"].oneOf(['violet-500']),
+/** Ширина */
+_b.width = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+/** Высота */
+_b.height = PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]), _b);
+
+exports.Spinner = Spinner;

package/Spinner/package.json

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

package/Spinner/style.css

@@ -0,0 +1,80 @@
+@-webkit-keyframes Spinner__rotate___aKoVD {
+    0% {
+        transform: rotate(0deg);
+
+        /* Fix IE11 wobbly */
+        transform-origin: 50% 50%;
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes Spinner__rotate___aKoVD {
+    0% {
+        transform: rotate(0deg);
+
+        /* Fix IE11 wobbly */
+        transform-origin: 50% 50%;
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.Spinner__ek-spinner___K7r-c {
+    display: block;
+    overflow: hidden;
+    -webkit-animation: Spinner__rotate___aKoVD 1.4s linear infinite;
+            animation: Spinner__rotate___aKoVD 1.4s linear infinite;
+    color: currentColor;
+}
+
+@-webkit-keyframes Spinner__dash___bKr0a {
+    0% {
+        stroke-dasharray: 1px, 200px;
+        stroke-dashoffset: 0;
+    }
+
+    50% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -15px;
+    }
+
+    100% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -125px;
+    }
+}
+
+@keyframes Spinner__dash___bKr0a {
+    0% {
+        stroke-dasharray: 1px, 200px;
+        stroke-dashoffset: 0;
+    }
+
+    50% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -15px;
+    }
+
+    100% {
+        stroke-dasharray: 100px, 200px;
+        stroke-dashoffset: -125px;
+    }
+}
+
+.Spinner__ek-spinner__circle___a5Jex {
+    stroke: currentColor;
+    stroke-dasharray: 80px, 200px;
+    stroke-dashoffset: 0;
+    stroke-linecap: round;
+    -webkit-animation: Spinner__dash___bKr0a 1.4s ease-in-out infinite;
+            animation: Spinner__dash___bKr0a 1.4s ease-in-out infinite;
+}
+
+.Spinner__ek-spinner_color_violet-500___9sMtP {
+    color: var(--violet-500);
+}

package/Text/index.d.ts

@@ -0,0 +1,2 @@
+import { Text } from 'evokit-text';
+export { Text };