@salutejs/sdds-cs 0.318.1-canary.2030.15756642897.0 → 0.318.1-canary.2030.15826725038.0

package/emotion/cjs/components/Divider/Divider.config.js

@@ -1,32 +1,114 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm',
-    orientation: 'horizontal'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n            "])), _emotion.dividerTokens.background),
-      dark: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-surface-solid-primary);\n            "])), _emotion.dividerTokens.background),
-      light: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-surface-solid-primary);\n            "])), _emotion.dividerTokens.background),
-      // TODO поменять на корректный токен --inverse-surface-transparent-tertiary когда он появится
-      inverse: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-surface-solid-primary);\n            "])), _emotion.dividerTokens.background)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _emotion.dividerTokens.borderRadius)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+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-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-surface-solid-primary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-surface-solid-primary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-surface-solid-primary);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        orientation: 'horizontal'
     },
-    orientation: {
-      horizontal: /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _emotion.dividerTokens.baseSideSize),
-      vertical: /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.0625rem;\n            "])), _emotion.dividerTokens.baseSideSize)
+    variations: {
+        view: {
+            default: (0, _emotion.css)(_templateObject(), _emotion.dividerTokens.background),
+            dark: (0, _emotion.css)(_templateObject1(), _emotion.dividerTokens.background),
+            light: (0, _emotion.css)(_templateObject2(), _emotion.dividerTokens.background),
+            // TODO поменять на корректный токен --inverse-surface-transparent-tertiary когда он появится
+            inverse: (0, _emotion.css)(_templateObject3(), _emotion.dividerTokens.background)
+        },
+        size: {
+            m: (0, _emotion.css)(_templateObject4(), _emotion.dividerTokens.borderRadius)
+        },
+        orientation: {
+            horizontal: (0, _emotion.css)(_templateObject5(), _emotion.dividerTokens.baseSideSize),
+            vertical: (0, _emotion.css)(_templateObject6(), _emotion.dividerTokens.baseSideSize)
+        }
     }
-  }
-};
+};

package/emotion/cjs/components/Divider/Divider.js

@@ -1,14 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Divider = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _Divider = /*#__PURE__*/require("./Divider.config");
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.dividerConfig, _Divider.config);
-
-/**
- * Компонент Divider.
- */
-var Divider = exports.Divider = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: function() {
+        return Divider;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _Dividerconfig = require("./Divider.config");
+var mergedConfig = (0, _emotion.mergeConfig)(_emotion.dividerConfig, _Dividerconfig.config);
+var Divider = (0, _emotion.component)(mergedConfig);

package/emotion/cjs/components/Divider/index.js

@@ -1,19 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: function get() {
-    return _Divider.Divider;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Divider () {
+        return _Divider.Divider;
+    },
+    get dividerTokens () {
+        return _emotion.dividerTokens;
+    }
 });
-Object.defineProperty(exports, "dividerTokens", {
-  enumerable: true,
-  get: function get() {
-    return _emotion.dividerTokens;
-  }
-});
-var _Divider = /*#__PURE__*/require("./Divider");
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Divider = require("./Divider");
+var _emotion = require("@salutejs/plasma-new-hope/emotion");

package/emotion/cjs/components/Drawer/Drawer.config.js

@@ -1,27 +1,84 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": 0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--overlay-blur);\n                ", ": var(--overlay-soft);\n                ", ": var(--text-accent);\n            "])), _emotion.drawerTokens.background, _emotion.drawerTokens.shadow, _emotion.drawerTokens.contentBackgroundColor, _emotion.drawerTokens.drawerOverlayWithBlurColor, _emotion.drawerTokens.drawerOverlayColor, _emotion.drawerTokens.closeIconColor)
-    },
-    size: {
-      m: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n            "])), _emotion.drawerTokens.padding)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+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                ",
+        ": 0 3.75rem 7rem -0.5rem rgba(0, 0, 0, 0.08);\n                ",
+        ": var(--surface-transparent-primary);\n                ",
+        ": var(--overlay-blur);\n                ",
+        ": var(--overlay-soft);\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.25rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    borderRadius: {
-      none: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n            "])), _emotion.drawerTokens.borderRadius),
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.25rem;\n            "])), _emotion.drawerTokens.borderRadius)
+    variations: {
+        view: {
+            default: (0, _emotion.css)(_templateObject(), _emotion.drawerTokens.background, _emotion.drawerTokens.shadow, _emotion.drawerTokens.contentBackgroundColor, _emotion.drawerTokens.drawerOverlayWithBlurColor, _emotion.drawerTokens.drawerOverlayColor, _emotion.drawerTokens.closeIconColor)
+        },
+        size: {
+            m: (0, _emotion.css)(_templateObject1(), _emotion.drawerTokens.padding)
+        },
+        borderRadius: {
+            none: (0, _emotion.css)(_templateObject2(), _emotion.drawerTokens.borderRadius),
+            default: (0, _emotion.css)(_templateObject3(), _emotion.drawerTokens.borderRadius)
+        }
     }
-  }
-};
+};

package/emotion/cjs/components/Drawer/Drawer.js

@@ -1,32 +1,34 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.DrawerHeader = exports.DrawerFooter = exports.DrawerContent = exports.Drawer = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _Drawer = /*#__PURE__*/require("./Drawer.config");
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.drawerConfig, _Drawer.config);
-var mergedContentConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.drawerContentConfig);
-var mergedHeaderConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.drawerHeaderConfig);
-var mergedFooterConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.drawerFooterConfig);
-
-/**
- * Компонент Drawer.
- */
-var Drawer = exports.Drawer = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
-
-/**
- * Компонент части контента Drawer.
- */
-var DrawerContent = exports.DrawerContent = /*#__PURE__*/(0, _emotion.component)(mergedContentConfig);
-
-/**
- * Компонент верхней части Drawer.
- */
-var DrawerHeader = exports.DrawerHeader = /*#__PURE__*/(0, _emotion.component)(mergedHeaderConfig);
-
-/**
- * Компонент нижней контента Drawer.
- */
-var DrawerFooter = exports.DrawerFooter = /*#__PURE__*/(0, _emotion.component)(mergedFooterConfig);
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Drawer () {
+        return Drawer;
+    },
+    get DrawerContent () {
+        return DrawerContent;
+    },
+    get DrawerFooter () {
+        return DrawerFooter;
+    },
+    get DrawerHeader () {
+        return DrawerHeader;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _Drawerconfig = require("./Drawer.config");
+var mergedConfig = (0, _emotion.mergeConfig)(_emotion.drawerConfig, _Drawerconfig.config);
+var mergedContentConfig = (0, _emotion.mergeConfig)(_emotion.drawerContentConfig);
+var mergedHeaderConfig = (0, _emotion.mergeConfig)(_emotion.drawerHeaderConfig);
+var mergedFooterConfig = (0, _emotion.mergeConfig)(_emotion.drawerFooterConfig);
+var Drawer = (0, _emotion.component)(mergedConfig);
+var DrawerContent = (0, _emotion.component)(mergedContentConfig);
+var DrawerHeader = (0, _emotion.component)(mergedHeaderConfig);
+var DrawerFooter = (0, _emotion.component)(mergedFooterConfig);

package/emotion/cjs/components/Drawer/index.js

@@ -1,30 +1,25 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Drawer", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer.Drawer;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Drawer () {
+        return _Drawer.Drawer;
+    },
+    get DrawerContent () {
+        return _Drawer.DrawerContent;
+    },
+    get DrawerFooter () {
+        return _Drawer.DrawerFooter;
+    },
+    get DrawerHeader () {
+        return _Drawer.DrawerHeader;
+    }
 });
