@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/app/Skeleton/__stories__/UnderTypography.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Skeleton/__stories__/UnderTypography.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Skeleton } from '@digigov/ui/app/Skeleton';\nimport Heading from '@digigov/ui/typography/Heading';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\n\nexport const UnderTypography = () => (\n  <>\n    <Heading>\n      <Skeleton />\n    </Heading>\n    <Paragraph>\n      <Skeleton />\n    </Paragraph>\n  </>\n);\n\nexport default UnderTypography;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,OAAO,aAAa;AACpB,SAAS,iBAAiB;AAEnB,MAAM,kBAAkB,MAC7B,0DACE,oCAAC,eACC,oCAAC,cAAS,CACZ,GACA,oCAAC,iBACC,oCAAC,cAAS,CACZ,CACF;AAGF,IAAO,0BAAQ;",
+  "names": []
+}

package/app/Skeleton/__stories__/WithChildren/index.js

@@ -0,0 +1,10 @@
+import React from "react";
+import { Skeleton } from "@digigov/ui/app/Skeleton";
+import { NormalText } from "@digigov/ui/typography/NormalText";
+const WithChildren = () => /* @__PURE__ */ React.createElement(Skeleton, null, /* @__PURE__ */ React.createElement(NormalText, null, "\u039A\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF"));
+var WithChildren_default = WithChildren;
+export {
+  WithChildren,
+  WithChildren_default as default
+};
+//# sourceMappingURL=WithChildren.js.map

package/app/Skeleton/__stories__/WithChildren/package.json

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

package/app/Skeleton/__stories__/WithChildren.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const WithChildren: () => React.JSX.Element;
+export default WithChildren;

package/app/Skeleton/__stories__/WithChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Skeleton/__stories__/WithChildren.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Skeleton } from '@digigov/ui/app/Skeleton';\nimport { NormalText } from '@digigov/ui/typography/NormalText';\n\nexport const WithChildren = () => (\n  <Skeleton>\n    <NormalText>\u039A\u03B5\u03AF\u03BC\u03B5\u03BD\u03BF</NormalText>\n  </Skeleton>\n);\n\nexport default WithChildren;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAEpB,MAAM,eAAe,MAC1B,oCAAC,gBACC,oCAAC,kBAAW,4CAAO,CACrB;AAGF,IAAO,uBAAQ;",
+  "names": []
+}

package/app/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export * from '@digigov/react-core/Skeleton';
+import Skeleton from '@digigov/react-core/Skeleton';
+export default Skeleton;

package/app/Skeleton/index.js

@@ -0,0 +1,7 @@
+export * from "@digigov/react-core/Skeleton";
+import Skeleton from "@digigov/react-core/Skeleton";
+var Skeleton_default = Skeleton;
+export {
+  Skeleton_default as default
+};
+//# sourceMappingURL=index.js.map

package/app/Skeleton/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/Skeleton/index.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/Skeleton';\n\nimport Skeleton from '@digigov/react-core/Skeleton';\nexport default Skeleton;\n"],
+  "mappings": "AAAA,cAAc;AAEd,OAAO,cAAc;AACrB,IAAO,mBAAQ;",
+  "names": []
+}

package/app/Skeleton/index.test.d.ts

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

package/{api/index.spec → app/Skeleton}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../cjs/api/index.spec/index.js"
+  "main": "../../cjs/app/Skeleton/index.js"
 }

package/app/ThemeOptions/index.d.ts

