@cube-dev/ui-kit 0.0.0-canary-83ac3f9 → 0.0.0-canary-0d08d86

package/cjs/components/status/Spin/SpinWrap.js

@@ -1,45 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpinWrap = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.SpinWrap = styled_components_1.default.div.attrs(({ ownSize }) => ({
-    role: 'presentation',
-    style: { '--cube-spin-size': `${ownSize * 8}px` },
-})) `
-  position: relative;
-  display: inline-flex;
-  width: var(--cube-spin-size);
-  height: var(--cube-spin-size);
-  opacity: 0.8;
-  contain: size layout style paint;
-  pointer-events: none;
-  user-select: none;
-
-  @media (prefers-reduced-motion) {
-    animation: cube-spin-reduced-motion 2s infinite ease-in-out;
-
-    @keyframes cube-spin-reduced-motion {
-      0% {
-        opacity: 0.4;
-      }
-      50% {
-        opacity: 0.8;
-      }
-      100% {
-        opacity: 0.4;
-      }
-    }
-  }
-`;
-
-        

package/cjs/components/status/Spin/build-spin-animation.js

@@ -1,47 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildSpinAnimation = void 0;
-const stepsOrder = [
-    [0, 0],
-    [1, 0],
-    [1, 1],
-    [0, 1], // x -> start, y -> end
-];
-function buildSpinAnimation([beginX, beginY], beginWait) {
-    const stepsToWait = 3;
-    const stepsCount = 12 + Math.min(0, beginWait - 1);
-    /**
-     * all keyframes are stored here
-     */
-    let steps = [buildStep(0, [beginX, beginY], stepsCount)];
-    let currentIndexInOrder = stepsOrder.findIndex(([x, y]) => beginX === x && beginY === y);
-    for (let i = 1; i < stepsCount; i++) {
-        const shouldStep = (i - (4 - (stepsToWait + beginWait))) % stepsToWait === 0;
-        let step = (() => {
-            if (i < beginWait) {
-                return [beginX, beginY];
-            }
-            if (shouldStep) {
-                currentIndexInOrder = (currentIndexInOrder + 1) % stepsOrder.length;
-                return stepsOrder[currentIndexInOrder];
-            }
-            return stepsOrder[currentIndexInOrder];
-        })();
-        steps.push(buildStep(i, step, stepsCount));
-    }
-    steps.push(buildStep(stepsCount, [beginX, beginY], stepsCount));
-    return steps.join('');
-}
-exports.buildSpinAnimation = buildSpinAnimation;
-const buildStep = (currentStep, [x, y], stepsCount) => `${(currentStep / stepsCount) * 100}% {
-      transform:translate(${x * 100}%, ${y * 100}%);
-    }`;
-
-        

package/cjs/components/status/Spin/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Spin"), exports);
-
-        

package/cjs/components/status/Spin/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/status/index.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Spin"), exports);
-__exportStar(require("./LoadingAnimation"), exports);
-
-        

package/es/components/status/LoadingAnimation/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-export { LoadingAnimation } from './LoadingAnimation';
-
-        

package/es/components/status/Spin/InternalSpinner.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import { SpinCube } from './SpinCube';
-import { SpinWrap } from './SpinWrap';
-export const InternalSpinner = memo(function InternalSpinner(props) {
-    const { size } = props;
-    return (_jsxs(SpinWrap, { ownSize: CUBE_SIZE_MAP[size], children: [_jsx(SpinCube, { position: "top" }, void 0), _jsx(SpinCube, { position: "right" }, void 0), _jsx(SpinCube, { position: "bottom" }, void 0)] }, void 0));
-});
-const CUBE_SIZE_MAP = {
-    small: 3,
-    default: 4,
-    large: 6,
-};
-
-        

package/es/components/status/Spin/SpinCube.js

@@ -1,90 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-import { memo } from 'react';
-import styled, { css } from 'styled-components';
-import { buildSpinAnimation } from './build-spin-animation';
-export const SpinCube = memo(styled.div.attrs(() => ({
-    role: 'presentation',
-})) `
-  --cube-spin-cube-size: calc(var(--cube-spin-size) / 3);
-  --cube-spin-cube-border-width: calc(4 / 100 * var(--cube-spin-size));
-  --cube-spin-cube-position: calc((10 / 100) * var(--cube-spin-size));
-
-  box-sizing: content-box;
-  position: absolute;
-  top: var(--cube-spin-cube-position);
-  left: var(--cube-spin-cube-position);
-  width: var(--cube-spin-cube-size);
-  height: var(--cube-spin-cube-size);
-  border: var(--cube-spin-cube-border-width) solid transparent;
-  overflow: hidden;
-  contain: size layout style paint;
-
-  animation-duration: 2s;
-  animation-iteration-count: infinite;
-  animation-timing-function: cubic-bezier(0.53, 0.11, 0.32, 0.84);
-
-  ${({ position }) => {
-    if (position === 'top') {
-        return css `
-        animation-name: spin-top;
-        @keyframes spin-top {
-          ${buildSpinAnimation([0, 0], 0)}
-        }
-      `;
-    }
-    if (position === 'right') {
-        return css `
-        animation-name: spin-right;
-        @keyframes spin-right {
-          ${buildSpinAnimation([1, 1], 1)}
-        }
-      `;
-    }
-    if (position === 'bottom') {
-        return css `
-        animation-name: spin-bottom;
-        @keyframes spin-bottom {
-          ${buildSpinAnimation([0, 1], 2)}
-        }
-      `;
-    }
-}}
-  @media (prefers-reduced-motion) {
-    animation-play-state: paused;
-  }
-  &:: before {
-    --cube-spin-cube-round-radius: calc((4 / 100) * var(--cube-spin-size));
-
-    content: '';
-    display: block;
-    width: 100%;
-    height: 100%;
-    border-radius: var(--cube-spin-cube-round-radius);
-
-    ${({ position }) => {
-    if (position === 'top') {
-        return css `
-          background-color: #7a77ff;
-        `;
-    }
-    if (position === 'right') {
-        return css `
-          background-color: #727290;
-        `;
-    }
-    if (position === 'bottom') {
-        return css `
-          background-color: #ff6492;
-        `;
-    }
-}}
-  }
-`);
-
-        

