@digigov/ui 2.0.0-cbc56209 → 2.0.0-d4fe516b

package/app/ThemeOptions/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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    colorsOptionTitleSize = 'sm',\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] =\n    useState<LineHeightOptions>(lineHeight || 'default');\n  const [letterSpacing, changeLetterSpacing] = useLetterSpacing();\n  const [selectedLetterSpacing, setSelectedLetterSpacing] =\n    useState<LetterSpacingOptions>(letterSpacing || 'default');\n\n  const [highlightLinks, changeHighlightLinks] = useHighlightLinks();\n  const [selectedHighlightLinks, setSelectedHighlightLinks] =\n    useState<HighlightLinksOptions>(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": "AAAA,OAAO,SAAS,gBAAgB;AAChC,OAAO,UAAU;AAEjB,OAAO,iBAEA;AACP,OAAO,uBAEA;AACP,OAAO,sBAEA;AACP,OAAO,mBAEA;AACP,OAAO,cAAsC;AAC7C,OAAO,YAAY;AACnB,OAAO;AAAA,EACL;AAAA,EACA;AAAA,OACK;AACP,OAAO,UAAU;AACjB,SAAS,gBAAgB,iBAAiB;AAC1C,OAAO,kBAAkB;AAEzB,SAAS,sBAAsB;AAkB/B,MAAM,sBAAsB,CAAC,EAAE,WAAW,WAAW,MAAM;AACzD,SACE,0DACG,cAAc,WACb,oCAAC,sBACC,oCAAC,sBAAgB,UAAW,CAC9B,IAEA,oCAAC,kBAAe,MAAM,aAAY,UAAW,CAEjD;AAEJ;AAGO,MAAM,eAAe,MAAM,WAGhC,SAASA,cACT;AAAA,EACE,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,CAAC,OAAO,WAAW,IAAI,SAAS;AACtC,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC,SAAS;AAAA,EACX;AACA,QAAM,CAAC,UAAU,cAAc,IAAI,YAAY;AAC/C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI;AAAA,IAC9C,YAAY;AAAA,EACd;AACA,QAAM,CAAC,YAAY,gBAAgB,IAAI,cAAc;AACrD,QAAM,CAAC,oBAAoB,qBAAqB,IAC9C,SAA4B,cAAc,SAAS;AACrD,QAAM,CAAC,eAAe,mBAAmB,IAAI,iBAAiB;AAC9D,QAAM,CAAC,uBAAuB,wBAAwB,IACpD,SAA+B,iBAAiB,SAAS;AAE3D,QAAM,CAAC,gBAAgB,oBAAoB,IAAI,kBAAkB;AACjE,QAAM,CAAC,wBAAwB,yBAAyB,IACtD,SAAgC,kBAAkB,SAAS;AAE7D,WAAS,gBAAgB;AACvB,gBAAY,aAAa;AACzB,mBAAe,gBAAgB;AAC/B,qBAAiB,kBAAkB;AACnC,wBAAoB,qBAAqB;AACzC,yBAAqB,sBAAsB;AAAA,EAC7C;AACA,WAAS,eAAe;AACtB,qBAAiB,OAAO;AACxB,wBAAoB,SAAS;AAC7B,0BAAsB,SAAS;AAC/B,6BAAyB,SAAS;AAClC,8BAA0B,SAAS;AAAA,EACrC;AACA,WAAS,oBAAoB;AAC3B,QACE,SAAS,iBACT,YAAY,oBACZ,cAAc,sBACd,iBAAiB,yBACjB,kBAAkB,wBAClB;AACA,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SACE,oCAAC,QAAM,GAAG,OAAO,KAAU,WAAW,KAAK,SAAS,KACjD,gBACC,oCAAC,kBAAe,cAAc,KAC5B,oCAAC,gBACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,YAAW;AAAA;AAAA,EACb,GACA,oCAAC,sBACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,OAAO;AAAA,MACxC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,MAAM;AAAA,MACvC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,iBAAiB,MAAM;AAAA,MACvC,SAAS,kBAAkB;AAAA;AAAA,IAC5B;AAAA,EAED,CACF,CACF,CACF,GAED,kBACC,oCAAC,kBAAe,cAAc,KAC5B,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,mGAAiB,GAC3C,oCAAC,kBAAe,QAAO,gBACrB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,oBAAoB,SAAS;AAAA,MAC7C,SAAS,qBAAqB;AAAA;AAAA,IAC/B;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,4BAAoB,OAAO;AAAA,MAC7B;AAAA,MACA,SAAS,qBAAqB;AAAA;AAAA,IAC/B;AAAA,EAED,CACF,CACF,CACF,GAED,oBACC,oCAAC,kBAAe,cAAc,KAC5B,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,sHAAqB,GAC/C,oCAAC,kBAAe,QAAO,gBACrB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,sBAAsB,SAAS;AAAA,MAC/C,SAAS,uBAAuB;AAAA;AAAA,IACjC;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,8BAAsB,OAAO;AAAA,MAC/B;AAAA,MACA,SAAS,uBAAuB;AAAA;AAAA,IACjC;AAAA,EAED,CACF,CACF,CACF,GAED,uBACC,oCAAC,kBAAe,cAAc,KAC5B,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,yGAAkB,GAC5C,oCAAC,kBAAe,QAAO,gBACrB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,yBAAyB,SAAS;AAAA,MAClD,SAAS,0BAA0B;AAAA;AAAA,IACpC;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,iCAAyB,OAAO;AAAA,MAClC;AAAA,MACA,SAAS,0BAA0B;AAAA;AAAA,IACpC;AAAA,EAED,CACF,CACF,CACF,GAED,wBACC,oCAAC,kBAAe,cAAc,KAC5B,oCAAC,gBACC,oCAAC,kBAAe,MAAK,QAAK,8IAAyB,GACnD,oCAAC,kBAAe,QAAO,gBACrB;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM,0BAA0B,SAAS;AAAA,MACnD,SAAS,2BAA2B;AAAA;AAAA,IACrC;AAAA,EAED,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAM;AAAA,MACN,UAAU,MAAM;AACd,kCAA0B,WAAW;AAAA,MACvC;AAAA,MACA,SAAS,2BAA2B;AAAA;AAAA,IACrC;AAAA,EAED,CACF,CACF,CACF,GAEF,oCAAC,UAAO,SAAS,cAAc,SAAQ,UAAO,qJAE9C,GACA,oCAAC,gBAAa,SAAS,OAAO,GAC9B,oCAAC,UAAO,SAAS,eAAe,UAAU,CAAC,kBAAkB,KAAG,kDAEhE,CACF;AAEJ,CAAC;AACD,IAAO,uBAAQ;",
+  "names": ["ThemeOptions"]
+}

