@salutejs/sdds-serv 0.314.0-canary.2021.15824070198.0 → 0.314.0-canary.2022.15754718552.0

package/emotion/cjs/components/Typography/Typography.js

@@ -1,119 +1,62 @@
 "use strict";
+
 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 BodyL () {
-        return BodyL;
-    },
-    get BodyM () {
-        return BodyM;
-    },
-    get BodyS () {
-        return BodyS;
-    },
-    get BodyXS () {
-        return BodyXS;
-    },
-    get BodyXXS () {
-        return BodyXXS;
-    },
-    get DsplL () {
-        return DsplL;
-    },
-    get DsplM () {
-        return DsplM;
-    },
-    get DsplS () {
-        return DsplS;
-    },
-    get H1 () {
-        return H1;
-    },
-    get H2 () {
-        return H2;
-    },
-    get H3 () {
-        return H3;
-    },
-    get H4 () {
-        return H4;
-    },
-    get H5 () {
-        return H5;
-    },
-    get TextL () {
-        return TextL;
-    },
-    get TextM () {
-        return TextM;
-    },
-    get TextS () {
-        return TextS;
-    },
-    get TextXS () {
-        return TextXS;
-    }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _Bodyconfig = require("./Body.config");
-var _Dsplconfig = require("./Dspl.config");
-var _Headingconfig = require("./Heading.config");
-var _Textconfig = require("./Text.config");
-var bodyMConfig = (0, _emotion.mergeConfig)(_emotion.bodyConfig, _Bodyconfig.configM);
-var BodyMComponent = (0, _emotion.component)(bodyMConfig);
-var bodyLConfig = (0, _emotion.mergeConfig)(_emotion.bodyConfig, _Bodyconfig.configL);
-var BodyLComponent = (0, _emotion.component)(bodyLConfig);
-var bodySConfig = (0, _emotion.mergeConfig)(_emotion.bodyConfig, _Bodyconfig.configS);
-var BodySComponent = (0, _emotion.component)(bodySConfig);
-var bodyXSConfig = (0, _emotion.mergeConfig)(_emotion.bodyConfig, _Bodyconfig.configXS);
-var BodyXSComponent = (0, _emotion.component)(bodyXSConfig);
-var bodyXXSConfig = (0, _emotion.mergeConfig)(_emotion.bodyConfig, _Bodyconfig.configXXS);
-var BodyXXSComponent = (0, _emotion.component)(bodyXXSConfig);
-var dsplMConfig = (0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dsplconfig.configM);
-var DsplMComponent = (0, _emotion.component)(dsplMConfig);
-var dsplLConfig = (0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dsplconfig.configL);
-var DsplLComponent = (0, _emotion.component)(dsplLConfig);
-var dsplSConfig = (0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dsplconfig.configS);
-var DsplSComponent = (0, _emotion.component)(dsplSConfig);
-var heading1Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH1);
-var Heading1Component = (0, _emotion.component)(heading1Config);
-var heading2Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH2);
-var Heading2Component = (0, _emotion.component)(heading2Config);
-var heading3Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH3);
-var Heading3Component = (0, _emotion.component)(heading3Config);
-var heading4Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH4);
-var Heading4Component = (0, _emotion.component)(heading4Config);
-var heading5Config = (0, _emotion.mergeConfig)(_emotion.headingConfig, _Headingconfig.configH5);
-var Heading5Component = (0, _emotion.component)(heading5Config);
-var textMConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configM);
-var TextMComponent = (0, _emotion.component)(textMConfig);
-var textLConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configL);
-var TextLComponent = (0, _emotion.component)(textLConfig);
-var textSConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configS);
-var TextSComponent = (0, _emotion.component)(textSConfig);
-var textXSConfig = (0, _emotion.mergeConfig)(_emotion.textConfig, _Textconfig.configXS);
-var TextXSComponent = (0, _emotion.component)(textXSConfig);
-var BodyM = BodyMComponent;
-var BodyL = BodyLComponent;
-var BodyS = BodySComponent;
-var BodyXS = BodyXSComponent;
-var BodyXXS = BodyXXSComponent;
-var DsplM = DsplMComponent;
-var DsplL = DsplLComponent;
-var DsplS = DsplSComponent;
-var H1 = Heading1Component;
-var H2 = Heading2Component;
-var H3 = Heading3Component;
-var H4 = Heading4Component;
-var H5 = Heading5Component;
-var TextM = TextMComponent;
-var TextL = TextLComponent;
-var TextS = TextSComponent;
-var TextXS = TextXSComponent;
+exports.TextXS = exports.TextS = exports.TextM = exports.TextL = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.DsplS = exports.DsplM = exports.DsplL = exports.BodyXXS = exports.BodyXS = exports.BodyS = exports.BodyM = exports.BodyL = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _Body = /*#__PURE__*/require("./Body.config");
+var _Dspl = /*#__PURE__*/require("./Dspl.config");
+var _Heading = /*#__PURE__*/require("./Heading.config");
+var _Text = /*#__PURE__*/require("./Text.config");
+var bodyMConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.bodyConfig, _Body.configM);
+var BodyMComponent = /*#__PURE__*/(0, _emotion.component)(bodyMConfig);
+var bodyLConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.bodyConfig, _Body.configL);
+var BodyLComponent = /*#__PURE__*/(0, _emotion.component)(bodyLConfig);
+var bodySConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.bodyConfig, _Body.configS);
+var BodySComponent = /*#__PURE__*/(0, _emotion.component)(bodySConfig);
+var bodyXSConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.bodyConfig, _Body.configXS);
+var BodyXSComponent = /*#__PURE__*/(0, _emotion.component)(bodyXSConfig);
+var bodyXXSConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.bodyConfig, _Body.configXXS);
+var BodyXXSComponent = /*#__PURE__*/(0, _emotion.component)(bodyXXSConfig);
+var dsplMConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dspl.configM);
+var DsplMComponent = /*#__PURE__*/(0, _emotion.component)(dsplMConfig);
+var dsplLConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dspl.configL);
+var DsplLComponent = /*#__PURE__*/(0, _emotion.component)(dsplLConfig);
+var dsplSConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.dsplConfig, _Dspl.configS);
+var DsplSComponent = /*#__PURE__*/(0, _emotion.component)(dsplSConfig);
+var heading1Config = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.headingConfig, _Heading.configH1);
+var Heading1Component = /*#__PURE__*/(0, _emotion.component)(heading1Config);
+var heading2Config = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.headingConfig, _Heading.configH2);
+var Heading2Component = /*#__PURE__*/(0, _emotion.component)(heading2Config);
+var heading3Config = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.headingConfig, _Heading.configH3);
+var Heading3Component = /*#__PURE__*/(0, _emotion.component)(heading3Config);
+var heading4Config = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.headingConfig, _Heading.configH4);
+var Heading4Component = /*#__PURE__*/(0, _emotion.component)(heading4Config);
+var heading5Config = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.headingConfig, _Heading.configH5);
+var Heading5Component = /*#__PURE__*/(0, _emotion.component)(heading5Config);
+var textMConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.textConfig, _Text.configM);
+var TextMComponent = /*#__PURE__*/(0, _emotion.component)(textMConfig);
+var textLConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.textConfig, _Text.configL);
+var TextLComponent = /*#__PURE__*/(0, _emotion.component)(textLConfig);
+var textSConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.textConfig, _Text.configS);
+var TextSComponent = /*#__PURE__*/(0, _emotion.component)(textSConfig);
+var textXSConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.textConfig, _Text.configXS);
+var TextXSComponent = /*#__PURE__*/(0, _emotion.component)(textXSConfig);
+var BodyM = exports.BodyM = BodyMComponent;
+var BodyL = exports.BodyL = BodyLComponent;
+var BodyS = exports.BodyS = BodySComponent;
+var BodyXS = exports.BodyXS = BodyXSComponent;
+var BodyXXS = exports.BodyXXS = BodyXXSComponent;
+var DsplM = exports.DsplM = DsplMComponent;
+var DsplL = exports.DsplL = DsplLComponent;
+var DsplS = exports.DsplS = DsplSComponent;
+var H1 = exports.H1 = Heading1Component;
+var H2 = exports.H2 = Heading2Component;
+var H3 = exports.H3 = Heading3Component;
+var H4 = exports.H4 = Heading4Component;
+var H5 = exports.H5 = Heading5Component;
+var TextM = exports.TextM = TextMComponent;
+var TextL = exports.TextL = TextLComponent;
+var TextS = exports.TextS = TextSComponent;
+var TextXS = exports.TextXS = TextXSComponent;

package/emotion/cjs/components/Typography/Typography.stories.tsx

@@ -0,0 +1,243 @@
+import React from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
+
+import {
+    DsplL,
+    DsplM,
+    DsplS,
+    H1,
+    H2,
+    H3,
+    H4,
+    H5,
+    BodyL,
+    BodyM,
+    BodyS,
+    BodyXS,
+    BodyXXS,
+    TextL,
+    TextM,
+    TextS,
+    TextXS,
+} from '.';
+
+const meta: Meta = {
+    title: 'Data Display/Typography',
+    component: DsplL,
+    argTypes: {
+        ...disableProps(['size', 'bold', 'medium', 'as', 'forwardedAs', 'isNumeric']),
+        color: {
+            control: {
+                type: 'color',
+            },
+        },
+    },
+    args: {
+        noWrap: false,
+        breakWord: true,
+    },
+    decorators: [InSpacingDecorator],
+};
+
+export default meta;
+
+type Story = StoryObj;
+
+export const Dspl: Story = {
+    render: (props) => (
+        <>
+            <DsplL bold={false} {...props}>
+                DsplL
+            </DsplL>
+            <DsplL {...props}>DsplL Bold</DsplL>
+            <DsplL medium {...props}>
+                DsplL Medium
+            </DsplL>
+            <DsplL bold={false} isNumeric {...props}>
+                1234567890
+            </DsplL>
+            <DsplM bold={false} {...props}>
+                DsplM
+            </DsplM>
+            <DsplM {...props}>DsplM Bold</DsplM>
+            <DsplM medium {...props}>
+                DsplM Medium
+            </DsplM>
+            <DsplM bold={false} isNumeric {...props}>
+                1234567890
+            </DsplM>
+            <DsplS bold={false} {...props}>
+                DsplS
+            </DsplS>
+            <DsplS {...props}>DsplS Bold</DsplS>
+            <DsplS medium {...props}>
+                DsplS Medium
+            </DsplS>
+            <DsplS bold={false} isNumeric {...props}>
+                1234567890
+            </DsplS>
+        </>
+    ),
+};
+
+export const H: Story = {
+    render: (props) => (
+        <>
+            <H1 bold={false} {...props}>
+                H1
+            </H1>
+            <H1 {...props}>H1 Bold</H1>
+            <H1 medium {...props}>
+                H1 Medium
+            </H1>
+            <H1 bold={false} isNumeric {...props}>
+                1234567890
+            </H1>
+            <H2 bold={false} {...props}>
+                H2
+            </H2>
+            <H2 {...props}>H2 Bold</H2>
+            <H2 medium {...props}>
+                H2 Medium
+            </H2>
+            <H2 bold={false} isNumeric {...props}>
+                1234567890
+            </H2>
+            <H3 bold={false} {...props}>
+                H3
+            </H3>
+            <H3 {...props}>H3 Bold</H3>
+            <H3 medium {...props}>
+                H3 Medium
+            </H3>
+            <H3 bold={false} isNumeric {...props}>
+                1234567890
+            </H3>
+            <H4 bold={false} {...props}>
+                H4
+            </H4>
+            <H4 {...props}>H4 Bold</H4>
+            <H4 medium {...props}>
+                H4 Medium
+            </H4>
+            <H4 bold={false} isNumeric {...props}>
+                1234567890
+            </H4>
+            <H5 bold={false} {...props}>
+                H5
+            </H5>
+            <H5 {...props}>H5 Bold</H5>
+            <H5 medium {...props}>
+                H5 Medium
+            </H5>
+            <H5 bold={false} isNumeric {...props}>
+                1234567890
+            </H5>
+        </>
+    ),
+};
+
+export const Body: Story = {
+    render: (props) => (
+        <>
+            <BodyL {...props}>BodyL</BodyL>
+            <BodyL bold {...props}>
+                BodyL Bold
+            </BodyL>
+            <BodyL medium {...props}>
+                BodyL Medium
+            </BodyL>
+            <BodyL isNumeric {...props}>
+                1234567890
+            </BodyL>
+            <BodyM {...props}>BodyM</BodyM>
+            <BodyM bold {...props}>
+                BodyM Bold
+            </BodyM>
+            <BodyM medium {...props}>
+                BodyM Medium
+            </BodyM>
+            <BodyM isNumeric {...props}>
+                1234567890
+            </BodyM>
+            <BodyS {...props}>BodyS</BodyS>
+            <BodyS bold {...props}>
+                BodyS Bold
+            </BodyS>
+            <BodyS medium {...props}>
+                BodyS Medium
+            </BodyS>
+            <BodyS isNumeric {...props}>
+                1234567890
+            </BodyS>
+            <BodyXS {...props}>BodyXS</BodyXS>
+            <BodyXS bold {...props}>
+                BodyXS Bold
+            </BodyXS>
+            <BodyXS medium {...props}>
+                BodyXS Medium
+            </BodyXS>
+            <BodyXS isNumeric {...props}>
+                1234567890
+            </BodyXS>
+            <BodyXXS {...props}>BodyXXS</BodyXXS>
+            <BodyXXS bold {...props}>
+                BodyXXS Bold
+            </BodyXXS>
+            <BodyXXS medium {...props}>
+                BodyXXS Medium
+            </BodyXXS>
+            <BodyXXS isNumeric {...props}>
+                1234567890
+            </BodyXXS>
+        </>
+    ),
+};
+
+export const Text: Story = {
+    render: (props) => (
+        <>
+            <TextL {...props}>TextL</TextL>
+            <TextL bold {...props}>
+                TextL Bold
+            </TextL>
+            <TextL medium {...props}>
+                TextL Medium
+            </TextL>
+            <TextL isNumeric {...props}>
+                1234567890
+            </TextL>
+            <TextM {...props}>TextM</TextM>
+            <TextM bold {...props}>
+                TextM Bold
+            </TextM>
+            <TextM medium {...props}>
+                TextM Medium
+            </TextM>
+            <TextM isNumeric {...props}>
+                1234567890
+            </TextM>
+            <TextS {...props}>TextS</TextS>
+            <TextS bold {...props}>
+                TextS Bold
+            </TextS>
+            <TextS medium {...props}>
+                TextS Medium
+            </TextS>
+            <TextS isNumeric {...props}>
+                1234567890
+            </TextS>
+            <TextXS {...props}>TextXS</TextXS>
+            <TextXS bold {...props}>
+                TextXS Bold
+            </TextXS>
+            <TextXS medium {...props}>
+                TextXS Medium
+            </TextXS>
+            <TextXS isNumeric {...props}>
+                1234567890
+            </TextXS>
+        </>
+    ),
+};

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

