@salutejs/sdds-cs 0.319.0-canary.2020.15831403447.0 → 0.319.0-canary.2021.15777687971.0

package/mixins/index.js

@@ -1,65 +1,24 @@
 "use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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 addFocus () {
-        return _styledcomponents.addFocus;
-    },
-    get applyPaper () {
-        return applyPaper;
-    },
-    get mediaQuery () {
-        return _styledcomponents.mediaQuery;
-    }
+Object.defineProperty(exports, "addFocus", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.addFocus;
+  }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _sdds_cs = /*#__PURE__*/ _interop_require_wildcard(require("@salutejs/sdds-themes/tokens/sdds_cs"));
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-var applyPaper = (0, _styledcomponents.createApplyPaperMixin)(_sdds_cs);
+exports.applyPaper = void 0;
+Object.defineProperty(exports, "mediaQuery", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.mediaQuery;
+  }
+});
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var allTokens = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_cs"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var applyPaper = exports.applyPaper = /*#__PURE__*/(0, _styledComponents.createApplyPaperMixin)(allTokens);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.319.0-canary.2020.15831403447.0",
+  "version": "0.319.0-canary.2021.15777687971.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,8 +30,8 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.327.0-canary.2020.15831403447.0",
-    "@salutejs/sdds-themes": "0.39.0-canary.2020.15831403447.0"
+    "@salutejs/plasma-new-hope": "0.327.0-canary.2021.15777687971.0",
+    "@salutejs/sdds-themes": "0.38.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -54,10 +54,10 @@
     "@microsoft/api-extractor": "7.38.3",
     "@originjs/vite-plugin-commonjs": "1.0.3",
     "@salutejs/plasma-colors": "0.15.0",
-    "@salutejs/plasma-core": "1.199.0-canary.2020.15831403447.0",
-    "@salutejs/plasma-cy-utils": "0.130.0-canary.2020.15831403447.0",
-    "@salutejs/plasma-icons": "1.219.0-canary.2020.15831403447.0",
-    "@salutejs/plasma-sb-utils": "0.200.0-canary.2020.15831403447.0",
+    "@salutejs/plasma-core": "1.199.0-canary.2021.15777687971.0",
+    "@salutejs/plasma-cy-utils": "0.130.0-canary.2021.15777687971.0",
+    "@salutejs/plasma-icons": "1.218.0",
+    "@salutejs/plasma-sb-utils": "0.200.0-canary.2021.15777687971.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -93,11 +93,11 @@
     "build:replace-st-emotion": "./scripts/replace-st_emotion.sh",
     "postbuild": "npm run generate:typings",
     "build:emotion": "npm run build:emotion:esm && npm run build:emotion:cjs",
-    "build:emotion:cjs": "rm -rf emotion/cjs && swc ./src-emotion -d ./emotion/cjs --strip-leading-paths -C module.type=commonjs --config-file ../../swc.config.json",
-    "build:emotion:esm": "rm -rf emotion/es && swc ./src-emotion -d ./emotion/es --strip-leading-paths -C module.type=es6 --config-file ../../swc.config.json",
+    "build:emotion:cjs": "rm -rf emotion/cjs && BABEL_ENV=cjs EMOTION=true SC_NAMESPACE=sdds-srvc babel ./src-emotion --out-dir ./emotion/cjs --extensions .ts,.tsx --copy-files",
+    "build:emotion:esm": "rm -rf emotion/es && BABEL_ENV=esm EMOTION=true SC_NAMESPACE=sdds-srvc babel ./src-emotion --out-dir ./emotion/es --extensions .ts,.tsx --copy-files",
     "build:styled-components": "npm run build:styled-components:esm && npm run build:styled-components:cjs",
-    "build:styled-components:cjs": "swc ./src -d . --strip-leading-paths -C module.type=commonjs --config-file ../../swc.config.json",
-    "build:styled-components:esm": "swc ./src -d ./es --strip-leading-paths -C module.type=es6 --config-file ../../swc.config.json",
+    "build:styled-components:cjs": "BABEL_ENV=cjs SC_NAMESPACE=sdds-srvc babel ./src --out-dir . --extensions .ts,.tsx",
+    "build:styled-components:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx",
     "postbuild:styled-components": "rm -rf src-sc",
     "postbuild:emotion": "rm -rf src-emotion",
     "pregenerate:typings": "rm -rf components/**/*.d.ts && rm -f index.d.ts && rm -f mixins/index.d.ts && rm -f tokens/index.d.ts",
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "c6159ea98947b816ae8c38dd970595c961cceb5f"
+  "gitHead": "e865b48cc85b60e9f843ed4aec21e7058e8891fd"
 }

