@digigov/ui 2.0.0-a402a664 → 2.0.0-a64dc016

package/app/QrCodeViewer/qrcodegen.js.LICENSE.txt

@@ -0,0 +1,5 @@
+/**
+ * @license QR Code generator library (TypeScript)
+ * Copyright (c) Project Nayuki.
+ * SPDX-License-Identifier: MIT
+ */

package/app/QrCodeViewer/types.d.ts

@@ -1,5 +1,5 @@
 import type { CSSProperties } from 'react';
-import qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';
+import qrcodegen from './qrcodegen.js';
 export interface QRProps {
     value: string;
     size?: number;

package/app/QrCodeViewer/utils.d.ts

@@ -1,4 +1,4 @@
-import { Modules, Excavation, ImageSettings } from '@digigov/ui/app/QrCodeViewer/types';
+import { Modules, Excavation, ImageSettings } from './types.js';
 export declare const MARGIN_SIZE = 4;
 export declare function generatePath(modules: Modules, margin?: number): string;
 export declare function excavateModules(modules: Modules, excavation: Excavation): Modules;

package/app/QrCodeViewer/utils.js

@@ -0,0 +1,64 @@
+const DEFAULT_IMG_SCALE = 0.1;
+const MARGIN_SIZE = 4;
+function generatePath(modules, margin = 0) {
+    const ops = [];
+    modules.forEach(function(row, y) {
+        let start = null;
+        row.forEach(function(cell, x) {
+            if (!cell && null !== start) {
+                ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
+                start = null;
+                return;
+            }
+            if (x === row.length - 1) {
+                if (!cell) return;
+                if (null === start) ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
+                else ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
+                return;
+            }
+            if (cell && null === start) start = x;
+        });
+    });
+    return ops.join('');
+}
+function excavateModules(modules, excavation) {
+    return modules.slice().map((row, y)=>{
+        if (y < excavation.y || y >= excavation.y + excavation.h) return row;
+        return row.map((cell, x)=>{
+            if (x < excavation.x || x >= excavation.x + excavation.w) return cell;
+            return false;
+        });
+    });
+}
+function getImageSettings(cells, size, includeMargin, imageSettings) {
+    if (null == imageSettings) return null;
+    const margin = includeMargin ? MARGIN_SIZE : 0;
+    const numCells = cells.length + 2 * margin;
+    const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
+    const scale = numCells / size;
+    const w = (imageSettings.width || defaultSize) * scale;
+    const h = (imageSettings.height || defaultSize) * scale;
+    const x = null == imageSettings.x ? cells.length / 2 - w / 2 : imageSettings.x * scale;
+    const y = null == imageSettings.y ? cells.length / 2 - h / 2 : imageSettings.y * scale;
+    let excavation;
+    if (imageSettings.excavate) {
+        const floorX = Math.floor(x);
+        const floorY = Math.floor(y);
+        const ceilW = Math.ceil(w + x - floorX);
+        const ceilH = Math.ceil(h + y - floorY);
+        excavation = {
+            x: floorX,
+            y: floorY,
+            w: ceilW,
+            h: ceilH
+        };
+    }
+    return {
+        x,
+        y,
+        h,
+        w,
+        excavation
+    };
+}
+export { MARGIN_SIZE, excavateModules, generatePath, getImageSettings };

package/app/Skeleton/index.js

@@ -1,7 +1,4 @@
-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
+import Skeleton from "@digigov/react-core/Skeleton/index.js";
+export * from "@digigov/react-core/Skeleton/index.js";
+const app_Skeleton = Skeleton;
+export { app_Skeleton as default };

package/app/ThemeOptions/index.js

@@ -1,185 +1,153 @@
-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";
-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";
-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,
-  fontSizeOption = true,
-  lineHeightOption = true,
-  letterSpacingOption = true,
-  highlightLinksOption = true,
-  colorsOptionTitleSize = "sm",
-  className,
-  ...props
-}, ref) {
-  const [theme, changeTheme] = useTheme();
-  const [selectedTheme, setSelectedTheme] = useState(
-    theme || "auto"
-  );
-  const [fontSize, changeFontSize] = useFontSize();
-  const [selectedFontSize, setSelectedFontSize] = useState(
-    fontSize || "default"
-  );
-  const [lineHeight, changeLineHeight] = useLineHeight();
-  const [selectedLineHeight, setSelectedLineHeight] = useState(lineHeight || "default");
-  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();
-  const [selectedLetterSpacing, setSelectedLetterSpacing] = useState(letterSpacing || "default");
-  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();
-  const [selectedHighlightLinks, setSelectedHighlightLinks] = useState(highlightLinks || "default");
-  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;
+import useFontSize from "../hooks/useFontSize.js";
+import useHighlightLinks from "../hooks/useHighlightLinks.js";
+import useLetterSpacing from "../hooks/useLetterSpacing.js";
+import useLineHeight from "../hooks/useLineHeight.js";
+import useTheme from "../hooks/useTheme.js";
+import Button from "../../form/Button/index.js";
+import FieldContainer, { Fieldset, FieldsetLegend } from "../../form/FieldContainer/index.js";
+import Form from "../../form/Form/index.js";
+import { RadioContainer, RadioItem } from "../../form/RadioContainer/index.js";
+import SectionBreak from "../../layouts/SectionBreak/index.js";
+import { VisuallyHidden } from "../../utils/VisuallyHidden/index.js";
+const FieldsetLegendTitle = ({ titleSize, titleValue })=>/*#__PURE__*/ react.createElement(react.Fragment, null, 'hidden' === titleSize ? /*#__PURE__*/ react.createElement(FieldsetLegend, null, /*#__PURE__*/ react.createElement(VisuallyHidden, null, titleValue)) : /*#__PURE__*/ react.createElement(FieldsetLegend, {
+        size: titleSize
+    }, titleValue));
+const ThemeOptions_ThemeOptions = /*#__PURE__*/ react.forwardRef(function({ colorsOption = true, fontSizeOption = true, lineHeightOption = true, letterSpacingOption = true, highlightLinksOption = true, colorsOptionTitleSize = 'sm', className, ...props }, ref) {
+    const [theme, changeTheme] = useTheme();
+    const [selectedTheme, setSelectedTheme] = useState(theme || 'auto');
+    const [fontSize, changeFontSize] = useFontSize();
+    const [selectedFontSize, setSelectedFontSize] = useState(fontSize || 'default');
+    const [lineHeight, changeLineHeight] = useLineHeight();
+    const [selectedLineHeight, setSelectedLineHeight] = useState(lineHeight || 'default');
+    const [letterSpacing, changeLetterSpacing] = useLetterSpacing();
+    const [selectedLetterSpacing, setSelectedLetterSpacing] = useState(letterSpacing || 'default');
+    const [highlightLinks, changeHighlightLinks] = useHighlightLinks();
+    const [selectedHighlightLinks, setSelectedHighlightLinks] = useState(highlightLinks || 'default');
+    function handleOptions() {
+        changeTheme(selectedTheme);
+        changeFontSize(selectedFontSize);
+        changeLineHeight(selectedLineHeight);
+        changeLetterSpacing(selectedLetterSpacing);
+        changeHighlightLinks(selectedHighlightLinks);
     }
-  }
-  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"
+    function resetOptions() {
+        setSelectedTheme('light');
+        setSelectedFontSize('default');
+        setSelectedLineHeight('default');
+        setSelectedLetterSpacing('default');
+        setSelectedHighlightLinks('default');
     }
-  ), /* @__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"
-    },
-    "\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"
-    },
-    "\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");
-      },
-      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"));
+    function optionsHasChanged() {
+        if (theme != selectedTheme || fontSize != selectedFontSize || lineHeight != selectedLineHeight || letterSpacing != selectedLetterSpacing || highlightLinks != selectedHighlightLinks) return true;
+        return false;
+    }
+    return /*#__PURE__*/ react.createElement(Form, {
+        ...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: "Επιλογή θέματος"
+    }), /*#__PURE__*/ react.createElement(RadioContainer, null, /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "theme_mode",
+        value: "light",
+        onChange: ()=>setSelectedTheme('light'),
+        checked: 'light' === selectedTheme
+    }, "Φωτεινό θέμα"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "theme_mode",
+        value: "dark",
+        onChange: ()=>setSelectedTheme('dark'),
+        checked: 'dark' === selectedTheme
+    }, "Σκούρο θέμα"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "theme_mode",
+        value: "auto",
+        onChange: ()=>setSelectedTheme('auto'),
+        checked: 'auto' === selectedTheme
+    }, "Επιλογή συστήματος")))), fontSizeOption && /*#__PURE__*/ react.createElement(FieldContainer, {
+        marginBottom: 4
+    }, /*#__PURE__*/ react.createElement(Fieldset, null, /*#__PURE__*/ react.createElement(FieldsetLegend, {
+        size: "sm"
+    }, "Μέγεθος γραμμάτων"), /*#__PURE__*/ react.createElement(RadioContainer, {
+        layout: "horizontal"
+    }, /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "font-size",
+        value: "no",
+        onChange: ()=>setSelectedFontSize('default'),
+        checked: 'default' === selectedFontSize
+    }, "Κανονικό (προεπιλογή)"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "font-size",
+        value: "yes",
+        onChange: ()=>{
+            setSelectedFontSize('large');
+        },
+        checked: 'large' === selectedFontSize
+    }, "Μεγαλύτερο")))), lineHeightOption && /*#__PURE__*/ react.createElement(FieldContainer, {
+        marginBottom: 4
+    }, /*#__PURE__*/ react.createElement(Fieldset, null, /*#__PURE__*/ react.createElement(FieldsetLegend, {
+        size: "sm"
+    }, "Ύψος γραμμής κειμένων"), /*#__PURE__*/ react.createElement(RadioContainer, {
+        layout: "horizontal"
+    }, /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "line-height",
+        value: "no",
+        onChange: ()=>setSelectedLineHeight('default'),
+        checked: 'default' === selectedLineHeight
+    }, "Κανονικό (προεπιλογή)"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "line-height",
+        value: "yes",
+        onChange: ()=>{
+            setSelectedLineHeight('large');
+        },
+        checked: 'large' === selectedLineHeight
+    }, "Μεγαλύτερο")))), letterSpacingOption && /*#__PURE__*/ react.createElement(FieldContainer, {
+        marginBottom: 4
+    }, /*#__PURE__*/ react.createElement(Fieldset, null, /*#__PURE__*/ react.createElement(FieldsetLegend, {
+        size: "sm"
+    }, "Απόσταση γραμμάτων"), /*#__PURE__*/ react.createElement(RadioContainer, {
+        layout: "horizontal"
+    }, /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "letter-spacing",
+        value: "no",
+        onChange: ()=>setSelectedLetterSpacing('default'),
+        checked: 'default' === selectedLetterSpacing
+    }, "Κανονική (προεπιλογή)"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "letter-spacing",
+        value: "yes",
+        onChange: ()=>{
+            setSelectedLetterSpacing('extra');
+        },
+        checked: 'extra' === selectedLetterSpacing
+    }, "Μεγαλύτερη")))), highlightLinksOption && /*#__PURE__*/ react.createElement(FieldContainer, {
+        marginBottom: 4
+    }, /*#__PURE__*/ react.createElement(Fieldset, null, /*#__PURE__*/ react.createElement(FieldsetLegend, {
+        size: "sm"
+    }, "Έντονη εμφάνιση συνδέσμων"), /*#__PURE__*/ react.createElement(RadioContainer, {
+        layout: "horizontal"
+    }, /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "highlight-links",
+        value: "no",
+        onChange: ()=>setSelectedHighlightLinks('default'),
+        checked: 'default' === selectedHighlightLinks
+    }, "Όχι (προεπιλογή)"), /*#__PURE__*/ react.createElement(RadioItem, {
+        name: "highlight-links",
+        value: "yes",
+        onChange: ()=>{
+            setSelectedHighlightLinks('highlight');
+        },
+        checked: 'highlight' === selectedHighlightLinks
+    }, "Ναι")))), /*#__PURE__*/ react.createElement(Button, {
+        onClick: resetOptions,
+        variant: "link"
+    }, "Επαναφορά όλων των επιλογών"), /*#__PURE__*/ react.createElement(SectionBreak, {
+        visible: false
+    }), /*#__PURE__*/ react.createElement(Button, {
+        onClick: handleOptions,
+        disabled: !optionsHasChanged()
+    }, "Εφαρμογή"));
 });
