@stokr/components-library 2.3.65-beta.10 → 2.3.65-beta.11

package/dist/components/Tabs/Tabs.stories.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TabsExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Tabs = _interopRequireDefault(require("./Tabs"));
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _Number = require("../Number/Number");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Tabs/Tabs',
-  component: _Tabs.default,
-  argTypes: {
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    },
-    activeTab: {
-      type: 'oneOf Number or String',
-      defaultValue: 0
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Tabs.default, args)));
-const TabsExample = exports.TabsExample = Template.bind({});
-TabsExample.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
-  activeTab: 3
-};
-
-// //doublecheck:
-// // less visible than in TabNav ( activeTab not showing)

package/dist/components/TabsNav/TabNav.stories.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TabNavInactive = exports.TabNavActive = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TabNav = require("./TabNav");
-var _Number = require("../Number/Number");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Tabs/TabNav',
-  component: _TabNav.TabNav,
-  argTypes: {
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    },
-    isActive: {
-      type: 'boolean',
-      defaultValue: false
-    },
-    onClick: {
-      type: 'function',
-      action: 'onClick'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabNav.TabNav, args));
-const TabNavActive = exports.TabNavActive = Template.bind({});
-TabNavActive.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)],
-  isActive: true
-};
-const TabNavInactive = exports.TabNavInactive = Template.bind({});
-TabNavInactive.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null), /*#__PURE__*/_react.default.createElement(_Number.Number, null)]
-};

package/dist/components/TabsNav/TabsNav.stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TabsNavExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TabsNav = require("./TabsNav");
-var _Number = _interopRequireDefault(require("../Number/Number"));
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Tabs/TabsNav',
-  component: _TabsNav.TabsNav,
-  argTypes: {
-    children: {
-      type: 'node',
-      defaultValue: [],
-      required: true
-    },
-    activeTab: {
-      type: 'array of numbers',
-      defaultValue: []
-    }
-
-    // handleItemClick: { type: 'function', action: 'handleItemClick' },
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_TabsNav.TabsNav, args));
-const TabsNavExample = exports.TabsNavExample = Template.bind({});
-TabsNavExample.args = {
-  children: [/*#__PURE__*/_react.default.createElement(_Number.default, null), /*#__PURE__*/_react.default.createElement(_Number.default, null), /*#__PURE__*/_react.default.createElement(_Number.default, null)],
-  activeTab: [1]
-};
-
-// //doublecheck:
-// // less visible than in TabNav ( activeTab not showing)

package/dist/components/TeamOverview/TeamOverview.stories.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TeamOverviewOverview = exports.TeamOverviewExample = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TeamOverview = require("./TeamOverview");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Team Overview',
-  component: _TeamOverview.TeamOverview,
-  argTypes: {
-    name: {
-      type: 'string',
-      defaultValue: ''
-    },
-    memberrole: {
-      type: 'string'
-    },
-    avatar: {
-      type: 'string',
-      defaultValue: ''
-    },
-    email: {
-      type: 'string',
-      defaultValue: ''
-    },
-    position: {
-      type: 'string',
-      defaultValue: ''
-    },
-    projectName: {
-      type: 'string',
-      defaultValue: ''
-    },
-    stats: {
-      type: 'array of shape',
-      defaultValue: [{
-        name: ''
-      }, {
-        count: 0
-      }],
-      required: true
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TeamOverview.TeamOverview, args)));
-const TeamOverviewExample = exports.TeamOverviewExample = Template.bind({});
-TeamOverviewExample.args = {
-  name: 'John Doe',
-  memberrole: 'Memberrole',
-  avatar: 'Avatar',
-  email: 'john@doe.com',
-  position: 'Chief',
-  projectName: 'Aquarius is Raising',
-  stats: [{
-    count: 15,
-    name: 'Stat Name'
-  }]
-};
-const TeamOverviewOverview = exports.TeamOverviewOverview = Template.bind({});
-TeamOverviewOverview.args = {
-  name: 'Name',
-  memberrole: 'Memberrole ',
-  avatar: 'Avatar',
-  email: 'Email',
-  position: 'Position',
-  projectName: 'Project Name',
-  stats: [{
-    count: 1,
-    name: 'Stat Name'
-  }]
-};

package/dist/components/TermsModal/TermsModal.stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TermsModalDefault = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _TermsModal = require("./TermsModal");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-var _reactRouterDom = require("react-router-dom");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Terms Modal',
-  component: _TermsModal.TermsModal,
-  argTypes: {
-    isModalOpen: {
-      type: 'boolean',
-      defaultValue: true,
-      required: true
-    },
-    onModalClose: {
-      type: 'function',
-      action: 'onModalClose',
-      required: true
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TermsModal.TermsModal, args))));
-const TermsModalDefault = exports.TermsModalDefault = Template.bind({});
-TermsModalDefault.args = {};

package/dist/components/Text/Headline.stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.headline = exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Headline = _interopRequireDefault(require("./Headline"));
-var _Text = _interopRequireDefault(require("./Text.styles"));
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Headline',
-  component: _Headline.default,
-  argTypes: {
-    h1: {
-      type: 'style'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Headline.default, args));
-const headline = exports.headline = Template.bind({});
-headline.args = {};
-
-//doublecheck:
-
-//maybe its only style and I don't need it
-//
-//maybe only Text.stories.js?
-//
-//put css into template?
-// export default {
-//   title: 'Components Library/Headline',
-//   component: Headline,
-//   argTypes: {
-//     headline: { type: 'string', defaultValue: 'HEADLINE' },
-//     style: {
-//       defaultValue: { marginBottom: 10 },
-//     },
-//   },
-// }
-
-//Helpers?
-
-//Basically make all the headline options here,
-//controlled styles for h1-5 etc
-//and then import the story into where headlines are used?
-//or just don't make it and only use it where used

package/dist/components/Text/Text.stories.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.headline = exports.default = exports.caption = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Text = _interopRequireDefault(require("./Text.styles"));
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/Text',
-  component: _Text.default,
-  argTypes: {
-    h1: {
-      type: 'style'
-    },
-    h2: {
-      type: 'style'
-    },
-    h3: {
-      type: 'style'
-    },
-    h4: {
-      type: 'style'
-    },
-    h5: {
-      type: 'style'
-    },
-    p: {
-      type: 'style'
-    },
-    a: {
-      type: 'style'
-    },
-    ul: {
-      type: 'style'
-    },
-    li: {
-      type: 'style'
-    }
-  }
-};
-const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_Text.default, args));
-const headline = exports.headline = Template.bind({});
-headline.args = {
-  children: 'hahha',
-  as: 'h1'
-};
-const caption = exports.caption = Template.bind({});
-caption.args = {};
-
-//doublecheck:
-//maybe its only style and I don't need it
-//
-//maybe only StyledText.stories.js?
-//
-//put css into template?
-// export default {
-//   title: 'Components Library/Headline',
-//   component: Headline,
-//   argTypes: {
-//     headline: { type: 'string', defaultValue: 'HEADLINE' },
-//     style: {
-//       defaultValue: { marginBottom: 10 },
-//     },
-//   },
-// }
-
-//Helpers?

package/dist/components/TextLink/TextLink.stories.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.IconReversed = exports.Default = exports.ButtonIconReversed = exports.AsButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactRouterDom = require("react-router-dom");
-var _TextLink = require("./TextLink.styles");
-var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
-var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Components Library/TextLink',
-  component: _TextLink.TextLink,
-  decorators: [Story => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(Story, null)))]
-};
-const Default = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextLink, {
-  to: "/example"
-}, "View Details"));
-exports.Default = Default;
-const AsButton = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextButton, {
-  onClick: () => alert('Clicked!')
-}, "Click Me"));
-exports.AsButton = AsButton;
-const IconReversed = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextLink, {
-  to: "/example",
-  reverse: true
-}, "Go Back"));
-exports.IconReversed = IconReversed;
-const ButtonIconReversed = () => /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_TextLink.TextButton, {
-  onClick: () => alert('Clicked!'),
-  reverse: true
-}, "Previous"));
-exports.ButtonIconReversed = ButtonIconReversed;