@@ -13,5 +13,5 @@ export interface ThemeOptionsProps extends BaseProps<'form'> {
     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 declare const ThemeOptions: React.ForwardRefExoticComponent<Omit<ThemeOptionsProps, "ref"> & React.RefAttributes<HTMLFormElement>>;
 export default ThemeOptions;

package/app/ThemeOptions/index.js

@@ -1,4 +1,4 @@
-import React, {useState} from "react";
+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";
@@ -11,13 +11,11 @@ import FieldContainer, {
   FieldsetLegend
 } from "@digigov/ui/form/FieldContainer";
 import Form from "@digigov/ui/form/Form";
-import {RadioContainer, RadioItem} from "@digigov/ui/form/RadioContainer";
+import { RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer";
 import SectionBreak from "@digigov/ui/layouts/SectionBreak";
-import {VisuallyHidden} from "@digigov/ui/utils/VisuallyHidden";
-const FieldsetLegendTitle = ({titleSize, 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));
+import { VisuallyHidden } from "@digigov/ui/utils/VisuallyHidden";
+const FieldsetLegendTitle = ({ titleSize, 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));
 };
 const ThemeOptions = React.forwardRef(function ThemeOptions2({
   colorsOption = true,
@@ -34,9 +32,13 @@ const ThemeOptions = React.forwardRef(function ThemeOptions2({
   ...props
 }, ref) {
   const [theme, changeTheme] = useTheme();
-  const [selectedTheme, setSelectedTheme] = useState(theme || "auto");
+  const [selectedTheme, setSelectedTheme] = useState(
+    theme || "auto"
+  );
   const [fontSize, changeFontSize] = useFontSize();
-  const [selectedFontSize, setSelectedFontSize] = useState(fontSize || "default");
+  const [selectedFontSize, setSelectedFontSize] = useState(
+    fontSize || "default"
+  );
   const [lineHeight, changeLineHeight] = useLineHeight();
   const [selectedLineHeight, setSelectedLineHeight] = useState(lineHeight || "default");
   const [letterSpacing, changeLetterSpacing] = useLetterSpacing();
@@ -64,111 +66,120 @@ const ThemeOptions = React.forwardRef(function ThemeOptions2({
       return false;
     }
   }
-  return /* @__PURE__ */ React.createElement(Form, {
-    ...props,
-    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: () => 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: () => 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: () => 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, /* @__PURE__ */ React.createElement(FieldsetLegend, {
-    size: "sm"
-  }, "\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD"), /* @__PURE__ */ React.createElement(RadioContainer, {
-    layout: "horizontal"
-  }, /* @__PURE__ */ React.createElement(RadioItem, {
-    name: "font-size",
-    value: "no",
-    onChange: () => 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: () => {
-      setSelectedFontSize("large");
+  return /* @__PURE__ */ React.createElement(Form, { ...props, 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: () => 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: () => 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: () => 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, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "sm" }, "\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD"), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(
+    RadioItem,
+    {
+      name: "font-size",
+      value: "no",
+      onChange: () => 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: () => {
+        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, /* @__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"), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(
+    RadioItem,
+    {
+      name: "line-height",
+      value: "no",
+      onChange: () => 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: () => {
+        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, /* @__PURE__ */ React.createElement(FieldsetLegend, { size: "sm" }, "\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD"), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(
+    RadioItem,
+    {
+      name: "letter-spacing",
+      value: "no",
+      onChange: () => setSelectedLetterSpacing("default"),
+      checked: selectedLetterSpacing === "default"
     },
-    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, /* @__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"), /* @__PURE__ */ React.createElement(RadioContainer, {
-    layout: "horizontal"
-  }, /* @__PURE__ */ React.createElement(RadioItem, {
-    name: "line-height",
-    value: "no",
-    onChange: () => 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: () => {
-      setSelectedLineHeight("large");
+    "\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: () => {
+        setSelectedLetterSpacing("extra");
+      },
+      checked: selectedLetterSpacing === "extra"
     },
-    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, /* @__PURE__ */ React.createElement(FieldsetLegend, {
-    size: "sm"
-  }, "\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD"), /* @__PURE__ */ React.createElement(RadioContainer, {
-    layout: "horizontal"
-  }, /* @__PURE__ */ React.createElement(RadioItem, {
-    name: "letter-spacing",
-    value: "no",
-    onChange: () => 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: () => {
-      setSelectedLetterSpacing("extra");
+    "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7"
+  )))), highlightLinksOption && /* @__PURE__ */ React.createElement(FieldContainer, { marginBottom: 4 }, /* @__PURE__ */ React.createElement(Fieldset, null, /* @__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"), /* @__PURE__ */ React.createElement(RadioContainer, { layout: "horizontal" }, /* @__PURE__ */ React.createElement(
+    RadioItem,
+    {
+      name: "highlight-links",
+      value: "no",
+      onChange: () => setSelectedHighlightLinks("default"),
+      checked: selectedHighlightLinks === "default"
     },
-    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, /* @__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"), /* @__PURE__ */ React.createElement(RadioContainer, {
-    layout: "horizontal"
-  }, /* @__PURE__ */ React.createElement(RadioItem, {
-    name: "highlight-links",
-    value: "no",
-    onChange: () => 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: () => {
-      setSelectedHighlightLinks("highlight");
+    "\u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"
+  ), /* @__PURE__ */ React.createElement(
+    RadioItem,
+    {
+      name: "highlight-links",
+      value: "yes",
+      onChange: () => {
+        setSelectedHighlightLinks("highlight");
+      },
+      checked: selectedHighlightLinks === "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"), /* @__PURE__ */ React.createElement(SectionBreak, {
-    visible: false
-  }), /* @__PURE__ */ React.createElement(Button, {
-    onClick: handleOptions,
-    disabled: !optionsHasChanged()
-  }, "\u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE"));
+    "\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"), /* @__PURE__ */ React.createElement(SectionBreak, { visible: false }), /* @__PURE__ */ React.createElement(Button, { onClick: handleOptions, disabled: !optionsHasChanged() }, "\u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE"));
 });
 var ThemeOptions_default = ThemeOptions;
 export {

package/app/ThemeOptions/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/ThemeOptions/index.tsx"],
   "sourcesContent": ["import React, { useState } from 'react';\nimport clsx from 'clsx';\nimport { BaseProps } from '@digigov/react-core/Base';\nimport useFontSize, {\n  FontSizeOptions,\n} from '@digigov/ui/app/hooks/useFontSize';\nimport useHighlightLinks, {\n  HighlightLinksOptions,\n} from '@digigov/ui/app/hooks/useHighlightLinks';\nimport useLetterSpacing, {\n  LetterSpacingOptions,\n} from '@digigov/ui/app/hooks/useLetterSpacing';\nimport useLineHeight, {\n  LineHeightOptions,\n} from '@digigov/ui/app/hooks/useLineHeight';\nimport useTheme, { ThemeSelectOptions } from '@digigov/ui/app/hooks/useTheme';\nimport Button from '@digigov/ui/form/Button';\nimport FieldContainer, {\n  Fieldset,\n  FieldsetLegend,\n} from '@digigov/ui/form/FieldContainer';\nimport Form from '@digigov/ui/form/Form';\nimport { RadioContainer, RadioItem } from '@digigov/ui/form/RadioContainer';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\n\nimport { VisuallyHidden } from '@digigov/ui/utils/VisuallyHidden';\n\nexport interface ThemeOptionsProps extends BaseProps<'form'> {\n  colorsOption?: boolean;\n  fontSizeOption?: boolean;\n  lineHeightOption?: boolean;\n  letterSpacingOption?: boolean;\n  highlightLinksOption?: boolean;\n\n  colorsOptionTitleSize?: TitleSize;\n  fontSizeOptionTitleSize?: TitleSize;\n  lineHeightOptionTitleSize?: TitleSize;\n  letterSpacingOptionTitleSize?: TitleSize;\n  highlightLinksOptionTitleSize?: TitleSize;\n}\n\ntype TitleSize = 'xl' | 'lg' | 'md' | 'sm' | 'hidden';\n\nconst FieldsetLegendTitle = ({ titleSize, titleValue }) => {\n  return (\n    <>\n      {titleSize === 'hidden' ? (\n        <FieldsetLegend>\n          <VisuallyHidden>{titleValue}</VisuallyHidden>\n        </FieldsetLegend>\n      ) : (\n        <FieldsetLegend size={titleSize}>{titleValue}</FieldsetLegend>\n      )}\n    </>\n  );\n};\n\n// export const ThemeOptions = () => {\nexport const ThemeOptions = React.forwardRef<\n  HTMLFormElement,\n  ThemeOptionsProps\n>(function ThemeOptions(\n  {\n    colorsOption = true,\n    fontSizeOption = true,\n    lineHeightOption = true,\n    letterSpacingOption = true,\n    highlightLinksOption = true,\n\n    colorsOptionTitleSize = 'sm',\n    fontSizeOptionTitleSize = 'sm',\n    lineHeightOptionTitleSize = 'sm',\n    letterSpacingOptionTitleSize = 'sm',\n    highlightLinksOptionTitleSize = 'sm',\n\n    className,\n    ...props\n  },\n  ref\n) {\n  const [theme, changeTheme] = useTheme();\n  const [selectedTheme, setSelectedTheme] = useState<ThemeSelectOptions>(\n    theme || 'auto'\n  );\n  const [fontSize, changeFontSize] = useFontSize();\n  const [selectedFontSize, setSelectedFontSize] = useState<FontSizeOptions>(\n    fontSize || 'default'\n  );\n  const [lineHeight, changeLineHeight] = useLineHeight();\n  const [selectedLineHeight, setSelectedLineHeight] = useState<\n    LineHeightOptions\n  >(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] = useState<\n    LetterSpacingOptions\n  >(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(highlightLinks || 'default');\n\n  function handleOptions() {\n    changeTheme(selectedTheme);\n    changeFontSize(selectedFontSize);\n    changeLineHeight(selectedLineHeight);\n    changeLetterSpacing(selectedLetterSpacing);\n    changeHighlightLinks(selectedHighlightLinks);\n  }\n  function resetOptions() {\n    setSelectedTheme('light');\n    setSelectedFontSize('default');\n    setSelectedLineHeight('default');\n    setSelectedLetterSpacing('default');\n    setSelectedHighlightLinks('default');\n  }\n  function optionsHasChanged() {\n    if (\n      theme != selectedTheme ||\n      fontSize != selectedFontSize ||\n      lineHeight != selectedLineHeight ||\n      letterSpacing != selectedLetterSpacing ||\n      highlightLinks != selectedHighlightLinks\n    ) {\n      return true;\n    } else {\n      return false;\n    }\n  }\n\n  return (\n    <Form {...props} ref={ref} className={clsx(className)}>\n      {colorsOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegendTitle\n              titleSize={colorsOptionTitleSize}\n              titleValue=\"\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2\"\n            />\n            <RadioContainer>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"light\"\n                onChange={() => setSelectedTheme('light')}\n                checked={selectedTheme === 'light'}\n              >\n                \u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"dark\"\n                onChange={() => setSelectedTheme('dark')}\n                checked={selectedTheme === 'dark'}\n              >\n                \u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1\n              </RadioItem>\n              <RadioItem\n                name=\"theme_mode\"\n                value=\"auto\"\n                onChange={() => setSelectedTheme('auto')}\n                checked={selectedTheme === 'auto'}\n              >\n                \u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {fontSizeOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"font-size\"\n                value=\"no\"\n                onChange={() => setSelectedFontSize('default')}\n                checked={selectedFontSize === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"font-size\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedFontSize('large');\n                }}\n                checked={selectedFontSize === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {lineHeightOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"line-height\"\n                value=\"no\"\n                onChange={() => setSelectedLineHeight('default')}\n                checked={selectedLineHeight === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"line-height\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLineHeight('large');\n                }}\n                checked={selectedLineHeight === 'large'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {letterSpacingOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <FieldsetLegend size=\"sm\">\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"no\"\n                onChange={() => setSelectedLetterSpacing('default')}\n                checked={selectedLetterSpacing === 'default'}\n              >\n                \u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"letter-spacing\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedLetterSpacing('extra');\n                }}\n                checked={selectedLetterSpacing === 'extra'}\n              >\n                \u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      {highlightLinksOption && (\n        <FieldContainer marginBottom={4}>\n          <Fieldset>\n            <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</FieldsetLegend>\n            <RadioContainer layout=\"horizontal\">\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"no\"\n                onChange={() => setSelectedHighlightLinks('default')}\n                checked={selectedHighlightLinks === 'default'}\n              >\n                \u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)\n              </RadioItem>\n              <RadioItem\n                name=\"highlight-links\"\n                value=\"yes\"\n                onChange={() => {\n                  setSelectedHighlightLinks('highlight');\n                }}\n                checked={selectedHighlightLinks === 'highlight'}\n              >\n                \u039D\u03B1\u03B9\n              </RadioItem>\n            </RadioContainer>\n          </Fieldset>\n        </FieldContainer>\n      )}\n      <Button onClick={resetOptions} variant=\"link\">\n        \u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD\n      </Button>\n      <SectionBreak visible={false} />\n      <Button onClick={handleOptions} disabled={!optionsHasChanged()}>\n        \u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE\n      </Button>\n    </Form>\n  );\n});\nexport default ThemeOptions;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["ThemeOptions"]
 }

package/app/hooks/useFontSize.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useFontSize.ts"],
   "sourcesContent": ["import useVariantVars, {\n  UseVariantVarsResult,\n} from '@digigov/ui/app/hooks/useVariantVars';\n\nexport type FontSizeOptions = 'default' | 'large';\nexport type StoredFontSizeOptions = FontSizeOptions | null;\n\nexport type UseFontSizeResult = UseVariantVarsResult<FontSizeOptions>;\n\nexport const useFontSize = (): UseFontSizeResult => {\n  const config = {\n    name: 'font-size',\n    variables: [\n      'text-sm',\n      'text-base',\n      'text-lg',\n      'text-xl',\n      'text-2xl',\n      'text-3xl',\n      'text-4xl',\n      'text-5xl',\n    ],\n    variants: ['default', 'large'],\n  };\n  return useVariantVars(config);\n};\n\nexport default useFontSize;\n"],
-  "mappings": "AAAA;AASO,MAAM,cAAc,MAAyB;AAClD,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,UAAU,CAAC,WAAW;AAAA;AAExB,SAAO,eAAe;AAAA;AAGxB,IAAO,sBAAQ;",
+  "mappings": "AAAA,OAAO,oBAEA;AAOA,MAAM,cAAc,MAAyB;AAClD,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,UAAU,CAAC,WAAW,OAAO;AAAA,EAC/B;AACA,SAAO,eAAe,MAAM;AAC9B;AAEA,IAAO,sBAAQ;",
   "names": []
 }

package/app/hooks/useHighlightLinks/index.js

@@ -1,6 +1,8 @@
-import {useState, useEffect} from "react";
+import { useState, useEffect } from "react";
 const useHighlightLinks = () => {
-  const storedHighlightLinks = localStorage.getItem("--theme-highlight-links");
+  const storedHighlightLinks = localStorage.getItem(
+    "--theme-highlight-links"
+  );
   const [highlightLinks, changeHighlightLinks] = useState(storedHighlightLinks || "default");
   useEffect(() => {
     if (highlightLinks === "highlight") {
@@ -15,7 +17,9 @@ const useHighlightLinks = () => {
       document.documentElement.classList.remove(`ds-highlight-links`);
     };
     const afterPrintListener = () => {
-      document.documentElement.classList.add(localStorage.getItem("--theme-highlight-links") === "highlight" ? `ds-highlight-links` : "");
+      document.documentElement.classList.add(
+        localStorage.getItem("--theme-highlight-links") === "highlight" ? `ds-highlight-links` : ""
+      );
     };
     window.addEventListener("beforeprint", beforePrintListener);
     window.addEventListener("afterprint", afterPrintListener);

package/app/hooks/useHighlightLinks.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useHighlightLinks.ts"],
   "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type HighlightLinksOptions = 'default' | 'highlight';\nexport type StoredHighlightLinksOptions = HighlightLinksOptions | null;\n\nexport type UseHighlightLinksResult = [\n  HighlightLinksOptions,\n  (selectedHighlightLinks: HighlightLinksOptions) => void\n];\n\nexport const useHighlightLinks = (): UseHighlightLinksResult => {\n  const storedHighlightLinks = localStorage.getItem(\n    '--theme-highlight-links'\n  ) as StoredHighlightLinksOptions;\n\n  const [highlightLinks, changeHighlightLinks] = useState<\n    HighlightLinksOptions\n  >(storedHighlightLinks || 'default');\n\n  useEffect(() => {\n    if (highlightLinks === 'highlight') {\n      document.documentElement.classList.add(`ds-highlight-links`);\n    } else {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    }\n    localStorage.setItem('--theme-highlight-links', highlightLinks);\n  }, [highlightLinks]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove(`ds-highlight-links`);\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.add(\n        localStorage.getItem('--theme-highlight-links') === 'highlight'\n          ? `ds-highlight-links`\n          : ''\n      );\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [highlightLinks, changeHighlightLinks];\n};\n\nexport default useHighlightLinks;\n"],
-  "mappings": "AAAA;AAUO,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa,QACxC;AAGF,QAAM,CAAC,gBAAgB,wBAAwB,SAE7C,wBAAwB;AAE1B,YAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI;AAAA,WAClC;AACL,eAAS,gBAAgB,UAAU,OAAO;AAAA;AAE5C,iBAAa,QAAQ,2BAA2B;AAAA,KAC/C,CAAC;AAEJ,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO;AAAA;AAE5C,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,IACjC,aAAa,QAAQ,+BAA+B,cAChD,uBACA;AAAA;AAGR,WAAO,iBAAiB,eAAe;AACvC,WAAO,iBAAiB,cAAc;AACtC,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe;AAC1C,aAAO,oBAAoB,cAAc;AAAA;AAAA,KAE1C;AAEH,SAAO,CAAC,gBAAgB;AAAA;AAG1B,IAAO,4BAAQ;",
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,IAAI,SAE7C,wBAAwB,SAAS;AAEnC,YAAU,MAAM;AACd,QAAI,mBAAmB,aAAa;AAClC,eAAS,gBAAgB,UAAU,IAAI,oBAAoB;AAAA,IAC7D,OAAO;AACL,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,iBAAa,QAAQ,2BAA2B,cAAc;AAAA,EAChE,GAAG,CAAC,cAAc,CAAC;AAEnB,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,oBAAoB;AAAA,IAChE;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU;AAAA,QACjC,aAAa,QAAQ,yBAAyB,MAAM,cAChD,uBACA;AAAA,MACN;AAAA,IACF;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,gBAAgB,oBAAoB;AAC9C;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/app/hooks/useLetterSpacing.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useLetterSpacing.ts"],
   "sourcesContent": ["import useVariantVars, {\n  UseVariantVarsResult,\n} from '@digigov/ui/app/hooks/useVariantVars';\n\nexport type LetterSpacingOptions = 'default' | 'extra';\nexport type StoredLetterSpacingOptions = LetterSpacingOptions | null;\n\nexport type UseLetterSpacingResult = UseVariantVarsResult<LetterSpacingOptions>;\n\nexport const useLetterSpacing = (): UseLetterSpacingResult => {\n  const config = {\n    name: 'letter-spacing',\n    variables: [\n      'letter-spacing-normal',\n      'letter-spacing-wide',\n      'letter-spacing-wider',\n      'letter-spacing-widest',\n    ],\n    variants: ['default', 'extra'],\n  };\n\n  return useVariantVars(config);\n};\n\nexport default useLetterSpacing;\n"],
-  "mappings": "AAAA;AASO,MAAM,mBAAmB,MAA8B;AAC5D,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,UAAU,CAAC,WAAW;AAAA;AAGxB,SAAO,eAAe;AAAA;AAGxB,IAAO,2BAAQ;",
+  "mappings": "AAAA,OAAO,oBAEA;AAOA,MAAM,mBAAmB,MAA8B;AAC5D,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,UAAU,CAAC,WAAW,OAAO;AAAA,EAC/B;AAEA,SAAO,eAAe,MAAM;AAC9B;AAEA,IAAO,2BAAQ;",
   "names": []
 }

package/app/hooks/useLineHeight.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useLineHeight.ts"],
   "sourcesContent": ["import useVariantVars, {\n  UseVariantVarsResult,\n} from '@digigov/ui/app/hooks/useVariantVars';\n\nexport type LineHeightOptions = 'default' | 'large';\nexport type StoredLineHeightOptions = LineHeightOptions | null;\n\nexport type UseLineHeightResult = UseVariantVarsResult<LineHeightOptions>;\n\nexport const useLineHeight = (): UseLineHeightResult => {\n  const config = {\n    name: 'line-height',\n    variables: [\n      'line-h-sm',\n      'line-h-base',\n      'line-h-lg',\n      'line-h-xl',\n      'line-h-2xl',\n      'line-h-3xl',\n      'line-h-4xl',\n      'line-h-5xl',\n    ],\n    variants: ['default', 'large'],\n  };\n  return useVariantVars(config);\n};\n\nexport default useLineHeight;\n"],
-  "mappings": "AAAA;AASO,MAAM,gBAAgB,MAA2B;AACtD,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,UAAU,CAAC,WAAW;AAAA;AAExB,SAAO,eAAe;AAAA;AAGxB,IAAO,wBAAQ;",
+  "mappings": "AAAA,OAAO,oBAEA;AAOA,MAAM,gBAAgB,MAA2B;AACtD,QAAM,SAAS;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,UAAU,CAAC,WAAW,OAAO;AAAA,EAC/B;AACA,SAAO,eAAe,MAAM;AAC9B;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/app/hooks/useTheme/index.js

@@ -1,12 +1,18 @@
-import {useState, useEffect} from "react";
+import { useState, useEffect } from "react";
 const useTheme = () => {
   const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
-  const storedTheme = localStorage.getItem("--theme-palette");
-  const [theme, changeTheme] = useState(storedTheme || "auto");
+  const storedTheme = localStorage.getItem(
+    "--theme-palette"
+  );
+  const [theme, changeTheme] = useState(
+    storedTheme || "auto"
+  );
   useEffect(() => {
     document.documentElement.classList.remove("dark", "light", "auto");
     if (theme === "auto") {
-      document.documentElement.classList.add(prefersDarkScheme ? "dark" : "light");
+      document.documentElement.classList.add(
+        prefersDarkScheme ? "dark" : "light"
+      );
     } else {
       document.documentElement.classList.add(theme);
     }

package/app/hooks/useTheme.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useTheme.ts"],
   "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport type ThemeSelectOptions = 'light' | 'dark' | 'auto';\nexport type StoredThemeOptions = ThemeSelectOptions | null;\n\nexport type UseThemeResult = [\n  ThemeSelectOptions,\n  (selectedTheme: ThemeSelectOptions) => void\n];\n\nexport const useTheme = (): UseThemeResult => {\n  const prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)')\n    .matches;\n  const storedTheme = localStorage.getItem(\n    '--theme-palette'\n  ) as StoredThemeOptions;\n\n  const [theme, changeTheme] = useState<ThemeSelectOptions>(\n    storedTheme || 'auto'\n  );\n\n  useEffect(() => {\n    document.documentElement.classList.remove('dark', 'light', 'auto');\n    if (theme === 'auto') {\n      document.documentElement.classList.add(\n        prefersDarkScheme ? 'dark' : 'light'\n      );\n    } else {\n      document.documentElement.classList.add(theme);\n    }\n    localStorage.setItem('--theme-palette', theme);\n  }, [theme]);\n\n  useEffect(() => {\n    const beforePrintListener = () => {\n      document.documentElement.classList.remove('dark');\n      document.documentElement.classList.add('light');\n    };\n    const afterPrintListener = () => {\n      document.documentElement.classList.remove('light');\n      let localtheme;\n      if (localStorage.getItem('--theme-palette') === 'auto') {\n        localtheme = prefersDarkScheme ? 'dark' : 'light';\n      } else {\n        localtheme = localStorage.getItem('--theme-palette');\n      }\n      document.documentElement.classList.add(localtheme || theme);\n    };\n    window.addEventListener('beforeprint', beforePrintListener);\n    window.addEventListener('afterprint', afterPrintListener);\n    return () => {\n      window.removeEventListener('beforeprint', beforePrintListener);\n      window.removeEventListener('afterprint', afterPrintListener);\n    };\n  }, []);\n\n  return [theme, changeTheme];\n};\n\nexport default useTheme;\n"],
-  "mappings": "AAAA;AAUO,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,gCACzC;AACH,QAAM,cAAc,aAAa,QAC/B;AAGF,QAAM,CAAC,OAAO,eAAe,SAC3B,eAAe;AAGjB,YAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS;AAC3D,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU,IACjC,oBAAoB,SAAS;AAAA,WAE1B;AACL,eAAS,gBAAgB,UAAU,IAAI;AAAA;AAEzC,iBAAa,QAAQ,mBAAmB;AAAA,KACvC,CAAC;AAEJ,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO;AAC1C,eAAS,gBAAgB,UAAU,IAAI;AAAA;AAEzC,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO;AAC1C,UAAI;AACJ,UAAI,aAAa,QAAQ,uBAAuB,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,aACrC;AACL,qBAAa,aAAa,QAAQ;AAAA;AAEpC,eAAS,gBAAgB,UAAU,IAAI,cAAc;AAAA;AAEvD,WAAO,iBAAiB,eAAe;AACvC,WAAO,iBAAiB,cAAc;AACtC,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe;AAC1C,aAAO,oBAAoB,cAAc;AAAA;AAAA,KAE1C;AAEH,SAAO,CAAC,OAAO;AAAA;AAGjB,IAAO,mBAAQ;",
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO,WAAW,8BAA8B,EACvE;AACH,QAAM,cAAc,aAAa;AAAA,IAC/B;AAAA,EACF;AAEA,QAAM,CAAC,OAAO,WAAW,IAAI;AAAA,IAC3B,eAAe;AAAA,EACjB;AAEA,YAAU,MAAM;AACd,aAAS,gBAAgB,UAAU,OAAO,QAAQ,SAAS,MAAM;AACjE,QAAI,UAAU,QAAQ;AACpB,eAAS,gBAAgB,UAAU;AAAA,QACjC,oBAAoB,SAAS;AAAA,MAC/B;AAAA,IACF,OAAO;AACL,eAAS,gBAAgB,UAAU,IAAI,KAAK;AAAA,IAC9C;AACA,iBAAa,QAAQ,mBAAmB,KAAK;AAAA,EAC/C,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM;AAChC,eAAS,gBAAgB,UAAU,OAAO,MAAM;AAChD,eAAS,gBAAgB,UAAU,IAAI,OAAO;AAAA,IAChD;AACA,UAAM,qBAAqB,MAAM;AAC/B,eAAS,gBAAgB,UAAU,OAAO,OAAO;AACjD,UAAI;AACJ,UAAI,aAAa,QAAQ,iBAAiB,MAAM,QAAQ;AACtD,qBAAa,oBAAoB,SAAS;AAAA,MAC5C,OAAO;AACL,qBAAa,aAAa,QAAQ,iBAAiB;AAAA,MACrD;AACA,eAAS,gBAAgB,UAAU,IAAI,cAAc,KAAK;AAAA,IAC5D;AACA,WAAO,iBAAiB,eAAe,mBAAmB;AAC1D,WAAO,iBAAiB,cAAc,kBAAkB;AACxD,WAAO,MAAM;AACX,aAAO,oBAAoB,eAAe,mBAAmB;AAC7D,aAAO,oBAAoB,cAAc,kBAAkB;AAAA,IAC7D;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/app/hooks/useVariantVars/index.js

@@ -1,4 +1,4 @@
-import {useState, useEffect} from "react";
+import { useState, useEffect } from "react";
 function useVariantVars({
   name,
   variables,

package/app/hooks/useVariantVars.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/hooks/useVariantVars.ts"],
   "sourcesContent": ["import { useState, useEffect } from 'react';\n\nexport interface VariantVarsOptions {\n  name: string;\n  variables: string[];\n  variants: string[];\n}\n\nexport type UseVariantVarsResult<T> = [T, (value: T) => void];\n\nfunction useVariantVars({\n  name,\n  variables,\n  variants,\n}: VariantVarsOptions): UseVariantVarsResult<any> {\n  const root = document.documentElement;\n  const storedValue = localStorage.getItem(`--theme-${name}`);\n  const [value, setValue] = useState(storedValue || variants[0]);\n\n  useEffect(() => {\n    localStorage.setItem(`--theme-${name}`, value);\n    variables.forEach((varName) => {\n      root.style.setProperty(`--${varName}`, `var(--${varName}-${value})`);\n    });\n  }, [value]);\n  function changeValue(v: string) {\n    setValue(v);\n  }\n  return [value, changeValue];\n}\n\nexport default useVariantVars;\n"],
-  "mappings": "AAAA;AAUA,wBAAwB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,GACgD;AAChD,QAAM,OAAO,SAAS;AACtB,QAAM,cAAc,aAAa,QAAQ,WAAW;AACpD,QAAM,CAAC,OAAO,YAAY,SAAS,eAAe,SAAS;AAE3D,YAAU,MAAM;AACd,iBAAa,QAAQ,WAAW,QAAQ;AACxC,cAAU,QAAQ,CAAC,YAAY;AAC7B,WAAK,MAAM,YAAY,KAAK,WAAW,SAAS,WAAW;AAAA;AAAA,KAE5D,CAAC;AACJ,uBAAqB,GAAW;AAC9B,aAAS;AAAA;AAEX,SAAO,CAAC,OAAO;AAAA;AAGjB,IAAO,yBAAQ;",
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAUpC,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,GAAkD;AAChD,QAAM,OAAO,SAAS;AACtB,QAAM,cAAc,aAAa,QAAQ,WAAW,IAAI,EAAE;AAC1D,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,eAAe,SAAS,CAAC,CAAC;AAE7D,YAAU,MAAM;AACd,iBAAa,QAAQ,WAAW,IAAI,IAAI,KAAK;AAC7C,cAAU,QAAQ,CAAC,YAAY;AAC7B,WAAK,MAAM,YAAY,KAAK,OAAO,IAAI,SAAS,OAAO,IAAI,KAAK,GAAG;AAAA,IACrE,CAAC;AAAA,EACH,GAAG,CAAC,KAAK,CAAC;AACV,WAAS,YAAY,GAAW;AAC9B,aAAS,CAAC;AAAA,EACZ;AACA,SAAO,CAAC,OAAO,WAAW;AAC5B;AAEA,IAAO,yBAAQ;",
   "names": []
 }

package/app/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/app/index.ts"],
   "sourcesContent": ["export * from '@digigov/ui/app/App';\nexport * from '@digigov/ui/app/BannerContainer';\nexport * from '@digigov/ui/app/BottomInfo';\nexport * from '@digigov/ui/app/Panel';\nexport * from '@digigov/ui/app/FilterContainer';\nexport * from '@digigov/ui/app/Footer';\nexport * from '@digigov/ui/app/Header';\nexport * from '@digigov/ui/app/Loader';\nexport * from '@digigov/ui/app/Masthead';\nexport * from '@digigov/ui/app/Modal';\nexport * from '@digigov/ui/app/NotFound';\nexport * from '@digigov/ui/app/PageTitleContainer';\nexport * from '@digigov/ui/app/PhaseBannerHeader';\nexport * from '@digigov/ui/app/QrCodeScanner';\nexport * from '@digigov/ui/app/QrCodeViewer';\nexport * from '@digigov/ui/app/ThemeOptions';\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }