@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

package/list/cssm/components/item/Component.js

@@ -1,7 +1,11 @@
-import 'react';
-import 'classnames';
-import '../../../../typography/cssm';
-export { I as Item } from '../../Component-8a80b477.js';
-import './index.module.css';
-import '../../utils.js';
-import '../../index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('classnames');
+require('../../../../typography/cssm');
+var components_item_Component = require('../../Component-7cc47e0b.js');
+require('./index.module.css');
+
+
+
+exports.Item = components_item_Component.Item;

package/list/cssm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-8a80b477";
+export * from "../../Component-7cc47e0b";

package/list/cssm/components/item/index.js

@@ -1,7 +1,7 @@
-export { I as Item } from '../../Component-8a80b477.js';
-import 'react';
-import 'classnames';
-import '../../../../typography/cssm';
-import '../../utils.js';
-import '../../index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_item_Component = require('../../Component-7cc47e0b.js');
+
+
+
+exports.Item = components_item_Component.Item;

package/list/cssm/index.js

@@ -1,8 +1,10 @@
-export { a as List, L as ListContext } from './Component-8a80b477.js';
-export { listPresets } from './presets.js';
-import 'react';
-import 'classnames';
-import '../../typography/cssm';
-import './utils.js';
-import './index.module.css';
-import './components/item/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_item_Component = require('./Component-7cc47e0b.js');
+var presets = require('./presets.js');
+
+
+
+exports.List = components_item_Component.List;
+exports.ListContext = components_item_Component.ListContext;
+exports.listPresets = presets.listPresets;

package/list/cssm/presets.js

@@ -1,8 +1,10 @@
-const listPresets = {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var listPresets = {
     mobile: {
         tag: 'ul',
         marker: '–',
     },
 };
 
-export { listPresets };
+exports.listPresets = listPresets;

package/list/cssm/utils.js

@@ -1,6 +1,13 @@
-import { isValidElement } from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const isItemElement = (obj, name) => typeof obj === 'object' && obj.type.displayName === name;
-const isItem = (child) => isValidElement(child) && isItemElement(child, 'ListItem');
+var React = require('react');
 
-export { isItem, isItemElement };
+var isItemElement = function (obj, name) {
+    return typeof obj === 'object' && obj.type.displayName === name;
+};
+var isItem = function (child) {
+    return React.isValidElement(child) && isItemElement(child, 'ListItem');
+};
+
+exports.isItem = isItem;
+exports.isItemElement = isItemElement;

package/list-header/cssm/Component.js

@@ -1,10 +1,22 @@
-import React from 'react';
-import cn from 'classnames';
-import { Typography } from '../../typography/cssm';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const ListHeader = ({ title, description, filled = true, className, dataTestId, }) => (React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, { [styles.filled]: filled }, className) },
-    React.createElement(Typography.Text, { view: 'secondary-large' }, title),
-    description && (React.createElement(Typography.Text, { view: 'secondary-large', className: cn(styles.description) }, `, ${description}`))));
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../../typography/cssm');
+var styles = require('./index.module.css');
 
-export { ListHeader };
+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 ListHeader = function (_a) {
+    var _b;
+    var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement("div", { "data-test-id": dataTestId, className: cn__default.default(styles__default.default.component, (_b = {}, _b[styles__default.default.filled] = filled, _b), className) },
+        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
+        description && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default.default(styles__default.default.description) }, ", ".concat(description)))));
+};
+
+exports.ListHeader = ListHeader;

package/list-header/cssm/index.js

@@ -1,5 +1,7 @@
-export { ListHeader } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../typography/cssm';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.ListHeader = Component.ListHeader;

package/loader/cssm/Component.js

@@ -1,10 +1,21 @@
-import React from 'react';
-import cn from 'classnames';
-import styles from './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Loader = ({ className, dataTestId }) => (React.createElement("div", { className: cn(styles.component, className), "data-test-id": dataTestId },
-    React.createElement("div", null),
-    React.createElement("div", null),
-    React.createElement("div", null)));
+var React = require('react');
+var cn = require('classnames');
+var styles = require('./index.module.css');
 
-export { Loader };
+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 Loader = function (_a) {
+    var className = _a.className, dataTestId = _a.dataTestId;
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className), "data-test-id": dataTestId },
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null),
+        React__default.default.createElement("div", null)));
+};
+
+exports.Loader = Loader;

package/loader/cssm/index.js

@@ -1,4 +1,7 @@
-export { Loader } from './Component.js';
-import 'react';
-import 'classnames';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Loader = Component.Loader;

package/markdown/Component.responsive.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 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 _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _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 (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/markdown/cssm/Component.desktop.js

@@ -1,16 +1,16 @@
-import React from 'react';
-import { Markdown } from './Component.js';
-import 'react-markdown';
-import 'classnames';
-import './hooks/use-overrides.js';
-import '../../link/cssm';
-import '../../list/cssm';
-import '../../typography/cssm';
-import './index.module.css';
-import './remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const MarkdownDesktopComponent = ({ children, ...restProps }) => (React.createElement(Markdown, { ...restProps, platform: 'desktop' }, children));
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
 
-export { MarkdownDesktopComponent };
+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

@@ -1,18 +1,24 @@
-import React from 'react';
-import ReactMarkdown from 'react-markdown';
-import cn from 'classnames';
-import { useOverrides } from './hooks/use-overrides.js';
-import { strikethroughRemarkPlugin } from './remark-plugins/strikethrough.js';
-import styles from './index.module.css';
-import '../../link/cssm';
-import '../../list/cssm';
-import '../../typography/cssm';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const Markdown = ({ children, className, platform, font = 'system', overrides, }) => {
-    const defaultOverrides = useOverrides(platform, font);
-    return (React.createElement(ReactMarkdown, { remarkPlugins: [strikethroughRemarkPlugin], components: { ...defaultOverrides, ...overrides }, className: cn(styles.component, className) }, children));
+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 remarkPlugins_strikethrough = require('./remark-plugins/strikethrough.js');
+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 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;
+    var defaultOverrides = hooks_useOverrides.useOverrides(platform, font);
+    return (React__default.default.createElement(ReactMarkdown__default.default, { remarkPlugins: [remarkPlugins_strikethrough.strikethroughRemarkPlugin], components: tslib.__assign(tslib.__assign({}, defaultOverrides), overrides), className: cn__default.default(styles__default.default.component, className) }, children));
 };
 
-export { Markdown };
+exports.Markdown = Markdown;

package/markdown/cssm/Component.mobile.js

@@ -1,16 +1,16 @@
-import React from 'react';
-import { Markdown } from './Component.js';
-import 'react-markdown';
-import 'classnames';
-import './hooks/use-overrides.js';
-import '../../link/cssm';
-import '../../list/cssm';
-import '../../typography/cssm';
-import './index.module.css';
-import './remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const MarkdownMobileComponent = ({ children, ...restProps }) => (React.createElement(Markdown, { ...restProps, platform: 'mobile' }, children));
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('./Component.js');
 
-export { MarkdownMobileComponent };
+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.js

@@ -1,23 +1,21 @@
-import React from 'react';
-import { useMatchMedia } from '../../mq/cssm';
-import { isClient } from '../../shared/cssm';
-import { Markdown } from './Component.js';
-import 'react-markdown';
-import 'classnames';
-import './hooks/use-overrides.js';
-import '../../link/cssm';
-import '../../list/cssm';
-import '../../typography/cssm';
-import './index.module.css';
-import './remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const MarkdownResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
-    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);
-    return (React.createElement(Markdown, { ...restProps, platform: isDesktop ? 'desktop' : 'mobile' }, children));
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
+var Component = require('./Component.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var MarkdownResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _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 (coreComponentsShared.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));
 };
 
-export { MarkdownResponsiveComponent };
+exports.MarkdownResponsiveComponent = MarkdownResponsiveComponent;

package/markdown/cssm/desktop/index.js

