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

package/esm/app/QrCodeScanner/__stories__/Default.js

@@ -1,52 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { Suspense, useState } from 'react';
-import { QrCodeScanner } from '@digigov/ui/app/QrCodeScanner';
-import { ErrorSummary } from '@digigov/ui/feedback/ErrorSummary';
-import { Heading } from '@digigov/ui/typography/Heading';
-
-var _ref = /*#__PURE__*/React.createElement("div", null, "Loading...");
-
-export var Default = function Default() {
-  var _useState = useState({
-    message: ''
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  var validate = function validate(rawData) {
-    var url = new URL(rawData);
-    return url.origin === window.location.origin;
-  };
-
-  var handleScan = function handleScan(data) {
-    if (data) {
-      var url = new URL(data);
-      setError({
-        message: ''
-      });
-      alert('The page will navigate to ' + url.pathname); // or you can use the router to redirect like so:
-      // eg. router.push(url.pathname);
-    }
-  };
-
-  var handleError = function handleError() {
-    setError({
-      message: 'scan.data_error'
-    });
-  };
-
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: _ref
-  }, /*#__PURE__*/React.createElement(QrCodeScanner, {
-    style: {
-      maxWidth: '400px'
-    },
-    validate: validate,
-    onScan: handleScan,
-    onError: handleError
-  }, error.message && /*#__PURE__*/React.createElement(ErrorSummary, null, /*#__PURE__*/React.createElement(Heading, {
-    size: "sm"
-  }, error.message))));
-};
-export default Default;

package/esm/app/QrCodeScanner/index.spec.js

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { mount } from 'enzyme';
-import QrCodeScanner from '@digigov/ui/app/QrCodeScanner';
-it('renders the qr code scanner', function () {
-  expect(mount( /*#__PURE__*/React.createElement(React.Suspense, {
-    fallback: "<div>loading...</div>"
-  }, /*#__PURE__*/React.createElement(QrCodeScanner, {
-    onScan: function onScan(args) {
-      console.log(args);
-    },
-    onError: function onError(args) {
-      console.log(args);
-    }
-  })))).toMatchSnapshot();
-});

package/esm/app/QrCodeViewer/QRCode.stories.js

@@ -1,9 +0,0 @@
-/* eslint-disable digigov/no-relative-imports */
-import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
-export default {
-  title: 'Digigov UI/app/QrCodeViewer',
-  component: QrCodeViewer,
-  displayName: 'QrCodeViewer'
-};
-export * from './__stories__/Default';
-export * from './__stories__/Custom';

package/esm/app/QrCodeViewer/__stories__/Custom.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { QrCodeViewer } from '@digigov/ui/app/QrCodeViewer';
-import logo from '@digigov/ui/govgr/images/greek-government-base64';
-export var Custom = function Custom() {
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(QrCodeViewer, {
-    value: "https://www.gov.gr/",
-    size: 126,
-    bgColor: '#ededed',
-    fgColor: '#003375',
-    level: 'H',
-    includeMargin: false,
-    imageSettings: {
-      src: "".concat(logo),
-      x: undefined,
-      y: undefined,
-      height: 35,
-      width: 50,
-      excavate: true
-    }
-  }));
-};
-export default Custom;

package/esm/app/QrCodeViewer/__stories__/Default.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { QrCodeViewer } from '@digigov/ui/app/QrCodeViewer';
-
-var _ref = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(QrCodeViewer, {
-  value: "https://www.gov.gr/"
-}));
-
-export var Default = function Default() {
-  return _ref;
-};
-export default Default;

package/esm/app/QrCodeViewer/index.js