package/tokens/index.js

@@ -1,129 +1,258 @@
 "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 bodyL () {
-        return _tokens.bodyL;
-    },
-    get bodyLBold () {
-        return _tokens.bodyLBold;
-    },
-    get bodyM () {
-        return _tokens.bodyM;
-    },
-    get bodyMBold () {
-        return _tokens.bodyMBold;
-    },
-    get bodyS () {
-        return _tokens.bodyS;
-    },
-    get bodySBold () {
-        return _tokens.bodySBold;
-    },
-    get bodyXS () {
-        return _tokens.bodyXS;
-    },
-    get bodyXSBold () {
-        return _tokens.bodyXSBold;
-    },
-    get bodyXXS () {
-        return _tokens.bodyXXS;
-    },
-    get bodyXXSBold () {
-        return _tokens.bodyXXSBold;
-    },
-    get dsplL () {
-        return _tokens.dsplL;
-    },
-    get dsplLBold () {
-        return _tokens.dsplLBold;
-    },
-    get dsplM () {
-        return _tokens.dsplM;
-    },
-    get dsplMBold () {
-        return _tokens.dsplMBold;
-    },
-    get dsplS () {
-        return _tokens.dsplS;
-    },
-    get dsplSBold () {
-        return _tokens.dsplSBold;
-    },
-    get h1 () {
-        return _tokens.h1;
-    },
-    get h1Bold () {
-        return _tokens.h1Bold;
-    },
-    get h2 () {
-        return _tokens.h2;
-    },
-    get h2Bold () {
-        return _tokens.h2Bold;
-    },
-    get h3 () {
-        return _tokens.h3;
-    },
-    get h3Bold () {
-        return _tokens.h3Bold;
-    },
-    get h4 () {
-        return _tokens.h4;
-    },
-    get h4Bold () {
-        return _tokens.h4Bold;
-    },
-    get h5 () {
-        return _tokens.h5;
-    },
-    get h5Bold () {
-        return _tokens.h5Bold;
-    },
-    get textL () {
-        return _tokens.textL;
-    },
-    get textLBold () {
-        return _tokens.textLBold;
-    },
-    get textM () {
-        return _tokens.textM;
-    },
-    get textMBold () {
-        return _tokens.textMBold;
-    },
-    get textS () {
-        return _tokens.textS;
-    },
-    get textSBold () {
-        return _tokens.textSBold;
-    },
-    get textXS () {
-        return _tokens.textXS;
-    },
-    get textXSBold () {
-        return _tokens.textXSBold;
-    }
+  value: true
+});
+var _exportNames = {
+  dsplL: true,
+  dsplLBold: true,
+  dsplM: true,
+  dsplMBold: true,
+  dsplS: true,
+  dsplSBold: true,
+  h1: true,
+  h1Bold: true,
+  h2: true,
+  h2Bold: true,
+  h3: true,
+  h3Bold: true,
+  h4: true,
+  h4Bold: true,
+  h5: true,
+  h5Bold: true,
+  bodyL: true,
+  bodyLBold: true,
+  bodyM: true,
+  bodyMBold: true,
+  bodyS: true,
+  bodySBold: true,
+  bodyXS: true,
+  bodyXSBold: true,
+  bodyXXS: true,
+  bodyXXSBold: true,
+  textL: true,
+  textLBold: true,
+  textM: true,
+  textMBold: true,
+  textS: true,
+  textSBold: true,
+  textXS: true,
+  textXSBold: true
+};
+Object.defineProperty(exports, "bodyL", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyL;
+  }
+});
+Object.defineProperty(exports, "bodyLBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyLBold;
+  }
+});
+Object.defineProperty(exports, "bodyM", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyM;
+  }
+});
+Object.defineProperty(exports, "bodyMBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyMBold;
+  }
+});
+Object.defineProperty(exports, "bodyS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyS;
+  }
+});
+Object.defineProperty(exports, "bodySBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodySBold;
+  }
+});
+Object.defineProperty(exports, "bodyXS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyXS;
+  }
+});
+Object.defineProperty(exports, "bodyXSBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyXSBold;
+  }
+});
+Object.defineProperty(exports, "bodyXXS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyXXS;
+  }
+});
+Object.defineProperty(exports, "bodyXXSBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.bodyXXSBold;
+  }
+});
+Object.defineProperty(exports, "dsplL", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplL;
+  }
+});
+Object.defineProperty(exports, "dsplLBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplLBold;
+  }
+});
+Object.defineProperty(exports, "dsplM", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplM;
+  }
+});
+Object.defineProperty(exports, "dsplMBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplMBold;
+  }
+});
+Object.defineProperty(exports, "dsplS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplS;
+  }
+});
+Object.defineProperty(exports, "dsplSBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.dsplSBold;
+  }
+});
+Object.defineProperty(exports, "h1", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h1;
+  }
 });