package/app/hooks/useFontSize/index.js

@@ -1,10 +1,24 @@
-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']
+import useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
+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);
 };
-export default useFontSize;
+var useFontSize_default = useFontSize;
+export {
+  useFontSize_default as default,
+  useFontSize
+};
+//# sourceMappingURL=useFontSize.js.map

package/app/hooks/useFontSize.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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,33 +1,38 @@
-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");
+import { useState, useEffect } from "react";
+const useHighlightLinks = () => {
+  const storedHighlightLinks = localStorage.getItem(
+    "--theme-highlight-links"
+  );
+  const [highlightLinks, changeHighlightLinks] = useState(storedHighlightLinks || "default");
+  useEffect(() => {
+    if (highlightLinks === "highlight") {
+      document.documentElement.classList.add(`ds-highlight-links`);
     } else {
-      document.documentElement.classList.remove("ds-highlight-links");
+      document.documentElement.classList.remove(`ds-highlight-links`);
     }
-    localStorage.setItem('--theme-highlight-links', highlightLinks);
+    localStorage.setItem("--theme-highlight-links", highlightLinks);
   }, [highlightLinks]);
-  useEffect(function () {
-    var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove("ds-highlight-links");
+  useEffect(() => {
+    const 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" : '');
+    const 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);
+    window.addEventListener("beforeprint", beforePrintListener);
+    window.addEventListener("afterprint", afterPrintListener);
+    return () => {
+      window.removeEventListener("beforeprint", beforePrintListener);
+      window.removeEventListener("afterprint", afterPrintListener);
     };
   }, []);
   return [highlightLinks, changeHighlightLinks];
 };
-export default useHighlightLinks;
+var useHighlightLinks_default = useHighlightLinks;
+export {
+  useHighlightLinks_default as default,
+  useHighlightLinks
+};
+//# sourceMappingURL=useHighlightLinks.js.map

package/app/hooks/useHighlightLinks.js.map

@@ -0,0 +1,7 @@
+{
+  "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] =\n    useState<HighlightLinksOptions>(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,SAAS,UAAU,iBAAiB;AAU7B,MAAM,oBAAoB,MAA+B;AAC9D,QAAM,uBAAuB,aAAa;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,CAAC,gBAAgB,oBAAoB,IACzC,SAAgC,wBAAwB,SAAS;AAEnE,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/index.js

@@ -1,10 +1,20 @@
-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']
+import useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
+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);
 };
