npm - @digigov/ui - Versions diffs - 2.0.0-b4cd6916 → 2.0.0-c6d0b3b8 - Mend

@digigov/ui 2.0.0-b4cd6916 → 2.0.0-c6d0b3b8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1258) hide show

package/app/ThemeOptions/index.js CHANGED Viewed

@@ -24,10 +24,6 @@ const ThemeOptions = React.forwardRef(function ThemeOptions2({
   letterSpacingOption = true,
   highlightLinksOption = true,
   colorsOptionTitleSize = "sm",
-  fontSizeOptionTitleSize = "sm",
-  lineHeightOptionTitleSize = "sm",
-  letterSpacingOptionTitleSize = "sm",
-  highlightLinksOptionTitleSize = "sm",
   className,
   ...props
 }, ref) {

package/app/ThemeOptions/index.js.map CHANGED Viewed

@@ -1,7 +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\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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",
+  "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/useHighlightLinks.js.map CHANGED Viewed

@@ -1,7 +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] = 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,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;",
+  "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/useTheme/index.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { useState, useEffect } from "react";
 const useTheme = () => {
-  const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)").matches;
+  const prefersDarkScheme = window.matchMedia(
+    "(prefers-color-scheme: dark)"
+  ).matches;
   const storedTheme = localStorage.getItem(
     "--theme-palette"
   );

package/app/hooks/useTheme.js.map CHANGED Viewed

@@ -1,7 +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('(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,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;",
+  "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/cjs/app/Footer/Footer.stories/index.js CHANGED Viewed

@@ -34,11 +34,20 @@ __export(Footer_stories_exports, {
   FooterWithLogo: () => import_FooterWithLogo.FooterWithLogo,
   FooterWithSecondaryNavigation: () => import_FooterWithSecondaryNavigation.FooterWithSecondaryNavigation,
   FooterWithText: () => import_FooterWithText.FooterWithText,
+  WithControls: () => WithControls,
   YearCopyright: () => import_YearCopyright.YearCopyright,
   default: () => Footer_stories_default
 });
 module.exports = __toCommonJS(Footer_stories_exports);
-var import_Footer = __toESM(require("@digigov/ui/app/Footer"));
+var import_react = __toESM(require("react"));
+var import_Footer = require("@digigov/ui/app/Footer");
+var import_Copyright = __toESM(require("@digigov/ui/govgr/Footer/Copyright"));
+var import_HellenicRepublicLogo = __toESM(require("@digigov/ui/govgr/Footer/HellenicRepublicLogo"));
+var import_govgr_logo_blue_base64 = __toESM(require("@digigov/ui/govgr/images/govgr-logo-blue-base64"));
+var import_minedu_logo_black_base64 = __toESM(require("@digigov/ui/govgr/images/minedu-logo-black-base64"));
+var import_SectionBreak = __toESM(require("@digigov/ui/layouts/SectionBreak"));
+var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
+var import_VisuallyHidden = __toESM(require("@digigov/ui/utils/VisuallyHidden"));
 var import_Default = require("@digigov/ui/app/Footer/__stories__/Default");
 var import_FooterWithLogo = require("@digigov/ui/app/Footer/__stories__/FooterWithLogo");
 var import_FooterWithLink = require("@digigov/ui/app/Footer/__stories__/FooterWithLink");
@@ -52,9 +61,34 @@ var Footer_stories_default = {
   description: "The footer provides copyright, licensing and other information about your service and department.",
   link: "https://guide.services.gov.gr/docs/components/footer",
   defaultWidth: "lg",
-  component: import_Footer.default,
+  component: import_Footer.Footer,
   displayName: "Footer"
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContainer, null, args.withSecondaryNav && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterNavigation, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterNavigationSection, { "aria-label": "footer navigation section" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterHeading, null, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterList, { columns: 2 }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u03A6\u03BF\u03C1\u03B5\u03AF\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u0391\u03C1\u03C7\u03AD\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u038C\u03C1\u03BF\u03B9 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC \u03B1\u03C0\u03CC\u03C1\u03C1\u03B7\u03C4\u03BF")))), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterNavigationSection, { "aria-label": "footer navigation section" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterHeading, null, "\u0395\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AD\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterList, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u0395\u039C\u0394\u0394 - \u039C\u0399\u03A4\u039F\u03A3")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "EUGO"))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.default, { visible: false, size: "md" })), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfo, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, { grow: true, "aria-label": "footer info section" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContent, null, args.withHorizontalNav && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterList, { layout: "horizontal" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2")), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterLink, { href: "#" }, "\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr")))), args.withExtraLogos && /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContentLogos, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterImage, { src: import_govgr_logo_blue_base64.default }), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterImage, { src: import_minedu_logo_black_base64.default })), args.withExtraText && /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://gsis.gr/dimosia-dioikisi/ked" }, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), " ", "\u03C4\u03B7\u03C2", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://www.gsis.gr/" }, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), "."), /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, `\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://grnet.gr/", target: "_blank" }, "\u0395\u0394\u03A5\u03A4\u0395", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://mindigital.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://www.minedu.gov.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`))))), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, null, /* @__PURE__ */ import_react.default.createElement(import_HellenicRepublicLogo.default, null)))));
+  },
+  args: {
+    withSecondaryNav: false,
+    withHorizontalNav: false,
+    withExtraLogos: false,
+    withExtraText: false
+  },
+  argTypes: {
+    withSecondaryNav: {
+      control: { type: "boolean" }
+    },
+    withHorizontalNav: {
+      control: { type: "boolean" }
+    },
+    withExtraLogos: {
+      control: { type: "boolean" }
+    },
+    withExtraText: {
+      control: { type: "boolean" }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
@@ -64,6 +98,7 @@ var Footer_stories_default = {
   FooterWithLogo,
   FooterWithSecondaryNavigation,
   FooterWithText,
+  WithControls,
   YearCopyright
 });
 //# sourceMappingURL=Footer.stories.js.map

package/cjs/app/Footer/Footer.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/app/Footer/Footer.stories.js"],
-  "sourcesContent": ["import Footer from '@digigov/ui/app/Footer';\nexport default {\n  title: 'Digigov UI/app/Footer',\n  description:\n    'The footer provides copyright, licensing and other information about your service and department.',\n  link: 'https://guide.services.gov.gr/docs/components/footer',\n  defaultWidth: 'lg',\n  component: Footer,\n  displayName: 'Footer',\n};\nexport { Default } from '@digigov/ui/app/Footer/__stories__/Default';\nexport { FooterWithLogo } from '@digigov/ui/app/Footer/__stories__/FooterWithLogo';\nexport { FooterWithLink } from '@digigov/ui/app/Footer/__stories__/FooterWithLink';\nexport { DefaultCopyright } from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';\nexport { FooterWithSecondaryNavigation } from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';\nexport { FooterWithText } from '@digigov/ui/app/Footer/__stories__/FooterWithText';\nexport { FooterAllInclusive } from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';\nexport { YearCopyright } from '@digigov/ui/app/Footer/__stories__/YearCopyright';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAUnB,qBAAwB;AACxB,4BAA+B;AAC/B,4BAA+B;AAC/B,8BAAiC;AACjC,2CAA8C;AAC9C,4BAA+B;AAC/B,gCAAmC;AACnC,2BAA8B;AAhB9B,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW,cAAAA;AAAA,EACX,aAAa;AACf;",
-  "names": ["Footer"]
+  "sources": ["../../../../src/app/Footer/Footer.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  Footer,\n  FooterContainer,\n  FooterInfo,\n  FooterInfoSection,\n  FooterContent,\n  FooterNavigation,\n  FooterNavigationSection,\n  FooterHeading,\n  FooterList,\n  FooterListItem,\n  FooterLink,\n  FooterContentLogos,\n  FooterImage,\n} from '@digigov/ui/app/Footer';\nimport Copyright from '@digigov/ui/govgr/Footer/Copyright';\nimport HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';\nimport govgrBlueLogo from '@digigov/ui/govgr/images/govgr-logo-blue-base64';\nimport mineduBlackLogo from '@digigov/ui/govgr/images/minedu-logo-black-base64';\nimport SectionBreak from '@digigov/ui/layouts/SectionBreak';\nimport Link from '@digigov/ui/navigation/Link';\nimport VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';\n\nexport default {\n  title: 'Digigov UI/app/Footer',\n  description:\n    'The footer provides copyright, licensing and other information about your service and department.',\n  link: 'https://guide.services.gov.gr/docs/components/footer',\n  defaultWidth: 'lg',\n  component: Footer,\n  displayName: 'Footer',\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Footer>\n        <FooterContainer>\n          {args.withSecondaryNav && (\n            <>\n              <FooterNavigation>\n                <FooterNavigationSection aria-label=\"footer navigation section\">\n                  <FooterHeading>\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</FooterHeading>\n                  <FooterList columns={2}>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A6\u03BF\u03C1\u03B5\u03AF\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0391\u03C1\u03C7\u03AD\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u038C\u03C1\u03BF\u03B9 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0399\u03B4\u03B9\u03C9\u03C4\u03B9\u03BA\u03CC \u03B1\u03C0\u03CC\u03C1\u03C1\u03B7\u03C4\u03BF</FooterLink>\n                    </FooterListItem>\n                  </FooterList>\n                </FooterNavigationSection>\n                <FooterNavigationSection aria-label=\"footer navigation section\">\n                  <FooterHeading>\u0395\u03BE\u03C9\u03C4\u03B5\u03C1\u03B9\u03BA\u03AD\u03C2 \u03A5\u03C0\u03B7\u03C1\u03B5\u03C3\u03AF\u03B5\u03C2</FooterHeading>\n                  <FooterList>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">\u0395\u039C\u0394\u0394 - \u039C\u0399\u03A4\u039F\u03A3</FooterLink>\n                    </FooterListItem>\n                    <FooterListItem>\n                      <FooterLink href=\"#\">EUGO</FooterLink>\n                    </FooterListItem>\n                  </FooterList>\n                </FooterNavigationSection>\n              </FooterNavigation>\n              <SectionBreak visible={false} size=\"md\" />\n            </>\n          )}\n          <FooterInfo>\n            <FooterInfoSection grow aria-label=\"footer info section\">\n              <FooterContent>\n                {args.withHorizontalNav && (\n                  <>\n                    <VisuallyHidden>\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</VisuallyHidden>\n                    <FooterList layout=\"horizontal\">\n                      <FooterListItem>\n                        <FooterLink href=\"#\">\u038C\u03C1\u03BF\u03B9 \u03BA\u03B1\u03B9 \u03A0\u03C1\u03BF\u03CB\u03C0\u03BF\u03B8\u03AD\u03C3\u03B5\u03B9\u03C2</FooterLink>\n                      </FooterListItem>\n                      <FooterListItem>\n                        <FooterLink href=\"#\">\u03A3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03BF gov.gr</FooterLink>\n                      </FooterListItem>\n                    </FooterList>\n                  </>\n                )}\n                {args.withExtraLogos && (\n                  <FooterContentLogos>\n                    <FooterImage src={govgrBlueLogo} />\n                    <FooterImage src={mineduBlackLogo} />\n                  </FooterContentLogos>\n                )}\n                {args.withExtraText && (\n                  <Copyright>\n                    \u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9\n                    \u03C4\u03BF\u03C5{' '}\n                    <Link href=\"https://gsis.gr/dimosia-dioikisi/ked\">\n                      \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2\n                    </Link>{' '}\n                    \u03C4\u03B7\u03C2{' '}\n                    <Link href=\"https://www.gsis.gr/\">\n                      \u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2\n                      \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2\n                    </Link>\n                    .\n                  </Copyright>\n                )}\n                <Copyright>\n                  {`\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `}\n                  <Link href=\"https://grnet.gr/\" target=\"_blank\">\n                    \u0395\u0394\u03A5\u03A4\u0395\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                  {` \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                  <Link href=\"https://mindigital.gr/\" target=\"_blank\">\n                    \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                  {` \u03BA\u03B1\u03B9 \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                  <Link href=\"https://www.minedu.gov.gr/\" target=\"_blank\">\n                    \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A0\u03B1\u03B9\u03B4\u03B5\u03AF\u03B1\u03C2 \u03BA\u03B1\u03B9 \u0398\u03C1\u03B7\u03C3\u03BA\u03B5\u03C5\u03BC\u03AC\u03C4\u03C9\u03BD\n                    <VisuallyHidden>\n                      {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                    </VisuallyHidden>\n                  </Link>\n                </Copyright>\n              </FooterContent>\n            </FooterInfoSection>\n            <FooterInfoSection>\n              <HellenicRepublicLogo />\n            </FooterInfoSection>\n          </FooterInfo>\n        </FooterContainer>\n      </Footer>\n    );\n  },\n  args: {\n    withSecondaryNav: false,\n    withHorizontalNav: false,\n    withExtraLogos: false,\n    withExtraText: false,\n  },\n  argTypes: {\n    withSecondaryNav: {\n      control: { type: 'boolean' },\n    },\n    withHorizontalNav: {\n      control: { type: 'boolean' },\n    },\n    withExtraLogos: {\n      control: { type: 'boolean' },\n    },\n    withExtraText: {\n      control: { type: 'boolean' },\n    },\n  },\n};\nexport { Default } from '@digigov/ui/app/Footer/__stories__/Default';\nexport { FooterWithLogo } from '@digigov/ui/app/Footer/__stories__/FooterWithLogo';\nexport { FooterWithLink } from '@digigov/ui/app/Footer/__stories__/FooterWithLink';\nexport { DefaultCopyright } from '@digigov/ui/app/Footer/__stories__/DefaultCopyright';\nexport { FooterWithSecondaryNavigation } from '@digigov/ui/app/Footer/__stories__/FooterWithSecondaryNavigation';\nexport { FooterWithText } from '@digigov/ui/app/Footer/__stories__/FooterWithText';\nexport { FooterAllInclusive } from '@digigov/ui/app/Footer/__stories__/FooterAllInclusive';\nexport { YearCopyright } from '@digigov/ui/app/Footer/__stories__/YearCopyright';\n"],
+  "mappings": "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",
+  "names": ["React", "SectionBreak", "VisuallyHidden", "govgrBlueLogo", "mineduBlackLogo", "Copyright", "Link", "HellenicRepublicLogo"]
 }

package/cjs/{api/APIErrors → app/Footer/FooterLink}/index.js RENAMED Viewed

@@ -16,6 +16,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -25,50 +26,25 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var APIErrors_exports = {};
-__export(APIErrors_exports, {
-  APIError: () => APIError,
-  APIErrors: () => APIErrors,
-  default: () => APIErrors_default
+var FooterLink_exports = {};
+__export(FooterLink_exports, {
+  FooterLink: () => FooterLink,
+  default: () => FooterLink_default
 });
-module.exports = __toCommonJS(APIErrors_exports);
+module.exports = __toCommonJS(FooterLink_exports);
+__reExport(FooterLink_exports, require("@digigov/react-core/FooterLinkBase"), module.exports);
 var import_react = __toESM(require("react"));
-class APIErrors extends import_react.default.Component {
-  constructor() {
-    super(...arguments);
-    this.state = { hasError: false, error: null };
+var import_FooterLinkBase = require("@digigov/react-core/FooterLinkBase");
+var import_Link = require("@digigov/ui/navigation/Link");
+const FooterLink = import_react.default.forwardRef(
+  function FooterLink2({ children, ...props }, ref) {
+    return /* @__PURE__ */ import_react.default.createElement(import_FooterLinkBase.FooterLinkBase, { as: import_Link.Link, ref, ...props }, children);
   }
-  static getDerivedStateFromError(error) {
-    return {
-      hasError: true,
-      error
-    };
-  }
-  render() {
-    if (this.state.hasError) {
-      const Comp = this.props.fallback;
-      return /* @__PURE__ */ import_react.default.createElement(Comp, { error: this.state.error });
-    }
-    return this.props.children;
-  }
-}
-var APIErrors_default = APIErrors;
-class APIError extends Error {
-  constructor(errors, status, ...args) {
-    super(...args);
-    this.error = null;
-    this.errors = null;
-    this.status = 200;
-    this.name = "APIError";
-    Error.captureStackTrace(this, APIError);
-    this.error = errors && errors.length && errors[0] || errors;
-    this.errors = errors;
-    this.status = status;
-  }
-}
+);
+var FooterLink_default = FooterLink;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  APIError,
-  APIErrors
+  FooterLink,
+  ...require("@digigov/react-core/FooterLinkBase")
 });
-//# sourceMappingURL=APIErrors.js.map
+//# sourceMappingURL=FooterLink.js.map

package/cjs/app/Footer/FooterLink.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/Footer/FooterLink.tsx"],
+  "sourcesContent": ["export * from '@digigov/react-core/FooterLinkBase';\nimport React from 'react';\nimport {\n  FooterLinkBase,\n  FooterLinkBaseProps,\n} from '@digigov/react-core/FooterLinkBase';\nimport { Link } from '@digigov/ui/navigation/Link';\n\nexport interface FooterLinkProps extends FooterLinkBaseProps {}\n\nexport const FooterLink = React.forwardRef<HTMLAnchorElement, FooterLinkProps>(\n  function FooterLink({ children, ...props }, ref) {\n    return (\n      <FooterLinkBase as={Link} ref={ref} {...props}>\n        {children}\n      </FooterLinkBase>\n    );\n  }\n);\nexport default FooterLink;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAc,+CAAd;AACA,mBAAkB;AAClB,4BAGO;AACP,kBAAqB;AAId,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,SAASC,YAAW,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK;AAC/C,WACE,6BAAAD,QAAA,cAAC,wCAAe,IAAI,kBAAM,KAAW,GAAG,SACrC,QACH;AAAA,EAEJ;AACF;AACA,IAAO,qBAAQ;",
+  "names": ["React", "FooterLink"]
+}

package/cjs/app/Footer/__stories__/FooterWithText/index.js CHANGED Viewed

@@ -38,7 +38,7 @@ var import_HellenicRepublicLogo = __toESM(require("@digigov/ui/govgr/Footer/Hell
 var import_Link = __toESM(require("@digigov/ui/navigation/Link"));
 var import_VisuallyHidden = __toESM(require("@digigov/ui/utils/VisuallyHidden"));
 const FooterWithText = () => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfo, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, { grow: true, "aria-label": "footer info section" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContent, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterList, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "#" }, "\u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD"))), /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5 ", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://gsis.gr/dimosia-dioikisi/ked" }, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), " ", "\u03C4\u03B7\u03C2 ", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://www.gsis.gr/" }, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), "."), /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, `\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://grnet.gr/", target: "_blank" }, "\u0395\u0394\u03A5\u03A4\u0395", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://mindigital.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`))))), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, null, /* @__PURE__ */ import_react.default.createElement(import_HellenicRepublicLogo.default, null)))));
