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

package/dist/components/TableRender/style.scss

@@ -0,0 +1,106 @@
+@import "../../styles/assets/mixins";
+@import "../../styles/assets/variables";
+
+.TableRender {
+  table {
+    overflow-x: auto;
+    display: block;
+    border-spacing: 0;
+    border-collapse: collapse;
+    max-width: min-content;
+    white-space: nowrap;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &--transposedOnMobile {
+    @media #{$mobile-only} {
+      table {
+        overflow: hidden;
+        display: flex;
+      }
+      
+      thead {
+        display: flex;
+        flex-shrink: 0;
+        min-width: min-content;
+      }
+
+      tbody {
+        position: relative;
+        overflow-x: auto;
+        display: flex;
+        -webkit-overflow-scrolling: touch;
+      }
+
+      tr {
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+        min-width: min-content;
+      }
+
+      td,
+      th {
+        display: block;
+      }
+    }
+  }
+}
+
+.TableRender--cards-mobile {
+  width: 100%;
+  border-collapse: collapse;
+
+  table {
+    width: 100%;
+  }
+
+  th,
+  td {
+    text-align: left;
+  }
+
+  thead {
+    tr {
+      display: none;
+    }
+  }
+
+  tbody {
+    @media #{$tablet} {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
+  tr {
+    display: flex;
+    flex-direction: column;
+  }
+
+  td {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    position: relative;
+
+    &:first-child {
+      .faux-th {
+        display: none;
+      }
+    }
+  }
+
+  .faux-th {
+    margin: 0;
+
+    &:after {
+      content: ":";
+    }
+  }
+}
+
+.hide-faux-th {
+  .faux-th {
+    display: none;
+  }
+}

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

@@ -1,7 +1,9 @@
 import React from 'react';
 export interface TitleWithTextProps {
     title?: string;
-    text: string;
+    titleProps?: React.ComponentPropsWithoutRef<'h2'>;
+    text?: string;
+    textProps?: React.HTMLProps<HTMLDivElement>;
     className?: string;
 }
 declare const TitleWithText: React.FC<TitleWithTextProps>;

package/dist/components/TitleWithText/index.js

@@ -8,21 +8,24 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _WysiwygField = _interopRequireDefault(require("../WysiwygField"));
 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 TitleWithText = function TitleWithText(_ref) {
   var title = _ref.title,
+    titleProps = _ref.titleProps,
     text = _ref.text,
+    textProps = _ref.textProps,
     className = _ref.className;
   var classes = (0, _classnames.default)('TitleWithText', className);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes
-  }, title && /*#__PURE__*/_react.default.createElement("h2", {
+  }, title && /*#__PURE__*/_react.default.createElement("h2", _extends({
     className: "TitleWithText__title"
-  }, title), /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
+  }, titleProps), title), text && /*#__PURE__*/_react.default.createElement(_WysiwygField.default, _extends({
     className: "TitleWithText__text",
-    property: "schema:text",
-    customElementHandler: function customElementHandler() {},
+    property: "schema:text"
+  }, textProps, {
     html: text
-  }));
+  })));
 };
 var _default = TitleWithText;
 exports.default = _default;

package/dist/components/WysiwygField/index.d.ts

@@ -2,7 +2,7 @@ export default WysiwygField;
 declare function WysiwygField({ html, customElementHandler, ...props }: {
     [x: string]: any;
     html: any;
-    customElementHandler: any;
+    customElementHandler?: (() => void) | undefined;
 }): React.JSX.Element;
 declare namespace WysiwygField {
     namespace propTypes {

package/dist/components/WysiwygField/index.js

@@ -15,7 +15,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var WysiwygField = function WysiwygField(_ref) {
   var html = _ref.html,
-    customElementHandler = _ref.customElementHandler,
+    _ref$customElementHan = _ref.customElementHandler,
+    customElementHandler = _ref$customElementHan === void 0 ? function () {} : _ref$customElementHan,
     props = _objectWithoutProperties(_ref, _excluded);
   var parsedHtml = (0, _reactHtmlParser.default)(html, {
     transform: function transform(node) {

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+export { default as Button } from "./Button";
+export { default as WysiwygField } from "./WysiwygField";
+export { default as MediaPlayer } from "./MediaPlayer";
+export { default as FormikWrapper } from "./Form/FormikWrapper";
+export { default as FormCheckbox } from "./Form/Checkbox";
+export { default as FormCheckboxes } from "./Form/Checkboxes";
+export { default as FormDate } from "./Form/Date";
+export { default as FormDatePicker } from "./Form/DatePicker";
+export { default as FormDateSelect } from "./Form/DateSelect";
+export { default as FormEmail } from "./Form/Email";
+export { default as FormNumber } from "./Form/Number";
+export { default as FormRadioButtons } from "./Form/RadioButtons";
+export { default as FormSearchField } from "./Form/SearchField";
+export { default as FormSelect } from "./Form/Select";
+export { default as FormTextarea } from "./Form/Textarea";
+export { default as FormTextField } from "./Form/TextField";

package/dist/config/constants.d.ts

@@ -1,4 +1,4 @@
-export const APP_ENV: string;
+export const APP_ENV: string | undefined;
 export const __DEBUG__: boolean;
 export const DEFAULT_LANGUAGE: "nl";
 export const SITE_NAME: "Unc Inc";

package/dist/config/i18next/index.d.ts

@@ -0,0 +1,2 @@
+export default i18n;
+import i18n from 'i18next';

package/dist/helpers/date.d.ts

@@ -0,0 +1,3 @@
+export function parseDateWithTimezoneOffset(date: any): string;
+export function isValidDate(date: any): boolean;
+export function doubleDigits(number: int): int;

package/dist/helpers/gtm.d.ts

@@ -32,7 +32,7 @@ declare namespace gtm {
      * @return {array|bool}
      *   An array containing the new dataLayer result or `false`.
      */
-    function push(data: any): any;
+    function push(data: object): any;
     /**
      * gtm.attachEventListeners
      *

package/dist/helpers/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Recursively converts an element object to an HTML string.
+ *
+ * @param {Object} element - The element object representing an HTML element.
+ * @param {string} element.name - The HTML tag name.
+ * @param {Object} [element.attribs] - Attributes associated with the HTML element.
+ * @param {Array|Object} [element.children] - Child elements or strings.
+ * @returns {string} The HTML string representation of the element and its children.
+ */
+export function elementToHtml(element: {
+    name: string;
+    attribs?: Object | undefined;
+    children?: Object | any[] | undefined;
+}): string;

package/dist/helpers/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.elementToHtml = elementToHtml;
+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); }
+/**
+ * Recursively converts an element object to an HTML string.
+ *
+ * @param {Object} element - The element object representing an HTML element.
+ * @param {string} element.name - The HTML tag name.
+ * @param {Object} [element.attribs] - Attributes associated with the HTML element.
+ * @param {Array|Object} [element.children] - Child elements or strings.
+ * @returns {string} The HTML string representation of the element and its children.
+ */
+function elementToHtml(element) {
+  var attributes = Object.keys(element.attribs || {}).map(function (key) {
+    return "".concat(key, "=\"").concat(element.attribs[key], "\"");
+  }).join(' ');
+  var childrenHtml = (element.children || []).map(function (child) {
+    if (typeof child.data === 'string') {
+      return child.data;
+    } else if (_typeof(child) === 'object') {
+      return elementToHtml(child);
+    } else {
+      return '';
+    }
+  }).join('');
+  return "<".concat(element.name, " ").concat(attributes, ">").concat(childrenHtml, "</").concat(element.name, ">");
+}

package/dist/helpers/useValueForCurrentViewPort.d.ts

@@ -0,0 +1 @@
+export default function useValueForCurrentViewPort(val1: any, val2: any, val3: any, val4: any, val5: any): any;

package/dist/hooks/useDialog.d.ts

@@ -3,8 +3,5 @@ export default function useDialog(): {
     readonly dialogIsOpen: boolean;
     readonly openDialog: () => void;
     readonly closeDialog: () => void;
-    readonly DialogComponent: ({ children, ...props }: {
-        [x: string]: any;
-        children: any;
-    }) => React.FunctionComponentElement<any>;
+    readonly DialogComponent: React.FunctionComponent<any>;
 };

package/dist/hooks/useDialogHelpers.d.ts

@@ -12,7 +12,7 @@ export interface UseDialogHelpersOptions<T extends HTMLElement> {
  * click outside it, or hitting Escape.
  */
 export default function useDialogHelpers<T extends HTMLElement>(options: UseDialogHelpersOptions<T>): {
-    readonly id: any;
+    readonly id: string;
     readonly labelId: string;
     readonly dialogHelpersProps: {
         'aria-role': string;

package/dist/hooks/usePrevious.d.ts

@@ -1 +1 @@
-export default function usePrevious<T>(value: T): T;
+export default function usePrevious<T>(value: T): T | undefined;

package/dist/index.d.ts

@@ -0,0 +1,73 @@
+export { default as AbbreviationAnnotation } from "./components/AbbreviationAnnotation";
+export { default as Accordion } from "./components/Accordion";
+export { default as AccordionItem } from "./components/Accordion/AccordionItem";
+export { default as AccordionItemVariant } from "./components/Accordion/AccordionItemVariant";
+export { default as Button } from "./components/Button";
+export { default as Hamburger } from "./components/Hamburger";
+export { default as Image } from "./components/Image";
+export { default as ImageBackground } from "./components/Image/Background";
+export { default as Lottie } from "./components/Lottie";
+export { default as LottieAnimationWithMousePosition } from "./components/Lottie/LottieAnimationWithMousePosition";
+export { default as WysiwygField } from "./components/WysiwygField";
+export { default as CallToAction } from "./components/CallToAction";
+export { default as ChipFacet } from "./components/SearchKit/Facets/ChipFacet";
+export { default as Dialog } from "./components/Dialog";
+export { default as Download } from "./components/Download";
+export { default as FontSizeSwitcher } from "./components/FontSizeSwitcher";
+export { default as FormCheckbox } from "./components/Form/Checkbox";
+export { default as FormCheckboxes } from "./components/Form/Checkboxes";
+export { default as FormDate } from "./components/Form/Date";
+export { default as FormDatePicker } from "./components/Form/DatePicker";
+export { default as FormDateSelect } from "./components/Form/DateSelect";
+export { default as FormEmail } from "./components/Form/Email";
+export { default as FormikWrapper } from "./components/Form/FormikWrapper";
+export { default as FormNumber } from "./components/Form/Number";
+export { default as FormRadioButtons } from "./components/Form/RadioButtons";
+export { default as FormSearchField } from "./components/Form/SearchField";
+export { default as FormSelect } from "./components/Form/Select";
+export { default as FormTextarea } from "./components/Form/Textarea";
+export { default as FormTextField } from "./components/Form/TextField";
+export { default as InlineMenu } from "./components/InlineMenu";
+export { default as ListFacet } from "./components/SearchKit/Facets/ListFacet";
+export { default as MagicLine } from "./components/MagicLine";
+export { default as NavigationScroll } from "./components/NavigationScroll";
+export { default as Pagination } from "./components/Pagination";
+export { default as Picture } from "./components/Image/Picture";
+export { default as SearchFacets } from "./components/SearchKit/SearchFacets";
+export { default as SearchField } from "./components/SearchKit/SearchField";
+export { default as SearchKit } from "./components/SearchKit";
+export { default as SearchLoadMore } from "./components/SearchKit/SearchLoadMore";
+export { default as SearchPagination } from "./components/SearchKit/SearchPagination";
+export { default as SearchReset } from "./components/SearchKit/SearchReset";
+export { default as SearchResults } from "./components/SearchKit/SearchResults";
+export { default as SearchSelectedFilters } from "./components/SearchKit/SearchSelectedFilters";
+export { default as SearchSorting } from "./components/SearchKit/SearchSorting";
+export { default as SelectFacet } from "./components/SearchKit/Facets/SelectFacet";
+export { default as TitleWithText } from "./components/TitleWithText";
+export { default as TableRender } from "./components/TableRender";
+export { default as ApiAutocomplete } from "./components/ApiAutocomplete";
+export { default as Cookie } from "./components/Cookie";
+export { default as Downloads } from "./organisms/Downloads";
+export { default as Header } from "./components/Header";
+export { default as MediaPlayer } from "./components/MediaPlayer";
+export { default as Quote } from "./organisms/Quote";
+export { default as Share } from "./components/Share";
+export { default as SliderRelated } from "./components/Sliders/SliderRelated";
+export { default as Text } from "./organisms/Text";
+export { default as ImageGrid } from "./organisms/ImageGrid";
+export { default as Container } from "./components/Layout/Container";
+export { default as QuickLayout } from "./components/Layout/QuickLayout";
+export { default as KitchenSinkComponentMapperContext } from "./Context/KitchenSinkComponentMapperContext";
+export { default as ViewportContext } from "./Context/ViewportContext";
+export { default as useBoolean } from "./hooks/useBoolean";
+export { default as useDialog } from "./hooks/useDialog";
+export { default as useDialogHelpers } from "./hooks/useDialogHelpers";
+export { default as useEscape } from "./hooks/useEscape";
+export { default as useOnScreen } from "./hooks/useOnScreen";
+export { default as usePrevious } from "./hooks/usePrevious";
+export { default as useScrollPosition } from "./hooks/useScrollPosition";
+export { default as useWindowDimensions } from "./hooks/useWindowDimensions";
+export { default as gtm } from "./helpers/gtm";
+export { default as useValueForCurrentViewPort } from "./helpers/useValueForCurrentViewPort";
+export { parseDateWithTimezoneOffset, isValidDate, doubleDigits } from "./helpers/date";
+export { isExternalLink, normalizeLink } from "./helpers/link";

package/dist/index.js

@@ -339,6 +339,12 @@ Object.defineProperty(exports, "SliderRelated", {
     return _SliderRelated.default;
   }
 });
+Object.defineProperty(exports, "TableRender", {
+  enumerable: true,
+  get: function get() {
+    return _TableRender.default;
+  }
+});
 Object.defineProperty(exports, "Text", {
   enumerable: true,
   get: function get() {
@@ -499,6 +505,7 @@ var _SearchSelectedFilters = _interopRequireDefault(require("./components/Search
 var _SearchSorting = _interopRequireDefault(require("./components/SearchKit/SearchSorting"));
 var _SelectFacet = _interopRequireDefault(require("./components/SearchKit/Facets/SelectFacet"));
 var _TitleWithText = _interopRequireDefault(require("./components/TitleWithText"));
+var _TableRender = _interopRequireDefault(require("./components/TableRender"));
 var _ApiAutocomplete = _interopRequireDefault(require("./components/ApiAutocomplete"));
 var _Cookie = _interopRequireDefault(require("./components/Cookie"));
 var _Downloads = _interopRequireDefault(require("./organisms/Downloads"));

package/dist/organisms/Downloads/index.js

@@ -21,7 +21,9 @@ var Downloads = function Downloads(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
     title: title,
     text: text
-  }), downloads.map(function (download) {
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "Downloads__files"
+  }, downloads.map(function (download) {
     return /*#__PURE__*/_react.default.createElement(_Download.default, {
       source: download.source,
       title: download.title,
@@ -31,7 +33,7 @@ var Downloads = function Downloads(_ref) {
       target: target,
       mime: download.mime
     });
-  }));
+  })));
 };
 var _default = Downloads;
 exports.default = _default;

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

@@ -1,7 +1,9 @@
 import React from 'react';
 export interface TextProps {
     title?: string;
+    titleProps?: React.ComponentProps<'h2'>;
     text: string;
+    textProps?: React.HTMLProps<HTMLDivElement>;
     readMore?: string;
     duration?: number;
     easing?: string;

package/dist/organisms/Text/index.js

@@ -21,7 +21,9 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var Text = function Text(_ref) {
   var title = _ref.title,
+    titleProps = _ref.titleProps,
     text = _ref.text,
+    textProps = _ref.textProps,
     readMore = _ref.readMore,
     _ref$duration = _ref.duration,
     duration = _ref$duration === void 0 ? 333 : _ref$duration,
@@ -48,7 +50,9 @@ var Text = function Text(_ref) {
     className: classes
   }, /*#__PURE__*/_react.default.createElement(_TitleWithText.default, {
     title: title,
-    text: text
+    text: text,
+    titleProps: titleProps,
+    textProps: textProps
   }), readMore && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: readMoreClasses
   }, /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,14 +1,11 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "files": [
-    "dist"
-  ],
   "sideEffects": [
     "*.scss",
     "*.css"
@@ -29,7 +26,8 @@
     "start": "yarn run storybook",
     "build": "react-scripts build",
     "build:js": "cross-env NODE_ENV=production && rm -rf dist && mkdir dist && npx babel src --out-dir dist --copy-files --extensions .ts,.js,.tsx,.jsx,.cjs,.mjs",
-    "build:types": "tsc --outDir dist",
+    "build:types": "tsc --outDir dist --rootDir src",
+    "build:cleanup": "find dist -type f -name 'stories.*' -delete -o -name '*.stories.*' -delete -o -name 'test.*' -delete -o -name '*.test.*' -delete",
     "test": "react-scripts test",
     "test:ci": "react-scripts test --collectCoverage --coverageReporters=cobertura --coverageDirectory=\"./__tests__/coverage\" --ci --reporters=default --reporters=jest-junit --watchAll=false",
     "eject": "react-scripts eject",
@@ -37,7 +35,7 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "yalc-watch": "nodemon -e js,jsx --ignore dist --exec \"yalc publish && yalc push\"",
-    "publish:npm": "yarn build:js && yarn build:types",
+    "publish:npm": "yarn build:js && yarn build:types && yarn build:cleanup",
     "extract": "sb extract",
     "eslint": "NODE_ENV=development eslint './src/**/*.{js,jsx,ts,tsx}'",
     "eslint:fix": "NODE_ENV=development eslint --fix './src/**/*.{js,jsx,ts,tsx}'"
@@ -52,7 +50,9 @@
     "@types/node": "^20.1.0",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
+    "@types/react-html-parser": "^2.0.2",
     "@types/react-router": "^5.1.20",
+    "@types/uuid": "^9.0.2",
     "@types/video.js": "^7.3.52",
     "@types/webpack-env": "^1.18.0",
     "apollo-server-micro": "^3.4.0",
@@ -95,7 +95,7 @@
     "sass": "^1.55.0",
     "sass-loader": "^8.0.2",
     "slick-carousel": "^1.8.1",
-    "typescript": "^5.0.4",
+    "typescript": "^5.2.2",
     "uuid": "^9.0.0",
     "videojs-vimeo-tech": "^1.0.0",
     "videojs-youtube": "^2"
@@ -127,7 +127,6 @@
     "babel-plugin-named-exports-order": "^0.0.2",
     "chai": "^4.2.0",
     "cross-env": "^7.0.2",
-    "jest": "^29.4.3",
     "jest-environment-jsdom": "^29.5.0",
     "jest-junit": "^16.0.0",
     "prop-types": "^15.8.1",
@@ -140,6 +139,9 @@
     "storybook-react-i18next": "^1.1.3",
     "webpack": "^5.85.1"
   },
+  "files": [
+    "dist"
+  ],
   "browserslist": {
     "production": [
       ">0.2%",

package/dist/components/AbbreviationAnnotation/stories.js

@@ -1,36 +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: 'Atoms/AbbreviationAnnotation',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { AbbreviationAnnotation } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _.default,
-  decorators: [function (Story) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, ", /*#__PURE__*/_react.default.createElement("abbr", {
-      title: "Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi."
-    }, "consectetur adipiscing"), " 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."), /*#__PURE__*/_react.default.createElement("p", null, "Donec feugiat, nunc vitae euismod", /*#__PURE__*/_react.default.createElement(Story, null), "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."), /*#__PURE__*/_react.default.createElement("p", null, "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."));
-  }]
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, args);
-};
-exports.Default = Default;
-var defaultArgs = {
-  title: 'Titel',
-  children: 'Content'
-};
-Default.args = defaultArgs;

package/dist/components/AbbreviationAnnotation/stories.scss

@@ -1,39 +0,0 @@
-@import '../../styles/assets/variables';
-
-.AbbreviationAnnotationLink {
-  background-color: $color--tertiary;
-  font-family: var(--font--primary);
-  font-weight: normal;
-
-  &__content {
-    color: $color--white;
-  }
-
-  .icon-left {
-    margin-right: 0.5rem;
-  }
-
-  .icon-right {
-    margin-left: 0.5rem;
-    transform: rotate(90deg);
-  }
-
-  &--uncollapsed {
-    .icon-right {
-      transform: rotate(-90deg);
-    }
-  }
-}
-
-.AbbreviationAnnotation {
-  color: $color--white;
-  background-color: $color--tertiary;
-
-  .icon-content {
-    display: block;
-    font-size: 200%;
-    margin-top: -0.25rem;
-    flex: 0 0 auto;
-    margin-right: 1rem;
-  }
-}

package/dist/components/Accordion/stories.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withVariant = exports.default = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
-var _AccordionItemVariant = _interopRequireDefault(require("./AccordionItemVariant"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
-  title: 'Atoms/Accordion',
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Accordion, AccordionItem, AccordionItemVariant } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  },
-  component: _AccordionItem.default
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
-    title: "Plain text item",
-    content: "First item content"
-  }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
-    title: "HTML item",
-    content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
-  }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
-    title: "Third item",
-    content: /*#__PURE__*/_react.default.createElement("p", null, "Second item ", /*#__PURE__*/_react.default.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/_react.default.createElement("em", null, "HTML"), ".")
-  }));
-};
-exports.Default = Default;
-var withVariant = function withVariant(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
-    title: "Plain text item",
-    content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
-  }), /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
-    title: "HTML item",
-    content: /*#__PURE__*/_react.default.createElement("p", null, "Second item ", /*#__PURE__*/_react.default.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/_react.default.createElement("em", null, "HTML"), ".")
-  }), /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
-    title: "Third item"
-  }));
-};
-exports.withVariant = withVariant;