@@ -1,156 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["value", "size", "level", "bgColor", "fgColor", "includeMargin", "style", "imageSettings"];
-import React, { useRef, useEffect, useState } from 'react';
-import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
-import { generatePath, excavateModules, getImageSettings, MARGIN_SIZE } from '@digigov/ui/app/QrCodeViewer/utils';
-var DEFAULT_SIZE = 128;
-var DEFAULT_LEVEL = 'L';
-var DEFAULT_BGCOLOR = '#FFFFFF';
-var DEFAULT_FGCOLOR = '#000000';
-var DEFAULT_INCLUDEMARGIN = false;
-
-var SUPPORTS_PATH2D = function () {
-  try {
-    new Path2D().addPath(new Path2D());
-  } catch (e) {
-    return false;
-  }
-
-  return true;
-}();
-
-var ERROR_LEVEL_MAP = {
-  L: qrcodegen.QrCode.Ecc.LOW,
-  M: qrcodegen.QrCode.Ecc.MEDIUM,
-  Q: qrcodegen.QrCode.Ecc.QUARTILE,
-  H: qrcodegen.QrCode.Ecc.HIGH
-};
-var QrCodeViewerCanvas = /*#__PURE__*/React.forwardRef(function QrCodeViewerCanvas(props, ref) {
-  var value = props.value,
-      _props$size = props.size,
-      size = _props$size === void 0 ? DEFAULT_SIZE : _props$size,
-      _props$level = props.level,
-      level = _props$level === void 0 ? DEFAULT_LEVEL : _props$level,
-      _props$bgColor = props.bgColor,
-      bgColor = _props$bgColor === void 0 ? DEFAULT_BGCOLOR : _props$bgColor,
-      _props$fgColor = props.fgColor,
-      fgColor = _props$fgColor === void 0 ? DEFAULT_FGCOLOR : _props$fgColor,
-      _props$includeMargin = props.includeMargin,
-      includeMargin = _props$includeMargin === void 0 ? DEFAULT_INCLUDEMARGIN : _props$includeMargin,
-      style = props.style,
-      imageSettings = props.imageSettings,
-      otherProps = _objectWithoutProperties(props, _excluded);
-
-  var imgSrc = imageSettings === null || imageSettings === void 0 ? void 0 : imageSettings.src;
-
-  var _canvas = ref || useRef(null);
-
-  var _image = useRef(null); // We're just using this state to trigger rerenders when images load. We
-  // Don't actually read the value anywhere. A smarter use of useEffect would
-  // depend on this value.
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isImgLoaded = _useState2[0],
-      setIsImageLoaded = _useState2[1];
-
-  useEffect(function () {
-    // Always update the canvas. It's cheap enough and we want to be correct
-    // with the current state.
-    if (_canvas.current !== null) {
-      var canvas = _canvas.current;
-      var ctx = canvas.getContext('2d');
-
-      if (!ctx) {
-        return;
-      }
-
-      var cells = qrcodegen.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-      var margin = includeMargin ? MARGIN_SIZE : 0;
-      var numCells = cells.length + margin * 2;
-      var calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
-      var image = _image.current;
-      var haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
-
-      if (haveImageToRender && calculatedImageSettings) {
-        if (calculatedImageSettings.excavation != null) {
-          cells = excavateModules(cells, calculatedImageSettings.excavation);
-        }
-      } // We're going to scale this so that the number of drawable units
-      // matches the number of cells. This avoids rounding issues, but does
-      // result in some potentially unwanted single pixel issues between
-      // blocks, only in environments that don't support Path2D.
-
-
-      var pixelRatio = window.devicePixelRatio || 1;
-      canvas.height = canvas.width = size * pixelRatio;
-      var scale = size / numCells * pixelRatio;
-      ctx.scale(scale, scale); // Draw solid background, only paint dark modules.
-
-      ctx.fillStyle = bgColor;
-      ctx.fillRect(0, 0, numCells, numCells);
-      ctx.fillStyle = fgColor;
-
-      if (SUPPORTS_PATH2D) {
-        // $FlowFixMe: Path2D c'tor doesn't support args yet.
-        ctx.fill(new Path2D(generatePath(cells, margin)));
-      } else {
-        cells.forEach(function (row, rdx) {
-          row.forEach(function (cell, cdx) {
-            if (cell) {
-              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
-            }
-          });
-        });
-      }
-
-      if (haveImageToRender && calculatedImageSettings) {
-        if (image instanceof HTMLImageElement) {
-          ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
-        }
-      }
-    }
-  }); // Ensure we mark image loaded as false here so we trigger updating the
-  // canvas in our other effect.
-
-  useEffect(function () {
-    setIsImageLoaded(false);
-  }, [imgSrc, isImgLoaded]);
-
-  var canvasStyle = _extends({
-    height: size,
-    width: size
-  }, style);
-
-  var img;
-
-  if (imgSrc != null) {
-    img = /*#__PURE__*/React.createElement("img", {
-      src: imgSrc,
-      key: imgSrc,
-      style: {
-        display: 'none'
-      },
-      onLoad: function onLoad() {
-        setIsImageLoaded(true);
-      },
-      ref: _image
-    });
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("canvas", _extends({
-    style: canvasStyle,
-    height: size,
-    width: size,
-    ref: _canvas
-  }, otherProps)), img);
-});
-export var QrCodeViewer = /*#__PURE__*/React.forwardRef(function QrCodeViewer(props, ref) {
-  return /*#__PURE__*/React.createElement(QrCodeViewerCanvas, _extends({}, props, {
-    ref: ref
-  }));
-});

