@alfalab/core-components 41.18.0 → 41.19.0-beta.0

package/loader/esm/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1ntww {
+} .loader__component_136yv {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1ntww div {
+} .loader__component_136yv div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1ntww;
+        animation-name: loader__blink_136yv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1ntww div:nth-child(1) {
+    } .loader__component_136yv div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1ntww div:nth-child(2) {
+    } .loader__component_136yv div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1ntww div:nth-child(3) {
+    } .loader__component_136yv div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1ntww {
+    } @keyframes loader__blink_136yv {
     21% {
         transform: scale(1);
     }

package/loader/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1ntww {
+} .loader__component_136yv {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1ntww div {
+} .loader__component_136yv div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1ntww;
+        animation-name: loader__blink_136yv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1ntww div:nth-child(1) {
+    } .loader__component_136yv div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1ntww div:nth-child(2) {
+    } .loader__component_136yv div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1ntww div:nth-child(3) {
+    } .loader__component_136yv div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1ntww {
+    } @keyframes loader__blink_136yv {
     21% {
         transform: scale(1);
     }

package/loader/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"loader__component_1ntww","blink":"loader__blink_1ntww"};
+const styles = {"component":"loader__component_136yv","blink":"loader__blink_136yv"};
 require('./index.css');
 
 const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },

package/loader/modern/index.css

@@ -15,34 +15,34 @@
     --gap-2xs: 4px;
 } :root {
 } :root {
-} .loader__component_1ntww {
+} .loader__component_136yv {
     width: 24px;
     height: 24px;
     display: flex;
     align-items: center;
     justify-content: center
-} .loader__component_1ntww div {
+} .loader__component_136yv div {
         height: 4px;
         width: 4px;
         margin-right: var(--gap-2xs);
         border-radius: 100%;
         background-color: currentColor;
-        animation-name: loader__blink_1ntww;
+        animation-name: loader__blink_136yv;
         animation-duration: 950ms;
         animation-iteration-count: infinite;
         animation-timing-function: ease-in-out;
         transform: scale(0);
-    } .loader__component_1ntww div:nth-child(1) {
+    } .loader__component_136yv div:nth-child(1) {
         animation-delay: 0ms;
         transform-origin: 15% 50%;
-    } .loader__component_1ntww div:nth-child(2) {
+    } .loader__component_136yv div:nth-child(2) {
         animation-delay: 150ms;
         transform-origin: 50% 50%;
-    } .loader__component_1ntww div:nth-child(3) {
+    } .loader__component_136yv div:nth-child(3) {
         animation-delay: 300ms;
         transform-origin: 85% 50%;
         margin-right: 0;
-    } @keyframes loader__blink_1ntww {
+    } @keyframes loader__blink_136yv {
     21% {
         transform: scale(1);
     }

package/markdown/Component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MarkdownProps } from "./typings";
+declare const Markdown: ({ children, className, platform, font, overrides, paddings, }: MarkdownProps) => JSX.Element;
+export { Markdown };

package/markdown/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownMobileProps } from "./typings";
+declare const MarkdownDesktopComponent: React.FC<MarkdownMobileProps>;
+export { MarkdownDesktopComponent };

package/markdown/Component.desktop.js

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-3175687d.js');
+require('../link');
+require('../list');
+require('../typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MarkdownDesktopComponent = function (_a) {
+    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: 'desktop' }), children));
+};
+
+exports.MarkdownDesktopComponent = MarkdownDesktopComponent;

package/markdown/Component.js

@@ -0,0 +1,24 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var ReactMarkdown = require('react-markdown');
+var cn = require('classnames');
+var hooks_useOverrides = require('./use-overrides-3175687d.js');
+require('../link');
+require('../list');
+require('../typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultCompat(ReactMarkdown);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Markdown = function (_a) {
+    var children = _a.children, className = _a.className, platform = _a.platform, _b = _a.font, font = _b === void 0 ? 'system' : _b, overrides = _a.overrides, paddings = _a.paddings;
+    var defaultOverrides = hooks_useOverrides.useOverrides(platform, font, paddings);
+    return (React__default.default.createElement(ReactMarkdown__default.default, { components: tslib.__assign(tslib.__assign({}, defaultOverrides), overrides), className: cn__default.default(hooks_useOverrides.styles.component, className) }, children));
+};
+
+exports.Markdown = Markdown;

