@salutejs/sdds-dfa 0.348.1-next-sbcom.0 → 0.349.0-dev.0

package/dist/styled-components/es/components/Select/Select.js

@@ -1,40 +1,13 @@
-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 _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;
-}
 import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
 import React from 'react';
 import { config } from './Select.config';
-var mergedConfig = mergeConfig(selectConfig, config);
-var SelectNewHope = component(mergedConfig);
-var SelectComponent = function SelectComponent(props, ref) {
-    return /*#__PURE__*/ React.createElement(SelectNewHope, _object_spread({
-        ref: ref
-    }, props));
+const mergedConfig = mergeConfig(selectConfig, config);
+const SelectNewHope = component(mergedConfig);
+const SelectComponent = (props, ref)=>{
+    return /*#__PURE__*/ React.createElement(SelectNewHope, {
+        ref: ref,
+        ...props
+    });
 };
-var Select = fixedForwardRef(SelectComponent);
+const Select = fixedForwardRef(SelectComponent);
 export { Select };

package/dist/styled-components/es/components/Sheet/Sheet.config.js

@@ -1,58 +1,24 @@
-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(--overlay-soft);\n                ",
-        ": var(--overlay-blur);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--surface-solid-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": -2.375rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": -1.375rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, sheetTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
+export const config = {
     defaults: {
         view: 'default'
     },
     variations: {
         view: {
-            default: css(_templateObject(), sheetTokens.sheetOverlayColor, sheetTokens.sheetOverlayWithBlurColor, sheetTokens.contentBackgroundColor, sheetTokens.handleBackgroundColor)
+            default: css`
+                ${sheetTokens.sheetOverlayColor}: var(--overlay-soft);
+                ${sheetTokens.sheetOverlayWithBlurColor}: var(--overlay-blur);
+                ${sheetTokens.contentBackgroundColor}: var(--surface-solid-card);
+                ${sheetTokens.handleBackgroundColor}: var(--surface-solid-tertiary);
+            `
         },
         handlePlacement: {
-            inner: css(_templateObject1(), sheetTokens.handleMarginTop),
-            outer: css(_templateObject2(), sheetTokens.handleMarginTop)
+            inner: css`
+                ${sheetTokens.handleMarginTop}: -2.375rem;
+            `,
+            outer: css`
+                ${sheetTokens.handleMarginTop}: -1.375rem;
+            `
         }
     }
 };

package/dist/styled-components/es/components/Sheet/Sheet.js

@@ -1,7 +1,7 @@
 import { sheetConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Sheet.config';
-var mergedConfig = mergeConfig(sheetConfig, config);
-var SheetComponent = component(mergedConfig);
+const mergedConfig = mergeConfig(sheetConfig, config);
+const SheetComponent = component(mergedConfig);
 /**
  * Открывает окно-шторку поверх основного экрана.
- */ export var Sheet = SheetComponent;
+ */ export const Sheet = SheetComponent;

package/dist/styled-components/es/components/Skeleton/LineSkeleton.config.js

@@ -1,265 +1,95 @@
-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(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n                ",
-        ": var(--surface-transparent-secondary);\n                ",
-        ": var(--surface-transparent-tertiary);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-l-line-height);\n                ",
-        ": var(--plasma-typo-body-l-font-size);\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-m-line-height);\n                ",
-        ": var(--plasma-typo-body-m-font-size);\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject4() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-s-line-height);\n                ",
-        ": var(--plasma-typo-body-s-font-size);\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject5() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xs-line-height);\n                ",
-        ": var(--plasma-typo-body-xs-font-size);\n            "
-    ]);
-    _templateObject5 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject6() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-body-xxs-line-height);\n                ",
-        ": var(--plasma-typo-body-xxs-font-size);\n            "
-    ]);
-    _templateObject6 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject7() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-l-line-height);\n                ",
-        ": var(--plasma-typo-dspl-l-font-size);\n            "
-    ]);
-    _templateObject7 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject8() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-m-line-height);\n                ",
-        ": var(--plasma-typo-dspl-m-font-size);\n            "
-    ]);
-    _templateObject8 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject9() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-dspl-s-line-height);\n                ",
-        ": var(--plasma-typo-dspl-s-font-size);\n            "
-    ]);
-    _templateObject9 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject10() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h1-line-height);\n                ",
-        ": var(--plasma-typo-h1-font-size);\n            "
-    ]);
-    _templateObject10 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject11() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h2-line-height);\n                ",
-        ": var(--plasma-typo-h2-font-size);\n            "
-    ]);
-    _templateObject11 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject12() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h3-line-height);\n                ",
-        ": var(--plasma-typo-h3-font-size);\n            "
-    ]);
-    _templateObject12 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject13() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h4-line-height);\n                ",
-        ": var(--plasma-typo-h4-font-size);\n            "
-    ]);
-    _templateObject13 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject14() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h5-line-height);\n                ",
-        ": var(--plasma-typo-h5-font-size);\n            "
-    ]);
-    _templateObject14 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject15() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-h6-line-height);\n                ",
-        ": var(--plasma-typo-h6-font-size);\n            "
-    ]);
-    _templateObject15 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject16() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-l-line-height);\n                ",
-        ": var(--plasma-typo-text-l-font-size);\n            "
-    ]);
-    _templateObject16 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject17() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-m-line-height);\n                ",
-        ": var(--plasma-typo-text-m-font-size);\n            "
-    ]);
-    _templateObject17 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject18() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-s-line-height);\n                ",
-        ": var(--plasma-typo-text-s-font-size);\n            "
-    ]);
-    _templateObject18 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject19() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--plasma-typo-text-xs-line-height);\n                ",
-        ": var(--plasma-typo-text-xs-font-size);\n            "
-    ]);
-    _templateObject19 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
 import { css, skeletonTokens } from '@salutejs/plasma-new-hope/styled-components';