-Object.defineProperty(exports, "DrawerContent", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer.DrawerContent;
-  }
-});
-Object.defineProperty(exports, "DrawerFooter", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer.DrawerFooter;
-  }
-});
-Object.defineProperty(exports, "DrawerHeader", {
-  enumerable: true,
-  get: function get() {
-    return _Drawer.DrawerHeader;
-  }
-});
-var _Drawer = /*#__PURE__*/require("./Drawer");
+var _Drawer = require("./Drawer");

package/emotion/cjs/components/Dropdown/Dropdown.config.js

@@ -1,23 +1,99 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    size: {
-      s: /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 12.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\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-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\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-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _emotion.dropdownTokens.padding, _emotion.dropdownTokens.width, _emotion.dropdownTokens.borderRadius, _emotion.dropdownTokens.borderWidth, _emotion.dropdownTokens.itemHeight, _emotion.dropdownTokens.itemMargin, _emotion.dropdownTokens.itemPadding, _emotion.dropdownTokens.itemPaddingTight, _emotion.dropdownTokens.itemBorderRadius, _emotion.dropdownTokens.dividerMarginTop, _emotion.dropdownTokens.dividerMarginRight, _emotion.dropdownTokens.dividerMarginBottom, _emotion.dropdownTokens.dividerMarginLeft, _emotion.dropdownTokens.dividerMarginTopTight, _emotion.dropdownTokens.dividerMarginBottomTight, _emotion.dropdownTokens.itemFontFamily, _emotion.dropdownTokens.itemFontSize, _emotion.dropdownTokens.itemFontStyle, _emotion.dropdownTokens.itemFontWeightBold, _emotion.dropdownTokens.itemFontLetterSpacing, _emotion.dropdownTokens.itemFontLineHeight, _emotion.dropdownTokens.cellPadding, _emotion.dropdownTokens.cellPaddingLeftContent, _emotion.dropdownTokens.cellPaddingContent, _emotion.dropdownTokens.cellPaddingRightContent, _emotion.dropdownTokens.cellTextboxGap, _emotion.dropdownTokens.cellGap, _emotion.dropdownTokens.cellTitleFontFamily, _emotion.dropdownTokens.cellTitleFontSize, _emotion.dropdownTokens.cellTitleFontStyle, _emotion.dropdownTokens.cellTitleFontWeight, _emotion.dropdownTokens.cellTitleLetterSpacing, _emotion.dropdownTokens.cellTitleLineHeight)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+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                ",
+        ": 0rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.5rem 0.75rem;\n                ",
+        ": 0.25rem 0.75rem;\n\n                ",
+        ": 0.5rem;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.25rem;\n\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-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\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-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": 0.4;\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    view: {
-      "default": /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.4;\n                ", ": var(--outline-solid-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-accent);\n            "])), _emotion.dropdownTokens.dividerColor, _emotion.dropdownTokens.disabledOpacity, _emotion.dropdownTokens.borderColor, _emotion.dropdownTokens.focusColor, _emotion.dropdownTokens.background, _emotion.dropdownTokens.boxShadow, _emotion.dropdownTokens.disclosureIconColor, _emotion.dropdownTokens.itemBackground, _emotion.dropdownTokens.itemBackgroundHover, _emotion.dropdownTokens.itemColor, _emotion.dropdownTokens.disclosureIconColor, _emotion.dropdownTokens.dividerColor, _emotion.dropdownTokens.disclosureIconColor)
+    variations: {
+        size: {
+            s: (0, _emotion.css)(_templateObject(), _emotion.dropdownTokens.padding, _emotion.dropdownTokens.width, _emotion.dropdownTokens.borderRadius, _emotion.dropdownTokens.borderWidth, _emotion.dropdownTokens.itemHeight, _emotion.dropdownTokens.itemMargin, _emotion.dropdownTokens.itemPadding, _emotion.dropdownTokens.itemPaddingTight, _emotion.dropdownTokens.itemBorderRadius, _emotion.dropdownTokens.dividerMarginTop, _emotion.dropdownTokens.dividerMarginRight, _emotion.dropdownTokens.dividerMarginBottom, _emotion.dropdownTokens.dividerMarginLeft, _emotion.dropdownTokens.dividerMarginTopTight, _emotion.dropdownTokens.dividerMarginBottomTight, _emotion.dropdownTokens.itemFontFamily, _emotion.dropdownTokens.itemFontSize, _emotion.dropdownTokens.itemFontStyle, _emotion.dropdownTokens.itemFontWeightBold, _emotion.dropdownTokens.itemFontLetterSpacing, _emotion.dropdownTokens.itemFontLineHeight, _emotion.dropdownTokens.cellPadding, _emotion.dropdownTokens.cellPaddingLeftContent, _emotion.dropdownTokens.cellPaddingContent, _emotion.dropdownTokens.cellPaddingRightContent, _emotion.dropdownTokens.cellTextboxGap, _emotion.dropdownTokens.cellGap, _emotion.dropdownTokens.cellTitleFontFamily, _emotion.dropdownTokens.cellTitleFontSize, _emotion.dropdownTokens.cellTitleFontStyle, _emotion.dropdownTokens.cellTitleFontWeight, _emotion.dropdownTokens.cellTitleLetterSpacing, _emotion.dropdownTokens.cellTitleLineHeight)
+        },
+        view: {
+            default: (0, _emotion.css)(_templateObject1(), _emotion.dropdownTokens.dividerColor, _emotion.dropdownTokens.disabledOpacity, _emotion.dropdownTokens.borderColor, _emotion.dropdownTokens.focusColor, _emotion.dropdownTokens.background, _emotion.dropdownTokens.boxShadow, _emotion.dropdownTokens.disclosureIconColor, _emotion.dropdownTokens.itemBackground, _emotion.dropdownTokens.itemBackgroundHover, _emotion.dropdownTokens.itemColor, _emotion.dropdownTokens.disclosureIconColor, _emotion.dropdownTokens.dividerColor, _emotion.dropdownTokens.disclosureIconColor)
+        }
     }
-  }
-};
+};

