@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-a131264d

package/app/ThemeOptions/index.mjs

@@ -0,0 +1,255 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["colorsOption", "fontSizeOption", "lineHeightOption", "letterSpacingOption", "highlightLinksOption", "colorsOptionTitleSize", "fontSizeOptionTitleSize", "lineHeightOptionTitleSize", "letterSpacingOptionTitleSize", "highlightLinksOptionTitleSize", "className"];
+import React, { useState } from 'react';
+import clsx from 'clsx';
+import useFontSize from "../hooks/useFontSize";
+import useHighlightLinks from "../hooks/useHighlightLinks";
+import useLetterSpacing from "../hooks/useLetterSpacing";
+import useLineHeight from "../hooks/useLineHeight";
+import useTheme from "../hooks/useTheme";
+import Button from "../../form/Button";
+import FieldContainer, { Fieldset, FieldsetLegend } from "../../form/FieldContainer";
+import Form from "../../form/Form";
+import { RadioContainer, RadioItem } from "../../form/RadioContainer";
+import SectionBreak from "../../layouts/SectionBreak";
+import { VisuallyHidden } from "../../utils/VisuallyHidden";
+
+var FieldsetLegendTitle = function FieldsetLegendTitle(_ref) {
+  var titleSize = _ref.titleSize,
+      titleValue = _ref.titleValue;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, titleSize === 'hidden' ? /*#__PURE__*/React.createElement(FieldsetLegend, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, titleValue)) : /*#__PURE__*/React.createElement(FieldsetLegend, {
+    size: titleSize
+  }, titleValue));
+}; // export const ThemeOptions = () => {
+
+
+var _ref3 = /*#__PURE__*/React.createElement(FieldsetLegend, {
+  size: "sm"
+}, "\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD");
+
+var _ref4 = /*#__PURE__*/React.createElement(FieldsetLegend, {
+  size: "sm"
+}, "\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD");
+
+var _ref5 = /*#__PURE__*/React.createElement(FieldsetLegend, {
+  size: "sm"
+}, "\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD");
+
+var _ref6 = /*#__PURE__*/React.createElement(FieldsetLegend, {
+  size: "sm"
+}, "\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD");
+
+var _ref7 = /*#__PURE__*/React.createElement(SectionBreak, {
+  visible: false
+});
+
+export var ThemeOptions = /*#__PURE__*/React.forwardRef(function ThemeOptions(_ref2, ref) {
+  var _ref2$colorsOption = _ref2.colorsOption,
+      colorsOption = _ref2$colorsOption === void 0 ? true : _ref2$colorsOption,
+      _ref2$fontSizeOption = _ref2.fontSizeOption,
+      fontSizeOption = _ref2$fontSizeOption === void 0 ? true : _ref2$fontSizeOption,
+      _ref2$lineHeightOptio = _ref2.lineHeightOption,
+      lineHeightOption = _ref2$lineHeightOptio === void 0 ? true : _ref2$lineHeightOptio,
+      _ref2$letterSpacingOp = _ref2.letterSpacingOption,
+      letterSpacingOption = _ref2$letterSpacingOp === void 0 ? true : _ref2$letterSpacingOp,
+      _ref2$highlightLinksO = _ref2.highlightLinksOption,
+      highlightLinksOption = _ref2$highlightLinksO === void 0 ? true : _ref2$highlightLinksO,
+      _ref2$colorsOptionTit = _ref2.colorsOptionTitleSize,
+      colorsOptionTitleSize = _ref2$colorsOptionTit === void 0 ? 'sm' : _ref2$colorsOptionTit,
+      _ref2$fontSizeOptionT = _ref2.fontSizeOptionTitleSize,
+      fontSizeOptionTitleSize = _ref2$fontSizeOptionT === void 0 ? 'sm' : _ref2$fontSizeOptionT,
+      _ref2$lineHeightOptio2 = _ref2.lineHeightOptionTitleSize,
+      lineHeightOptionTitleSize = _ref2$lineHeightOptio2 === void 0 ? 'sm' : _ref2$lineHeightOptio2,
+      _ref2$letterSpacingOp2 = _ref2.letterSpacingOptionTitleSize,
+      letterSpacingOptionTitleSize = _ref2$letterSpacingOp2 === void 0 ? 'sm' : _ref2$letterSpacingOp2,
+      _ref2$highlightLinksO2 = _ref2.highlightLinksOptionTitleSize,
+      highlightLinksOptionTitleSize = _ref2$highlightLinksO2 === void 0 ? 'sm' : _ref2$highlightLinksO2,
+      className = _ref2.className,
+      props = _objectWithoutProperties(_ref2, _excluded);
+
+  var _useTheme = useTheme(),
+      _useTheme2 = _slicedToArray(_useTheme, 2),
+      theme = _useTheme2[0],
+      changeTheme = _useTheme2[1];
+
+  var _useState = useState(theme || 'auto'),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedTheme = _useState2[0],
+      setSelectedTheme = _useState2[1];
+
+  var _useFontSize = useFontSize(),
+      _useFontSize2 = _slicedToArray(_useFontSize, 2),
+      fontSize = _useFontSize2[0],
+      changeFontSize = _useFontSize2[1];
+
+  var _useState3 = useState(fontSize || 'default'),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectedFontSize = _useState4[0],
+      setSelectedFontSize = _useState4[1];
+
+  var _useLineHeight = useLineHeight(),
+      _useLineHeight2 = _slicedToArray(_useLineHeight, 2),
+      lineHeight = _useLineHeight2[0],
+      changeLineHeight = _useLineHeight2[1];
+
+  var _useState5 = useState(lineHeight || 'default'),
+      _useState6 = _slicedToArray(_useState5, 2),
+      selectedLineHeight = _useState6[0],
+      setSelectedLineHeight = _useState6[1];
+
+  var _useLetterSpacing = useLetterSpacing(),
+      _useLetterSpacing2 = _slicedToArray(_useLetterSpacing, 2),
+      letterSpacing = _useLetterSpacing2[0],
+      changeLetterSpacing = _useLetterSpacing2[1];
+
+  var _useState7 = useState(letterSpacing || 'default'),
+      _useState8 = _slicedToArray(_useState7, 2),
+      selectedLetterSpacing = _useState8[0],
+      setSelectedLetterSpacing = _useState8[1];
+
+  var _useHighlightLinks = useHighlightLinks(),
+      _useHighlightLinks2 = _slicedToArray(_useHighlightLinks, 2),
+      highlightLinks = _useHighlightLinks2[0],
+      changeHighlightLinks = _useHighlightLinks2[1];
+
+  var _useState9 = useState(highlightLinks || 'default'),
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedHighlightLinks = _useState10[0],
+      setSelectedHighlightLinks = _useState10[1];
+
+  function handleOptions() {
+    changeTheme(selectedTheme);
+    changeFontSize(selectedFontSize);
+    changeLineHeight(selectedLineHeight);
+    changeLetterSpacing(selectedLetterSpacing);
+    changeHighlightLinks(selectedHighlightLinks);
+  }
+
+  function resetOptions() {
+    setSelectedTheme('light');
+    setSelectedFontSize('default');
+    setSelectedLineHeight('default');
+    setSelectedLetterSpacing('default');
+    setSelectedHighlightLinks('default');
+  }
+
+  function optionsHasChanged() {
+    if (theme != selectedTheme || fontSize != selectedFontSize || lineHeight != selectedLineHeight || letterSpacing != selectedLetterSpacing || highlightLinks != selectedHighlightLinks) {
+      return true;
+    } else {
+      return false;
+    }
+  }
+
+  return /*#__PURE__*/React.createElement(Form, _extends({}, props, {
+    ref: ref,
+    className: clsx(className)
+  }), colorsOption && /*#__PURE__*/React.createElement(FieldContainer, {
+    marginBottom: 4
+  }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegendTitle, {
+    titleSize: colorsOptionTitleSize,
+    titleValue: "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2"
+  }), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
+    name: "theme_mode",
+    value: "light",
+    onChange: function onChange() {
+      return setSelectedTheme('light');
+    },
+    checked: selectedTheme === 'light'
+  }, "\u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "theme_mode",
+    value: "dark",
+    onChange: function onChange() {
+      return setSelectedTheme('dark');
+    },
+    checked: selectedTheme === 'dark'
+  }, "\u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "theme_mode",
+    value: "auto",
+    onChange: function onChange() {
+      return setSelectedTheme('auto');
+    },
+    checked: selectedTheme === 'auto'
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2")))), fontSizeOption && /*#__PURE__*/React.createElement(FieldContainer, {
+    marginBottom: 4
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref3, /*#__PURE__*/React.createElement(RadioContainer, {
+    layout: "horizontal"
+  }, /*#__PURE__*/React.createElement(RadioItem, {
+    name: "font-size",
+    value: "no",
+    onChange: function onChange() {
+      return setSelectedFontSize('default');
+    },
+    checked: selectedFontSize === 'default'
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "font-size",
+    value: "yes",
+    onChange: function onChange() {
+      setSelectedFontSize('large');
+    },
+    checked: selectedFontSize === 'large'
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), lineHeightOption && /*#__PURE__*/React.createElement(FieldContainer, {
+    marginBottom: 4
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref4, /*#__PURE__*/React.createElement(RadioContainer, {
+    layout: "horizontal"
+  }, /*#__PURE__*/React.createElement(RadioItem, {
+    name: "line-height",
+    value: "no",
+    onChange: function onChange() {
+      return setSelectedLineHeight('default');
+    },
+    checked: selectedLineHeight === 'default'
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "line-height",
+    value: "yes",
+    onChange: function onChange() {
+      setSelectedLineHeight('large');
+    },
+    checked: selectedLineHeight === 'large'
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), letterSpacingOption && /*#__PURE__*/React.createElement(FieldContainer, {
+    marginBottom: 4
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref5, /*#__PURE__*/React.createElement(RadioContainer, {
+    layout: "horizontal"
+  }, /*#__PURE__*/React.createElement(RadioItem, {
+    name: "letter-spacing",
+    value: "no",
+    onChange: function onChange() {
+      return setSelectedLetterSpacing('default');
+    },
+    checked: selectedLetterSpacing === 'default'
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "letter-spacing",
+    value: "yes",
+    onChange: function onChange() {
+      setSelectedLetterSpacing('extra');
+    },
+    checked: selectedLetterSpacing === 'extra'
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7")))), highlightLinksOption && /*#__PURE__*/React.createElement(FieldContainer, {
+    marginBottom: 4
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref6, /*#__PURE__*/React.createElement(RadioContainer, {
+    layout: "horizontal"
+  }, /*#__PURE__*/React.createElement(RadioItem, {
+    name: "highlight-links",
+    value: "no",
+    onChange: function onChange() {
+      return setSelectedHighlightLinks('default');
+    },
+    checked: selectedHighlightLinks === 'default'
+  }, "\u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
+    name: "highlight-links",
+    value: "yes",
+    onChange: function onChange() {
+      setSelectedHighlightLinks('highlight');
+    },
+    checked: selectedHighlightLinks === 'highlight'
+  }, "\u039D\u03B1\u03B9")))), /*#__PURE__*/React.createElement(Button, {
+    onClick: resetOptions,
+    variant: "link"
+  }, "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD"), _ref7, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleOptions,
+    disabled: !optionsHasChanged()
+  }, "\u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE"));
+});
+export default ThemeOptions;

package/app/hooks/useFontSize.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useFontSize = exports["default"] = void 0;
 
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
+var _useVariantVars = _interopRequireDefault(require("./useVariantVars"));
 
 var useFontSize = function useFontSize() {
   var config = {

package/app/hooks/useFontSize.mjs

@@ -0,0 +1,10 @@
+import useVariantVars from "./useVariantVars";
+export var useFontSize = function useFontSize() {
+  var config = {
+    name: 'font-size',
+    variables: ['text-sm', 'text-base', 'text-lg', 'text-xl', 'text-2xl', 'text-3xl', 'text-4xl', 'text-5xl'],
+    variants: ['default', 'large']
+  };
+  return useVariantVars(config);
+};
+export default useFontSize;

package/app/hooks/useLetterSpacing.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useLetterSpacing = exports["default"] = void 0;
 
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
+var _useVariantVars = _interopRequireDefault(require("./useVariantVars"));
 
 var useLetterSpacing = function useLetterSpacing() {
   var config = {

package/app/hooks/useLetterSpacing.mjs

@@ -0,0 +1,10 @@
+import useVariantVars from "./useVariantVars";
+export var useLetterSpacing = function useLetterSpacing() {
+  var config = {
+    name: 'letter-spacing',
+    variables: ['letter-spacing-normal', 'letter-spacing-wide', 'letter-spacing-wider', 'letter-spacing-widest'],
+    variants: ['default', 'extra']
+  };
+  return useVariantVars(config);
+};
+export default useLetterSpacing;

package/app/hooks/useLineHeight.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useLineHeight = exports["default"] = void 0;
 
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
+var _useVariantVars = _interopRequireDefault(require("./useVariantVars"));
 
 var useLineHeight = function useLineHeight() {
   var config = {

package/app/hooks/useLineHeight.mjs

@@ -0,0 +1,10 @@
+import useVariantVars from "./useVariantVars";
+export var useLineHeight = function useLineHeight() {
+  var config = {
+    name: 'line-height',
+    variables: ['line-h-sm', 'line-h-base', 'line-h-lg', 'line-h-xl', 'line-h-2xl', 'line-h-3xl', 'line-h-4xl', 'line-h-5xl'],
+    variants: ['default', 'large']
+  };
+  return useVariantVars(config);
+};
+export default useLineHeight;

package/app/index.d.ts

@@ -1,5 +1,4 @@
 export * from '@digigov/ui/app/App';
-export * from '@digigov/ui/app/AccessibilityMenu';
 export * from '@digigov/ui/app/BannerContainer';
 export * from '@digigov/ui/app/BottomInfo';
 export * from '@digigov/ui/app/Panel';

package/app/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _App = require("@digigov/ui/app/App");
+var _App = require("./App");
 
 Object.keys(_App).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -17,20 +17,7 @@ Object.keys(_App).forEach(function (key) {
   });
 });
 
-var _AccessibilityMenu = require("@digigov/ui/app/AccessibilityMenu");
-
-Object.keys(_AccessibilityMenu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AccessibilityMenu[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AccessibilityMenu[key];
-    }
-  });
-});
-
-var _BannerContainer = require("@digigov/ui/app/BannerContainer");
+var _BannerContainer = require("./BannerContainer");
 
 Object.keys(_BannerContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -43,7 +30,7 @@ Object.keys(_BannerContainer).forEach(function (key) {
   });
 });
 
-var _BottomInfo = require("@digigov/ui/app/BottomInfo");
+var _BottomInfo = require("./BottomInfo");
 
 Object.keys(_BottomInfo).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -56,7 +43,7 @@ Object.keys(_BottomInfo).forEach(function (key) {
   });
 });
 
-var _Panel = require("@digigov/ui/app/Panel");
+var _Panel = require("./Panel");
 
 Object.keys(_Panel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -69,7 +56,7 @@ Object.keys(_Panel).forEach(function (key) {
   });
 });
 
-var _FilterContainer = require("@digigov/ui/app/FilterContainer");
+var _FilterContainer = require("./FilterContainer");
 
 Object.keys(_FilterContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -82,7 +69,7 @@ Object.keys(_FilterContainer).forEach(function (key) {
   });
 });
 