-export var config = {
+export const config = {
     defaults: {
         size: 'bodyM',
         view: 'default'
     },
     variations: {
         view: {
-            default: css(_templateObject(), skeletonTokens.gradientColor, skeletonTokens.fadeInColor, skeletonTokens.fadeOutColor),
-            lighter: css(_templateObject1(), skeletonTokens.gradientColor, skeletonTokens.fadeInColor, skeletonTokens.fadeOutColor)
+            default: css`
+                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, var(--surface-skeleton-gradient));
+                ${skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
+                ${skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
+            `,
+            lighter: css`
+                ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));
+                ${skeletonTokens.fadeInColor}: var(--surface-transparent-secondary);
+                ${skeletonTokens.fadeOutColor}: var(--surface-transparent-tertiary);
+            `
         },
         size: {
-            bodyL: css(_templateObject2(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyM: css(_templateObject3(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyS: css(_templateObject4(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyXS: css(_templateObject5(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            bodyXXS: css(_templateObject6(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplL: css(_templateObject7(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplM: css(_templateObject8(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            dsplS: css(_templateObject9(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h1: css(_templateObject10(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h2: css(_templateObject11(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h3: css(_templateObject12(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h4: css(_templateObject13(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h5: css(_templateObject14(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            h6: css(_templateObject15(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textL: css(_templateObject16(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textM: css(_templateObject17(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textS: css(_templateObject18(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight),
-            textXS: css(_templateObject19(), skeletonTokens.lineHeight, skeletonTokens.visibleLineHeight)
+            bodyL: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-l-font-size);
+            `,
+            bodyM: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-m-font-size);
+            `,
+            bodyS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-s-font-size);
+            `,
+            bodyXS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);
+            `,
+            bodyXXS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);
+            `,
+            dsplL: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-l-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-l-font-size);
+            `,
+            dsplM: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-m-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-m-font-size);
+            `,
+            dsplS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-dspl-s-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-dspl-s-font-size);
+            `,
+            h1: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h1-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h1-font-size);
+            `,
+            h2: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h2-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h2-font-size);
+            `,
+            h3: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h3-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h3-font-size);
+            `,
+            h4: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h4-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h4-font-size);
+            `,
+            h5: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h5-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h5-font-size);
+            `,
+            h6: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-h6-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-h6-font-size);
+            `,
+            textL: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-text-l-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-l-font-size);
+            `,
+            textM: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-text-m-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-m-font-size);
+            `,
+            textS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-text-s-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-s-font-size);
+            `,
+            textXS: css`
+                ${skeletonTokens.lineHeight}: var(--plasma-typo-text-xs-line-height);
+                ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-text-xs-font-size);
+            `
         }
     }
 };

package/dist/styled-components/es/components/Skeleton/Skeleton.js

@@ -1,6 +1,6 @@
 import { component, mergeConfig, lineSkeletonConfig, textSkeleton, RectSkeleton, withSkeleton } from '@salutejs/plasma-new-hope/styled-components';
 import { config as lineSkeletonCustomConfig } from './LineSkeleton.config';
-var mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig);
-export var LineSkeleton = component(mergedLineSkeletonConfig);
-export var TextSkeleton = textSkeleton(LineSkeleton);
+const mergedLineSkeletonConfig = mergeConfig(lineSkeletonConfig, lineSkeletonCustomConfig);
+export const LineSkeleton = component(mergedLineSkeletonConfig);
+export const TextSkeleton = textSkeleton(LineSkeleton);
 export { RectSkeleton, withSkeleton };