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

package/dist/components/ApiAutocomplete/stories.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-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/Autocomplete',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { ApiAutocomplete } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _.default
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    endpoint: "http://nldoet.devinc.eu/autocomplete/json",
-    renderItem: function renderItem(item) {
-      console.log(item);
-      return /*#__PURE__*/_react.default.createElement("div", null, item.name);
-    },
-    onSelectItem: function onSelectItem(item) {
-      console.log('Selected', item);
-    },
-    inputProps: {
-      label: 'test'
-    }
-  }, args));
-};
-exports.Default = Default;

package/dist/components/Button/stories.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithIcon = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = 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 = {
-  component: _.Button,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Button } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  title: 'Atoms/Button'
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Button, args);
-};
-exports.Default = Default;
-var WithIcon = function WithIcon(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Button, args, args.children, /*#__PURE__*/_react.default.createElement("div", {
-    className: "icon icon-arrow icon-variant-1"
-  })), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
-    className: "icon-before icon-arrow icon-variant-1"
-  }, args)), /*#__PURE__*/_react.default.createElement(_.Button, _extends({
-    className: "icon-after icon-arrow icon-variant-1"
-  }, args)));
-};
-exports.WithIcon = WithIcon;
-var defaultArgs = {
-  children: 'Test',
-  primary: true
-};
-Default.args = defaultArgs;
-WithIcon.args = defaultArgs;

package/dist/components/Button/stories.scss

@@ -1,45 +0,0 @@
-@import '../../styles/assets/variables';
-
-.Button {
-  display: inline-block;
-  border-radius: 5px;
-  text-decoration: none;
-  text-align: center;
-  cursor: pointer;
-
-  &--primary {
-    font-size: 21px;
-    background-color: #000;
-    color: #fff;
-    font-weight: 600;
-    line-height: 1.14;
-    padding: 19px 30px;
-
-    &:hover {
-      background-color: #434343;
-    }
-
-    &:disabled {
-      font-family: inherit;
-      background-color: rgba(0, 0, 0, 0.3);
-    }
-  }
-
-  &--inverted {
-    border: solid 1px #888;
-    background-color: #fff;
-    padding: 18px 34.5px;
-    font-size: 18px;
-    font-weight: 600;
-    color: #000;
-
-    &:hover {
-      background-color: #f1f1f1;
-    }
-
-    &:disabled {
-      font-family: inherit;
-      opacity: .5;
-    }
-  }
-}

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

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

package/dist/components/CallToAction/stories.js

@@ -1,44 +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("./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 = {
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { CallToAction } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  title: 'Molecules/CallToAction'
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var title = "Call To Action";
-  var html = "\n    <p>This is a <code>WysiwygField</code> component so you can put whatever you like in here.</p>\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  ";
-  var buttonText = "Button";
-  var buttonTextSecondary = "Button 2";
-  var buttonLink = "https://www.uncinc.nl";
-  var buttonLinkSecondary = "https://www.uncinc.nl/werk";
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    title: title,
-    text: html,
-    button: {
-      text: buttonText,
-      link: buttonLink
-    },
-    buttonSecondary: {
-      text: buttonTextSecondary,
-      link: buttonLinkSecondary
-    }
-  }, args));
-};
-exports.Default = Default;

package/dist/components/Cookie/stories.js