-var _Footer = require("@digigov/ui/app/Footer");
+var _Footer = require("./Footer");
 
 Object.keys(_Footer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -95,7 +82,7 @@ Object.keys(_Footer).forEach(function (key) {
   });
 });
 
-var _Header = require("@digigov/ui/app/Header");
+var _Header = require("./Header");
 
 Object.keys(_Header).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -108,7 +95,7 @@ Object.keys(_Header).forEach(function (key) {
   });
 });
 
-var _Loader = require("@digigov/ui/app/Loader");
+var _Loader = require("./Loader");
 
 Object.keys(_Loader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -121,7 +108,7 @@ Object.keys(_Loader).forEach(function (key) {
   });
 });
 
-var _Masthead = require("@digigov/ui/app/Masthead");
+var _Masthead = require("./Masthead");
 
 Object.keys(_Masthead).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -134,7 +121,7 @@ Object.keys(_Masthead).forEach(function (key) {
   });
 });
 
-var _Modal = require("@digigov/ui/app/Modal");
+var _Modal = require("./Modal");
 
 Object.keys(_Modal).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -147,7 +134,7 @@ Object.keys(_Modal).forEach(function (key) {
   });
 });
 
-var _NotFound = require("@digigov/ui/app/NotFound");
+var _NotFound = require("./NotFound");
 
 Object.keys(_NotFound).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -160,7 +147,7 @@ Object.keys(_NotFound).forEach(function (key) {
   });
 });
 