@@ -1,64 +1,108 @@
 "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 _Typography.BodyL;
-    },
-    get BodyM () {
-        return _Typography.BodyM;
-    },
-    get BodyS () {
-        return _Typography.BodyS;
-    },
-    get BodyXS () {
-        return _Typography.BodyXS;
-    },
-    get BodyXXS () {
-        return _Typography.BodyXXS;
-    },
-    get DsplL () {
-        return _Typography.DsplL;
-    },
-    get DsplM () {
-        return _Typography.DsplM;
-    },
-    get DsplS () {
-        return _Typography.DsplS;
-    },
-    get H1 () {
-        return _Typography.H1;
-    },
-    get H2 () {
-        return _Typography.H2;
-    },
-    get H3 () {
-        return _Typography.H3;
-    },
-    get H4 () {
-        return _Typography.H4;
-    },
-    get H5 () {
-        return _Typography.H5;
-    },
-    get TextL () {
-        return _Typography.TextL;
-    },
-    get TextM () {
-        return _Typography.TextM;
-    },
-    get TextS () {
-        return _Typography.TextS;
-    },
-    get TextXS () {
-        return _Typography.TextXS;
-    }
-});
-var _Typography = require("./Typography");
+  value: true
+});
+Object.defineProperty(exports, "BodyL", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.BodyL;
+  }
+});
+Object.defineProperty(exports, "BodyM", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.BodyM;
+  }
+});
+Object.defineProperty(exports, "BodyS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.BodyS;
+  }
+});
+Object.defineProperty(exports, "BodyXS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.BodyXS;
+  }
+});
+Object.defineProperty(exports, "BodyXXS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.BodyXXS;
+  }
+});
+Object.defineProperty(exports, "DsplL", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.DsplL;
+  }
+});
+Object.defineProperty(exports, "DsplM", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.DsplM;
+  }
+});
+Object.defineProperty(exports, "DsplS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.DsplS;
+  }
+});
+Object.defineProperty(exports, "H1", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.H1;
+  }
+});
+Object.defineProperty(exports, "H2", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.H2;
+  }
+});
+Object.defineProperty(exports, "H3", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.H3;
+  }
+});
+Object.defineProperty(exports, "H4", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.H4;
+  }
+});
+Object.defineProperty(exports, "H5", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.H5;
+  }
+});
+Object.defineProperty(exports, "TextL", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.TextL;
+  }
+});
+Object.defineProperty(exports, "TextM", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.TextM;
+  }
+});
+Object.defineProperty(exports, "TextS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.TextS;
+  }
+});
+Object.defineProperty(exports, "TextXS", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.TextXS;
+  }
+});
+var _Typography = /*#__PURE__*/require("./Typography");

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

@@ -1,50 +1,18 @@
 "use strict";
+
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
+exports.config = void 0;
+var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
+var _sdds_serv = /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_serv");
+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 = {
+  variations: {
+    view: {
+      onDark: /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), _sdds_serv.viewContainer.dark),
+      onLight: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", "\n            "])), _sdds_serv.viewContainer.light)
     }
-});
-var _emotion = require("@salutejs/plasma-new-hope/emotion");
-var _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
-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                ",
-        "\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        "\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
-    variations: {
-        view: {
-            onDark: (0, _emotion.css)(_templateObject(), _sdds_serv.viewContainer.dark),
-            onLight: (0, _emotion.css)(_templateObject1(), _sdds_serv.viewContainer.light)
-        }
-    }
-};
+  }
+};