package/markdown/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownDesktopProps } from "./typings";
+declare const MarkdownMobileComponent: React.FC<MarkdownDesktopProps>;
+export { MarkdownMobileComponent };

package/markdown/Component.mobile.js

@@ -0,0 +1,22 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-3175687d.js');
+require('../link');
+require('../list');
+require('../typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MarkdownMobileComponent = function (_a) {
+    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: 'mobile' }), children));
+};
+
+exports.MarkdownMobileComponent = MarkdownMobileComponent;

package/markdown/Component.responsive.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownResponsiveProps } from "./typings";
+declare const MarkdownResponsiveComponent: React.FC<MarkdownResponsiveProps>;
+export { MarkdownResponsiveComponent };

package/markdown/Component.responsive.js

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../mq');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./use-overrides-3175687d.js');
+require('../link');
+require('../list');
+require('../typography');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var isClient = function () { return typeof window !== 'undefined'; };
+
+var MarkdownResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: isDesktop ? 'desktop' : 'mobile' }), children));
+};
+
+exports.MarkdownResponsiveComponent = MarkdownResponsiveComponent;

package/markdown/cssm/Component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { MarkdownProps } from "./typings";
+declare const Markdown: ({ children, className, platform, font, overrides, paddings, }: MarkdownProps) => JSX.Element;
+export { Markdown };

package/markdown/cssm/Component.desktop.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownMobileProps } from "./typings";
+declare const MarkdownDesktopComponent: React.FC<MarkdownMobileProps>;
+export { MarkdownDesktopComponent };

package/markdown/cssm/Component.desktop.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MarkdownDesktopComponent = function (_a) {
+    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: 'desktop' }), children));
+};
+
+exports.MarkdownDesktopComponent = MarkdownDesktopComponent;

package/markdown/cssm/Component.js

@@ -0,0 +1,26 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var ReactMarkdown = require('react-markdown');
+var cn = require('classnames');
+var hooks_useOverrides = require('./hooks/use-overrides.js');
+var styles = require('./index.module.css');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefaultCompat(ReactMarkdown);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Markdown = function (_a) {
+    var children = _a.children, className = _a.className, platform = _a.platform, _b = _a.font, font = _b === void 0 ? 'system' : _b, overrides = _a.overrides, paddings = _a.paddings;
+    var defaultOverrides = hooks_useOverrides.useOverrides(platform, font, paddings);
+    return (React__default.default.createElement(ReactMarkdown__default.default, { components: tslib.__assign(tslib.__assign({}, defaultOverrides), overrides), className: cn__default.default(styles__default.default.component, className) }, children));
+};
+
+exports.Markdown = Markdown;

package/markdown/cssm/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownDesktopProps } from "./typings";
+declare const MarkdownMobileComponent: React.FC<MarkdownDesktopProps>;
+export { MarkdownMobileComponent };

package/markdown/cssm/Component.mobile.js

@@ -0,0 +1,23 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MarkdownMobileComponent = function (_a) {
+    var children = _a.children, restProps = tslib.__rest(_a, ["children"]);
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: 'mobile' }), children));
+};
+
+exports.MarkdownMobileComponent = MarkdownMobileComponent;

package/markdown/cssm/Component.responsive.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { MarkdownResponsiveProps } from "./typings";
+declare const MarkdownResponsiveComponent: React.FC<MarkdownResponsiveProps>;
+export { MarkdownResponsiveComponent };

package/markdown/cssm/Component.responsive.js