-var _PageTitleContainer = require("@digigov/ui/app/PageTitleContainer");
+var _PageTitleContainer = require("./PageTitleContainer");
 
 Object.keys(_PageTitleContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -173,7 +160,7 @@ Object.keys(_PageTitleContainer).forEach(function (key) {
   });
 });
 
-var _PhaseBannerHeader = require("@digigov/ui/app/PhaseBannerHeader");
+var _PhaseBannerHeader = require("./PhaseBannerHeader");
 
 Object.keys(_PhaseBannerHeader).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -186,7 +173,7 @@ Object.keys(_PhaseBannerHeader).forEach(function (key) {
   });
 });
 
-var _QrCodeScanner = require("@digigov/ui/app/QrCodeScanner");
+var _QrCodeScanner = require("./QrCodeScanner");
 
 Object.keys(_QrCodeScanner).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -199,7 +186,7 @@ Object.keys(_QrCodeScanner).forEach(function (key) {
   });
 });
 
-var _QrCodeViewer = require("@digigov/ui/app/QrCodeViewer");
+var _QrCodeViewer = require("./QrCodeViewer");
 
 Object.keys(_QrCodeViewer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -212,7 +199,7 @@ Object.keys(_QrCodeViewer).forEach(function (key) {
   });
 });
 