+  return /* @__PURE__ */ import_react.default.createElement(import_Footer.Footer, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContainer, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfo, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, { grow: true, "aria-label": "footer info section" }, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterContent, null, /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, "\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterList, null, /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "#" }, "\u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD"))), /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, "\u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://gsis.gr/dimosia-dioikisi/ked" }, "\u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2"), " ", "\u03C4\u03B7\u03C2", " ", /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://www.gsis.gr/" }, "\u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2"), "."), /* @__PURE__ */ import_react.default.createElement(import_Copyright.default, null, `\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://grnet.gr/", target: "_blank" }, "\u0395\u0394\u03A5\u03A4\u0395", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`)), ` \u03B3\u03B9\u03B1 \u03C4\u03BF `, /* @__PURE__ */ import_react.default.createElement(import_Link.default, { href: "https://mindigital.gr/", target: "_blank" }, "\u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2", /* @__PURE__ */ import_react.default.createElement(import_VisuallyHidden.default, null, ` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`))))), /* @__PURE__ */ import_react.default.createElement(import_Footer.FooterInfoSection, null, /* @__PURE__ */ import_react.default.createElement(import_HellenicRepublicLogo.default, null)))));
 };
 var FooterWithText_default = FooterWithText;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/app/Footer/__stories__/FooterWithText.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/app/Footer/__stories__/FooterWithText.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  Footer,\n  FooterContainer,\n  FooterInfo,\n  FooterInfoSection,\n  FooterContent,\n  FooterList,\n  FooterListItem,\n} from '@digigov/ui/app/Footer';\nimport Copyright from '@digigov/ui/govgr/Footer/Copyright';\nimport HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';\nimport Link from '@digigov/ui/navigation/Link';\nimport VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';\n\nexport const FooterWithText = () => {\n  return (\n    <Footer>\n      <FooterContainer>\n        <FooterInfo>\n          <FooterInfoSection grow aria-label=\"footer info section\">\n            <FooterContent>\n              <VisuallyHidden>\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</VisuallyHidden>\n              <FooterList>\n                <FooterListItem>\n                  <Link href=\"#\">\u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD</Link>\n                </FooterListItem>\n              </FooterList>\n              <Copyright>\n                \u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5 {' '}\n                <Link href=\"https://gsis.gr/dimosia-dioikisi/ked\">\n                  \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2 \n                </Link>\n                {' '}\u03C4\u03B7\u03C2 {' '}\n                <Link href=\"https://www.gsis.gr/\">\n                  \u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2 \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2\n                </Link>\n                .\n              </Copyright>\n              <Copyright>\n                {`\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `}\n                <Link href=\"https://grnet.gr/\" target=\"_blank\">\n                  \u0395\u0394\u03A5\u03A4\u0395\n                  <VisuallyHidden>\n                    {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                  </VisuallyHidden>\n                </Link>\n                {` \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                <Link href=\"https://mindigital.gr/\" target=\"_blank\">\n                  \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2\n                  <VisuallyHidden>\n                    {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                  </VisuallyHidden>\n                </Link>\n              </Copyright>\n            </FooterContent>\n          </FooterInfoSection>\n          <FooterInfoSection>\n            <HellenicRepublicLogo></HellenicRepublicLogo>\n          </FooterInfoSection>\n        </FooterInfo>\n      </FooterContainer>\n    </Footer>\n  );\n};\n\nexport default FooterWithText;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAQO;AACP,uBAAsB;AACtB,kCAAiC;AACjC,kBAAiB;AACjB,4BAA2B;AAEpB,MAAM,iBAAiB,MAAM;AAClC,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,mCAAkB,MAAI,MAAC,cAAW,yBACjC,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,sBAAAC,SAAA,MAAe,2HAAqB,GACrC,6BAAAD,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,OAAI,0TAAyD,CAC1E,CACF,GACA,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,MAAU,gVACsD,KAC/D,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0CAAuC,+JAElD,GACC,KAAI,uBAAK,KACV,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0BAAuB,mWAElC,GAAO,GAET,GACA,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,MACE,2FACD,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,qBAAoB,QAAO,YAAS,kCAE7C,6BAAAF,QAAA,cAAC,sBAAAC,SAAA,MACE,8JACH,CACF,GACC,qCACD,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0BAAyB,QAAO,YAAS,0LAElD,6BAAAF,QAAA,cAAC,sBAAAC,SAAA,MACE,8JACH,CACF,CACF,CACF,CACF,GACA,6BAAAD,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,4BAAAI,SAAA,IAAqB,CACxB,CACF,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  Footer,\n  FooterContainer,\n  FooterInfo,\n  FooterInfoSection,\n  FooterContent,\n  FooterList,\n  FooterListItem,\n} from '@digigov/ui/app/Footer';\nimport Copyright from '@digigov/ui/govgr/Footer/Copyright';\nimport HellenicRepublicLogo from '@digigov/ui/govgr/Footer/HellenicRepublicLogo';\nimport Link from '@digigov/ui/navigation/Link';\nimport VisuallyHidden from '@digigov/ui/utils/VisuallyHidden';\n\nexport const FooterWithText = () => {\n  return (\n    <Footer>\n      <FooterContainer>\n        <FooterInfo>\n          <FooterInfoSection grow aria-label=\"footer info section\">\n            <FooterContent>\n              <VisuallyHidden>\u03A0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AD\u03C2</VisuallyHidden>\n              <FooterList>\n                <FooterListItem>\n                  <Link href=\"#\">\n                    \u0395\u03BD\u03B7\u03BC\u03AD\u03C1\u03C9\u03C3\u03B7 \u03C3\u03C7\u03B5\u03C4\u03B9\u03BA\u03AC \u03BC\u03B5 \u03C4\u03B7\u03BD \u03B5\u03C0\u03B5\u03BE\u03B5\u03C1\u03B3\u03B1\u03C3\u03AF\u03B1 \u03C0\u03C1\u03BF\u03C3\u03C9\u03C0\u03B9\u03BA\u03CE\u03BD \u03B4\u03B5\u03B4\u03BF\u03BC\u03AD\u03BD\u03C9\u03BD\n                  </Link>\n                </FooterListItem>\n              </FooterList>\n              <Copyright>\n                \u0397 \u03AC\u03BD\u03C4\u03BB\u03B7\u03C3\u03B7 \u03C4\u03C9\u03BD \u03B1\u03C0\u03B1\u03C1\u03B1\u03AF\u03C4\u03B7\u03C4\u03C9\u03BD \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03C9\u03BD \u03C0\u03C1\u03B1\u03B3\u03BC\u03B1\u03C4\u03BF\u03C0\u03BF\u03B9\u03B5\u03AF\u03C4\u03B1\u03B9 \u03BC\u03AD\u03C3\u03C9 \u03C4\u03BF\u03C5{' '}\n                <Link href=\"https://gsis.gr/dimosia-dioikisi/ked\">\n                  \u039A\u03AD\u03BD\u03C4\u03C1\u03BF\u03C5 \u0394\u03B9\u03B1\u03BB\u03B5\u03B9\u03C4\u03BF\u03C5\u03C1\u03B3\u03B9\u03BA\u03CC\u03C4\u03B7\u03C4\u03B1\u03C2\n                </Link>{' '}\n                \u03C4\u03B7\u03C2{' '}\n                <Link href=\"https://www.gsis.gr/\">\n                  \u0393\u03B5\u03BD\u03B9\u03BA\u03AE\u03C2 \u0393\u03C1\u03B1\u03BC\u03BC\u03B1\u03C4\u03B5\u03AF\u03B1\u03C2 \u03A0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03B9\u03B1\u03BA\u03CE\u03BD \u03A3\u03C5\u03C3\u03C4\u03B7\u03BC\u03AC\u03C4\u03C9\u03BD \u0394\u03B7\u03BC\u03CC\u03C3\u03B9\u03B1\u03C2\n                  \u0394\u03B9\u03BF\u03AF\u03BA\u03B7\u03C3\u03B7\u03C2\n                </Link>\n                .\n              </Copyright>\n              <Copyright>\n                {`\u03A5\u03BB\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7 \u03B1\u03C0\u03CC \u03C4\u03BF `}\n                <Link href=\"https://grnet.gr/\" target=\"_blank\">\n                  \u0395\u0394\u03A5\u03A4\u0395\n                  <VisuallyHidden>\n                    {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                  </VisuallyHidden>\n                </Link>\n                {` \u03B3\u03B9\u03B1 \u03C4\u03BF `}\n                <Link href=\"https://mindigital.gr/\" target=\"_blank\">\n                  \u03A5\u03C0\u03BF\u03C5\u03C1\u03B3\u03B5\u03AF\u03BF \u03A8\u03B7\u03C6\u03B9\u03B1\u03BA\u03AE\u03C2 \u0394\u03B9\u03B1\u03BA\u03C5\u03B2\u03AD\u03C1\u03BD\u03B7\u03C3\u03B7\u03C2\n                  <VisuallyHidden>\n                    {` (\u03B1\u03BD\u03BF\u03AF\u03B3\u03B5\u03B9 \u03C3\u03B5 \u03BA\u03B1\u03B9\u03BD\u03BF\u03CD\u03C1\u03B9\u03B1 \u03BA\u03B1\u03C1\u03C4\u03AD\u03BB\u03B1)`}\n                  </VisuallyHidden>\n                </Link>\n              </Copyright>\n            </FooterContent>\n          </FooterInfoSection>\n          <FooterInfoSection>\n            <HellenicRepublicLogo></HellenicRepublicLogo>\n          </FooterInfoSection>\n        </FooterInfo>\n      </FooterContainer>\n    </Footer>\n  );\n};\n\nexport default FooterWithText;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAQO;AACP,uBAAsB;AACtB,kCAAiC;AACjC,kBAAiB;AACjB,4BAA2B;AAEpB,MAAM,iBAAiB,MAAM;AAClC,SACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,mCAAkB,MAAI,MAAC,cAAW,yBACjC,6BAAAA,QAAA,cAAC,mCACC,6BAAAA,QAAA,cAAC,sBAAAC,SAAA,MAAe,2HAAqB,GACrC,6BAAAD,QAAA,cAAC,gCACC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,OAAI,0TAEf,CACF,CACF,GACA,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,MAAU,+UACqD,KAC9D,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0CAAuC,+JAElD,GAAQ,KAAI,sBACR,KACJ,6BAAAF,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0BAAuB,mWAGlC,GAAO,GAET,GACA,6BAAAF,QAAA,cAAC,iBAAAG,SAAA,MACE,2FACD,6BAAAH,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,qBAAoB,QAAO,YAAS,kCAE7C,6BAAAF,QAAA,cAAC,sBAAAC,SAAA,MACE,8JACH,CACF,GACC,qCACD,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAK,0BAAyB,QAAO,YAAS,0LAElD,6BAAAF,QAAA,cAAC,sBAAAC,SAAA,MACE,8JACH,CACF,CACF,CACF,CACF,GACA,6BAAAD,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,4BAAAI,SAAA,IAAqB,CACxB,CACF,CACF,CACF;AAEJ;AAEA,IAAO,yBAAQ;",
   "names": ["React", "VisuallyHidden", "Link", "Copyright", "HellenicRepublicLogo"]
 }

package/cjs/app/Footer/index.js CHANGED Viewed

@@ -37,13 +37,13 @@ __reExport(Footer_exports, require("@digigov/react-core/FooterContent"), module.
 __reExport(Footer_exports, require("@digigov/react-core/FooterContentLogos"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterHeading"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterImage"), module.exports);
-__reExport(Footer_exports, require("@digigov/react-core/FooterLink"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterList"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterListItem"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterInfo"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterInfoSection"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterNavigation"), module.exports);
 __reExport(Footer_exports, require("@digigov/react-core/FooterNavigationSection"), module.exports);
+__reExport(Footer_exports, require("@digigov/ui/app/Footer/FooterLink"), module.exports);
 var import_Footer = __toESM(require("@digigov/react-core/Footer"));
 var Footer_default = import_Footer.default;
 // Annotate the CommonJS export names for ESM import in node:
@@ -54,12 +54,12 @@ var Footer_default = import_Footer.default;
   ...require("@digigov/react-core/FooterContentLogos"),
   ...require("@digigov/react-core/FooterHeading"),
   ...require("@digigov/react-core/FooterImage"),
-  ...require("@digigov/react-core/FooterLink"),
   ...require("@digigov/react-core/FooterList"),
   ...require("@digigov/react-core/FooterListItem"),
   ...require("@digigov/react-core/FooterInfo"),
   ...require("@digigov/react-core/FooterInfoSection"),
   ...require("@digigov/react-core/FooterNavigation"),
-  ...require("@digigov/react-core/FooterNavigationSection")
+  ...require("@digigov/react-core/FooterNavigationSection"),
+  ...require("@digigov/ui/app/Footer/FooterLink")
 });
 //# sourceMappingURL=index.js.map

package/cjs/app/Footer/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Footer/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterLink';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,uCAAd;AACA,2BAAc,gDADd;AAEA,2BAAc,8CAFd;AAGA,2BAAc,mDAHd;AAIA,2BAAc,8CAJd;AAKA,2BAAc,4CALd;AAMA,2BAAc,2CANd;AAOA,2BAAc,2CAPd;AAQA,2BAAc,+CARd;AASA,2BAAc,2CATd;AAUA,2BAAc,kDAVd;AAWA,2BAAc,iDAXd;AAYA,2BAAc,wDAZd;AAcA,oBAAmB;AACnB,IAAO,iBAAQ,cAAAA;",
+  "sourcesContent": ["export * from '@digigov/react-core/Footer';\nexport * from '@digigov/react-core/FooterContainer';\nexport * from '@digigov/react-core/FooterContent';\nexport * from '@digigov/react-core/FooterContentLogos';\nexport * from '@digigov/react-core/FooterHeading';\nexport * from '@digigov/react-core/FooterImage';\nexport * from '@digigov/react-core/FooterList';\nexport * from '@digigov/react-core/FooterListItem';\nexport * from '@digigov/react-core/FooterInfo';\nexport * from '@digigov/react-core/FooterInfoSection';\nexport * from '@digigov/react-core/FooterNavigation';\nexport * from '@digigov/react-core/FooterNavigationSection';\nexport * from '@digigov/ui/app/Footer/FooterLink';\n\nimport Footer from '@digigov/react-core/Footer';\nexport default Footer;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAc,uCAAd;AACA,2BAAc,gDADd;AAEA,2BAAc,8CAFd;AAGA,2BAAc,mDAHd;AAIA,2BAAc,8CAJd;AAKA,2BAAc,4CALd;AAMA,2BAAc,2CANd;AAOA,2BAAc,+CAPd;AAQA,2BAAc,2CARd;AASA,2BAAc,kDATd;AAUA,2BAAc,iDAVd;AAWA,2BAAc,wDAXd;AAYA,2BAAc,8CAZd;AAcA,oBAAmB;AACnB,IAAO,iBAAQ,cAAAA;",
   "names": ["Footer"]
 }

package/cjs/app/Header/Header.stories/index.js CHANGED Viewed

@@ -28,6 +28,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var Header_stories_exports = {};
 __export(Header_stories_exports, {
   Default: () => import_Default.Default,
+  WithControls: () => WithControls,
   WithHeaderNavigation: () => import_WithHeaderNavigation.WithHeaderNavigation,
   WithNavigation: () => import_WithNavigation.WithNavigation,
   WithServiceName: () => import_WithServiceName.WithServiceName,
@@ -35,7 +36,17 @@ __export(Header_stories_exports, {
   default: () => Header_stories_default
 });
 module.exports = __toCommonJS(Header_stories_exports);
-var import_Header = __toESM(require("@digigov/ui/app/Header/"));
+var import_react = __toESM(require("react"));
+var import_Header = require("@digigov/ui/app/Header");
+var import_HeaderContent = require("@digigov/ui/app/Header/HeaderContent");
+var import_HeaderSecondaryLogo = require("@digigov/ui/app/Header/HeaderSecondaryLogo");
+var import_HeaderSection = require("@digigov/ui/app/Header/HeaderSection");
+var import_HeaderTitle = require("@digigov/ui/app/Header/HeaderTitle");
+var import_GovGRLogo = require("@digigov/ui/govgr/GovGRLogo");
+var import_minedu_logo_base64 = __toESM(require("@digigov/ui/govgr/images/minedu-logo-base64"));
+var import_icons = require("@digigov/ui/icons");
+var import_Dropdown = require("@digigov/ui/navigation/Dropdown");
+var import_NavList = require("@digigov/ui/navigation/NavList");
 var import_Default = require("@digigov/ui/app/Header/__stories__/Default");
 var import_WithServiceName = require("@digigov/ui/app/Header/__stories__/WithServiceName");
 var import_WithServiceNameAndLogo = require("@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo");
@@ -43,7 +54,7 @@ var import_WithNavigation = require("@digigov/ui/app/Header/__stories__/WithNavi
 var import_WithHeaderNavigation = require("@digigov/ui/app/Header/__stories__/WithHeaderNavigation");
 var Header_stories_default = {
   title: "Digigov UI/app/Header",
-  component: import_Header.default,
+  component: import_Header.Header,
   displayName: "Header",
   description: "You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.",
   link: "https://guide.services.gov.gr/docs/components/header",
@@ -53,9 +64,47 @@ var Header_stories_default = {
     layout: "fullscreen"
   }
 };
+const WithControls = {
+  render: (args) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Header.Header, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderContent.HeaderContent, null, /* @__PURE__ */ import_react.default.createElement(import_HeaderSection.HeaderSection, null, /* @__PURE__ */ import_react.default.createElement(import_GovGRLogo.GovGRLogo, { href: "govgr.gr" }), args.withSecondaryLogo && /* @__PURE__ */ import_react.default.createElement(import_HeaderSecondaryLogo.HeaderSecondaryLogo, { src: import_minedu_logo_base64.default, href: "#" }), args.withServiceName && /* @__PURE__ */ import_react.default.createElement(import_HeaderTitle.HeaderTitle, null, args.serviceNameTitle)), args.withUser && /* @__PURE__ */ import_react.default.createElement(import_Dropdown.Dropdown, { align: "right" }, /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownButton, { variant: "link" }, args.userText, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreVertIcon, { size: "md" })), /* @__PURE__ */ import_react.default.createElement(import_Dropdown.DropdownContent, null, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavList, { layout: "vertical" }, /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { href: "#" }, "\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2"), /* @__PURE__ */ import_react.default.createElement(import_NavList.NavListItemAction, { href: "#" }, "\u0388\u03BE\u03BF\u03B4\u03BF\u03C2"))))));
+  },
+  args: {
+    withSecondaryLogo: false,
+    withServiceName: false,
+    serviceNameTitle: "\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2",
+    withUser: false,
+    userText: "\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2"
+  },
+  argTypes: {
+    withSecondaryLogo: {
+      control: "boolean"
+    },
+    withServiceName: {
+      control: "boolean"
+    },
+    serviceNameTitle: {
+      control: "text",
+      if: {
+        arg: "withServiceName",
+        truthy: true
+      }
+    },
+    withUser: {
+      control: "boolean"
+    },
+    userText: {
+      control: "text",
+      if: {
+        arg: "withUser",
+        truthy: true
+      }
+    }
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Default,
+  WithControls,
   WithHeaderNavigation,
   WithNavigation,
   WithServiceName,

package/cjs/app/Header/Header.stories.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/app/Header/Header.stories.js"],
-  "sourcesContent": ["import Header from '@digigov/ui/app/Header/';\nexport default {\n  title: 'Digigov UI/app/Header',\n  component: Header,\n  displayName: 'Header',\n  description:\n    'You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.',\n  link: 'https://guide.services.gov.gr/docs/components/header',\n  defaultWidth: 'lg',\n  parameters: {\n    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout\n    layout: 'fullscreen',\n  },\n};\n\nexport { Default } from '@digigov/ui/app/Header/__stories__/Default';\nexport { WithServiceName } from '@digigov/ui/app/Header/__stories__/WithServiceName';\nexport { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';\nexport { WithNavigation } from '@digigov/ui/app/Header/__stories__/WithNavigation';\nexport { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmB;AAenB,qBAAwB;AACxB,6BAAgC;AAChC,oCAAuC;AACvC,4BAA+B;AAC/B,kCAAqC;AAlBrC,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW,cAAAA;AAAA,EACX,aAAa;AAAA,EACb,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA,EACV;AACF;",
-  "names": ["Header"]
+  "sources": ["../../../../src/app/Header/Header.stories.jsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Header } from '@digigov/ui/app/Header';\nimport { HeaderContent } from '@digigov/ui/app/Header/HeaderContent';\nimport { HeaderSecondaryLogo } from '@digigov/ui/app/Header/HeaderSecondaryLogo';\nimport { HeaderSection } from '@digigov/ui/app/Header/HeaderSection';\nimport { HeaderTitle } from '@digigov/ui/app/Header/HeaderTitle';\nimport { GovGRLogo } from '@digigov/ui/govgr/GovGRLogo';\nimport minEduLogo from '@digigov/ui/govgr/images/minedu-logo-base64';\nimport { MoreVertIcon } from '@digigov/ui/icons';\n\nimport {\n  Dropdown,\n  DropdownButton,\n  DropdownContent,\n} from '@digigov/ui/navigation/Dropdown';\nimport { NavList, NavListItemAction } from '@digigov/ui/navigation/NavList';\n\nexport default {\n  title: 'Digigov UI/app/Header',\n  component: Header,\n  displayName: 'Header',\n  description:\n    'You must use the GOV.GR header at the top of every page if your service is being listed in the GOV.GR service catalog.',\n  link: 'https://guide.services.gov.gr/docs/components/header',\n  defaultWidth: 'lg',\n  parameters: {\n    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout\n    layout: 'fullscreen',\n  },\n};\n\nexport const WithControls = {\n  render: (args) => {\n    return (\n      <Header>\n        <HeaderContent>\n          <HeaderSection>\n            <GovGRLogo href=\"govgr.gr\" />\n            {args.withSecondaryLogo && (\n              <HeaderSecondaryLogo src={minEduLogo} href=\"#\" />\n            )}\n            {args.withServiceName && (\n              <HeaderTitle>{args.serviceNameTitle}</HeaderTitle>\n            )}\n          </HeaderSection>\n          {args.withUser && (\n            <Dropdown align=\"right\">\n              <DropdownButton variant=\"link\">\n                {args.userText}\n                <MoreVertIcon size=\"md\" />\n              </DropdownButton>\n              <DropdownContent>\n                <NavList layout=\"vertical\">\n                  <NavListItemAction href=\"#\">\u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2</NavListItemAction>\n                  <NavListItemAction href=\"#\">\u0388\u03BE\u03BF\u03B4\u03BF\u03C2</NavListItemAction>\n                </NavList>\n              </DropdownContent>\n            </Dropdown>\n          )}\n        </HeaderContent>\n      </Header>\n    );\n  },\n  args: {\n    withSecondaryLogo: false,\n    withServiceName: false,\n    serviceNameTitle: '\u0394\u03B7\u03BB\u03CE\u03C3\u03B5\u03B9\u03C2',\n    withUser: false,\n    userText: '\u039C\u03AC\u03C1\u03B9\u03BF\u03C2 \u039C\u03B5\u03BD\u03B5\u03BE\u03AD\u03C2',\n  },\n  argTypes: {\n    withSecondaryLogo: {\n      control: 'boolean',\n    },\n    withServiceName: {\n      control: 'boolean',\n    },\n    serviceNameTitle: {\n      control: 'text',\n      if: {\n        arg: 'withServiceName',\n        truthy: true,\n      },\n    },\n    withUser: {\n      control: 'boolean',\n    },\n    userText: {\n      control: 'text',\n      if: {\n        arg: 'withUser',\n        truthy: true,\n      },\n    },\n  },\n};\n\nexport { Default } from '@digigov/ui/app/Header/__stories__/Default';\nexport { WithServiceName } from '@digigov/ui/app/Header/__stories__/WithServiceName';\nexport { WithServiceNameAndLogo } from '@digigov/ui/app/Header/__stories__/WithServiceNameAndLogo';\nexport { WithNavigation } from '@digigov/ui/app/Header/__stories__/WithNavigation';\nexport { WithHeaderNavigation } from '@digigov/ui/app/Header/__stories__/WithHeaderNavigation';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oBAAuB;AACvB,2BAA8B;AAC9B,iCAAoC;AACpC,2BAA8B;AAC9B,yBAA4B;AAC5B,uBAA0B;AAC1B,gCAAuB;AACvB,mBAA6B;AAE7B,sBAIO;AACP,qBAA2C;AAkF3C,qBAAwB;AACxB,6BAAgC;AAChC,oCAAuC;AACvC,4BAA+B;AAC/B,kCAAqC;AApFrC,IAAO,yBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aACE;AAAA,EACF,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,IAEV,QAAQ;AAAA,EACV;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,QAAQ,CAAC,SAAS;AAChB,WACE,6BAAAA,QAAA,cAAC,4BACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,0CACC,6BAAAA,QAAA,cAAC,8BAAU,MAAK,YAAW,GAC1B,KAAK,qBACJ,6BAAAA,QAAA,cAAC,kDAAoB,KAAK,0BAAAC,SAAY,MAAK,KAAI,GAEhD,KAAK,mBACJ,6BAAAD,QAAA,cAAC,sCAAa,KAAK,gBAAiB,CAExC,GACC,KAAK,YACJ,6BAAAA,QAAA,cAAC,4BAAS,OAAM,WACd,6BAAAA,QAAA,cAAC,kCAAe,SAAQ,UACrB,KAAK,UACN,6BAAAA,QAAA,cAAC,6BAAa,MAAK,MAAK,CAC1B,GACA,6BAAAA,QAAA,cAAC,uCACC,6BAAAA,QAAA,cAAC,0BAAQ,QAAO,cACd,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,OAAI,wDAAS,GACrC,6BAAAA,QAAA,cAAC,oCAAkB,MAAK,OAAI,sCAAM,CACpC,CACF,CACF,CAEJ,CACF;AAAA,EAEJ;AAAA,EACA,MAAM;AAAA,IACJ,mBAAmB;AAAA,IACnB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,IACR,mBAAmB;AAAA,MACjB,SAAS;AAAA,IACX;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB,SAAS;AAAA,MACT,IAAI;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,QACF,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": ["React", "minEduLogo"]
 }