-export default useLetterSpacing;
+var useLetterSpacing_default = useLetterSpacing;
+export {
+  useLetterSpacing_default as default,
+  useLetterSpacing
+};
+//# sourceMappingURL=useLetterSpacing.js.map

package/app/hooks/useLetterSpacing.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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/index.js

@@ -1,10 +1,24 @@
-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']
+import useVariantVars from "@digigov/ui/app/hooks/useVariantVars";
+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);
 };
-export default useLineHeight;
+var useLineHeight_default = useLineHeight;
+export {
+  useLineHeight_default as default,
+  useLineHeight
+};
+//# sourceMappingURL=useLineHeight.js.map

package/app/hooks/useLineHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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,43 +1,52 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from 'react';
-export var useTheme = function useTheme() {
-  var prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
-  var storedTheme = localStorage.getItem('--theme-palette');
-  var _useState = useState(storedTheme || 'auto'),
-    _useState2 = _slicedToArray(_useState, 2),
-    theme = _useState2[0],
-    changeTheme = _useState2[1];
-  useEffect(function () {
-    document.documentElement.classList.remove('dark', 'light', 'auto');
-    if (theme === 'auto') {
-      document.documentElement.classList.add(prefersDarkScheme ? 'dark' : 'light');
+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"
+  );
+  useEffect(() => {
+    document.documentElement.classList.remove("dark", "light", "auto");
+    if (theme === "auto") {
+      document.documentElement.classList.add(
+        prefersDarkScheme ? "dark" : "light"
+      );
     } else {
       document.documentElement.classList.add(theme);
     }
-    localStorage.setItem('--theme-palette', theme);
+    localStorage.setItem("--theme-palette", theme);
   }, [theme]);
-  useEffect(function () {
-    var beforePrintListener = function beforePrintListener() {
-      document.documentElement.classList.remove('dark');
-      document.documentElement.classList.add('light');
+  useEffect(() => {
+    const beforePrintListener = () => {
+      document.documentElement.classList.remove("dark");
+      document.documentElement.classList.add("light");
     };
-    var afterPrintListener = function afterPrintListener() {
-      document.documentElement.classList.remove('light');
-      var localtheme;
-      if (localStorage.getItem('--theme-palette') === 'auto') {
-        localtheme = prefersDarkScheme ? 'dark' : 'light';
+    const afterPrintListener = () => {
+      document.documentElement.classList.remove("light");
+      let localtheme;
+      if (localStorage.getItem("--theme-palette") === "auto") {
+        localtheme = prefersDarkScheme ? "dark" : "light";
       } else {
-        localtheme = localStorage.getItem('--theme-palette');
+        localtheme = localStorage.getItem("--theme-palette");
       }
       document.documentElement.classList.add(localtheme || theme);
     };
-    window.addEventListener('beforeprint', beforePrintListener);
-    window.addEventListener('afterprint', afterPrintListener);
-    return function () {
-      window.removeEventListener('beforeprint', beforePrintListener);
-      window.removeEventListener('afterprint', afterPrintListener);
+    window.addEventListener("beforeprint", beforePrintListener);
+    window.addEventListener("afterprint", afterPrintListener);
+    return () => {
+      window.removeEventListener("beforeprint", beforePrintListener);
+      window.removeEventListener("afterprint", afterPrintListener);
     };
   }, []);
   return [theme, changeTheme];
 };
-export default useTheme;
+var useTheme_default = useTheme;
+export {
+  useTheme_default as default,
+  useTheme
+};
+//# sourceMappingURL=useTheme.js.map

package/app/hooks/useTheme.js.map

@@ -0,0 +1,7 @@
+{
+  "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(\n    '(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,SAAS,UAAU,iBAAiB;AAU7B,MAAM,WAAW,MAAsB;AAC5C,QAAM,oBAAoB,OAAO;AAAA,IAC/B;AAAA,EACF,EAAE;AACF,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,19 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useState, useEffect } from 'react';
-function useVariantVars(_ref) {
-  var name = _ref.name,
-    variables = _ref.variables,
-    variants = _ref.variants;
-  var root = document.documentElement;
-  var storedValue = localStorage.getItem("--theme-".concat(name));
-  var _useState = useState(storedValue || variants[0]),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  useEffect(function () {
-    localStorage.setItem("--theme-".concat(name), value);
-    variables.forEach(function (varName) {
-      root.style.setProperty("--".concat(varName), "var(--".concat(varName, "-").concat(value, ")"));
+import { useState, useEffect } from "react";
+function useVariantVars({
+  name,
+  variables,
+  variants
+}) {
+  const root = document.documentElement;
+  const storedValue = localStorage.getItem(`--theme-${name}`);
+  const [value, setValue] = useState(storedValue || variants[0]);
+  useEffect(() => {
+    localStorage.setItem(`--theme-${name}`, value);
+    variables.forEach((varName) => {
+      root.style.setProperty(`--${varName}`, `var(--${varName}-${value})`);
     });
   }, [value]);
   function changeValue(v) {
@@ -21,4 +18,8 @@ function useVariantVars(_ref) {
   }
   return [value, changeValue];
 }
-export default useVariantVars;
+var useVariantVars_default = useVariantVars;
+export {
+  useVariantVars_default as default
+};
+//# sourceMappingURL=useVariantVars.js.map

package/app/hooks/useVariantVars.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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

@@ -1,16 +1,17 @@
-export * from '@digigov/ui/app/App';
-export * from '@digigov/ui/app/BannerContainer';
-export * from '@digigov/ui/app/BottomInfo';
-export * from '@digigov/ui/app/Panel';
-export * from '@digigov/ui/app/FilterContainer';
-export * from '@digigov/ui/app/Footer';
-export * from '@digigov/ui/app/Header';
-export * from '@digigov/ui/app/Loader';
-export * from '@digigov/ui/app/Masthead';
-export * from '@digigov/ui/app/Modal';
-export * from '@digigov/ui/app/NotFound';
-export * from '@digigov/ui/app/PageTitleContainer';
-export * from '@digigov/ui/app/PhaseBannerHeader';
-export * from '@digigov/ui/app/QrCodeScanner';
-export * from '@digigov/ui/app/QrCodeViewer';
-export * from '@digigov/ui/app/ThemeOptions';
+export * from "@digigov/ui/app/App";
+export * from "@digigov/ui/app/BannerContainer";
+export * from "@digigov/ui/app/BottomInfo";
+export * from "@digigov/ui/app/Panel";
+export * from "@digigov/ui/app/FilterContainer";
+export * from "@digigov/ui/app/Footer";
+export * from "@digigov/ui/app/Header";
+export * from "@digigov/ui/app/Loader";
+export * from "@digigov/ui/app/Masthead";
+export * from "@digigov/ui/app/Modal";
+export * from "@digigov/ui/app/NotFound";
+export * from "@digigov/ui/app/PageTitleContainer";
+export * from "@digigov/ui/app/PhaseBannerHeader";
+export * from "@digigov/ui/app/QrCodeScanner";
+export * from "@digigov/ui/app/QrCodeViewer";
+export * from "@digigov/ui/app/ThemeOptions";
+//# sourceMappingURL=index.js.map

package/app/index.js.map

@@ -0,0 +1,7 @@
+{
+  "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,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": []
+}

package/cjs/app/App/index.js

@@ -1,21 +1,46 @@
-"use strict";
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var App_exports = {};
+__export(App_exports, {
+  StaticApp: () => StaticApp,
+  default: () => App_default
 });
-exports["default"] = exports.StaticApp = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var App = function App(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react.Suspense, {
-    fallback: 'loading...'
-  }, children);
+module.exports = __toCommonJS(App_exports);
+var import_react = __toESM(require("react"));
+const App = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.Suspense, { fallback: "loading..." }, children);
 };
-var StaticApp = exports.StaticApp = function StaticApp(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+const StaticApp = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
 };
-var _default = exports["default"] = App;
+var App_default = App;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StaticApp
+});
+//# sourceMappingURL=App.js.map

package/cjs/app/App.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/app/App.tsx"],
+  "sourcesContent": ["import React, { Suspense } from 'react';\n\nexport interface AppProps {\n  children?: React.ReactNode;\n}\n\nconst App: React.FC<AppProps> = ({ children }) => {\n  return <Suspense fallback={'loading...'}>{children}</Suspense>;\n};\n\nexport const StaticApp: React.FC<AppProps> = ({ children }) => {\n  return <>{children}</>;\n};\n\nexport default App;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAMhC,MAAM,MAA0B,CAAC,EAAE,SAAS,MAAM;AAChD,SAAO,6BAAAA,QAAA,cAAC,yBAAS,UAAU,gBAAe,QAAS;AACrD;AAEO,MAAM,YAAgC,CAAC,EAAE,SAAS,MAAM;AAC7D,SAAO,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AACrB;AAEA,IAAO,cAAQ;",
+  "names": ["React"]
+}

package/cjs/app/BannerContainer/BannerContainer.stories/index.js

@@ -1,28 +1,47 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BannerContainer_stories_exports = {};
+__export(BannerContainer_stories_exports, {
+  CookiesBanner: () => import_CookiesBanner.CookiesBanner,
+  default: () => BannerContainer_stories_default
 });
-var _exportNames = {};
-exports["default"] = void 0;
-var _BannerContainer = _interopRequireDefault(require("@digigov/ui/app/BannerContainer"));
-var _CookiesBanner = require("@digigov/ui/app/BannerContainer/__stories__/CookiesBanner");
-Object.keys(_CookiesBanner).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CookiesBanner[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CookiesBanner[key];
-    }
-  });
+module.exports = __toCommonJS(BannerContainer_stories_exports);
+var import_BannerContainer = __toESM(require("@digigov/ui/app/BannerContainer"));
+var import_CookiesBanner = require("@digigov/ui/app/BannerContainer/__stories__/CookiesBanner");
+var BannerContainer_stories_default = {
+  title: "Digigov UI/app/BannerContainer",
+  description: "The BannerContainer provides a container for the banner and the page content.",
+  link: "https://guide.services.gov.gr/docs/components/cookies-banner",
+  component: import_BannerContainer.default,
+  displayName: "BannerContainer"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CookiesBanner
 });
-var _default = exports["default"] = {
-  title: 'Digigov UI/app/BannerContainer',
-  description: 'The BannerContainer provides a container for the banner and the page content.',
-  link: 'https://guide.services.gov.gr/docs/components/cookies-banner',
-  component: _BannerContainer["default"],
-  displayName: 'BannerContainer'
-};
+//# sourceMappingURL=BannerContainer.stories.js.map

package/cjs/app/BannerContainer/BannerContainer.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/BannerContainer/BannerContainer.stories.js"],
+  "sourcesContent": ["import BannerContainer from '@digigov/ui/app/BannerContainer';\nexport default {\n  title: 'Digigov UI/app/BannerContainer',\n  description:\n    'The BannerContainer provides a container for the banner and the page content.',\n  link: 'https://guide.services.gov.gr/docs/components/cookies-banner',\n  component: BannerContainer,\n  displayName: 'BannerContainer',\n};\nexport { CookiesBanner } from '@digigov/ui/app/BannerContainer/__stories__/CookiesBanner';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA4B;AAS5B,2BAA8B;AAR9B,IAAO,kCAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,WAAW,uBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["BannerContainer"]
+}