@salutejs/plasma-web 1.600.0-canary.2353.19638539568.0 → 1.600.0-dev.0

package/components/Card/Card.config.d.ts

@@ -0,0 +1,16 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Card/Card.config.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cardTokens.solidBackground)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
+            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
+            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius)
+        }
+    }
+};

package/components/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import { CardContent, CardInnerContent } from '@salutejs/plasma-new-hope/styled-components';
+/**
+ * Компонент Card.
+ */
+export declare const Card: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    size?: string;
+    view?: string;
+    orientation?: "horizontal" | "vertical";
+    selected?: boolean;
+    backgroundType?: "none" | "solid";
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { CardContent, CardInnerContent };

package/components/Card/Card.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Card () {
+        return Card;
+    },
+    get CardContent () {
+        return _styledcomponents.CardContent;
+    },
+    get CardInnerContent () {
+        return _styledcomponents.CardInnerContent;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Cardconfig = require("./Card.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
+var CardComponent = (0, _styledcomponents.component)(mergedConfig);
+var Card = CardComponent;

package/components/Card/index.d.ts

@@ -1,9 +1,2 @@
-export { Card, StyledCard } from '@salutejs/plasma-hope';
-export type { CardProps } from '@salutejs/plasma-hope';
-export { CardBadge } from '@salutejs/plasma-hope';
-export { CardBody } from '@salutejs/plasma-hope';
-export type { CardBodyProps } from '@salutejs/plasma-hope';
-export { CardContent } from '@salutejs/plasma-hope';
-export type { CardContentProps } from '@salutejs/plasma-hope';
-export { CardMedia } from '@salutejs/plasma-hope';
-export type { CardMediaProps } from '@salutejs/plasma-hope';
+export { Card, CardContent, CardInnerContent } from './Card';
+export type { CardProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Card/index.js

@@ -10,22 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     get Card () {
-        return _plasmahope.Card;
-    },
-    get CardBadge () {
-        return _plasmahope.CardBadge;
-    },
-    get CardBody () {
-        return _plasmahope.CardBody;
+        return _Card.Card;
     },
     get CardContent () {
-        return _plasmahope.CardContent;
-    },
-    get CardMedia () {
-        return _plasmahope.CardMedia;
+        return _Card.CardContent;
     },
-    get StyledCard () {
-        return _plasmahope.StyledCard;
+    get CardInnerContent () {
+        return _Card.CardInnerContent;
     }
 });
-var _plasmahope = require("@salutejs/plasma-hope");
+var _Card = require("./Card");

package/components/Loader/Loader.config.d.ts

@@ -0,0 +1,26 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Loader/Loader.config.js

@@ -0,0 +1,306 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-secondary);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-positive);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-positive);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-warning);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-warning);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-negative);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-negative);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": var(--surface-info);\n                ",
+        ": var(--text-primary);\n\n                ",
+        ": var(--text-info);\n\n                ",
+        ": var(--overlay-soft);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 128;\n                ",
+        ": 8rem;\n                ",
+        ": 8rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 4;\n                ",
+        ": var(--plasma-typo-h2-font-family);\n                ",
+        ": var(--plasma-typo-h2-font-size);\n                ",
+        ": var(--plasma-typo-h2-font-style);\n                ",
+        ": var(--plasma-typo-h2-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h2-letter-spacing);\n                ",
+        ": var(--plasma-typo-h2-line-height);\n\n                ",
+        ": 8rem;\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 88;\n                ",
+        ": 5.5rem;\n                ",
+        ": 5.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 4;\n                ",
+        ": var(--plasma-typo-h5-font-family);\n                ",
+        ": var(--plasma-typo-h5-font-size);\n                ",
+        ": var(--plasma-typo-h5-font-style);\n                ",
+        ": var(--plasma-typo-h5-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h5-letter-spacing);\n                ",
+        ": var(--plasma-typo-h5-line-height);\n\n                ",
+        ": 5.5rem;\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 56;\n                ",
+        ": 3.5rem;\n                ",
+        ": 3.5rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 2;\n                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-body-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\n\n                ",
+        ": 3.5rem;\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 48;\n                ",
+        ": 3rem;\n                ",
+        ": 3rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 2;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-body-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 3rem;\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 32;\n                ",
+        ": 2.25rem;\n                ",
+        ": 2.25rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 2;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-body-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 2.25rem;\n            "
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject12() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 24;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 2;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-body-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject12 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject13() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 100%;\n\n                ",
+        ": 16;\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 2;\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-body-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n\n                ",
+        ": 1rem;\n            "
+    ]);
+    _templateObject13 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            accent: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            positive: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            warning: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            negative: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor),
+            info: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.loaderTokens.progressBarCircularBackgroundStroke, _styledcomponents.loaderTokens.progressBarCircularStroke, _styledcomponents.loaderTokens.progressBarCircularContentColor, _styledcomponents.loaderTokens.spinnerColor, _styledcomponents.loaderTokens.overlayColor)
+        },
+        size: {
+            xxl: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            xl: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            l: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            m: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            s: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            xs: (0, _styledcomponents.css)(_templateObject12(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize),
+            xxs: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.loaderTokens.width, _styledcomponents.loaderTokens.height, _styledcomponents.loaderTokens.progressBarCircularSize, _styledcomponents.loaderTokens.progressBarCircularHeight, _styledcomponents.loaderTokens.progressBarCircularWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeWidth, _styledcomponents.loaderTokens.progressBarCircularStrokeSize, _styledcomponents.loaderTokens.progressBarCircularContentFontFamily, _styledcomponents.loaderTokens.progressBarCircularContentFontSize, _styledcomponents.loaderTokens.progressBarCircularContentFontStyle, _styledcomponents.loaderTokens.progressBarCircularContentFontWeight, _styledcomponents.loaderTokens.progressBarCircularContentLetterSpacing, _styledcomponents.loaderTokens.progressBarCircularContentLineHeight, _styledcomponents.loaderTokens.spinnerSize)
+        }
+    }
+};

package/components/Loader/Loader.d.ts

@@ -0,0 +1,20 @@
+export declare const Loader: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        xxl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/Loader/Loader.types").CustomLoaderProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/Loader/Loader.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Loader", {
+    enumerable: true,
+    get: function() {
+        return Loader;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Loaderconfig = require("./Loader.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.loaderConfig, _Loaderconfig.config);
+var Loader = (0, _styledcomponents.component)(mergedConfig);

package/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from '@salutejs/plasma-new-hope/styled-components';

package/components/Loader/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Loader", {
+    enumerable: true,
+    get: function() {
+        return _Loader.Loader;
+    }
+});
+var _Loader = require("./Loader");

package/components/TimePicker/TimePicker.d.ts

@@ -39,4 +39,4 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
     textBefore?: string;
     textAfter?: string;
     onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerChangeEvent) => void;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLDivElement>>;

package/css/cjs/components/Card/Card.config.js

@@ -0,0 +1,24 @@
+require('./Card.config_1dok8i.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": "d11b3tpi"
+    },
+    size: {
+      l: "lbpd84d",
+      m: "m1c9oiks",
+      s: "s15l99kt"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Card.config.js.map

package/css/cjs/components/Card/Card.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.config.js","sources":["../../../../src-css/components/Card/Card.config.ts"],"sourcesContent":["import { css, cardTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.solidBackground}: var(--surface-solid-card);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.outlineWidth}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n                ${tokens.borderRadius}: 1rem;\n                ${tokens.contentBorderRadius}: 0.5rem;\n            `,\n            m: css`\n                ${tokens.outlineWidth}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.contentBorderRadius}: 0.375rem;\n            `,\n            s: css`\n                ${tokens.outlineWidth}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.contentBorderRadius}: 0.375rem;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAGV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAKA,SAAA;AACDC,MAAAA,CAAC,EAKA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;AAML,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Card/Card.config_1dok8i.css

@@ -0,0 +1,4 @@
+.d11b3tpi{--plasma-card-solid-background:var(--surface-solid-card);}
+.lbpd84d{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
+.m1c9oiks{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
+.s15l99kt{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}

package/css/cjs/components/Card/Card.css

@@ -0,0 +1,4 @@
+.Card_config_1dok8i_d11b3tpi__d95cbab8{--plasma-card-solid-background:var(--surface-solid-card);}
+.Card_config_1dok8i_lbpd84d__d95cbab8{--plasma-card-outline-width:0.75rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:1rem;--plasma-card-content-border-radius:0.5rem;}
+.Card_config_1dok8i_m1c9oiks__d95cbab8{--plasma-card-outline-width:0.625rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.875rem;--plasma-card-content-border-radius:0.375rem;}
+.Card_config_1dok8i_s15l99kt__d95cbab8{--plasma-card-outline-width:0.5rem;--plasma-card-border-width:0.0625rem;--plasma-card-border-radius:0.75rem;--plasma-card-content-border-radius:0.375rem;}