-var _ThemeOptions = require("@digigov/ui/app/ThemeOptions");
+var _ThemeOptions = require("./ThemeOptions");
 
 Object.keys(_ThemeOptions).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/app/index.mjs

@@ -0,0 +1,16 @@
+export * from "./App";
+export * from "./BannerContainer";
+export * from "./BottomInfo";
+export * from "./Panel";
+export * from "./FilterContainer";
+export * from "./Footer";
+export * from "./Header";
+export * from "./Loader";
+export * from "./Masthead";
+export * from "./Modal";
+export * from "./NotFound";
+export * from "./PageTitleContainer";
+export * from "./PhaseBannerHeader";
+export * from "./QrCodeScanner";
+export * from "./QrCodeViewer";
+export * from "./ThemeOptions";

package/content/Accordion/Accordion.stories.d.ts

@@ -9,4 +9,6 @@ declare namespace _default {
 export default _default;
 export * from "@digigov/ui/content/Accordion/__stories__/Default";
 export * from "@digigov/ui/content/Accordion/__stories__/WithHints";
+export * from "@digigov/ui/content/Accordion/__stories__/WithHook";
+export * from "@digigov/ui/content/Accordion/__stories__/Auto";
 import Accordion from "@digigov/ui/content/Accordion";

package/content/Accordion/Accordion.stories.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Accordion = _interopRequireDefault(require("@digigov/ui/content/Accordion"));
+var _ = _interopRequireDefault(require("./"));
 
-var _Default = require("@digigov/ui/content/Accordion/__stories__/Default");
+var _Default = require("./__stories__/Default");
 
 Object.keys(_Default).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -24,7 +24,7 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
-var _WithHints = require("@digigov/ui/content/Accordion/__stories__/WithHints");
+var _WithHints = require("./__stories__/WithHints");
 
 Object.keys(_WithHints).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -37,12 +37,40 @@ Object.keys(_WithHints).forEach(function (key) {
     }
   });
 });
