@storybook/components 6.4.0-beta.3 → 6.4.0-beta.33

package/dist/esm/typography/typography.stories.js

@@ -1,106 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { storiesOf } from '@storybook/react';
-var Info = styled.div({
-  marginBottom: '3rem'
-});
-var Heading1 = styled.div(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.size.l3
-  };
-});
-var Heading2 = styled.div(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    fontSize: theme.typography.size.l2
-  };
-});
-var Heading3 = styled.div(function (_ref3) {
-  var theme = _ref3.theme;
-  return {
-    fontSize: theme.typography.size.l1
-  };
-});
-var Heading4 = styled.div(function (_ref4) {
-  var theme = _ref4.theme;
-  return {
-    fontSize: theme.typography.size.m3
-  };
-});
-var Heading5 = styled.div(function (_ref5) {
-  var theme = _ref5.theme;
-  return {
-    fontSize: theme.typography.size.m3
-  };
-});
-var Heading6 = styled.div(function (_ref6) {
-  var theme = _ref6.theme;
-  return {
-    fontSize: theme.typography.size.m1
-  };
-});
-var Heading7 = styled.div(function (_ref7) {
-  var theme = _ref7.theme;
-  return {
-    fontSize: theme.typography.size.s3
-  };
-});
-var Heading8 = styled.div(function (_ref8) {
-  var theme = _ref8.theme;
-  return {
-    fontSize: theme.typography.size.s2
-  };
-});
-var Heading9 = styled.div(function (_ref9) {
-  var theme = _ref9.theme;
-  return {
-    fontSize: theme.typography.size.s1
-  };
-});
-var HeadingWrapper = styled.div(function (_ref10) {
-  var theme = _ref10.theme;
-  return {
-    fontWeight: theme.typography.weight.black,
-    '> *': {
-      marginBottom: '1rem'
-    }
-  };
-});
-var Type1 = styled.div(function (_ref11) {
-  var theme = _ref11.theme;
-  return {
-    fontSize: theme.typography.size.s3
-  };
-});
-var Type2 = styled.div(function (_ref12) {
-  var theme = _ref12.theme;
-  return {
-    fontSize: theme.typography.size.s2
-  };
-});
-var Type3 = styled.div(function (_ref13) {
-  var theme = _ref13.theme;
-  return {
-    fontSize: theme.typography.size.s1
-  };
-});
-var TypeWrapper = styled.div({
-  '> *': {
-    marginBottom: '1rem'
-  }
-});
-var Wrapper = styled.div({
-  display: 'flex',
-  flexDirection: 'row',
-  '> *': {
-    flex: 1,
-    paddingRight: 40
-  }
-});
-var Page = styled.div({
-  padding: '3rem'
-});
-storiesOf('Basics/typography', module).add('all', function () {
-  return /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Info, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Font-family:"), " \"Nunito sans\", Apple system font ... sans-serif"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "UI text size:"), " 13px"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Document/Markdown text size:"), " 14px"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Code font:"), " ", /*#__PURE__*/React.createElement("code", null, "Operator Mono, Fira Code, Consolas ... monospace")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Weights:"), " 400(normal), 600(bold), 900(black)")), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(HeadingWrapper, null, /*#__PURE__*/React.createElement(Heading1, null, "48 heading"), /*#__PURE__*/React.createElement(Heading2, null, "40 heading"), /*#__PURE__*/React.createElement(Heading3, null, "32 heading"), /*#__PURE__*/React.createElement(Heading4, null, "28 heading"), /*#__PURE__*/React.createElement(Heading5, null, "24 heading"), /*#__PURE__*/React.createElement(Heading6, null, "20 heading"), /*#__PURE__*/React.createElement(Heading7, null, "16 heading"), /*#__PURE__*/React.createElement(Heading8, null, "14 heading"), /*#__PURE__*/React.createElement(Heading9, null, "12 heading")), /*#__PURE__*/React.createElement(TypeWrapper, null, /*#__PURE__*/React.createElement(Type1, null, "16 The quick brown fox jumps over the lazy dog"), /*#__PURE__*/React.createElement(Type2, null, "14 The quick brown fox jumps over the lazy dog"), /*#__PURE__*/React.createElement(Type3, null, "12 The quick brown fox jumps over the lazy dog"))));
-});

package/dist/modern/typography/typography.stories.js

@@ -1,91 +0,0 @@
-import React from 'react';
-import { styled } from '@storybook/theming';
-import { storiesOf } from '@storybook/react';
-const Info = styled.div({
-  marginBottom: '3rem'
-});
-const Heading1 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.l3
-}));
-const Heading2 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.l2
-}));
-const Heading3 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.l1
-}));
-const Heading4 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.m3
-}));
-const Heading5 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.m3
-}));
-const Heading6 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.m1
-}));
-const Heading7 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s3
-}));
-const Heading8 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s2
-}));
-const Heading9 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s1
-}));
-const HeadingWrapper = styled.div(({
-  theme
-}) => ({
-  fontWeight: theme.typography.weight.black,
-  '> *': {
-    marginBottom: '1rem'
-  }
-}));
-const Type1 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s3
-}));
-const Type2 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s2
-}));
-const Type3 = styled.div(({
-  theme
-}) => ({
-  fontSize: theme.typography.size.s1
-}));
-const TypeWrapper = styled.div({
-  '> *': {
-    marginBottom: '1rem'
-  }
-});
-const Wrapper = styled.div({
-  display: 'flex',
-  flexDirection: 'row',
-  '> *': {
-    flex: 1,
-    paddingRight: 40
-  }
-});
-const Page = styled.div({
-  padding: '3rem'
-});
-storiesOf('Basics/typography', module).add('all', () => /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Info, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Font-family:"), " \"Nunito sans\", Apple system font ... sans-serif"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "UI text size:"), " 13px"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Document/Markdown text size:"), " 14px"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Code font:"), " ", /*#__PURE__*/React.createElement("code", null, "Operator Mono, Fira Code, Consolas ... monospace")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Weights:"), " 400(normal), 600(bold), 900(black)")), /*#__PURE__*/React.createElement(Wrapper, null, /*#__PURE__*/React.createElement(HeadingWrapper, null, /*#__PURE__*/React.createElement(Heading1, null, "48 heading"), /*#__PURE__*/React.createElement(Heading2, null, "40 heading"), /*#__PURE__*/React.createElement(Heading3, null, "32 heading"), /*#__PURE__*/React.createElement(Heading4, null, "28 heading"), /*#__PURE__*/React.createElement(Heading5, null, "24 heading"), /*#__PURE__*/React.createElement(Heading6, null, "20 heading"), /*#__PURE__*/React.createElement(Heading7, null, "16 heading"), /*#__PURE__*/React.createElement(Heading8, null, "14 heading"), /*#__PURE__*/React.createElement(Heading9, null, "12 heading")), /*#__PURE__*/React.createElement(TypeWrapper, null, /*#__PURE__*/React.createElement(Type1, null, "16 The quick brown fox jumps over the lazy dog"), /*#__PURE__*/React.createElement(Type2, null, "14 The quick brown fox jumps over the lazy dog"), /*#__PURE__*/React.createElement(Type3, null, "12 The quick brown fox jumps over the lazy dog")))));