@storybook/components 5.1.3 → 5.1.7

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.
@@ -20,7 +20,7 @@ var _theming = require("@storybook/theming");
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
 
22
22
  function _templateObject() {
23
- var data = _taggedTemplateLiteral(["\n /* Custom styles atop GitHub base theme (see below) */\n font-size: ", "px;\n line-height: 1.6;\n\n h1 {\n font-size: ", "px;\n font-weight: ", ";\n }\n\n h2 {\n font-size: ", "px;\n border-bottom: 1px solid ", ";\n }\n\n h3 {\n font-size: ", "px;\n }\n\n h4 {\n font-size: ", "px;\n }\n\n h5 {\n font-size: ", "px;\n }\n\n h6 {\n font-size: ", "px;\n color: ", ";\n }\n\n /* Custom for SB SyntaxHighlighter */\n\n pre:not(.hljs) {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n margin: 0;\n }\n\n pre pre,\n pre.hljs {\n padding: 15px;\n margin: 0;\n\n white-space: pre-wrap;\n color: ", ";\n\n font-size: 13px;\n line-height: 19px;\n\n code {\n color: inherit;\n font-size: inherit;\n }\n }\n\n pre code {\n margin: 0;\n padding: 0;\n white-space: pre;\n border: none;\n background: transparent;\n }\n\n pre code,\n pre tt {\n background-color: transparent;\n border: none;\n }\n\n /* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */\n\n body > *:first-of-type {\n margin-top: 0 !important;\n }\n\n body > *:last-child {\n margin-bottom: 0 !important;\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n a.absent {\n color: #cc0000;\n }\n\n a.anchor {\n display: block;\n padding-left: 30px;\n margin-left: -30px;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 20px 0 10px;\n padding: 0;\n cursor: text;\n position: relative;\n }\n\n h2:first-of-type,\n h1:first-of-type,\n h1:first-of-type + h2,\n h3:first-of-type,\n h4:first-of-type,\n h5:first-of-type,\n h6:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n h1:hover a.anchor,\n h2:hover a.anchor,\n h3:hover a.anchor,\n h4:hover a.anchor,\n h5:hover a.anchor,\n h6:hover a.anchor {\n text-decoration: none;\n }\n\n h1 tt,\n h1 code {\n font-size: inherit;\n }\n\n h2 tt,\n h2 code {\n font-size: inherit;\n }\n\n h3 tt,\n h3 code {\n font-size: inherit;\n }\n\n h4 tt,\n h4 code {\n font-size: inherit;\n }\n\n h5 tt,\n h5 code {\n font-size: inherit;\n }\n\n h6 tt,\n h6 code {\n font-size: inherit;\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n li,\n table,\n pre {\n margin: 15px 0;\n }\n\n hr {\n border: 0 none;\n color: ", ";\n height: 4px;\n padding: 0;\n }\n\n body > h2:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h1:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h1:first-of-type + h2 {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h3:first-of-type,\n body > h4:first-of-type,\n body > h5:first-of-type,\n body > h6:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n a:first-of-type h1,\n a:first-of-type h2,\n a:first-of-type h3,\n a:first-of-type h4,\n a:first-of-type h5,\n a:first-of-type h6 {\n margin-top: 0;\n padding-top: 0;\n }\n\n h1 p,\n h2 p,\n h3 p,\n h4 p,\n h5 p,\n h6 p {\n margin-top: 0;\n }\n\n li p.first {\n display: inline-block;\n }\n\n ul,\n ol {\n padding-left: 30px;\n }\n\n ul :first-of-type,\n ol :first-of-type {\n margin-top: 0;\n }\n\n ul :last-child,\n ol :last-child {\n margin-bottom: 0;\n }\n\n dl {\n padding: 0;\n }\n\n dl dt {\n font-size: 14px;\n font-weight: bold;\n font-style: italic;\n padding: 0;\n margin: 15px 0 5px;\n }\n\n dl dt:first-of-type {\n padding: 0;\n }\n\n dl dt > :first-of-type {\n margin-top: 0;\n }\n\n dl dt > :last-child {\n margin-bottom: 0;\n }\n\n dl dd {\n margin: 0 0 15px;\n padding: 0 15px;\n }\n\n dl dd > :first-of-type {\n margin-top: 0;\n }\n\n dl dd > :last-child {\n margin-bottom: 0;\n }\n\n blockquote {\n border-left: 4px solid ", ";\n padding: 0 15px;\n color: ", ";\n }\n\n blockquote > :first-of-type {\n margin-top: 0;\n }\n\n blockquote > :last-child {\n margin-bottom: 0;\n }\n\n table {\n padding: 0;\n border-collapse: collapse;\n }\n table tr {\n border-top: 1px solid ", ";\n background-color: white;\n margin: 0;\n padding: 0;\n }\n\n table tr:nth-of-type(2n) {\n background-color: ", ";\n }\n\n table tr th {\n font-weight: bold;\n border: 1px solid ", ";\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n }\n\n table tr td {\n border: 1px solid ", ";\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n }\n\n table tr th :first-of-type,\n table tr td :first-of-type {\n margin-top: 0;\n }\n\n table tr th :last-child,\n table tr td :last-child {\n margin-bottom: 0;\n }\n\n img {\n max-width: 100%;\n }\n\n span.frame {\n display: block;\n overflow: hidden;\n }\n\n span.frame > span {\n border: 1px solid ", ";\n display: block;\n float: left;\n overflow: hidden;\n margin: 13px 0 0;\n padding: 7px;\n width: auto;\n }\n\n span.frame span img {\n display: block;\n float: left;\n }\n\n span.frame span span {\n clear: both;\n color: ", ";\n display: block;\n padding: 5px 0 0;\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n }\n\n span.align-center > span {\n display: block;\n overflow: hidden;\n margin: 13px auto 0;\n text-align: center;\n }\n\n span.align-center span img {\n margin: 0 auto;\n text-align: center;\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n }\n\n span.align-right > span {\n display: block;\n overflow: hidden;\n margin: 13px 0 0;\n text-align: right;\n }\n\n span.align-right span img {\n margin: 0;\n text-align: right;\n }\n\n span.float-left {\n display: block;\n margin-right: 13px;\n overflow: hidden;\n float: left;\n }\n\n span.float-left span {\n margin: 13px 0 0;\n }\n\n span.float-right {\n display: block;\n margin-left: 13px;\n overflow: hidden;\n float: right;\n }\n\n span.float-right > span {\n display: block;\n overflow: hidden;\n margin: 13px auto 0;\n text-align: right;\n }\n\n code,\n tt {\n margin: 0 2px;\n padding: 0 5px;\n white-space: nowrap;\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 3px;\n }\n "]);
23
+ var data = _taggedTemplateLiteral(["\n /* Custom styles atop GitHub base theme (see below) */\n font-size: ", "px;\n line-height: 1.6;\n\n h1 {\n font-size: ", "px;\n font-weight: ", ";\n }\n\n h2 {\n font-size: ", "px;\n border-bottom: 1px solid ", ";\n }\n\n h3 {\n font-size: ", "px;\n }\n\n h4 {\n font-size: ", "px;\n }\n\n h5 {\n font-size: ", "px;\n }\n\n h6 {\n font-size: ", "px;\n color: ", ";\n }\n\n /* Custom for SB SyntaxHighlighter */\n\n pre:not(.hljs) {\n background: transparent;\n border: none;\n border-radius: 0;\n padding: 0;\n margin: 0;\n }\n\n pre pre,\n pre.hljs {\n padding: 15px;\n margin: 0;\n\n white-space: pre-wrap;\n color: inherit;\n\n font-size: 13px;\n line-height: 19px;\n\n code {\n color: inherit;\n font-size: inherit;\n }\n }\n\n pre code {\n margin: 0;\n padding: 0;\n white-space: pre;\n border: none;\n background: transparent;\n }\n\n pre code,\n pre tt {\n background-color: transparent;\n border: none;\n }\n\n /* GitHub inspired Markdown styles loosely from https://gist.github.com/tuzz/3331384 */\n\n body > *:first-of-type {\n margin-top: 0 !important;\n }\n\n body > *:last-child {\n margin-bottom: 0 !important;\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n a.absent {\n color: #cc0000;\n }\n\n a.anchor {\n display: block;\n padding-left: 30px;\n margin-left: -30px;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 20px 0 10px;\n padding: 0;\n cursor: text;\n position: relative;\n }\n\n h2:first-of-type,\n h1:first-of-type,\n h1:first-of-type + h2,\n h3:first-of-type,\n h4:first-of-type,\n h5:first-of-type,\n h6:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n h1:hover a.anchor,\n h2:hover a.anchor,\n h3:hover a.anchor,\n h4:hover a.anchor,\n h5:hover a.anchor,\n h6:hover a.anchor {\n text-decoration: none;\n }\n\n h1 tt,\n h1 code {\n font-size: inherit;\n }\n\n h2 tt,\n h2 code {\n font-size: inherit;\n }\n\n h3 tt,\n h3 code {\n font-size: inherit;\n }\n\n h4 tt,\n h4 code {\n font-size: inherit;\n }\n\n h5 tt,\n h5 code {\n font-size: inherit;\n }\n\n h6 tt,\n h6 code {\n font-size: inherit;\n }\n\n p,\n blockquote,\n ul,\n ol,\n dl,\n li,\n table,\n pre {\n margin: 15px 0;\n }\n\n hr {\n border: 0 none;\n color: ", ";\n height: 4px;\n padding: 0;\n }\n\n body > h2:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h1:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h1:first-of-type + h2 {\n margin-top: 0;\n padding-top: 0;\n }\n\n body > h3:first-of-type,\n body > h4:first-of-type,\n body > h5:first-of-type,\n body > h6:first-of-type {\n margin-top: 0;\n padding-top: 0;\n }\n\n a:first-of-type h1,\n a:first-of-type h2,\n a:first-of-type h3,\n a:first-of-type h4,\n a:first-of-type h5,\n a:first-of-type h6 {\n margin-top: 0;\n padding-top: 0;\n }\n\n h1 p,\n h2 p,\n h3 p,\n h4 p,\n h5 p,\n h6 p {\n margin-top: 0;\n }\n\n li p.first {\n display: inline-block;\n }\n\n ul,\n ol {\n padding-left: 30px;\n }\n\n ul :first-of-type,\n ol :first-of-type {\n margin-top: 0;\n }\n\n ul :last-child,\n ol :last-child {\n margin-bottom: 0;\n }\n\n dl {\n padding: 0;\n }\n\n dl dt {\n font-size: 14px;\n font-weight: bold;\n font-style: italic;\n padding: 0;\n margin: 15px 0 5px;\n }\n\n dl dt:first-of-type {\n padding: 0;\n }\n\n dl dt > :first-of-type {\n margin-top: 0;\n }\n\n dl dt > :last-child {\n margin-bottom: 0;\n }\n\n dl dd {\n margin: 0 0 15px;\n padding: 0 15px;\n }\n\n dl dd > :first-of-type {\n margin-top: 0;\n }\n\n dl dd > :last-child {\n margin-bottom: 0;\n }\n\n blockquote {\n border-left: 4px solid ", ";\n padding: 0 15px;\n color: ", ";\n }\n\n blockquote > :first-of-type {\n margin-top: 0;\n }\n\n blockquote > :last-child {\n margin-bottom: 0;\n }\n\n table {\n padding: 0;\n border-collapse: collapse;\n }\n table tr {\n border-top: 1px solid ", ";\n background-color: white;\n margin: 0;\n padding: 0;\n }\n\n table tr:nth-of-type(2n) {\n background-color: ", ";\n }\n\n table tr th {\n font-weight: bold;\n border: 1px solid ", ";\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n }\n\n table tr td {\n border: 1px solid ", ";\n text-align: left;\n margin: 0;\n padding: 6px 13px;\n }\n\n table tr th :first-of-type,\n table tr td :first-of-type {\n margin-top: 0;\n }\n\n table tr th :last-child,\n table tr td :last-child {\n margin-bottom: 0;\n }\n\n img {\n max-width: 100%;\n }\n\n span.frame {\n display: block;\n overflow: hidden;\n }\n\n span.frame > span {\n border: 1px solid ", ";\n display: block;\n float: left;\n overflow: hidden;\n margin: 13px 0 0;\n padding: 7px;\n width: auto;\n }\n\n span.frame span img {\n display: block;\n float: left;\n }\n\n span.frame span span {\n clear: both;\n color: ", ";\n display: block;\n padding: 5px 0 0;\n }\n\n span.align-center {\n display: block;\n overflow: hidden;\n clear: both;\n }\n\n span.align-center > span {\n display: block;\n overflow: hidden;\n margin: 13px auto 0;\n text-align: center;\n }\n\n span.align-center span img {\n margin: 0 auto;\n text-align: center;\n }\n\n span.align-right {\n display: block;\n overflow: hidden;\n clear: both;\n }\n\n span.align-right > span {\n display: block;\n overflow: hidden;\n margin: 13px 0 0;\n text-align: right;\n }\n\n span.align-right span img {\n margin: 0;\n text-align: right;\n }\n\n span.float-left {\n display: block;\n margin-right: 13px;\n overflow: hidden;\n float: left;\n }\n\n span.float-left span {\n margin: 13px 0 0;\n }\n\n span.float-right {\n display: block;\n margin-left: 13px;\n overflow: hidden;\n float: right;\n }\n\n span.float-right > span {\n display: block;\n overflow: hidden;\n margin: 13px auto 0;\n text-align: right;\n }\n\n code,\n tt {\n margin: 0 2px;\n padding: 0 5px;\n white-space: nowrap;\n border: 1px solid ", ";\n background-color: ", ";\n border-radius: 3px;\n }\n "]);
24
24
 
25
25
  _templateObject = function _templateObject() {
26
26
  return data;
@@ -32,7 +32,7 @@ function _templateObject() {
32
32
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
33
33
 
34
34
  var Wrapper = _theming.styled.div(function (props) {
35
- return (0, _theming.css)(_templateObject(), props.theme.typography.size.s2, props.theme.typography.size.l1, props.theme.typography.weight.black, props.theme.typography.size.m2, props.theme.appBorderColor, props.theme.typography.size.m1, props.theme.typography.size.s3, props.theme.typography.size.s2, props.theme.typography.size.s2, props.theme.color.dark, props.theme.color.darkest, props.theme.color.secondary, props.theme.appBorderColor, props.theme.color.medium, props.theme.color.dark, props.theme.appBorderColor, props.theme.color.lighter, props.theme.appBorderColor, props.theme.appBorderColor, props.theme.color.medium, props.theme.color.darkest, props.theme.color.mediumlight, props.theme.color.lighter);
35
+ return (0, _theming.css)(_templateObject(), props.theme.typography.size.s2, props.theme.typography.size.l1, props.theme.typography.weight.black, props.theme.typography.size.m2, props.theme.appBorderColor, props.theme.typography.size.m1, props.theme.typography.size.s3, props.theme.typography.size.s2, props.theme.typography.size.s2, props.theme.color.dark, props.theme.color.secondary, props.theme.appBorderColor, props.theme.color.medium, props.theme.color.dark, props.theme.appBorderColor, props.theme.color.lighter, props.theme.appBorderColor, props.theme.appBorderColor, props.theme.color.medium, props.theme.color.darkest, props.theme.color.mediumlight, props.theme.color.lighter);
36
36
  });
37
37
 
38
38
  var DocumentFormatting = function DocumentFormatting(props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/components",
3
- "version": "5.1.3",
3
+ "version": "5.1.7",
4
4
  "description": "Core Storybook Components",
5
5
  "keywords": [
6
6
  "storybook"
@@ -21,8 +21,8 @@
21
21
  "prepare": "node ../../scripts/prepare.js"
22
22
  },
23
23
  "dependencies": {
24
- "@storybook/client-logger": "5.1.3",
25
- "@storybook/theming": "5.1.3",
24
+ "@storybook/client-logger": "5.1.7",
25
+ "@storybook/theming": "5.1.7",
26
26
  "core-js": "^3.0.1",
27
27
  "global": "^4.3.2",
28
28
  "markdown-to-jsx": "^6.9.1",
@@ -30,8 +30,8 @@
30
30
  "polished": "^3.3.1",
31
31
  "popper.js": "^1.14.7",
32
32
  "prop-types": "^15.7.2",
33
- "react": "^16.8.4",
34
- "react-dom": "^16.8.4",
33
+ "react": "^16.8.3",
34
+ "react-dom": "^16.8.3",
35
35
  "react-focus-lock": "^1.18.3",
36
36
  "react-helmet-async": "^1.0.2",
37
37
  "react-popper-tooltip": "^2.8.3",
@@ -55,5 +55,5 @@
55
55
  "publishConfig": {
56
56
  "access": "public"
57
57
  },
58
- "gitHead": "bf73c6760a15000e23776bb7973148b3a73bbe5a"
58
+ "gitHead": "4c4c1a9fd7461860299ff70ce1e548536a912664"
59
59
  }
@@ -50,7 +50,7 @@ const Wrapper = styled.div(
50
50
  margin: 0;
51
51
 
52
52
  white-space: pre-wrap;
53
- color: ${props.theme.color.darkest};
53
+ color: inherit;
54
54
 
55
55
  font-size: 13px;
56
56
  line-height: 19px;