@uncinc/uncinc-react-kitchen-sink 2.6.3 → 2.6.4

package/dist/components/Sliders/SliderRelated/stories.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Two = exports.Three = exports.One = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _Button = _interopRequireDefault(require("../../Button"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var d = {
-  component: _.default,
-  title: 'Organisms/SliderRelated',
-  parameters: {
-    info: {
-      inline: true
-    },
-    docs: {
-      description: {
-        component: '`import { SliderRelated } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-var _default = d;
-exports.default = _default;
-var Teaser = function Teaser(_ref) {
-  var title = _ref.title,
-    image = _ref.image,
-    imageAlt = _ref.imageAlt,
-    content = _ref.content,
-    buttonText = _ref.buttonText,
-    buttonLink = _ref.buttonLink;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "Teaser",
-    style: {
-      margin: '10px',
-      display: 'flex',
-      flexDirection: 'column',
-      flex: '1 1 auto'
-    }
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: image,
-    alt: imageAlt,
-    style: {
-      width: '100%',
-      maxWidth: '100%'
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "Teaser__content"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "Teaser__content__title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "Teaser__content__body"
-  }, content), /*#__PURE__*/_react.default.createElement("div", {
-    className: "Teaser__content__read_more"
-  }, buttonText && buttonLink && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    primary: false,
-    href: buttonLink
-  }, buttonText))));
-};
-var children = Array.from(Array(6).keys()).map(function (i) {
-  var image = ['https://dummyimage.com/600x400/000/fff', 'https://dummyimage.com/600x400/f00/fff', 'https://dummyimage.com/600x400/ddd/fff'];
-  var title = 'Title';
-  var content = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'];
-  var buttonText = 'Read more';
-  var buttonLink = '#';
-  return /*#__PURE__*/_react.default.createElement(Teaser, {
-    key: i,
-    image: image[Math.round(Math.random(image.length))],
-    title: /*#__PURE__*/_react.default.createElement("h2", null, title),
-    content: /*#__PURE__*/_react.default.createElement("p", null, content[Math.round(Math.random(content.length))]),
-    buttonText: buttonText,
-    buttonLink: buttonLink
-  });
-});
-var One = function One(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    slidesToShow: 1
-  }), children);
-};
-exports.One = One;
-var Two = function Two(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    slidesToShow: 2
-  }), children);
-};
-exports.Two = Two;
-var Three = function Three(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, args, children);
-};
-exports.Three = Three;
-var defaultArgs = {
-  autoplay: false
-};
-One.args = defaultArgs;
-Two.args = defaultArgs;
-Three.args = defaultArgs;

package/dist/components/TitleWithText/stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './stories.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").TitleWithTextProps>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: any) => React.JSX.Element;

package/dist/components/TitleWithText/stories.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Molecules/TitleWithText',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { TitleWithText } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var html = "<p>This is some text in a <code>WysiwygField</code> so you can put whatever you like in here.<br /><br />\n  For example, a <ul><li>list</li><li>with</li><li>items</li></ul> perhaps?<br />\n  Or a good old <a href='https://www.uncinc.nl' target=\"_blank\">a-tag</a>.</p>";
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    title: "This is a title",
-    text: html
-  }, args));
-};
-exports.Default = Default;

package/dist/components/WysiwygField/stories.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Primary = exports.CustomHandlers = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _AbbreviationAnnotation = _interopRequireDefault(require("../AbbreviationAnnotation"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Atoms/WysiwygField',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { WysiwygField } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var html = '<p>This is <em>some</em> example <a href=\'https://www.uncinc.nl\'>HTML</a>.</p>';
-var Primary = function Primary(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    html: html
-  }));
-};
-exports.Primary = Primary;
-var htmlCustomHandler = "\n  <p>Lorem ipsum dolor sit amet, <abbr title=\"Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi.\">consectetur adipiscing</abbr> elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget.</p>\n  <p>Donec feugiat, nunc vitae euismod posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare.</p>\n  <p>Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum.</p>\n";
-var CustomHandlers = function CustomHandlers(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, args, {
-    html: htmlCustomHandler,
-    customElementHandler: function customElementHandler(element) {
-      switch (element.name) {
-        case 'abbr':
-          {
-            return /*#__PURE__*/_react.default.createElement(_AbbreviationAnnotation.default, _extends({
-              title: element.attribs.title
-            }, element.attribs), element.children[0].data);
-          }
-        default:
-          {
-            return null;
-          }
-      }
-    }
-  }));
-};
-exports.CustomHandlers = CustomHandlers;