package/esm/app/QrCodeViewer/index.mdx

@@ -1,22 +0,0 @@
----
-id: qr-code-viewer
-title: QrCodeViewer
----
-
-```bash
-import QrCodeViewer from '@digigov/ui/app/QrCodeViewer';
-```
-
-## How to use
-
-### Default QrCodeViewer
-
-<Story packageName="@digigov/ui" component="app/QrCodeViewer" story="Default.tsx" />
-
-### Custom QrCodeViewer
-
-<Story packageName="@digigov/ui" component="app/QrCodeViewer" story="Custom.tsx" />
-
-## API
-
-<PropTypes packageName="@digigov/ui" component="QrCodeViewer" />

package/esm/app/ThemeOptions/index.js

@@ -1,255 +0,0 @@
-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 '@digigov/ui/app/hooks/useFontSize';
-import useHighlightLinks from '@digigov/ui/app/hooks/useHighlightLinks';
-import useLetterSpacing from '@digigov/ui/app/hooks/useLetterSpacing';
-import useLineHeight from '@digigov/ui/app/hooks/useLineHeight';
-import useTheme from '@digigov/ui/app/hooks/useTheme';
-import Button from '@digigov/ui/form/Button';
-import FieldContainer, { Fieldset, FieldsetLegend } from '@digigov/ui/form/FieldContainer';
-import Form from '@digigov/ui/form/Form';
-import { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';
-import SectionBreak from '@digigov/ui/layouts/SectionBreak';
-import { VisuallyHidden } from '@digigov/ui/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/esm/app/hooks/useFontSize.js

@@ -1,10 +0,0 @@
-import useVariantVars from '@digigov/ui/app/hooks/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/esm/app/hooks/useLetterSpacing.js

@@ -1,10 +0,0 @@
-import useVariantVars from '@digigov/ui/app/hooks/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/esm/app/hooks/useLineHeight.js

@@ -1,10 +0,0 @@
-import useVariantVars from '@digigov/ui/app/hooks/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/esm/app/index.js

@@ -1,17 +0,0 @@
-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';
-export * from '@digigov/ui/app/FilterContainer';
-export * from '@digigov/ui/app/Footer';
-export * from '@digigov/ui/app/Header';
-export * from '@digigov/ui/app/Loader';
-export * from '@digigov/ui/app/Masthead';
-export * from '@digigov/ui/app/Modal';
-export * from '@digigov/ui/app/NotFound';
-export * from '@digigov/ui/app/PageTitleContainer';
-export * from '@digigov/ui/app/PhaseBannerHeader';
-export * from '@digigov/ui/app/QrCodeScanner';
-export * from '@digigov/ui/app/QrCodeViewer';
-export * from '@digigov/ui/app/ThemeOptions';

package/esm/content/Accordion/Accordion.stories.js

@@ -1,11 +0,0 @@
-import Accordion from '@digigov/ui/content/Accordion';
-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 '@digigov/ui/content/Accordion/__stories__/Default';
-export * from '@digigov/ui/content/Accordion/__stories__/WithHints';

package/esm/content/Accordion/Accordion.stories.playwright.json

@@ -1,21 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-ui-content-accordion--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>div>details:nth-child(2)>summary"
-              }
-            }
-          ],
-          "id": "ZB3bfJynL-CN",
-          "title": "Mouse navigation"
-        }
-      ]
-    }
-  }
-}