@dfds-ui/storybook-design 2.0.8 → 2.0.9-alpha.3f7e7a4e

package/helpers/decorators.d.ts

@@ -1,3 +0,0 @@
-export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => JSX.Element;
-export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => JSX.Element;
-export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => JSX.Element;

package/helpers/decorators.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var withPadding = function withPadding() {
-  var space = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '16px';
-  return function (storyFn) {
-    return ___EmotionJSX("div", {
-      css: /*#__PURE__*/css("margin:", space, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withPadding;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQiIsImZpbGUiOiIuLi8uLi9zcmMvaGVscGVycy9kZWNvcmF0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgd2l0aFBhZGRpbmcgPVxuICAoc3BhY2UgPSAnMTZweCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46ICR7c3BhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7c3RvcnlGbigpfVxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbmV4cG9ydCBjb25zdCB3aXRoQmFja2dyb3VuZCA9XG4gIChjb2xvciA9ICd0cmFuc3BhcmVudCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aFdpZHRoID0gKHdpZHRoOiBzdHJpbmcpID0+IChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsICdIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogNHB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICBjb250ZW50OiAnd2l0aFdpZHRoOiAke3dpZHRofSc7XG4gICAgICAgICAgb3BhY2l0eTogMC43NTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RvcnlGbigpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */")
-    }, storyFn());
-  };
-};
-export var withBackground = function withBackground() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'transparent';
-  return function (storyFn) {
-    return ___EmotionJSX("div", {
-      css: /*#__PURE__*/css("background-color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:withBackground;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2hlbHBlcnMvZGVjb3JhdG9ycy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IHdpdGhQYWRkaW5nID1cbiAgKHNwYWNlID0gJzE2cHgnKSA9PlxuICAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgbWFyZ2luOiAke3NwYWNlfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aEJhY2tncm91bmQgPVxuICAoY29sb3IgPSAndHJhbnNwYXJlbnQnKSA9PlxuICAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtzdG9yeUZuKCl9XG4gICAgICA8L2Rpdj5cbiAgICApXG4gIH1cblxuZXhwb3J0IGNvbnN0IHdpdGhXaWR0aCA9ICh3aWR0aDogc3RyaW5nKSA9PiAoc3RvcnlGbjogKC4uLmFyZ3M6IGFueSkgPT4gYW55KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAke3dpZHRofTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBWZXJkYW5hLCBzeXN0ZW0tdWksIEFyaWFsLCAnSGVsdmV0aWNhIE5ldWUnLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgICAgcGFkZGluZy10b3A6IDRweDtcbiAgICAgICAgICBmb250LXNpemU6IDEwcHg7XG4gICAgICAgICAgY29udGVudDogJ3dpdGhXaWR0aDogJHt3aWR0aH0nO1xuICAgICAgICAgIG9wYWNpdHk6IDAuNzU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAge3N0b3J5Rm4oKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuIl19 */")
-    }, storyFn());
-  };
-};
-export var withWidth = function withWidth(width) {
-  return function (storyFn) {
-    return ___EmotionJSX("div", {
-      css: /*#__PURE__*/css("width:", width, ";background-color:#eee;&::after{font-family:Verdana,system-ui,Arial,'Helvetica Neue',Helvetica,sans-serif;padding-top:4px;font-size:10px;content:'withWidth: ", width, "';opacity:0.75;display:block;}" + (process.env.NODE_ENV === "production" ? "" : ";label:withWidth;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9oZWxwZXJzL2RlY29yYXRvcnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDYyIsImZpbGUiOiIuLi8uLi9zcmMvaGVscGVycy9kZWNvcmF0b3JzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgY29uc3Qgd2l0aFBhZGRpbmcgPVxuICAoc3BhY2UgPSAnMTZweCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBtYXJnaW46ICR7c3BhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7c3RvcnlGbigpfVxuICAgICAgPC9kaXY+XG4gICAgKVxuICB9XG5cbmV4cG9ydCBjb25zdCB3aXRoQmFja2dyb3VuZCA9XG4gIChjb2xvciA9ICd0cmFuc3BhcmVudCcpID0+XG4gIChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3N0b3J5Rm4oKX1cbiAgICAgIDwvZGl2PlxuICAgIClcbiAgfVxuXG5leHBvcnQgY29uc3Qgd2l0aFdpZHRoID0gKHdpZHRoOiBzdHJpbmcpID0+IChzdG9yeUZuOiAoLi4uYXJnczogYW55KSA9PiBhbnkpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgd2lkdGg6ICR7d2lkdGh9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFZlcmRhbmEsIHN5c3RlbS11aSwgQXJpYWwsICdIZWx2ZXRpY2EgTmV1ZScsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogNHB4O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTBweDtcbiAgICAgICAgICBjb250ZW50OiAnd2l0aFdpZHRoOiAke3dpZHRofSc7XG4gICAgICAgICAgb3BhY2l0eTogMC43NTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICB7c3RvcnlGbigpfVxuICAgIDwvZGl2PlxuICApXG59XG4iXX0= */")
-    }, storyFn());
-  };
-};

package/index.d.ts

@@ -1,5 +0,0 @@
-export * from './components';
-export * from './markdown';
-export { default as createDfdsTheme } from './createDfdsTheme';
-export * from './helpers/components';
-export * from './helpers/decorators';

package/index.js

@@ -1,5 +0,0 @@
-export * from './components';
-export * from './markdown';
-export { default as createDfdsTheme } from './createDfdsTheme';
-export * from './helpers/components';
-export * from './helpers/decorators';

package/markdown/Markdown.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare const Markdown: ({ children, ...rest }: {
-    source?: any;
-    children: React.ReactNode;
-}) => JSX.Element;
-export default Markdown;

package/markdown/Markdown.js

@@ -1,52 +0,0 @@
-var _excluded = ["children"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-import React from 'react';
-import ReactMarkdown from 'react-markdown';
-import renderers from 'react-markdown-github-renderers';
-
-// the ListItem renderer from react-markdown-github-renderers does not render checkboxes so we create our own
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var ListItemRenderer = function ListItemRenderer(props) {
-  var checkbox = null;
-  if (props.checked !== null) {
-    var checked = props.checked;
-    checkbox = /*#__PURE__*/React.createElement('input', {
-      type: 'checkbox',
-      checked: checked,
-      readOnly: true,
-      style: {
-        margin: '4px'
-      }
-    });
-  }
-  return /*#__PURE__*/React.createElement('li', {
-    style: {
-      marginTop: 4,
-      lineHeight: 1.5
-    }
-  }, checkbox, props.children);
-};
-var TableRenderer = function TableRenderer(props) {
-  return /*#__PURE__*/React.createElement('table', {
-    className: 'markdown-table'
-  }, props.children);
-};
-var customRenderers = _objectSpread(_objectSpread({}, renderers), {}, {
-  listItem: ListItemRenderer,
-  table: TableRenderer
-});
-var Markdown = function Markdown(_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return ___EmotionJSX(ReactMarkdown, _extends({
-    escapeHtml: false,
-    source: children,
-    renderers: customRenderers
-  }, rest));
-};
-export default Markdown;

package/markdown/Md.d.ts

@@ -1,2 +0,0 @@
-export declare const Md: (strings: TemplateStringsArray, ...values: string[]) => JSX.Element;
-export default Md;

package/markdown/Md.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import Markdown from './Markdown';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export var Md = function Md(strings) {
-  for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    values[_key - 1] = arguments[_key];
-  }
-  var source = strings.reduce(function (res, str, i) {
-    return "".concat(res).concat(str).concat(values[i] || '');
-  });
-  return ___EmotionJSX(Markdown, null, source);
-};
-export default Md;

package/markdown/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Markdown } from './Markdown';
-export { default as Md } from './Md';

package/markdown/index.js

@@ -1,2 +0,0 @@
-export { default as Markdown } from './Markdown';
-export { default as Md } from './Md';

package/mdx/index.js

@@ -1 +0,0 @@
-exports.mdxLoaderRenderer = require('./mdxLoaderRenderer');

package/mdx/mdxLoaderRenderer.js

@@ -1,4 +0,0 @@
-// In order to use the css prop (without overwriting) on a component inside mdx
-// stories we need to provide @mdx-js/loader with a custom renderer function.
-// See https://github.com/mdx-js/mdx/tree/master/packages/loader
-module.exports = "\nimport React from 'react'\nimport { jsx } from '@emotion/react'\nimport {mdx as _mdx } from '@mdx-js/react'\nconst mdx = (name, props, ...children) => {\n  // Sometimes the mdxType prop can bleed into the DOM from components which \"spreads the rest props\"\n  if(props) {\n    // delete props.mdxType\n  }\n  return (typeof name === 'string' || typeof name === 'symbol') && !(props && 'css' in props) ? _mdx(name, props, ...children) : jsx(name, props, ...children)\n}\n";