@@ -1,13 +1,7 @@
-export { MarkdownDesktopComponent as MarkdownDesktop } from '../Component.desktop.js';
-import 'react';
-import '../Component.js';
-import 'react-markdown';
-import 'classnames';
-import '../hooks/use-overrides.js';
-import '../../../link/cssm';
-import '../../../list/cssm';
-import '../../../typography/cssm';
-import '../index.module.css';
-import '../remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('../Component.desktop.js');
+
+
+
+exports.MarkdownDesktop = Component_desktop.MarkdownDesktopComponent;

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

@@ -1,27 +1,37 @@
-import React, { useMemo } from 'react';
-import cn from 'classnames';
-import { Link } from '../../../link/cssm';
-import { List } from '../../../list/cssm';
-import { Typography } from '../../../typography/cssm';
-import styles from '../index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const useOverrides = (platform, font) => useMemo(() => {
-    const titleName = platform === 'desktop' ? 'Title' : 'TitleMobile';
-    const Title = Typography[titleName];
-    return {
-        h1: (props) => (React.createElement(Title, { font: font, className: cn(styles.h1, 'h1'), tag: 'h1', view: 'medium', color: 'primary' }, props.children)),
-        h2: (props) => (React.createElement(Title, { font: font, className: cn(styles.h2, 'h2'), tag: 'h2', view: 'small', color: 'primary' }, props.children)),
-        h3: (props) => (React.createElement(Title, { font: font, className: cn(styles.h3, 'h3'), tag: 'h3', view: 'xsmall', color: 'primary' }, props.children)),
-        p: (props) => (React.createElement(Typography.Text, { className: 'p', tag: 'p', view: 'primary-medium', color: 'primary' }, props.children)),
-        blockquote: (props) => (React.createElement(Typography.Text, { className: cn(styles.blockquote, 'blockquote'), tag: 'div', view: 'primary-small', color: 'secondary' }, props.children)),
-        a: (props) => (React.createElement(Link, { className: 'a', target: '_blank', rel: 'noopener noreferrer', href: props.href }, props.children)),
-        code: (props) => (React.createElement(Typography.Text, { tag: 'span', className: cn(styles.code, 'code'), view: 'primary-small', color: 'secondary' }, props.children)),
-        img: (props) => (React.createElement("div", { className: cn(styles.imageContainer, 'img') },
-            React.createElement("img", { alt: props.alt, src: props.src, className: styles.image }))),
-        ul: (props) => (React.createElement(List, { className: cn(styles.list, 'ul'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter((el) => el !== '\n'))),
-        ol: (props) => (React.createElement(List, { className: cn(styles.list, 'ol'), tag: props.ordered ? 'ol' : 'ul' }, props.children.filter((el) => el !== '\n'))),
-        li: (props) => (React.createElement(Typography.Text, { className: cn(styles.li, 'li'), view: 'primary-medium' }, props.children)),
-    };
-}, [font, platform]);
+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');
 
