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

package/dist/organisms/Downloads/stories.js

@@ -1,43 +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
-};
-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/Quote/stories.d.ts

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

package/dist/organisms/Quote/stories.js

@@ -1,39 +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 }; }
-var _default = {
-  title: 'Organisms/Quote',
-  component: _.default
-};
-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, {
-    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"
-  }), /*#__PURE__*/_react.default.createElement(_.default, {
-    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
-  }));
-};
-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,8 +0,0 @@
-import React from 'react';
-import './stories.scss';
-declare const _default: {
-    title: string;
-    component: React.FC<import(".").TextProps>;
-};
-export default _default;
-export declare const Default: (args: any) => React.JSX.Element;

package/dist/organisms/Text/stories.js

@@ -1,30 +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
-};
-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;
-    }
-  }
-}