@@ -1,107 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = exports.Advanced = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactUseCookie5 = _interopRequireDefault(require("react-use-cookie"));
-var _ = _interopRequireDefault(require("."));
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
-  title: 'Organisms/Cookie',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Cookie } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _.default
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var _reactUseCookie = (0, _reactUseCookie5.default)('cookie-agreed', null),
-    _reactUseCookie2 = _slicedToArray(_reactUseCookie, 2),
-    didConsent = _reactUseCookie2[0],
-    setDidConsent = _reactUseCookie2[1];
-
-  // Reset the cookie so we can keep testing the component.
-  (0, _react.useEffect)(function () {
-    setDidConsent('');
-  }, [setDidConsent]);
-  if (didConsent) return /*#__PURE__*/_react.default.createElement("p", null, "Loading...");
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    agreeText: "Accepteren",
-    manualText: "Zelf instellen",
-    onAgree: function onAgree(choices) {
-      return console.log('User agreed to', choices);
-    },
-    onDisagree: function onDisagree() {
-      return console.log('User did NOT agree');
-    }
-  }, args), /*#__PURE__*/_react.default.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/_react.default.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
-};
-exports.Default = Default;
-var Advanced = function Advanced(args) {
-  var _reactUseCookie3 = (0, _reactUseCookie5.default)('cookie-agreed', null),
-    _reactUseCookie4 = _slicedToArray(_reactUseCookie3, 2),
-    didConsent = _reactUseCookie4[0],
-    setDidConsent = _reactUseCookie4[1];
-
-  // Reset the cookie so we can keep testing the component.
-  (0, _react.useEffect)(function () {
-    setDidConsent('');
-  }, [setDidConsent]);
-  if (didConsent) return /*#__PURE__*/_react.default.createElement("p", null, "Loading...");
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    agreeText: "Accepteren",
-    manualText: "Zelf instellen",
-    showDisagree: true,
-    onDisagree: function onDisagree() {},
-    manualButtonClassname: "",
-    cookieLevels: [{
-      value: 'necessary',
-      label: 'Noodzakelijk',
-      description: 'Noodzakelijke cookies helpen een website bruikbaarder te maken, door basisfuncties als paginanavigatie en toegang tot beveiligde gedeelten van de website mogelijk te maken. Zonder deze cookies kan de website niet naar behoren werken.',
-      disabled: true
-    }, {
-      value: 'voorkeuren',
-      label: 'Voorkeuren',
-      description: 'Voorkeurscookies zorgen ervoor dat een website informatie kan onthouden die van invloed is op het gedrag en de vormgeving van de website, zoals de taal van uw voorkeur of de regio waar u woont.',
-      disabled: false
-    }, {
-      value: 'statistieken',
-      label: 'Statistieken',
-      description: 'Statistische cookies helpen eigenaren van websites begrijpen hoe bezoekers hun website gebruiken, door anoniem gegevens te verzamelen en te rapporteren.',
-      disabled: false
-    }],
-    defaultValues: {
-      necessary: true,
-      voorkeuren: true,
-      statistieken: true
-    },
-    manualHeader: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Manual choice"), /*#__PURE__*/_react.default.createElement("p", null, "You have a choice."))
-  }, args), /*#__PURE__*/_react.default.createElement("h1", null, "Wij gebruiken cookies"), /*#__PURE__*/_react.default.createElement("p", null, "Aliquam accumsan sem lacus, ut laoreet urna aliquam quis. Ut ut imperdiet tortor, sed vestibulum felis. Etiam a eleifend leo, eu interdum nulla. Etiam id elit ex. Etiam condimentum facilisis venenatis. Curabitur accumsan ut dui vel laoreet. Donec dapibus convallis diam, at sodales nulla laoreet ac. Nunc maximus, orci ac tristique dapibus, dolor felis semper lorem, eu dapibus turpis enim quis urna."));
-};
-exports.Advanced = Advanced;
-var defaultParameters = {
-  docs: {
-    story: {
-      height: '500px'
-    }
-  }
-};
-Default.parameters = defaultParameters;
-Advanced.parameters = defaultParameters;

package/dist/components/Cookie/stories.scss

@@ -1,70 +0,0 @@
-@import '../../styles/assets/mixins';
-@import '../../styles/assets/variables';
-
-@keyframes fade-out-and-transform {
-  0% {
-    transform: translateX(-50%) translateY(0px);
-  }
-
-  25% {
-    opacity: 1;
-  }
-
-  75% {
-    opacity: 0;
-  }
-
-  100% {
-    transform: translateX(-50%) translateY(110%);
-    opacity: 0;
-  }
-}
-
-.Cookie {
-  bottom: 1rem;
-
-  @media #{$tablet} {
-    bottom: 3rem;
-  }
-
-  &--hidden {
-    animation-name: fade-out-and-transform;
-    animation-duration: .6s;
-    animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
-    animation-fill-mode: forwards;
-  }
-
-  &__content {
-    background: #F4F4F4;
-    padding: 2rem;
-    border-radius: 10px;
-    margin-bottom: 10px;
-    width: 100%;
-    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-
-    @media #{$tablet-down} {
-      width: auto;
-    }
-
-    @media #{$tablet} {
-      padding: 4rem;
-    }
-
-    &__full-height {
-      overflow-y: scroll;
-
-      @media #{$mobile-down} {
-        position: fixed;
-        top: 2rem;
-        bottom: 2rem;
-        right: 2rem;
-        left: 2rem;
-      }
-
-      @media #{$normal} {
-        height: auto;
-        overflow-y: unset;
-      }
-    }
-  }
-}

