@salutejs/plasma-new-hope 0.338.0-canary.2280.18412321271.0 → 0.338.0-canary.2281.18459948275.0

package/styled-components/cjs/utils/getTokenValueInPixels.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getTokenValueInPixels", {
-    enumerable: true,
-    get: function() {
-        return getTokenValueInPixels;
-    }
-});
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-var getTokenValueInPixels = function(tokenName, element) {
-    var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
-    if (!tokenValue) {
-        return undefined;
-    }
-    var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
-    if (!valueMatch) {
-        return undefined;
-    }
-    var _valueMatch = _sliced_to_array(valueMatch, 3), number = _valueMatch[1], unit = _valueMatch[2];
-    var numericValue = parseFloat(number);
-    if (unit === 'px') {
-        return numericValue;
-    }
-    if (unit === 'rem') {
-        var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
-        return numericValue * rootFontSize;
-    }
-    return undefined;
-};

package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js

@@ -1,189 +0,0 @@
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _object_without_properties(source, excluded) {
-    if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
-    if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-    }
-    return target;
-}
-function _object_without_properties_loose(source, excluded) {
-    if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-import React, { forwardRef, useState, useRef, useLayoutEffect } from "react";
-import { useForkRef } from "@salutejs/plasma-core";
-import { cx, getTokenValueInPixels } from "../../utils";
-import { base as viewCSS } from "./variations/_view/base";
-import { base as sizeCSS } from "./variations/_size/base";
-import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
-import { classes, tokens } from "./ProgressBarCircular.tokens";
-export var progressBarCircularRoot = function(Root) {
-    return /*#__PURE__*/ forwardRef(function(props, ref) {
-        var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidthProp = props.strokeWidth, rest = _object_without_properties(props, [
-            "value",
-            "maxValue",
-            "size",
-            "view",
-            "children",
-            "className",
-            "strokeWidth"
-        ]);
-        var _useState = _sliced_to_array(useState(0), 2), strokeWidthCSS = _useState[0], setStrokeWidthCSS = _useState[1];
-        var _useState1 = _sliced_to_array(useState(0), 2), widthCSS = _useState1[0], setWidthCSS = _useState1[1];
-        var rootRef = useRef(null);
-        var rootForkRef = useForkRef(rootRef, ref);
-        var clampedValue = Math.min(Math.max(value, 0), maxValue);
-        var percentage = clampedValue / maxValue * 100;
-        var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
-        var center = 50;
-        var radius = center - 50 / widthCSS * (strokeWidth / 2);
-        var circumference = 2 * Math.PI * radius;
-        var strokeDashoffset = circumference - percentage / 100 * circumference;
-        useLayoutEffect(function() {
-            if (rootRef.current) {
-                var strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);
-                var widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);
-                setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
-                setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
-            }
-        }, [
-            rootRef,
-            size
-        ]);
-        return /*#__PURE__*/ React.createElement(Root, _object_spread({
-            ref: rootForkRef,
-            view: view,
-            size: size,
-            className: cx(className)
-        }, rest), /*#__PURE__*/ React.createElement(StyledSVG, {
-            width: "100%",
-            height: "100%",
-            viewBox: "0 0 100 100",
-            className: classes.svg
-        }, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
-            cx: center,
-            cy: center,
-            r: radius,
-            className: classes.backgroundCircle
-        }), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
-            cx: center,
-            cy: center,
-            r: radius,
-            customStrokeWidth: 50 / widthCSS * strokeWidth,
-            className: classes.progressCircle,
-            strokeDasharray: circumference,
-            strokeDashoffset: strokeDashoffset,
-            transform: "rotate(-90 50 50)"
-        })), children && /*#__PURE__*/ React.createElement(StyledContent, {
-            className: classes.content
-        }, children));
-    });
-};
-export var progressBarCircularConfig = {
-    name: 'ProgressBarCircular',
-    tag: 'div',
-    layout: progressBarCircularRoot,
-    base: base,
-    variations: {
-        view: {
-            css: viewCSS
-        },
-        size: {
-            css: sizeCSS
-        }
-    },
-    defaults: {
-        view: 'primary',
-        size: 'm'
-    }
-};