package/emotion/cjs/components/Dropdown/Dropdown.js

@@ -1,19 +1,54 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Dropdown = void 0;
-var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _Dropdown = /*#__PURE__*/require("./Dropdown.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.dropdownConfig, _Dropdown.config);
-var DropdownNewHope = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
-var DropdownComponent = function DropdownComponent(props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(DropdownNewHope, _extends({
-    ref: ref
-  }, props));
+Object.defineProperty(exports, "Dropdown", {
+    enumerable: true,
+    get: function() {
+        return Dropdown;
+    }
+});
+var _emotion = require("@salutejs/plasma-new-hope/emotion");
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _Dropdownconfig = require("./Dropdown.config");
+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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: 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;
+}
+var mergedConfig = (0, _emotion.mergeConfig)(_emotion.dropdownConfig, _Dropdownconfig.config);
+var DropdownNewHope = (0, _emotion.component)(mergedConfig);
+var DropdownComponent = function(props, ref) {
+    return /*#__PURE__*/ _react.default.createElement(DropdownNewHope, _object_spread({
+        ref: ref
+    }, props));
 };
-var Dropdown = exports.Dropdown = /*#__PURE__*/(0, _emotion.fixedForwardRef)(DropdownComponent);
+var Dropdown = (0, _emotion.fixedForwardRef)(DropdownComponent);

package/emotion/cjs/components/Dropdown/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "Dropdown", {
-  enumerable: true,
-  get: function get() {
-    return _Dropdown.Dropdown;
-  }
+    enumerable: true,
+    get: function() {
+        return _Dropdown.Dropdown;
+    }
 });
-var _Dropdown = /*#__PURE__*/require("./Dropdown");
+var _Dropdown = require("./Dropdown");