@dfds-ui/storybook-design 1.1.15 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/ExampleContainer.d.ts +0 -1
- package/cjs/components/ExampleContainer.js +0 -3
- package/cjs/components/GlobalStorybookStyles.d.ts +0 -1
- package/cjs/components/GlobalStorybookStyles.js +0 -7
- package/cjs/components/MarkdownStory.d.ts +0 -1
- package/cjs/components/MarkdownStory.js +8 -23
- package/cjs/components/Paper.d.ts +0 -1
- package/cjs/components/Paper.js +0 -3
- package/cjs/components/Placeholder.js +2 -12
- package/cjs/components/StoryPage.d.ts +0 -1
- package/cjs/components/StoryPage.js +0 -4
- package/cjs/components/index.js +8 -15
- package/cjs/createDfdsTheme.js +0 -2
- package/cjs/helpers/components.js +21 -104
- package/cjs/helpers/decorators.d.ts +0 -1
- package/cjs/helpers/decorators.js +1 -10
- package/cjs/index.js +0 -10
- package/cjs/markdown/Markdown.js +1 -21
- package/cjs/markdown/Md.d.ts +0 -1
- package/cjs/markdown/Md.js +0 -6
- package/cjs/markdown/index.js +0 -3
- package/components/ExampleContainer.d.ts +0 -1
- package/components/ExampleContainer.js +0 -2
- package/components/GlobalStorybookStyles.d.ts +0 -1
- package/components/GlobalStorybookStyles.js +0 -4
- package/components/MarkdownStory.d.ts +0 -1
- package/components/MarkdownStory.js +9 -19
- package/components/Paper.d.ts +0 -1
- package/components/Paper.js +0 -2
- package/components/Placeholder.js +2 -9
- package/components/StoryPage.d.ts +0 -1
- package/components/StoryPage.js +0 -3
- package/helpers/components.js +29 -89
- package/helpers/decorators.d.ts +0 -1
- package/markdown/Markdown.js +3 -17
- package/markdown/Md.d.ts +0 -1
- package/markdown/Md.js +0 -1
- package/package.json +4 -4
package/helpers/decorators.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const withPadding: (space?: string) => (storyFn: (...args: any) => any) => JSX.Element;
|
|
3
2
|
export declare const withBackground: (color?: string) => (storyFn: (...args: any) => any) => JSX.Element;
|
|
4
3
|
export declare const withWidth: (width: string) => (storyFn: (...args: any) => any) => JSX.Element;
|
package/markdown/Markdown.js
CHANGED
|
@@ -1,26 +1,18 @@
|
|
|
1
1
|
var _excluded = ["children"];
|
|
2
|
-
|
|
3
2
|
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); }
|
|
4
|
-
|
|
5
3
|
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; }
|
|
6
|
-
|
|
7
4
|
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; }
|
|
8
|
-
|
|
9
5
|
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; }
|
|
10
|
-
|
|
11
6
|
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; }
|
|
12
|
-
|
|
13
7
|
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; }
|
|
14
|
-
|
|
15
8
|
import React from 'react';
|
|
16
9
|
import ReactMarkdown from 'react-markdown';
|
|
17
|
-
import renderers from 'react-markdown-github-renderers';
|
|
10
|
+
import renderers from 'react-markdown-github-renderers';
|
|
18
11
|
|
|
12
|
+
// the ListItem renderer from react-markdown-github-renderers does not render checkboxes so we create our own
|
|
19
13
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
20
|
-
|
|
21
14
|
var ListItemRenderer = function ListItemRenderer(props) {
|
|
22
15
|
var checkbox = null;
|
|
23
|
-
|
|
24
16
|
if (props.checked !== null) {
|
|
25
17
|
var checked = props.checked;
|
|
26
18
|
checkbox = /*#__PURE__*/React.createElement('input', {
|
|
@@ -32,7 +24,6 @@ var ListItemRenderer = function ListItemRenderer(props) {
|
|
|
32
24
|
}
|
|
33
25
|
});
|
|
34
26
|
}
|
|
35
|
-
|
|
36
27
|
return /*#__PURE__*/React.createElement('li', {
|
|
37
28
|
style: {
|
|
38
29
|
marginTop: 4,
|
|
@@ -40,27 +31,22 @@ var ListItemRenderer = function ListItemRenderer(props) {
|
|
|
40
31
|
}
|
|
41
32
|
}, checkbox, props.children);
|
|
42
33
|
};
|
|
43
|
-
|
|
44
34
|
var TableRenderer = function TableRenderer(props) {
|
|
45
35
|
return /*#__PURE__*/React.createElement('table', {
|
|
46
36
|
className: 'markdown-table'
|
|
47
37
|
}, props.children);
|
|
48
38
|
};
|
|
49
|
-
|
|
50
39
|
var customRenderers = _objectSpread(_objectSpread({}, renderers), {}, {
|
|
51
40
|
listItem: ListItemRenderer,
|
|
52
41
|
table: TableRenderer
|
|
53
42
|
});
|
|
54
|
-
|
|
55
43
|
var Markdown = function Markdown(_ref) {
|
|
56
44
|
var children = _ref.children,
|
|
57
|
-
|
|
58
|
-
|
|
45
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
59
46
|
return ___EmotionJSX(ReactMarkdown, _extends({
|
|
60
47
|
escapeHtml: false,
|
|
61
48
|
source: children,
|
|
62
49
|
renderers: customRenderers
|
|
63
50
|
}, rest));
|
|
64
51
|
};
|
|
65
|
-
|
|
66
52
|
export default Markdown;
|
package/markdown/Md.d.ts
CHANGED
package/markdown/Md.js
CHANGED
|
@@ -5,7 +5,6 @@ export var Md = function Md(strings) {
|
|
|
5
5
|
for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
6
6
|
values[_key - 1] = arguments[_key];
|
|
7
7
|
}
|
|
8
|
-
|
|
9
8
|
var source = strings.reduce(function (res, str, i) {
|
|
10
9
|
return "".concat(res).concat(str).concat(values[i] || '');
|
|
11
10
|
});
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Components and utils for use with Storybook within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "
|
|
6
|
+
"version": "2.0.0",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"@emotion/styled": "^11.0.0"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@dfds-ui/icons": "
|
|
18
|
-
"react-markdown": "^
|
|
17
|
+
"@dfds-ui/icons": "2.0.0",
|
|
18
|
+
"react-markdown": "^5.0.3",
|
|
19
19
|
"react-markdown-github-renderers": "^1.0.3"
|
|
20
20
|
},
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "98f0815776d1be1eef0e7a3012c384d7933ede8c",
|
|
22
22
|
"publishConfig": {
|
|
23
23
|
"access": "public"
|
|
24
24
|
}
|