-var ThemeOptions_default = ThemeOptions;
-export {
-  ThemeOptions,
-  ThemeOptions_default as default
-};
-//# sourceMappingURL=index.js.map
+const app_ThemeOptions = ThemeOptions_ThemeOptions;
+export { ThemeOptions_ThemeOptions as ThemeOptions, app_ThemeOptions as default };

package/app/hooks/useFontSize.d.ts

@@ -1,4 +1,4 @@
-import { UseVariantVarsResult } from '@digigov/ui/app/hooks/useVariantVars';
+import { UseVariantVarsResult } from './useVariantVars.js';
 export type FontSizeOptions = 'default' | 'large';
 export type StoredFontSizeOptions = FontSizeOptions | null;
 export type UseFontSizeResult = UseVariantVarsResult<FontSizeOptions>;

package/app/hooks/useFontSize.js

@@ -0,0 +1,23 @@
+import useVariantVars from "./useVariantVars.js";
+const useFontSize = ()=>{
+    const 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);
+};
+const hooks_useFontSize = useFontSize;
+export { hooks_useFontSize as default, useFontSize };

package/app/hooks/useHighlightLinks.js

@@ -0,0 +1,32 @@
+import { useEffect, useState } from "react";
+const useHighlightLinks_useHighlightLinks = ()=>{
+    const storedHighlightLinks = localStorage.getItem('--theme-highlight-links');
+    const [highlightLinks, changeHighlightLinks] = useState(storedHighlightLinks || 'default');
+    useEffect(()=>{
+        if ('highlight' === highlightLinks) document.documentElement.classList.add("ds-highlight-links");
+        else document.documentElement.classList.remove("ds-highlight-links");
+        localStorage.setItem('--theme-highlight-links', highlightLinks);
+    }, [
+        highlightLinks
+    ]);
+    useEffect(()=>{
+        const beforePrintListener = ()=>{
+            document.documentElement.classList.remove("ds-highlight-links");
+        };
+        const afterPrintListener = ()=>{
+            document.documentElement.classList.add('highlight' === localStorage.getItem('--theme-highlight-links') ? "ds-highlight-links" : '');
+        };
+        window.addEventListener('beforeprint', beforePrintListener);
+        window.addEventListener('afterprint', afterPrintListener);
+        return ()=>{
+            window.removeEventListener('beforeprint', beforePrintListener);
+            window.removeEventListener('afterprint', afterPrintListener);
+        };
+    }, []);
+    return [
+        highlightLinks,
+        changeHighlightLinks
+    ];
+};
+const useHighlightLinks = useHighlightLinks_useHighlightLinks;
+export { useHighlightLinks as default, useHighlightLinks_useHighlightLinks as useHighlightLinks };