-var _tokens = require("@salutejs/sdds-themes/tokens");
-_export_star(require("@salutejs/sdds-themes/tokens/sdds_cs"), exports);
-function _export_star(from, to) {
-    Object.keys(from).forEach(function(k) {
-        if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
-            Object.defineProperty(to, k, {
-                enumerable: true,
-                get: function() {
-                    return from[k];
-                }
-            });
-        }
-    });
-    return from;
-}
+Object.defineProperty(exports, "h1Bold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h1Bold;
+  }
+});
+Object.defineProperty(exports, "h2", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h2;
+  }
+});
+Object.defineProperty(exports, "h2Bold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h2Bold;
+  }
+});
+Object.defineProperty(exports, "h3", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h3;
+  }
+});
+Object.defineProperty(exports, "h3Bold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h3Bold;
+  }
+});
+Object.defineProperty(exports, "h4", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h4;
+  }
+});
+Object.defineProperty(exports, "h4Bold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h4Bold;
+  }
+});
+Object.defineProperty(exports, "h5", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h5;
+  }
+});
+Object.defineProperty(exports, "h5Bold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.h5Bold;
+  }
+});
+Object.defineProperty(exports, "textL", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textL;
+  }
+});
+Object.defineProperty(exports, "textLBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textLBold;
+  }
+});
+Object.defineProperty(exports, "textM", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textM;
+  }
+});
+Object.defineProperty(exports, "textMBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textMBold;
+  }
+});
+Object.defineProperty(exports, "textS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textS;
+  }
+});
+Object.defineProperty(exports, "textSBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textSBold;
+  }
+});
+Object.defineProperty(exports, "textXS", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textXS;
+  }
+});
+Object.defineProperty(exports, "textXSBold", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.textXSBold;
+  }
+});
+var _tokens = /*#__PURE__*/require("@salutejs/sdds-themes/tokens");
+var _sdds_cs = /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_cs");
+Object.keys(_sdds_cs).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sdds_cs[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sdds_cs[key];
+    }
+  });
+});

package/components/Carousel/Carousel.config.d.ts

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

package/components/Carousel/Carousel.config.js

@@ -1,62 +0,0 @@
-"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-accent);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-solid-primary);\n                ",
-        ": var(--text-positive);\n                ",
-        ": var(--surface-solid-primary-hover);\n                ",
-        ": var(--text-accent-active);\n                ",
-        ": var(--surface-solid-primary-active);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
-    },
-    variations: {
-        view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.carouselNewTokens.paginationDotBackground, _styledcomponents.carouselNewTokens.paginationDotActiveBackground, _styledcomponents.carouselNewTokens.controlIconButtonColor, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColor, _styledcomponents.carouselNewTokens.controlIconButtonColorHover, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorHover, _styledcomponents.carouselNewTokens.controlIconButtonColorActive, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorActive)
-        },
-        size: {
-            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.carouselNewTokens.controlIconButtonRadius)
-        }
-    }
-};

package/components/Carousel/Carousel.d.ts

@@ -1,9 +0,0 @@
-declare const Carousel: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
-    view: {
-        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-    size: {
-        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
-}> & import("@salutejs/plasma-new-hope/styled-components").CarouselNewProps & import("react").RefAttributes<HTMLDivElement>>;
-export { Carousel };

package/components/Carousel/Carousel.js

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

package/components/Carousel/index.d.ts

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

package/components/Carousel/index.js

@@ -1,20 +0,0 @@
-"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 Carousel () {
-        return _Carousel.Carousel;
-    },
-    get CarouselItem () {
-        return _styledcomponents.CarouselItem;
-    }
-});
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Carousel = require("./Carousel");