@digigov/ui 2.0.0-f2d82d25 → 2.0.0-rc.0

package/app/QrCodeViewer/qrcodegen/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/QrCodeViewer/qrcodegen/index.js"
-}

package/app/QrCodeViewer/qrcodegen.d.ts

@@ -1,100 +0,0 @@
-/**
- * @license QR Code generator library (TypeScript)
- * Copyright (c) Project Nayuki.
- * SPDX-License-Identifier: MIT
- */
-declare namespace qrcodegen {
-    type bit = number;
-    type byte = number;
-    type int = number;
-    export class QrCode {
-        static encodeText(text: string, ecl: QrCode.Ecc): QrCode;
-        static encodeBinary(data: Readonly<Array<byte>>, ecl: QrCode.Ecc): QrCode;
-        static encodeSegments(segs: Readonly<Array<QrSegment>>, ecl: QrCode.Ecc, minVersion?: int, maxVersion?: int, mask?: int, boostEcl?: boolean): QrCode;
-        readonly version: int;
-        readonly errorCorrectionLevel: QrCode.Ecc;
-        readonly size: int;
-        readonly mask: int;
-        private readonly modules;
-        private readonly isFunction;
-        constructor(version: int, errorCorrectionLevel: QrCode.Ecc, dataCodewords: Readonly<Array<byte>>, msk: int);
-        getModule(x: int, y: int): boolean;
-        getModules(): boolean[][];
-        private drawFunctionPatterns;
-        private drawFormatBits;
-        private drawVersion;
-        private drawFinderPattern;
-        private drawAlignmentPattern;
-        private setFunctionModule;
-        private addEccAndInterleave;
-        private drawCodewords;
-        private applyMask;
-        private getPenaltyScore;
-        private getAlignmentPatternPositions;
-        private static getNumRawDataModules;
-        private static getNumDataCodewords;
-        private static reedSolomonComputeDivisor;
-        private static reedSolomonComputeRemainder;
-        private static reedSolomonMultiply;
-        private finderPenaltyCountPatterns;
-        private finderPenaltyTerminateAndCount;
-        private finderPenaltyAddHistory;
-        static readonly MIN_VERSION: int;
-        static readonly MAX_VERSION: int;
-        private static readonly PENALTY_N1;
-        private static readonly PENALTY_N2;
-        private static readonly PENALTY_N3;
-        private static readonly PENALTY_N4;
-        private static readonly ECC_CODEWORDS_PER_BLOCK;
-        private static readonly NUM_ERROR_CORRECTION_BLOCKS;
-    }
-    export class QrSegment {
-        static makeBytes(data: Readonly<Array<byte>>): QrSegment;
-        static makeNumeric(digits: string): QrSegment;
-        static makeAlphanumeric(text: string): QrSegment;
-        static makeSegments(text: string): Array<QrSegment>;
-        static makeEci(assignVal: int): QrSegment;
-        static isNumeric(text: string): boolean;
-        static isAlphanumeric(text: string): boolean;
-        readonly mode: QrSegment.Mode;
-        readonly numChars: int;
-        private readonly bitData;
-        constructor(mode: QrSegment.Mode, numChars: int, bitData: Array<bit>);
-        getData(): Array<bit>;
-        static getTotalBits(segs: Readonly<Array<QrSegment>>, version: int): number;
-        private static toUtf8ByteArray;
-        private static readonly NUMERIC_REGEX;
-        private static readonly ALPHANUMERIC_REGEX;
-        private static readonly ALPHANUMERIC_CHARSET;
-    }
-    export {};
-}
-declare namespace qrcodegen.QrCode {
-    type int = number;
-    export class Ecc {
-        static readonly LOW: Ecc;
-        static readonly MEDIUM: Ecc;
-        static readonly QUARTILE: Ecc;
-        static readonly HIGH: Ecc;
-        readonly ordinal: int;
-        readonly formatBits: int;
-        private constructor();
-    }
-    export {};
-}
-declare namespace qrcodegen.QrSegment {
-    type int = number;
-    export class Mode {
-        static readonly NUMERIC: Mode;
-        static readonly ALPHANUMERIC: Mode;
-        static readonly BYTE: Mode;
-        static readonly KANJI: Mode;
-        static readonly ECI: Mode;
-        readonly modeBits: int;
-        private readonly numBitsCharCount;
-        private constructor();
-        numCharCountBits(ver: int): int;
-    }
-    export {};
-}
-export default qrcodegen;

package/app/QrCodeViewer/types/index.js

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

package/app/QrCodeViewer/types/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/QrCodeViewer/types/index.js"
-}

package/app/QrCodeViewer/types.d.ts

