@digigov/ui 1.0.0-8bbf3ef2 → 1.0.0-b0737a96

package/app/ThemeOptions/index.js

@@ -1,82 +1,51 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ThemeOptions = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _useFontSize3 = _interopRequireDefault(require("@digigov/ui/app/hooks/useFontSize"));
-
-var _useHighlightLinks3 = _interopRequireDefault(require("@digigov/ui/app/hooks/useHighlightLinks"));
-
-var _useLetterSpacing3 = _interopRequireDefault(require("@digigov/ui/app/hooks/useLetterSpacing"));
-
-var _useLineHeight3 = _interopRequireDefault(require("@digigov/ui/app/hooks/useLineHeight"));
-
-var _useTheme3 = _interopRequireDefault(require("@digigov/ui/app/hooks/useTheme"));
-
-var _Button = _interopRequireDefault(require("@digigov/ui/form/Button"));
-
-var _FieldContainer = _interopRequireWildcard(require("@digigov/ui/form/FieldContainer"));
-
-var _Form = _interopRequireDefault(require("@digigov/ui/form/Form"));
-
-var _RadioContainer = require("@digigov/ui/form/RadioContainer");
-
-var _SectionBreak = _interopRequireDefault(require("@digigov/ui/layouts/SectionBreak"));
-
-var _VisuallyHidden = require("@digigov/ui/utils/VisuallyHidden");
-
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["colorsOption", "fontSizeOption", "lineHeightOption", "letterSpacingOption", "highlightLinksOption", "colorsOptionTitleSize", "fontSizeOptionTitleSize", "lineHeightOptionTitleSize", "letterSpacingOptionTitleSize", "highlightLinksOptionTitleSize", "className"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+import React, { useState } from 'react';
+import clsx from 'clsx';
+import useFontSize from "../hooks/useFontSize";
+import useHighlightLinks from "../hooks/useHighlightLinks";
+import useLetterSpacing from "../hooks/useLetterSpacing";
+import useLineHeight from "../hooks/useLineHeight";
+import useTheme from "../hooks/useTheme";
+import Button from "../../form/Button";
+import FieldContainer, { Fieldset, FieldsetLegend } from "../../form/FieldContainer";
+import Form from "../../form/Form";
+import { RadioContainer, RadioItem } from "../../form/RadioContainer";
+import SectionBreak from "../../layouts/SectionBreak";
+import { VisuallyHidden } from "../../utils/VisuallyHidden";
 
 var FieldsetLegendTitle = function FieldsetLegendTitle(_ref) {
   var titleSize = _ref.titleSize,
       titleValue = _ref.titleValue;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, titleSize === 'hidden' ? /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, null, /*#__PURE__*/_react["default"].createElement(_VisuallyHidden.VisuallyHidden, null, titleValue)) : /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, titleSize === 'hidden' ? /*#__PURE__*/React.createElement(FieldsetLegend, null, /*#__PURE__*/React.createElement(VisuallyHidden, null, titleValue)) : /*#__PURE__*/React.createElement(FieldsetLegend, {
     size: titleSize
   }, titleValue));
 }; // export const ThemeOptions = () => {
 
 
-var _ref3 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+var _ref3 = /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "sm"
 }, "\u039C\u03AD\u03B3\u03B5\u03B8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD");
 
-var _ref4 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+var _ref4 = /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "sm"
 }, "\u038E\u03C8\u03BF\u03C2 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AE\u03C2 \u03BA\u03B5\u03B9\u03BC\u03AD\u03BD\u03C9\u03BD");
 
-var _ref5 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+var _ref5 = /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "sm"
 }, "\u0391\u03C0\u03CC\u03C3\u03C4\u03B1\u03C3\u03B7 \u03B3\u03C1\u03B1\u03BC\u03BC\u03AC\u03C4\u03C9\u03BD");
 
-var _ref6 = /*#__PURE__*/_react["default"].createElement(_FieldContainer.FieldsetLegend, {
+var _ref6 = /*#__PURE__*/React.createElement(FieldsetLegend, {
   size: "sm"
 }, "\u0388\u03BD\u03C4\u03BF\u03BD\u03B7 \u03B5\u03BC\u03C6\u03AC\u03BD\u03B9\u03C3\u03B7 \u03C3\u03C5\u03BD\u03B4\u03AD\u03C3\u03BC\u03C9\u03BD");
 
-var _ref7 = /*#__PURE__*/_react["default"].createElement(_SectionBreak["default"], {
+var _ref7 = /*#__PURE__*/React.createElement(SectionBreak, {
   visible: false
 });
 
-var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptions(_ref2, ref) {
+export var ThemeOptions = /*#__PURE__*/React.forwardRef(function ThemeOptions(_ref2, ref) {
   var _ref2$colorsOption = _ref2.colorsOption,
       colorsOption = _ref2$colorsOption === void 0 ? true : _ref2$colorsOption,
       _ref2$fontSizeOption = _ref2.fontSizeOption,
@@ -98,55 +67,55 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
       _ref2$highlightLinksO2 = _ref2.highlightLinksOptionTitleSize,
       highlightLinksOptionTitleSize = _ref2$highlightLinksO2 === void 0 ? 'sm' : _ref2$highlightLinksO2,
       className = _ref2.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+      props = _objectWithoutProperties(_ref2, _excluded);
 
-  var _useTheme = (0, _useTheme3["default"])(),
-      _useTheme2 = (0, _slicedToArray2["default"])(_useTheme, 2),
+  var _useTheme = useTheme(),
+      _useTheme2 = _slicedToArray(_useTheme, 2),
       theme = _useTheme2[0],
       changeTheme = _useTheme2[1];
 
-  var _useState = (0, _react.useState)(theme || 'auto'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(theme || 'auto'),
+      _useState2 = _slicedToArray(_useState, 2),
       selectedTheme = _useState2[0],
       setSelectedTheme = _useState2[1];
 
-  var _useFontSize = (0, _useFontSize3["default"])(),
-      _useFontSize2 = (0, _slicedToArray2["default"])(_useFontSize, 2),
+  var _useFontSize = useFontSize(),
+      _useFontSize2 = _slicedToArray(_useFontSize, 2),
       fontSize = _useFontSize2[0],
       changeFontSize = _useFontSize2[1];
 
-  var _useState3 = (0, _react.useState)(fontSize || 'default'),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+  var _useState3 = useState(fontSize || 'default'),
+      _useState4 = _slicedToArray(_useState3, 2),
       selectedFontSize = _useState4[0],
       setSelectedFontSize = _useState4[1];
 
-  var _useLineHeight = (0, _useLineHeight3["default"])(),
-      _useLineHeight2 = (0, _slicedToArray2["default"])(_useLineHeight, 2),
+  var _useLineHeight = useLineHeight(),
+      _useLineHeight2 = _slicedToArray(_useLineHeight, 2),
       lineHeight = _useLineHeight2[0],
       changeLineHeight = _useLineHeight2[1];
 
-  var _useState5 = (0, _react.useState)(lineHeight || 'default'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+  var _useState5 = useState(lineHeight || 'default'),
+      _useState6 = _slicedToArray(_useState5, 2),
       selectedLineHeight = _useState6[0],
       setSelectedLineHeight = _useState6[1];
 
-  var _useLetterSpacing = (0, _useLetterSpacing3["default"])(),
-      _useLetterSpacing2 = (0, _slicedToArray2["default"])(_useLetterSpacing, 2),
+  var _useLetterSpacing = useLetterSpacing(),
+      _useLetterSpacing2 = _slicedToArray(_useLetterSpacing, 2),
       letterSpacing = _useLetterSpacing2[0],
       changeLetterSpacing = _useLetterSpacing2[1];
 
-  var _useState7 = (0, _react.useState)(letterSpacing || 'default'),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+  var _useState7 = useState(letterSpacing || 'default'),
+      _useState8 = _slicedToArray(_useState7, 2),
       selectedLetterSpacing = _useState8[0],
       setSelectedLetterSpacing = _useState8[1];
 
-  var _useHighlightLinks = (0, _useHighlightLinks3["default"])(),
-      _useHighlightLinks2 = (0, _slicedToArray2["default"])(_useHighlightLinks, 2),
+  var _useHighlightLinks = useHighlightLinks(),
+      _useHighlightLinks2 = _slicedToArray(_useHighlightLinks, 2),
       highlightLinks = _useHighlightLinks2[0],
       changeHighlightLinks = _useHighlightLinks2[1];
 
-  var _useState9 = (0, _react.useState)(highlightLinks || 'default'),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+  var _useState9 = useState(highlightLinks || 'default'),
+      _useState10 = _slicedToArray(_useState9, 2),
       selectedHighlightLinks = _useState10[0],
       setSelectedHighlightLinks = _useState10[1];
 
@@ -174,116 +143,113 @@ var ThemeOptions = /*#__PURE__*/_react["default"].forwardRef(function ThemeOptio
     }
   }
 
-  return /*#__PURE__*/_react["default"].createElement(_Form["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/React.createElement(Form, _extends({}, props, {
     ref: ref,
-    className: (0, _clsx["default"])(className)
-  }), colorsOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+    className: clsx(className)
+  }), colorsOption && /*#__PURE__*/React.createElement(FieldContainer, {
     marginBottom: 4
-  }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, /*#__PURE__*/_react["default"].createElement(FieldsetLegendTitle, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, /*#__PURE__*/React.createElement(FieldsetLegendTitle, {
     titleSize: colorsOptionTitleSize,
     titleValue: "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03B8\u03AD\u03BC\u03B1\u03C4\u03BF\u03C2"
-  }), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, null, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }), /*#__PURE__*/React.createElement(RadioContainer, null, /*#__PURE__*/React.createElement(RadioItem, {
     name: "theme_mode",
     value: "light",
     onChange: function onChange() {
       return setSelectedTheme('light');
     },
     checked: selectedTheme === 'light'
-  }, "\u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u03A6\u03C9\u03C4\u03B5\u03B9\u03BD\u03CC \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "theme_mode",
     value: "dark",
     onChange: function onChange() {
       return setSelectedTheme('dark');
     },
     checked: selectedTheme === 'dark'
-  }, "\u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u03A3\u03BA\u03BF\u03CD\u03C1\u03BF \u03B8\u03AD\u03BC\u03B1"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "theme_mode",
     value: "auto",
     onChange: function onChange() {
       return setSelectedTheme('auto');
     },
     checked: selectedTheme === 'auto'
-  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2")))), fontSizeOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  }, "\u0395\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE \u03C3\u03C5\u03C3\u03C4\u03AE\u03BC\u03B1\u03C4\u03BF\u03C2")))), fontSizeOption && /*#__PURE__*/React.createElement(FieldContainer, {
     marginBottom: 4
-  }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref3, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref3, /*#__PURE__*/React.createElement(RadioContainer, {
     layout: "horizontal"
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, /*#__PURE__*/React.createElement(RadioItem, {
     name: "font-size",
     value: "no",
     onChange: function onChange() {
       return setSelectedFontSize('default');
     },
     checked: selectedFontSize === 'default'
-  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "font-size",
     value: "yes",
     onChange: function onChange() {
       setSelectedFontSize('large');
     },
     checked: selectedFontSize === 'large'
-  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), lineHeightOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), lineHeightOption && /*#__PURE__*/React.createElement(FieldContainer, {
     marginBottom: 4
-  }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref4, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref4, /*#__PURE__*/React.createElement(RadioContainer, {
     layout: "horizontal"
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, /*#__PURE__*/React.createElement(RadioItem, {
     name: "line-height",
     value: "no",
     onChange: function onChange() {
       return setSelectedLineHeight('default');
     },
     checked: selectedLineHeight === 'default'
-  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03CC (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "line-height",
     value: "yes",
     onChange: function onChange() {
       setSelectedLineHeight('large');
     },
     checked: selectedLineHeight === 'large'
-  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), letterSpacingOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF")))), letterSpacingOption && /*#__PURE__*/React.createElement(FieldContainer, {
     marginBottom: 4
-  }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref5, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref5, /*#__PURE__*/React.createElement(RadioContainer, {
     layout: "horizontal"
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, /*#__PURE__*/React.createElement(RadioItem, {
     name: "letter-spacing",
     value: "no",
     onChange: function onChange() {
       return setSelectedLetterSpacing('default');
     },
     checked: selectedLetterSpacing === 'default'
-  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u039A\u03B1\u03BD\u03BF\u03BD\u03B9\u03BA\u03AE (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "letter-spacing",
     value: "yes",
     onChange: function onChange() {
       setSelectedLetterSpacing('extra');
     },
     checked: selectedLetterSpacing === 'extra'
-  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7")))), highlightLinksOption && /*#__PURE__*/_react["default"].createElement(_FieldContainer["default"], {
+  }, "\u039C\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03B7")))), highlightLinksOption && /*#__PURE__*/React.createElement(FieldContainer, {
     marginBottom: 4
-  }, /*#__PURE__*/_react["default"].createElement(_FieldContainer.Fieldset, null, _ref6, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioContainer, {
+  }, /*#__PURE__*/React.createElement(Fieldset, null, _ref6, /*#__PURE__*/React.createElement(RadioContainer, {
     layout: "horizontal"
-  }, /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, /*#__PURE__*/React.createElement(RadioItem, {
     name: "highlight-links",
     value: "no",
     onChange: function onChange() {
       return setSelectedHighlightLinks('default');
     },
     checked: selectedHighlightLinks === 'default'
-  }, "\u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/_react["default"].createElement(_RadioContainer.RadioItem, {
+  }, "\u038C\u03C7\u03B9 (\u03C0\u03C1\u03BF\u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03AE)"), /*#__PURE__*/React.createElement(RadioItem, {
     name: "highlight-links",
     value: "yes",
     onChange: function onChange() {
       setSelectedHighlightLinks('highlight');
     },
     checked: selectedHighlightLinks === 'highlight'
-  }, "\u039D\u03B1\u03B9")))), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }, "\u039D\u03B1\u03B9")))), /*#__PURE__*/React.createElement(Button, {
     onClick: resetOptions,
     variant: "link"
-  }, "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD"), _ref7, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }, "\u0395\u03C0\u03B1\u03BD\u03B1\u03C6\u03BF\u03C1\u03AC \u03CC\u03BB\u03C9\u03BD \u03C4\u03C9\u03BD \u03B5\u03C0\u03B9\u03BB\u03BF\u03B3\u03CE\u03BD"), _ref7, /*#__PURE__*/React.createElement(Button, {
     onClick: handleOptions,
     disabled: !optionsHasChanged()
   }, "\u0395\u03C6\u03B1\u03C1\u03BC\u03BF\u03B3\u03AE"));
 });
-
-exports.ThemeOptions = ThemeOptions;
-var _default = ThemeOptions;
-exports["default"] = _default;
+export default ThemeOptions;

package/app/ThemeOptions/package.json

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

package/app/hooks/useFontSize.js

@@ -1,23 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFontSize = exports["default"] = void 0;
-
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
-
-var useFontSize = function useFontSize() {
+import useVariantVars from "./useVariantVars";
+export var useFontSize = function useFontSize() {
   var config = {
     name: 'font-size',
     variables: ['text-sm', 'text-base', 'text-lg', 'text-xl', 'text-2xl', 'text-3xl', 'text-4xl', 'text-5xl'],
     variants: ['default', 'large']
   };
-  return (0, _useVariantVars["default"])(config);
+  return useVariantVars(config);
 };
-
-exports.useFontSize = useFontSize;
-var _default = useFontSize;
-exports["default"] = _default;
+export default useFontSize;

package/app/hooks/useHighlightLinks.js

@@ -1,25 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHighlightLinks = exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var useHighlightLinks = function useHighlightLinks() {
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState, useEffect } from 'react';
+export var useHighlightLinks = function useHighlightLinks() {
   var storedHighlightLinks = localStorage.getItem('--theme-highlight-links');
 
-  var _useState = (0, _react.useState)(storedHighlightLinks || 'default'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(storedHighlightLinks || 'default'),
+      _useState2 = _slicedToArray(_useState, 2),
       highlightLinks = _useState2[0],
       changeHighlightLinks = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (highlightLinks === 'highlight') {
       document.documentElement.classList.add("govgr-highlight-links");
     } else {
@@ -28,7 +17,7 @@ var useHighlightLinks = function useHighlightLinks() {
 
     localStorage.setItem('--theme-highlight-links', highlightLinks);
   }, [highlightLinks]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var beforePrintListener = function beforePrintListener() {
       document.documentElement.classList.remove("govgr-highlight-links");
     };
@@ -46,7 +35,4 @@ var useHighlightLinks = function useHighlightLinks() {
   }, []);
   return [highlightLinks, changeHighlightLinks];
 };
-
-exports.useHighlightLinks = useHighlightLinks;
-var _default = useHighlightLinks;
-exports["default"] = _default;
+export default useHighlightLinks;

package/app/hooks/useLetterSpacing.js

@@ -1,23 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLetterSpacing = exports["default"] = void 0;
-
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
-
-var useLetterSpacing = function useLetterSpacing() {
+import useVariantVars from "./useVariantVars";
+export var useLetterSpacing = function useLetterSpacing() {
   var config = {
     name: 'letter-spacing',
     variables: ['letter-spacing-normal', 'letter-spacing-wide', 'letter-spacing-wider', 'letter-spacing-widest'],
     variants: ['default', 'extra']
   };
-  return (0, _useVariantVars["default"])(config);
+  return useVariantVars(config);
 };
-
-exports.useLetterSpacing = useLetterSpacing;
-var _default = useLetterSpacing;
-exports["default"] = _default;
+export default useLetterSpacing;

package/app/hooks/useLineHeight.js

@@ -1,23 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useLineHeight = exports["default"] = void 0;
-
-var _useVariantVars = _interopRequireDefault(require("@digigov/ui/app/hooks/useVariantVars"));
-
-var useLineHeight = function useLineHeight() {
+import useVariantVars from "./useVariantVars";
+export var useLineHeight = function useLineHeight() {
   var config = {
     name: 'line-height',
     variables: ['line-h-sm', 'line-h-base', 'line-h-lg', 'line-h-xl', 'line-h-2xl', 'line-h-3xl', 'line-h-4xl', 'line-h-5xl'],
     variants: ['default', 'large']
   };
-  return (0, _useVariantVars["default"])(config);
+  return useVariantVars(config);
 };
-
-exports.useLineHeight = useLineHeight;
-var _default = useLineHeight;
-exports["default"] = _default;
+export default useLineHeight;

package/app/hooks/useTheme.js

@@ -1,26 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTheme = exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var useTheme = function useTheme() {
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState, useEffect } from 'react';
+export var useTheme = function useTheme() {
   var prefersDarkScheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
   var storedTheme = localStorage.getItem('--theme-palette');
 
-  var _useState = (0, _react.useState)(storedTheme || 'auto'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(storedTheme || 'auto'),
+      _useState2 = _slicedToArray(_useState, 2),
       theme = _useState2[0],
       changeTheme = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     document.documentElement.classList.remove('dark', 'light', 'auto');
 
     if (theme === 'auto') {
@@ -31,7 +20,7 @@ var useTheme = function useTheme() {
 
     localStorage.setItem('--theme-palette', theme);
   }, [theme]);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var beforePrintListener = function beforePrintListener() {
       document.documentElement.classList.remove('dark');
       document.documentElement.classList.add('light');
@@ -59,7 +48,4 @@ var useTheme = function useTheme() {
   }, []);
   return [theme, changeTheme];
 };
-
-exports.useTheme = useTheme;
-var _default = useTheme;
-exports["default"] = _default;
+export default useTheme;

package/app/hooks/useVariantVars.js

@@ -1,15 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState, useEffect } from 'react';
 
 function useVariantVars(_ref) {
   var name = _ref.name,
@@ -18,12 +8,12 @@ function useVariantVars(_ref) {
   var root = document.documentElement;
   var storedValue = localStorage.getItem("--theme-".concat(name));
 
-  var _useState = (0, _react.useState)(storedValue || variants[0]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(storedValue || variants[0]),
+      _useState2 = _slicedToArray(_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
 
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     localStorage.setItem("--theme-".concat(name), value);
     variables.forEach(function (varName) {
       root.style.setProperty("--".concat(varName), "var(--".concat(varName, "-").concat(value, ")"));
@@ -37,5 +27,4 @@ function useVariantVars(_ref) {
   return [value, changeValue];
 }
 
-var _default = useVariantVars;
-exports["default"] = _default;
+export default useVariantVars;

package/app/index.d.ts

@@ -1,5 +1,4 @@
 export * from '@digigov/ui/app/App';
-export * from '@digigov/ui/app/AccessibilityMenu';
 export * from '@digigov/ui/app/BannerContainer';
 export * from '@digigov/ui/app/BottomInfo';
 export * from '@digigov/ui/app/Panel';