-export { useOverrides };
+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) {
+    return React.useMemo(function () {
+        var titleName = platform === 'desktop' ? 'Title' : 'TitleMobile';
+        var Title = coreComponentsTypography.Typography[titleName];
+        return {
+            h1: function (props) { return (React__default.default.createElement(Title, { 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, { 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, { 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, { className: 'p', tag: 'p', view: 'primary-medium', color: 'primary' }, props.children)); },
+            blockquote: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { 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, { className: 'a', target: '_blank', rel: 'noopener noreferrer', href: props.href }, props.children)); },
+            code: function (props) { return (React__default.default.createElement(coreComponentsTypography.Typography.Text, { 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", { 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, { 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, { 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, platform]);
+};
+
+exports.useOverrides = useOverrides;

package/markdown/cssm/index.js

@@ -1,15 +1,7 @@
-export { MarkdownResponsiveComponent as Markdown } from './Component.responsive.js';
-import 'react';
-import '../../mq/cssm';
-import '../../shared/cssm';
-import './Component.js';
-import 'react-markdown';
-import 'classnames';
-import './hooks/use-overrides.js';
-import '../../link/cssm';
-import '../../list/cssm';
-import '../../typography/cssm';
-import './index.module.css';
-import './remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_responsive = require('./Component.responsive.js');
+
+
+
+exports.Markdown = Component_responsive.MarkdownResponsiveComponent;

package/markdown/cssm/mobile/index.js

@@ -1,13 +1,7 @@
-export { MarkdownMobileComponent as MarkdownMobile } from '../Component.mobile.js';
-import 'react';
-import '../Component.js';
-import 'react-markdown';
-import 'classnames';
-import '../hooks/use-overrides.js';
-import '../../../link/cssm';
-import '../../../list/cssm';
-import '../../../typography/cssm';
-import '../index.module.css';
-import '../remark-plugins/strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('../Component.mobile.js');
+
+
+
+exports.MarkdownMobile = Component_mobile.MarkdownMobileComponent;

package/markdown/cssm/remark-plugins/index.js

@@ -1,3 +1,7 @@
-export { strikethroughRemarkPlugin } from './strikethrough.js';
-import 'mdast-util-gfm-strikethrough';
-import 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var remarkPlugins_strikethrough = require('./strikethrough.js');
+
+
+
+exports.strikethroughRemarkPlugin = remarkPlugins_strikethrough.strikethroughRemarkPlugin;

package/markdown/cssm/remark-plugins/strikethrough.js

@@ -1,19 +1,25 @@
-import { fromMarkdown, toMarkdown } from 'mdast-util-gfm-strikethrough';
-import gfmStrikethroughExtension from 'micromark-extension-gfm-strikethrough';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mdastUtilGfmStrikethrough = require('mdast-util-gfm-strikethrough');
+var gfmStrikethroughExtension = require('micromark-extension-gfm-strikethrough');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var gfmStrikethroughExtension__default = /*#__PURE__*/_interopDefaultCompat(gfmStrikethroughExtension);
 
 function strikethroughToMarkdown() {
     return {
-        extensions: [toMarkdown],
+        extensions: [mdastUtilGfmStrikethrough.toMarkdown],
     };
 }
 function strikethroughRemarkPlugin() {
-    const data = this.data();
-    const micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
-    const fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
-    const toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
-    micromarkExtensions.push(gfmStrikethroughExtension({ singleTilde: false }));
-    fromMarkdownExtensions.push(fromMarkdown);
+    var data = this.data();
+    var micromarkExtensions = data.micromarkExtensions || (data.micromarkExtensions = []);
+    var fromMarkdownExtensions = data.fromMarkdownExtensions || (data.fromMarkdownExtensions = []);
+    var toMarkdownExtensions = data.toMarkdownExtensions || (data.toMarkdownExtensions = []);
+    micromarkExtensions.push(gfmStrikethroughExtension__default.default({ singleTilde: false }));
+    fromMarkdownExtensions.push(mdastUtilGfmStrikethrough.fromMarkdown);
     toMarkdownExtensions.push(strikethroughToMarkdown());
 }
 
-export { strikethroughRemarkPlugin };
+exports.strikethroughRemarkPlugin = strikethroughRemarkPlugin;

package/markdown/esm/Component.responsive.js

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { isClient } from '../../shared/esm';
+import { getComponentBreakpoint, isClient } from '../../shared/esm';
 import { Markdown } from './Component.js';
 import 'react-markdown';
 import 'classnames';
@@ -14,7 +14,7 @@ import 'mdast-util-gfm-strikethrough';
 import 'micromark-extension-gfm-strikethrough';
 
 var MarkdownResponsiveComponent = function (_a) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
     var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];

package/markdown/modern/Component.responsive.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useMatchMedia } from '../../mq/modern';
-import { isClient } from '../../shared/modern';
+import { getComponentBreakpoint, isClient } from '../../shared/modern';
 import { Markdown } from './Component.js';
 import 'react-markdown';
 import 'classnames';
@@ -12,7 +12,7 @@ import './remark-plugins/strikethrough.js';
 import 'mdast-util-gfm-strikethrough';
 import 'micromark-extension-gfm-strikethrough';
 
-const MarkdownResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
+const MarkdownResponsiveComponent = ({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, children, ...restProps }) => {
     const query = `(min-width: ${breakpoint}px)`;
     const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
     const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);