@@ -1,28 +0,0 @@
-import type { CSSProperties } from 'react';
-import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
-export type QRProps = {
-    value: string;
-    size?: number;
-    level?: string;
-    bgColor?: string;
-    fgColor?: string;
-    style?: CSSProperties;
-    includeMargin?: boolean;
-    imageSettings?: ImageSettings;
-};
-export type QRPropsCanvas = QRProps & React.CanvasHTMLAttributes<HTMLCanvasElement>;
-export type Modules = ReturnType<qrcodegen.QrCode['getModules']>;
-export type Excavation = {
-    x: number;
-    y: number;
-    w: number;
-    h: number;
-};
-export type ImageSettings = {
-    src: string;
-    height: number;
-    width: number;
-    excavate: boolean;
-    x?: number;
-    y?: number;
-};

package/app/QrCodeViewer/utils/index.js

@@ -1,88 +0,0 @@
-var DEFAULT_IMG_SCALE = 0.1;
-export var MARGIN_SIZE = 4;
-export function generatePath(modules) {
-  var margin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var ops = [];
-  modules.forEach(function (row, y) {
-    var start = null;
-    row.forEach(function (cell, x) {
-      if (!cell && start !== null) {
-        // M0 0h7v1H0z injects the space with the move and drops the comma,
-        // saving a char per operation
-        ops.push("M".concat(start + margin, " ").concat(y + margin, "h").concat(x - start, "v1H").concat(start + margin, "z"));
-        start = null;
-        return;
-      }
-
-      // end of row, clean up or skip
-      if (x === row.length - 1) {
-        if (!cell) {
-          // We would have closed the op above already so this can only mean
-          // 2+ light modules in a row.
-          return;
-        }
-        if (start === null) {
-          // Just a single dark module.
-          ops.push("M".concat(x + margin, ",").concat(y + margin, " h1v1H").concat(x + margin, "z"));
-        } else {
-          // Otherwise finish the current line.
-          ops.push("M".concat(start + margin, ",").concat(y + margin, " h").concat(x + 1 - start, "v1H").concat(start + margin, "z"));
-        }
-        return;
-      }
-      if (cell && start === null) {
-        start = x;
-      }
-    });
-  });
-  return ops.join('');
-}
-
-// We could just do this in generatePath, except that we want to support
-// non-Path2D canvas, so we need to keep it an explicit step.
-export function excavateModules(modules, excavation) {
-  return modules.slice().map(function (row, y) {
-    if (y < excavation.y || y >= excavation.y + excavation.h) {
-      return row;
-    }
-    return row.map(function (cell, x) {
-      if (x < excavation.x || x >= excavation.x + excavation.w) {
-        return cell;
-      }
-      return false;
-    });
-  });
-}
-export function getImageSettings(cells, size, includeMargin, imageSettings) {
-  if (imageSettings == null) {
-    return null;
-  }
-  var margin = includeMargin ? MARGIN_SIZE : 0;
-  var numCells = cells.length + margin * 2;
-  var defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
-  var scale = numCells / size;
-  var w = (imageSettings.width || defaultSize) * scale;
-  var h = (imageSettings.height || defaultSize) * scale;
-  var x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
-  var y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
-  var excavation;
-  if (imageSettings.excavate) {
-    var floorX = Math.floor(x);
-    var floorY = Math.floor(y);
-    var ceilW = Math.ceil(w + x - floorX);
-    var ceilH = Math.ceil(h + y - floorY);
-    excavation = {
-      x: floorX,
-      y: floorY,
-      w: ceilW,
-      h: ceilH
-    };
-  }
-  return {
-    x: x,
-    y: y,
-    h: h,
-    w: w,
-    excavation: excavation
-  };
-}

package/app/QrCodeViewer/utils/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/QrCodeViewer/utils/index.js"
-}

package/app/QrCodeViewer/utils.d.ts

@@ -1,11 +0,0 @@
-import { Modules, Excavation, ImageSettings } from '@digigov/ui/app/QrCodeViewer/types';
-export declare const MARGIN_SIZE = 4;
-export declare function generatePath(modules: Modules, margin?: number): string;
-export declare function excavateModules(modules: Modules, excavation: Excavation): Modules;
-export declare function getImageSettings(cells: Modules, size: number, includeMargin: boolean, imageSettings?: ImageSettings): null | {
-    x: number;
-    y: number;
-    h: number;
-    w: number;
-    excavation: Excavation | null;
-};