+
+var _WithHook = require("./__stories__/WithHook");
+
+Object.keys(_WithHook).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _WithHook[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _WithHook[key];
+    }
+  });
+});
+
+var _Auto = require("./__stories__/Auto");
+
+Object.keys(_Auto).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Auto[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Auto[key];
+    }
+  });
+});
 var _default = {
   title: 'Digigov UI/content/Accordion',
   tags: ['Experimental'],
   description: 'The accordion component lets users show and hide sections of related content on a page.',
   link: 'https://guide.services.gov.gr/docs/components/accordion',
-  component: _Accordion["default"],
+  component: _["default"],
   displayName: 'Accordion'
 };
 exports["default"] = _default;

package/content/Accordion/Accordion.stories.mjs

@@ -0,0 +1,13 @@
+import Accordion from "./";
+export default {
+  title: 'Digigov UI/content/Accordion',
+  tags: ['Experimental'],
+  description: 'The accordion component lets users show and hide sections of related content on a page.',
+  link: 'https://guide.services.gov.gr/docs/components/accordion',
+  component: Accordion,
+  displayName: 'Accordion'
+};
+export * from "./__stories__/Default";
+export * from "./__stories__/WithHints";
+export * from "./__stories__/WithHook";
+export * from "./__stories__/Auto";