package/app/hooks/useLetterSpacing.d.ts

@@ -1,4 +1,4 @@
-import { UseVariantVarsResult } from '@digigov/ui/app/hooks/useVariantVars';
+import { UseVariantVarsResult } from './useVariantVars.js';
 export type LetterSpacingOptions = 'default' | 'extra';
 export type StoredLetterSpacingOptions = LetterSpacingOptions | null;
 export type UseLetterSpacingResult = UseVariantVarsResult<LetterSpacingOptions>;

package/app/hooks/useLetterSpacing.js

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

package/app/hooks/useLineHeight.d.ts

@@ -1,4 +1,4 @@
-import { UseVariantVarsResult } from '@digigov/ui/app/hooks/useVariantVars';
+import { UseVariantVarsResult } from './useVariantVars.js';
 export type LineHeightOptions = 'default' | 'large';
 export type StoredLineHeightOptions = LineHeightOptions | null;
 export type UseLineHeightResult = UseVariantVarsResult<LineHeightOptions>;

package/app/hooks/useLineHeight.js

@@ -0,0 +1,23 @@
+import useVariantVars from "./useVariantVars.js";
+const useLineHeight = ()=>{
+    const 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);
+};
+const hooks_useLineHeight = useLineHeight;
+export { hooks_useLineHeight as default, useLineHeight };

package/app/hooks/useNotificationArea.d.ts

@@ -0,0 +1 @@
+export declare const useNotificationArea: (loadingText?: string, finishedText?: string) => void;