package/app/ThemeOptions/index.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { BaseProps } from '@digigov/react-core';
-export interface ThemeOptionsProps extends BaseProps<'form'> {
-    colorsOption?: boolean;
-    fontSizeOption?: boolean;
-    lineHeightOption?: boolean;
-    letterSpacingOption?: boolean;
-    highlightLinksOption?: boolean;
-    colorsOptionTitleSize?: TitleSize;
-    fontSizeOptionTitleSize?: TitleSize;
-    lineHeightOptionTitleSize?: TitleSize;
-    letterSpacingOptionTitleSize?: TitleSize;
-    highlightLinksOptionTitleSize?: TitleSize;
-}
-type TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';
-export declare const ThemeOptions: React.ForwardRefExoticComponent<Pick<ThemeOptionsProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "method" | "name" | "target" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "colorsOption" | "fontSizeOption" | "lineHeightOption" | "letterSpacingOption" | "highlightLinksOption" | "colorsOptionTitleSize" | "fontSizeOptionTitleSize" | "lineHeightOptionTitleSize" | "letterSpacingOptionTitleSize" | "highlightLinksOptionTitleSize"> & React.RefAttributes<HTMLFormElement>>;
-export default ThemeOptions;

package/app/ThemeOptions/index.js

@@ -1,235 +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/app/ThemeOptions/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../cjs/app/ThemeOptions/index.js"
-}

package/app/hooks/useFontSize/index.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/app/hooks/useFontSize/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/hooks/useFontSize/index.js"
-}

package/app/hooks/useFontSize.d.ts

@@ -1,6 +0,0 @@
-import { UseVariantVarsResult } from '@digigov/ui/app/hooks/useVariantVars';
-export type FontSizeOptions = 'default' | 'large';
-export type StoredFontSizeOptions = FontSizeOptions | null;
-export type UseFontSizeResult = UseVariantVarsResult<FontSizeOptions>;
-export declare const useFontSize: () => UseFontSizeResult;
-export default useFontSize;

package/app/hooks/useHighlightLinks/index.js

@@ -1,33 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from 'react';
-export var useHighlightLinks = function useHighlightLinks() {
-  var storedHighlightLinks = localStorage.getItem('--theme-highlight-links');
-  var _useState = useState(storedHighlightLinks || 'default'),
-    _useState2 = _slicedToArray(_useState, 2),
-    highlightLinks = _useState2[0],
-    changeHighlightLinks = _useState2[1];
-  useEffect(function () {
-    if (highlightLinks === 'highlight') {
-      document.documentElement.classList.add("ds-highlight-links");
-    } else {
-      document.documentElement.classList.remove("ds-highlight-links");
-    }
-    localStorage.setItem('--theme-highlight-links', highlightLinks);
-  }, [highlightLinks]);
-  useEffect(function () {
-    var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove("ds-highlight-links");
-    };
-    var afterPrintListener = function afterPrintListener() {
-      document.documentElement.classList.add(localStorage.getItem('--theme-highlight-links') === 'highlight' ? "ds-highlight-links" : '');
-    };
-    window.addEventListener('beforeprint', beforePrintListener);
-    window.addEventListener('afterprint', afterPrintListener);
-    return function () {
-      window.removeEventListener('beforeprint', beforePrintListener);
-      window.removeEventListener('afterprint', afterPrintListener);
-    };
-  }, []);
-  return [highlightLinks, changeHighlightLinks];
-};
-export default useHighlightLinks;

package/app/hooks/useHighlightLinks/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/hooks/useHighlightLinks/index.js"
-}

package/app/hooks/useHighlightLinks.d.ts

@@ -1,8 +0,0 @@
-export type HighlightLinksOptions = 'default' | 'highlight';
-export type StoredHighlightLinksOptions = HighlightLinksOptions | null;
-export type UseHighlightLinksResult = [
-    HighlightLinksOptions,
-    (selectedHighlightLinks: HighlightLinksOptions) => void
-];
-export declare const useHighlightLinks: () => UseHighlightLinksResult;
-export default useHighlightLinks;

package/app/hooks/useLetterSpacing/index.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/app/hooks/useLetterSpacing/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "main": "../../../cjs/app/hooks/useLetterSpacing/index.js"
-}

package/app/hooks/useLetterSpacing.d.ts

@@ -1,6 +0,0 @@
-import { UseVariantVarsResult } from '@digigov/ui/app/hooks/useVariantVars';
-export type LetterSpacingOptions = 'default' | 'extra';
-export type StoredLetterSpacingOptions = LetterSpacingOptions | null;
-export type UseLetterSpacingResult = UseVariantVarsResult<LetterSpacingOptions>;
-export declare const useLetterSpacing: () => UseLetterSpacingResult;
-export default useLetterSpacing;

package/app/hooks/useLineHeight/index.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;