package/dist/organisms/Downloads/stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './stories.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").DownloadsProps>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: any) => React.JSX.Element;

package/dist/organisms/Downloads/stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Organisms/Downloads',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Downloads } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var dummyPdf = "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf";
-  var downloadItems = [{
-    source: dummyPdf,
-    title: "Filetitle",
-    description: "Filedescription",
-    filename: "manual.pdf",
-    filesize: 1254894381,
-    mime: "application/pdf"
-  }, {
-    source: dummyPdf,
-    title: "Filetitle",
-    filesize: 84384313,
-    mime: "application/pdf"
-  }, {
-    source: dummyPdf,
-    title: "Filetitle",
-    filename: "picture.jpg",
-    mime: "image/jpeg"
-  }];
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    title: "Downloads",
-    text: "These are some things you can download!",
-    downloads: downloadItems
-  }, args)));
-};
-exports.Default = Default;

package/dist/organisms/Downloads/stories.scss

@@ -1,67 +0,0 @@
-@import '../../styles/assets/variables';
-
-.Download {
-  display: flex;
-  align-items: center;
-
-  max-width: 80rem;
-  margin-bottom: 3rem;
-  padding: 1rem;
-  padding: 1rem;
-
-  text-decoration: none;
-
-  background-color: $color--grey--lighter;
-  border: 2px solid $color--grey;
-  border-radius: 1rem;
-  border-radius: 1rem;
-
-
-  &:hover {
-    color: $color--white;
-    background-color: $color--primary;
-    border-radius: 1rem;
-
-    div {
-      color: $color--white;
-    }
-
-    &__icon {
-      background-position-y: -1em;
-    }
-  }
-
-  &__icon {
-    width: 3rem;
-    height: 3rem;
-    margin: 3rem 3rem 3rem 2rem;
-    font-size: 3rem;
-  }
-
-  &__content {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    gap: 1rem;
-
-    margin-right: 1rem;
-    padding: 1rem;
-
-    border: 2px solid $color--grey;
-    border-radius: 1rem;
-  }
-
-  &__title,
-  &__description,
-  &__attributes {
-    margin: 0;
-    padding: 1rem;
-    border: 2px solid $color--grey;
-    border-radius: 1rem;
-  }
-
-  &__extension {
-    margin-right: 1rem;
-    text-decoration: none;
-  }
-}

package/dist/organisms/ImageGrid/stories.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './style.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").ImageGridProps>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const TwoImages: (args: any) => React.JSX.Element;
-export declare const ThreeImages: (args: any) => React.JSX.Element;
-export declare const FourImages: (args: any) => React.JSX.Element;
-export declare const FiveImages: (args: any) => React.JSX.Element;

package/dist/organisms/ImageGrid/stories.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TwoImages = exports.ThreeImages = exports.FourImages = exports.FiveImages = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _Image = _interopRequireDefault(require("../../components/Image"));
-require("./style.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Organisms/ImageGrid',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { ImageGrid } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var imageSrc = 'https://i0.wp.com/vat.or.th/wp-content/uploads/2021/03/placeholder.png';
-var TwoImages = function TwoImages(args) {
-  var items = [/*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  })];
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    items: items
-  }, args));
-};
-exports.TwoImages = TwoImages;
-var ThreeImages = function ThreeImages(args) {
-  var items = [/*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  })];
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    items: items
-  }, args));
-};
-exports.ThreeImages = ThreeImages;
-var FourImages = function FourImages(args) {
-  var items = [/*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  })];
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    items: items
-  }, args));
-};
-exports.FourImages = FourImages;
-var FiveImages = function FiveImages(args) {
-  var items = [/*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  }), /*#__PURE__*/_react.default.createElement(_Image.default, {
-    src: imageSrc,
-    alt: "image"
-  })];
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    items: items
-  }, args));
-};
-exports.FiveImages = FiveImages;

package/dist/organisms/Quote/stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './stories.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").QuoteProps>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: any) => React.JSX.Element;

package/dist/organisms/Quote/stories.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Organisms/Quote',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Quote } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var imageUrl = "https://upload.wikimedia.org/wikipedia/en/thumb/9/97/Doc_Brown.JPG/220px-Doc_Brown.JPG";
-  var imageSrc = {
-    400: imageUrl,
-    1000: imageUrl
-  };
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    quote: "Roads? Where we're going we don't need roads.",
-    writer: "Emmett Lathrop Brown, Ph.D.",
-    position: "Scientist, Physicist, Blacksmith",
-    profileImage: imageSrc,
-    profileImageLarge: imageUrl,
-    icon: "marker"
-  }, args)), /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    quote: "Roads? Where we're going we don't need roads.",
-    writer: "Emmett Lathrop Brown, Ph.D.",
-    position: "Scientist, Physicist, Blacksmith",
-    profileImage: imageSrc,
-    profileImageLarge: imageUrl,
-    icon: "arrow",
-    flipped: true
-  }, args)));
-};
-exports.Default = Default;

package/dist/organisms/Quote/stories.scss

@@ -1,48 +0,0 @@
-@import '../../styles/assets/variables';
-
-.Quote {
-  display: flex;
-  flex-direction: row;
-
-  &__quotewrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-left: 3rem;
-  }
-
-  &__icon {
-    font-size: 5rem;
-  }
-
-  &__writer {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-  }
-
-  &__profileImage {
-    margin-right: 2rem;
-    border-radius: 50%;
-    max-height: 6.6rem;
-    max-width: 6.6rem;
-    overflow: hidden;
-
-    img {
-      overflow: auto;
-    }
-
-    &Large {
-      border-radius: 50%;
-    }
-  }
-
-  &--flipped {
-    flex-direction: row-reverse;
-
-    .Quote__quotewrapper {
-      margin-left: 0rem;
-      margin-right: 3rem;
-    }
-  }
-}

package/dist/organisms/Text/stories.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import './stories.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").TextProps>;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: any) => React.JSX.Element;

package/dist/organisms/Text/stories.js

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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); }
-var _default = {
-  title: 'Organisms/Text',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Text } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var html = "<p>This is some text in a <code>WysiwygField</code> so you can put whatever you like in here.<br /><br />\n  For example, a <ul><li>list</li><li>with</li><li>items</li></ul> perhaps?</p>";
-  var more = "<p>If you like, you can have some text behind a read-more button, like so.<br />\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut\n  labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris\n  nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit\n  esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt\n  in culpa qui officia deserunt mollit anim id est laborum.</p>";
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    title: "Text",
-    text: html,
-    readMore: more,
-    readMoreHeight: 60,
-    link: "https://www.uncinc.nl/",
-    linkText: "Optionally, this component can have a seperate link element",
-    target: "_blank"
-  }, args));
-};
-exports.Default = Default;

package/dist/organisms/Text/stories.scss

@@ -1,29 +0,0 @@
-@import '../../styles/assets/variables';
-
-.Text {
-  &__read_more {
-    position: relative;
-    overflow: hidden;
-    transition: height .33s linear;
-
-    &:not(.Text__read_more--open):after {
-      content: '';
-
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-
-      opacity: 1;
-      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, $color--white 100%);
-
-      transition: opacity .33s linear;
-    }
-
-    &__button {
-      display: block;
-      margin-bottom: 2rem;
-    }
-  }
-}