@@ -0,0 +1,29 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var Component = require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var isClient = function () { return typeof window !== 'undefined'; };
+
+var MarkdownResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React__default.default.createElement(Component.Markdown, tslib.__assign({}, restProps, { platform: isDesktop ? 'desktop' : 'mobile' }), children));
+};
+
+exports.MarkdownResponsiveComponent = MarkdownResponsiveComponent;

package/markdown/cssm/desktop.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from "./Component.desktop";
+export {};

package/markdown/cssm/desktop.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+
+
+exports.MarkdownDesktop = Component_desktop.MarkdownDesktopComponent;

package/markdown/cssm/hooks/use-overrides.d.ts

@@ -0,0 +1,3 @@
+import { FontType, OverridesComponents, PaddingsMarkdownType, PlatformType } from "../typings";
+declare const useOverrides: (platform?: PlatformType, font?: FontType, paddings?: PaddingsMarkdownType) => OverridesComponents;
+export { useOverrides };

package/markdown/cssm/hooks/use-overrides.js

@@ -0,0 +1,45 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsLink = require('../../../link/cssm');
+var coreComponentsList = require('../../../list/cssm');
+var coreComponentsTypography = require('../../../typography/cssm');
+var styles = require('../index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var useOverrides = function (platform, font, paddings) {
+    return React.useMemo(function () {
+        var titleName = platform === 'desktop' ? 'Title' : 'TitleMobile';
+        var Title = coreComponentsTypography.Typography[titleName];
+        var paddingStyles = typeof paddings === 'number'
+            ? {
+                paddingTop: paddings,
+                paddingBottom: paddings,
+                paddingLeft: paddings,
+                paddingRight: paddings,
+            }
+            : paddings;
+        return {
+            h1: function (props) { return (React__default.default.createElement(Title, { style: paddingStyles, font: font, className: cn__default.default(styles__default.default.h1, 'h1'), tag: 'h1', view: 'medium', color: 'primary' }, props.children)); },
+            h2: function (props) { return (React__default.default.createElement(Title, { style: paddingStyles, font: font, className: cn__default.default(styles__default.default.h2, 'h2'), tag: 'h2', view: 'small', color: 'primary' }, props.children)); },
+            h3: function (props) { return (React__default.default.createElement(Title, { style: paddingStyles, font: font, className: cn__default.default(styles__default.default.h3, 'h3'), tag: 'h3', view: 'xsmall', color: 'primary' }, props.children)); },
+            p: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { style: paddingStyles, className: 'p', tag: 'p', view: 'primary-medium', color: 'primary' }, props.children)); },
+            blockquote: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { style: paddingStyles, className: cn__default.default(styles__default.default.blockquote, 'blockquote'), tag: 'div', view: 'primary-small', color: 'secondary' }, props.children)); },
+            a: function (props) { return (React__default.default.createElement(coreComponentsLink.Link, { style: paddingStyles, className: 'a', target: '_blank', rel: 'noopener noreferrer', href: props.href }, props.children)); },
+            code: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { style: paddingStyles, tag: 'span', className: cn__default.default(styles__default.default.code, 'code'), view: 'primary-small', color: 'secondary' }, props.children)); },
+            img: function (props) { return (React__default.default.createElement("div", { style: paddingStyles, className: cn__default.default(styles__default.default.imageContainer, 'img') },
+                React__default.default.createElement("img", { alt: props.alt, src: props.src, className: styles__default.default.image }))); },
+            ul: function (props) { return (React__default.default.createElement(coreComponentsList.List, { style: paddingStyles, className: cn__default.default(styles__default.default.list, 'ul'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter(function (el) { return el !== '\n'; }))); },
+            ol: function (props) { return (React__default.default.createElement(coreComponentsList.List, { style: paddingStyles, className: cn__default.default(styles__default.default.list, 'ol'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter(function (el) { return el !== '\n'; }))); },
+            li: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { className: cn__default.default(styles__default.default.li, 'li'), view: 'primary-medium' }, props.children)); },
+        };
+    }, [font, paddings, platform]);
+};
+
+exports.useOverrides = useOverrides;