package/dist/components/Dialog/stories.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Override = exports.Helpers = exports.Default = void 0;
-var _DialogHookStory = _interopRequireDefault(require("./DialogHookStory"));
-var _DialogHelpersStory = _interopRequireDefault(require("./DialogHelpersStory"));
-var _DialogOverrideStory = _interopRequireDefault(require("./DialogOverrideStory"));
-var _ = _interopRequireDefault(require("."));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  title: 'Molecules/Dialog',
-  component: _.default
-};
-exports.default = _default;
-var Default = _DialogHookStory.default;
-exports.Default = Default;
-var Helpers = _DialogHelpersStory.default;
-exports.Helpers = Helpers;
-var Override = _DialogOverrideStory.default;
-exports.Override = Override;

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

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

package/dist/components/Download/stories.js

@@ -1,35 +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/Download',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Download } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _.default
-};
-exports.default = _default;
-var Default = function Default(args) {
-  var source = "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf";
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    source: source,
-    title: "Download",
-    description: "Description",
-    filesize: 12594348,
-    filename: "dummy.pdf",
-    mime: "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-  }, args)), /*#__PURE__*/_react.default.createElement("p", null, "Borders have been added to show the nesting of elements. The orange colored box is an ", /*#__PURE__*/_react.default.createElement("code", null, "a-tag"), " which will contain the link.", /*#__PURE__*/_react.default.createElement("br", null), "The icon has been provided withclasses\xA0", /*#__PURE__*/_react.default.createElement("code", null, "icon-mimeType"), " and ", /*#__PURE__*/_react.default.createElement("code", null, "icon-mimeSubType"), ".", /*#__PURE__*/_react.default.createElement("br", null), "Based on that, you can overwrite the default ", /*#__PURE__*/_react.default.createElement("code", null, "icon-download"), " icon."));
-};
-exports.Default = Default;

package/dist/components/Download/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/components/FontSizeSwitcher/stories.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.IncrementMode = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-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/FontSizeSwitcher',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { FontSizeSwitcher } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    defaultSize: 0
-  }, args)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Header"), /*#__PURE__*/_react.default.createElement("p", null, "And some text.")));
-};
-exports.Default = Default;
-var IncrementMode = function IncrementMode(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    incrementMode: true
-  }, args)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Header"), /*#__PURE__*/_react.default.createElement("p", null, "And some text.")));
-};
-exports.IncrementMode = IncrementMode;

package/dist/components/Form/Checkbox/stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Checkbox = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _FormikWrapper = _interopRequireDefault(require("../FormikWrapper"));
-var _ = require(".");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  title: 'Molecules/Form/Checkbox',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { FormCheckbox } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _.Checkbox,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
-      initialValues: {
-        'agreed_with_statement': false
-      }
-    }, /*#__PURE__*/_react.default.createElement(Story, null));
-  }]
-};
-exports.default = _default;
-var Checkbox = function Checkbox(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Checkbox, {
-    title: "I agree with the statement",
-    required: true,
-    description: "By checking the above box, you agree with the statement.",
-    fieldName: "agreed_with_statement",
-    validation: function validation(value) {
-      var error;
-      if (!value) {
-        error = 'This field is required';
-      }
-      return error;
-    },
-    onChange: function onChange(e) {
-      console.log('change', e);
-    }
-  });
-};
-exports.Checkbox = Checkbox;