package/content/Accordion/__snapshots__/index.spec.tsx.snap

@@ -4,10 +4,10 @@ exports[`renders the Accordion 1`] = `
 <ForwardRef(Accordion)>
   <ForwardRef(Base)
     as="div"
-    className="govgr-accordion"
+    className="govgr-accordion--border-top govgr-accordion"
   >
     <div
-      className="govgr-accordion"
+      className="govgr-accordion--border-top govgr-accordion"
     >
       <withDeprecationComponent>
         <ForwardRef(AccordionSection)>
@@ -32,7 +32,10 @@ exports[`renders the Accordion 1`] = `
                         className="govgr-accordion__section-summary"
                         role="heading"
                       >
-                        <ForwardRef(AccordionSectionSummaryHeading)>
+                        <ForwardRef(AccordionSectionSummaryHeading)
+                          aria-expanded={false}
+                          onClick={[Function]}
+                        >
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"
@@ -100,7 +103,10 @@ exports[`renders the Accordion 1`] = `
                         className="govgr-accordion__section-summary"
                         role="heading"
                       >
-                        <ForwardRef(AccordionSectionSummaryHeading)>
+                        <ForwardRef(AccordionSectionSummaryHeading)
+                          aria-expanded={false}
+                          onClick={[Function]}
+                        >
                           <ForwardRef(Base)
                             aria-expanded={false}
                             as="h2"

package/content/Accordion/__stories__/Auto.d.ts

@@ -0,0 +1,2 @@
+export declare const Auto: () => JSX.Element;
+export default Auto;