package/markdown/cssm/index.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownResponsiveComponent as Markdown } from "./Component.responsive";
+export type { MarkdownResponsiveProps as MarkdownProps } from "./typings";

package/markdown/cssm/index.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+require('tslib');
+require('react');
+require('../../mq/cssm');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+
+
+exports.Markdown = Component_responsive.MarkdownResponsiveComponent;

package/markdown/cssm/index.module.css

@@ -0,0 +1,56 @@
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+    --border-radius-l: 12px;
+} :root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+} :root {
+} :root {
+} .component > :first-child,
+.component > p:first-child > :first-child {
+    margin-top: 0;
+} .component > *:only-child,
+.component > p:only-child > *:only-child {
+    margin-top: 0;
+    margin-bottom: 0;
+} .h1 {
+    margin-bottom: var(--gap-m);
+} .h2 {
+    margin-top: var(--gap-2xl);
+    margin-bottom: var(--gap-m);
+} .h3 {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-m);
+} .code {
+    margin-bottom: var(--gap-m);
+} .blockquote > p {
+    color: inherit;
+    font: inherit;
+} .list > li {
+    margin-top: 0;
+    margin-bottom: var(--gap-s);
+} .list > li:only-child {
+    margin-bottom: 0;
+} .list > li p {
+    margin: 0;
+    padding: 0 !important;
+} .imageContainer {
+    margin-top: var(--gap-m);
+    margin-bottom: var(--gap-xl);
+} .image {
+    display: block;
+    width: 100%;
+    border-radius: var(--border-radius-l);
+}

package/markdown/cssm/mobile.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownMobileComponent as MarkdownMobile } from "./Component.mobile";
+export {};

package/markdown/cssm/mobile.js

@@ -0,0 +1,17 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('react-markdown');
+require('classnames');
+require('./hooks/use-overrides.js');
+require('../../link/cssm');
+require('../../list/cssm');
+require('../../typography/cssm');
+require('./index.module.css');
+
+
+
+exports.MarkdownMobile = Component_mobile.MarkdownMobileComponent;

package/markdown/cssm/typings.d.ts

@@ -0,0 +1,48 @@
+import { SpecialComponents } from 'react-markdown/lib/ast-to-react';
+import { NormalComponents } from 'react-markdown/lib/complex-types';
+type FontType = 'styrene' | 'system' | undefined;
+type PlatformType = 'desktop' | 'mobile';
+type PaddingsMarkdownType = number | {
+    paddingTop?: number;
+    paddingBottom?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+};
+type OverridesComponents = Partial<Omit<NormalComponents, keyof SpecialComponents> & SpecialComponents> | undefined;
+type MarkdownProps = {
+    children: string;
+    /**
+     * Css класс для обертки разметки
+     */
+    className?: string;
+    /**
+     * Платформа
+     */
+    platform?: PlatformType;
+    /**
+     * Шрифт разметки
+     */
+    font?: FontType;
+    /**
+     * Переопределение компонентов для тегов разметки
+     */
+    overrides?: OverridesComponents;
+    /**
+     * Переопределение отступов для разметки
+     */
+    paddings?: PaddingsMarkdownType;
+};
+type MarkdownDesktopProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownMobileProps = Omit<MarkdownProps, 'platform'>;
+type MarkdownResponsiveProps = Omit<MarkdownProps, 'platform'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+export { FontType, PlatformType, PaddingsMarkdownType, OverridesComponents, MarkdownProps, MarkdownDesktopProps, MarkdownMobileProps, MarkdownResponsiveProps };

package/markdown/cssm/typings.js

@@ -0,0 +1 @@
+

package/markdown/desktop.d.ts

@@ -0,0 +1,2 @@
+export { MarkdownDesktopComponent as MarkdownDesktop } from "./Component.desktop";
+export {};