package/es/components/status/Spin/SpinWrap.js

@@ -1,39 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-import styled from 'styled-components';
-export const SpinWrap = styled.div.attrs(({ ownSize }) => ({
-    role: 'presentation',
-    style: { '--cube-spin-size': `${ownSize * 8}px` },
-})) `
-  position: relative;
-  display: inline-flex;
-  width: var(--cube-spin-size);
-  height: var(--cube-spin-size);
-  opacity: 0.8;
-  contain: size layout style paint;
-  pointer-events: none;
-  user-select: none;
-
-  @media (prefers-reduced-motion) {
-    animation: cube-spin-reduced-motion 2s infinite ease-in-out;
-
-    @keyframes cube-spin-reduced-motion {
-      0% {
-        opacity: 0.4;
-      }
-      50% {
-        opacity: 0.8;
-      }
-      100% {
-        opacity: 0.4;
-      }
-    }
-  }
-`;
-
-        

package/es/components/status/Spin/build-spin-animation.js

@@ -1,43 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-const stepsOrder = [
-    [0, 0],
-    [1, 0],
-    [1, 1],
-    [0, 1], // x -> start, y -> end
-];
-export function buildSpinAnimation([beginX, beginY], beginWait) {
-    const stepsToWait = 3;
-    const stepsCount = 12 + Math.min(0, beginWait - 1);
-    /**
-     * all keyframes are stored here
-     */
-    let steps = [buildStep(0, [beginX, beginY], stepsCount)];
-    let currentIndexInOrder = stepsOrder.findIndex(([x, y]) => beginX === x && beginY === y);
-    for (let i = 1; i < stepsCount; i++) {
-        const shouldStep = (i - (4 - (stepsToWait + beginWait))) % stepsToWait === 0;
-        let step = (() => {
-            if (i < beginWait) {
-                return [beginX, beginY];
-            }
-            if (shouldStep) {
-                currentIndexInOrder = (currentIndexInOrder + 1) % stepsOrder.length;
-                return stepsOrder[currentIndexInOrder];
-            }
-            return stepsOrder[currentIndexInOrder];
-        })();
-        steps.push(buildStep(i, step, stepsCount));
-    }
-    steps.push(buildStep(stepsCount, [beginX, beginY], stepsCount));
-    return steps.join('');
-}
-const buildStep = (currentStep, [x, y], stepsCount) => `${(currentStep / stepsCount) * 100}% {
-      transform:translate(${x * 100}%, ${y * 100}%);
-    }`;
-
-        

package/es/components/status/Spin/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-export * from './Spin';
-
-        

package/es/components/status/Spin/types.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-export {};
-
-        

package/es/components/status/index.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-83ac3f9
- * Released under the MIT license.
- */
-
-export * from './Spin';
-export * from './LoadingAnimation';
-
-        

package/types/components/status/LoadingAnimation/index.d.ts

@@ -1,2 +0,0 @@
-export { LoadingAnimation } from './LoadingAnimation';
-export type { CubeLoadingAnimationProps } from './LoadingAnimation';

package/types/components/status/Spin/InternalSpinner.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { InternalSpinnerProps } from './types';
-export declare const InternalSpinner: import("react").NamedExoticComponent<InternalSpinnerProps>;

package/types/components/status/Spin/SpinCube.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const SpinCube: import("react").MemoExoticComponent<any>;

package/types/components/status/Spin/SpinWrap.d.ts

@@ -1 +0,0 @@
-export declare const SpinWrap: any;

package/types/components/status/Spin/build-spin-animation.d.ts

@@ -1,5 +0,0 @@
-declare type Coordinate = 0 | 1;
-declare type WaitSteps = 0 | 1 | 2;
-declare type CoordinatesVector = readonly [Coordinate, Coordinate];
-export declare function buildSpinAnimation([beginX, beginY]: CoordinatesVector, beginWait: WaitSteps): string;
-export {};

package/types/components/status/Spin/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Spin';
-export type { CubeSpinProps } from './types';

package/types/components/status/Spin/types.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-import { Styles } from '../../../tasty';
-export declare type SpinSize = 'small' | 'default' | 'large';
-export declare type CubeSpinProps = {
-    /**
-     * Size of the spin.
-     * @default 'default'
-     */
-    size?: SpinSize;
-    /**
-     * Keep spinning while the flag is true, otherwise render it's children.
-     * @default true
-     */
-    spinning?: boolean;
-    children?: ReactNode;
-    styles?: Styles;
-};
-export declare type SpinCubeProps = {
-    position: 'top' | 'right' | 'bottom';
-};
-export declare type InternalSpinnerProps = {
-    size: SpinSize;
-};

package/types/components/status/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Spin';
-export * from './LoadingAnimation';