package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js

@@ -1,49 +0,0 @@
-import { css } from "styled-components";
-import styled from "styled-components";
-import { tokens } from "./ProgressBarCircular.tokens";
-export var base = css([
-    "position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(",
-    ");height:var(",
-    ");"
-], tokens.width, tokens.height);
-export var StyledSVG = styled.svg.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledSVG",
-    componentId: "sc-d5c5c64b-0"
-})([
-    "width:100%;height:100%;"
-]);
-export var StyledBackgroundCircle = styled.circle.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledBackgroundCircle",
-    componentId: "sc-d5c5c64b-1"
-})([
-    "fill:none;stroke:var(",
-    ");stroke-width:",
-    ";"
-], tokens.backgroundStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.backgroundStrokeWidth, ")");
-});
-export var StyledProgressCircle = styled.circle.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledProgressCircle",
-    componentId: "sc-d5c5c64b-2"
-})([
-    "fill:none;stroke:var(",
-    ");stroke-width:",
-    ";stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;"
-], tokens.progressStroke, function(param) {
-    var customStrokeWidth = param.customStrokeWidth;
-    return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.progressStrokeWidth, ")");
-});
-export var StyledContent = styled.div.withConfig({
-    displayName: "ProgressBarCircular.styles__StyledContent",
-    componentId: "sc-d5c5c64b-3"
-})([
-    "position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(",
-    ");font-family:var(",
-    ");font-size:var(",
-    ");font-style:var(",
-    ");font-weight:var(",
-    ");letter-spacing:var(",
-    ");line-height:var(",
-    ");display:flex;align-items:center;justify-content:center;"
-], tokens.contentColor, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight);

package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js

@@ -1,21 +0,0 @@
-export var classes = {
-    svg: '--plasma-progressbar-circular-svg',
-    backgroundCircle: '--plasma-progressbar-circular-background-circle',
-    progressCircle: '--plasma-progressbar-circular-progress-circle',
-    content: '--plasma-progressbar-circular-content'
-};
-export var tokens = {
-    width: '--plasma-progressbar-circular-width',
-    height: '--plasma-progressbar-circular-height',
-    backgroundStroke: '--plasma-progressbar-circular-background-stroke',
-    backgroundStrokeWidth: '--plasma-progressbar-circular-background-stroke-width',
-    progressStroke: '--plasma-progressbar-circular-progress-stroke',
-    progressStrokeWidth: '--plasma-progressbar-circular-progress-stroke-width',
-    contentColor: '--plasma-progressbar-circular-content-color',
-    contentFontFamily: '--plasma-progressbar-circular-content-font-family',
-    contentFontSize: '--plasma-progressbar-circular-content-font-size',
-    contentFontStyle: '--plasma-progressbar-circular-content-font-style',
-    contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
-    contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
-    contentLineHeight: '--plasma-progressbar-circular-content-line-height'
-};

package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.types.js

@@ -1 +0,0 @@
-export { };

package/styled-components/es/components/ProgressBarCircular/index.js

@@ -1,2 +0,0 @@
-export { progressBarCircularRoot, progressBarCircularConfig } from "./ProgressBarCircular";
-export { tokens as progressBarCircularTokens } from "./ProgressBarCircular.tokens";

package/styled-components/es/components/ProgressBarCircular/variations/_size/base.js

@@ -1,4 +0,0 @@
-import { css } from "styled-components";
-export var base = css([
-    ""
-]);

package/styled-components/es/components/ProgressBarCircular/variations/_view/base.js

@@ -1,4 +0,0 @@
-import { css } from "styled-components";
-export var base = css([
-    ""
-]);