@bbl-digital/snorre 4.0.10 → 4.0.12

package/esm/core/CommentsTimeline/CommentsTimeline.stories.js

@@ -4,76 +4,81 @@ import IconComment from '../../icons/General/IconComment';
 import Button from '../Button';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/CommentsTimeline',
   component: CommentsTimelineComponent
 };
+export default meta;
 export const CommentsTimeline = {
-  render: () => /*#__PURE__*/_jsxs(CommentsTimelineComponent, {
-    children: [/*#__PURE__*/_jsx(CommentLine, {
-      time: "11:40",
-      date: "20.08.2020",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Test Person",
-      comment: "This is a comment"
-    }), /*#__PURE__*/_jsx(CommentLine, {
-      time: "11:30",
-      date: "20.08.2020",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Test Person",
-      comment: "This is a comment"
-    }), /*#__PURE__*/_jsx(CommentLine, {
-      time: "11:10",
-      date: "21.02.2001",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Test Person",
-      comment: "This is a comment"
-    }), /*#__PURE__*/_jsx(CommentLine, {
-      time: "11:40",
-      date: "22.12.2000",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Kristian Gr\xF8nvold",
-      comment: "This is a also comment"
-    }), /*#__PURE__*/_jsx(CommentLine, {
-      time: "11:40",
-      date: "22.12.2000",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Kristian Gr\xF8nvold",
-      comment: "This is an italic comment with extra info",
-      italic: true,
-      subtle: true,
-      commentInfo: "Extra text"
-    })]
-  }),
+  args: {
+    children: /*#__PURE__*/_jsxs(CommentsTimelineComponent, {
+      children: [/*#__PURE__*/_jsx(CommentLine, {
+        time: "11:40",
+        date: "20.08.2020",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Test Person",
+        comment: "This is a comment"
+      }), /*#__PURE__*/_jsx(CommentLine, {
+        time: "11:30",
+        date: "20.08.2020",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Test Person",
+        comment: "This is a comment"
+      }), /*#__PURE__*/_jsx(CommentLine, {
+        time: "11:10",
+        date: "21.02.2001",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Test Person",
+        comment: "This is a comment"
+      }), /*#__PURE__*/_jsx(CommentLine, {
+        time: "11:40",
+        date: "22.12.2000",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Kristian Gr\xF8nvold",
+        comment: "This is a also comment"
+      }), /*#__PURE__*/_jsx(CommentLine, {
+        time: "11:40",
+        date: "22.12.2000",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Kristian Gr\xF8nvold",
+        comment: "This is an italic comment with extra info",
+        italic: true,
+        subtle: true,
+        commentInfo: "Extra text"
+      })]
+    })
+  },
   name: 'CommentsTimeline'
 };
 export const CustomContent = {
-  render: () => /*#__PURE__*/_jsx(CommentsTimelineComponent, {
-    children: /*#__PURE__*/_jsx(CommentLine, {
-      time: "11:40",
-      date: "20.08.2020",
-      icon: /*#__PURE__*/_jsx(IconComment, {
-        primary: true
-      }),
-      header: "Test Person",
-      comment: "This is a comment",
-      commentInfo: "Comment info",
-      customContent: /*#__PURE__*/_jsxs("span", {
-        children: ["This is some custom content where you can add", /*#__PURE__*/_jsx(Button, {
-          children: "stuff"
-        })]
+  args: {
+    children: /*#__PURE__*/_jsx(CommentsTimelineComponent, {
+      children: /*#__PURE__*/_jsx(CommentLine, {
+        time: "11:40",
+        date: "20.08.2020",
+        icon: /*#__PURE__*/_jsx(IconComment, {
+          primary: true
+        }),
+        header: "Test Person",
+        comment: "This is a comment",
+        commentInfo: "Comment info",
+        customContent: /*#__PURE__*/_jsxs("span", {
+          children: ["This is some custom content where you can add", /*#__PURE__*/_jsx(Button, {
+            children: "stuff"
+          })]
+        })
       })
     })
-  }),
+  },
   name: 'Custom content'
 };

package/esm/core/CommentsTimeline/index.js

@@ -5,6 +5,8 @@ const CommentsTimeline = ({
   children
 }) => {
   return /*#__PURE__*/_jsx(Wrapper, {
+    "aria-label": "Tidslinje Kommentarer",
+    tabIndex: 0,
     children: children
   });
 };

package/esm/core/CustomText/CustomText.stories.js

@@ -1,33 +1,33 @@
 import CustomText from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/CustomText',
   component: CustomText
 };
+export default meta;
 export const Html = {
-  render: () => /*#__PURE__*/_jsx(CustomText, {
-    text: "<ul><li>Html</li><li><strong>Text</strong></li></ul>"
-  }),
+  args: {
+    text: '<ul><li>Html</li><li><strong>Text</strong></li></ul>'
+  },
   name: 'Html'
 };
 export const Plain = {
-  render: () => /*#__PURE__*/_jsx(CustomText, {
-    text: "Supports plain text with\\r  linebreak"
-  }),
+  args: {
+    text: 'Supports plain text with\r  linebreak'
+  },
   name: 'Plain'
 };
 export const Loading = {
-  render: () => /*#__PURE__*/_jsx(CustomText, {
+  args: {
     loading: true,
     lines: 3
-  }),
+  },
   name: 'Loading'
 };
 export const LoadingCenter = {
-  render: () => /*#__PURE__*/_jsx(CustomText, {
+  args: {
     loading: true,
     lines: 3,
     centerloader: true
-  }),
+  },
   name: 'Loading center'
 };

package/esm/core/CustomText/index.js

@@ -12,10 +12,13 @@ const CustomText = props => {
     const lines = props.lines ? props.lines : 1;
     const skeletonRows = [];
     for (var i = 0; i < lines; i++) {
-      skeletonRows.push(_jsx(Skeleton, {}, i));
+      skeletonRows.push(_jsx(Skeleton, {
+        "aria-hidden": "true"
+      }, i));
     }
     return _jsx(Wrapper, {
       css: () => props.centerloader && center,
+      "aria-busy": "true",
       children: skeletonRows
     });
   }

package/esm/core/Dropdown/Dropdown.stories.js

@@ -1,53 +1,54 @@
 import Dropdown from '.';
 import IconEye from '../../icons/General/IconEye';
 import { jsx as _jsx } from "react/jsx-runtime";
-export default {
+const meta = {
   title: 'Core/Dropdown',
   component: Dropdown
 };
+export default meta;
 export const Default = {
-  render: () => /*#__PURE__*/_jsx(Dropdown, {
+  args: {
     children: /*#__PURE__*/_jsx("p", {
       children: "Stuff"
     })
-  }),
+  },
   name: 'Default'
 };
 export const Background = {
-  render: () => /*#__PURE__*/_jsx(Dropdown, {
-    background: "transparent",
+  args: {
+    background: 'transparent',
     children: /*#__PURE__*/_jsx("p", {
       children: "Stuff"
     })
-  }),
+  },
   name: 'Background'
 };
 export const CustomLabel = {
-  render: () => /*#__PURE__*/_jsx(Dropdown, {
-    label: "Label",
+  args: {
+    label: 'Label',
     children: /*#__PURE__*/_jsx("p", {
       children: "Stuff"
     })
-  }),
+  },
   name: 'Custom label'
 };
 export const Icon = {
-  render: () => /*#__PURE__*/_jsx(Dropdown, {
+  args: {
     icon: /*#__PURE__*/_jsx(IconEye, {}),
-    label: "Dropdown icon",
+    label: 'Dropdown icon',
     children: /*#__PURE__*/_jsx("p", {
       children: "Hello"
     })
-  }),
+  },
   name: 'Icon'
 };
 export const WithTimeout = {
-  render: () => /*#__PURE__*/_jsx(Dropdown, {
-    label: "Click outside timeout",
+  args: {
+    label: 'Click outside timeout',
     clickOutsideTimeout: 1000,
     children: /*#__PURE__*/_jsx("p", {
       children: "Adds timeout before close on click outside of dropdown"
     })
-  }),
+  },
   name: 'With timeout'
 };

package/esm/core/Dropdown/index.js

@@ -19,10 +19,20 @@ const Dropdown = ({
   ...restProps
 }) => {
   const ref = /*#__PURE__*/createRef();
+  const buttonRef = /*#__PURE__*/createRef();
   const [open, toggleOpen] = useState(false);
   const theme = useTheme();
   const onClick = function () {
     toggleOpen(!open);
+    if (open) {
+      setTimeout(() => {
+        // If there is a button or an anchor in the dropdown, focus it
+        const firtFocusableElement = ref.current?.querySelector('a, button');
+        firtFocusableElement?.focus();
+      }, 50);
+    } else {
+      buttonRef.current?.focus();
+    }
   };
   useEffect(() => {
     const handleClickOutside = e => {
@@ -54,11 +64,19 @@ const Dropdown = ({
       onCloseTrigger && onCloseTrigger();
     }
   }, [triggerClose, onCloseTrigger]);
+  const accessibilityProps = {
+    'aria-haspopup': restProps['aria-haspopup'] || 'true',
+    'aria-expanded': restProps['aria-expanded'] || open,
+    'aria-label': restProps['aria-label'] || 'Dropdown'
+  };
   return _jsxs("span", {
     ref: ref,
+    role: "button",
+    ...accessibilityProps,
     css: theme => [icon && styles.icon(theme), background && styles.background(background)],
     children: [_jsx(Button, {
       outline: true,
+      ref: buttonRef,
       beforeIcon: icon,
       afterIcon: _jsx(IconCaretDown, {
         flipVertical: open

package/esm/core/Header/index.js

@@ -8,12 +8,13 @@ const Header = ({
   primary,
   secondary,
   dark,
+  size,
   children,
   className
 }) => {
   const Tag = `h${level}`;
   return _jsx(Tag, {
-    css: theme => [styles.default(theme, color), level === 1 && styles.h1, level === 2 && styles.h2, level === 3 && styles.h3, level === 4 && styles.h4, level === 5 && styles.h5, primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), dark && styles.setColor(theme.secondaryDarkText)],
+    css: theme => [styles.default(theme, color, size), level === 1 && styles.h1, level === 2 && styles.h2, level === 3 && styles.h3, level === 4 && styles.h4, level === 5 && styles.h5, primary && styles.setColor(theme.primary), secondary && styles.setColor(theme.secondary), dark && styles.setColor(theme.secondaryDarkText)],
     className: className,
     children: children
   });

package/esm/core/Header/styles.js

@@ -1,15 +1,15 @@
 import { css } from '@emotion/react';
 import bp from '../../globals/styles/breakpoints';
 const styles = {
-  default: (theme, color) => /*#__PURE__*/css("font-weight:bold;color:", color ? color : theme.defaultText, ";margin:0;" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-  h1: /*#__PURE__*/css("font-size:32px;font-weight:bold;margin:0;@media screen and (max-width: ", bp.small, "){font-size:22px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h1;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSGVhZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6ICh0aGVtZTogSUFwcFRoZW1lLCBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkKSA9PiBjc3NgXG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgY29sb3I6ICR7Y29sb3IgPyBjb2xvciA6IHRoZW1lLmRlZmF1bHRUZXh0fTtcbiAgICBtYXJnaW46IDA7XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG4gIHNldENvbG9yOiAoY29sb3I6IHN0cmluZykgPT5cbiAgICBjc3Moe1xuICAgICAgY29sb3I6IGNvbG9yLFxuICAgIH0pLFxufVxuXG5leHBvcnQgZGVmYXVsdCBzdHlsZXNcblxuZXhwb3J0IHsgc3R5bGVzIH1cbiJdfQ== */"),
-  h2: /*#__PURE__*/css("font-size:32px;@media screen and (max-width: ", bp.small, "){font-size:22px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h2;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-  h3: /*#__PURE__*/css("font-size:24px;@media screen and (max-width: ", bp.small, "){font-size:20px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h3;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-  h4: /*#__PURE__*/css("font-size:22px;@media screen and (max-width: ", bp.small, "){font-size:18px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h4;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
-  h5: /*#__PURE__*/css("font-size:18px;@media screen and (max-width: ", bp.small, "){font-size:16px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h5;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  default: (theme, color, size) => /*#__PURE__*/css("font-weight:bold;color:", color ? color : theme.defaultText, ";margin:0;font-size:", size && `${size} !important`, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU1UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSGVhZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IChcbiAgICB0aGVtZTogSUFwcFRoZW1lLFxuICAgIGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgc2l6ZTogc3RyaW5nIHwgdW5kZWZpbmVkXG4gICkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtc2l6ZTogJHtzaXplICYmIGAke3NpemV9ICFpbXBvcnRhbnRgfTtcbiAgYCxcbiAgaDE6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMjogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDM6IGNzc2BcbiAgICBmb250LXNpemU6IDI0cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICB9XG4gIGAsXG4gIGg0OiBjc3NgXG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgfVxuICBgLFxuICBoNTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIH1cbiAgYCxcblxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  h1: /*#__PURE__*/css("font-size:32px;font-weight:bold;margin:0;@media screen and (max-width: ", bp.small, "){font-size:22px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h1;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvSGVhZGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gIGRlZmF1bHQ6IChcbiAgICB0aGVtZTogSUFwcFRoZW1lLFxuICAgIGNvbG9yOiBzdHJpbmcgfCB1bmRlZmluZWQsXG4gICAgc2l6ZTogc3RyaW5nIHwgdW5kZWZpbmVkXG4gICkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICAgIGZvbnQtc2l6ZTogJHtzaXplICYmIGAke3NpemV9ICFpbXBvcnRhbnRgfTtcbiAgYCxcbiAgaDE6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMjogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDM6IGNzc2BcbiAgICBmb250LXNpemU6IDI0cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjBweDtcbiAgICB9XG4gIGAsXG4gIGg0OiBjc3NgXG4gICAgZm9udC1zaXplOiAyMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE4cHg7XG4gICAgfVxuICBgLFxuICBoNTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgIH1cbiAgYCxcblxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */"),
+  h2: /*#__PURE__*/css("font-size:32px;@media screen and (max-width: ", bp.small, "){font-size:22px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h2;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAoXG4gICAgdGhlbWU6IElBcHBUaGVtZSxcbiAgICBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHNpemU6IHN0cmluZyB8IHVuZGVmaW5lZFxuICApID0+IGNzc2BcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7c2l6ZSAmJiBgJHtzaXplfSAhaW1wb3J0YW50YH07XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG5cbiAgc2V0Q29sb3I6IChjb2xvcjogc3RyaW5nKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogY29sb3IsXG4gICAgfSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  h3: /*#__PURE__*/css("font-size:24px;@media screen and (max-width: ", bp.small, "){font-size:20px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h3;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAoXG4gICAgdGhlbWU6IElBcHBUaGVtZSxcbiAgICBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHNpemU6IHN0cmluZyB8IHVuZGVmaW5lZFxuICApID0+IGNzc2BcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7c2l6ZSAmJiBgJHtzaXplfSAhaW1wb3J0YW50YH07XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG5cbiAgc2V0Q29sb3I6IChjb2xvcjogc3RyaW5nKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogY29sb3IsXG4gICAgfSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  h4: /*#__PURE__*/css("font-size:22px;@media screen and (max-width: ", bp.small, "){font-size:18px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h4;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUNTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAoXG4gICAgdGhlbWU6IElBcHBUaGVtZSxcbiAgICBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHNpemU6IHN0cmluZyB8IHVuZGVmaW5lZFxuICApID0+IGNzc2BcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7c2l6ZSAmJiBgJHtzaXplfSAhaW1wb3J0YW50YH07XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG5cbiAgc2V0Q29sb3I6IChjb2xvcjogc3RyaW5nKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogY29sb3IsXG4gICAgfSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
+  h5: /*#__PURE__*/css("font-size:18px;@media screen and (max-width: ", bp.small, "){font-size:16px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:h5;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNTIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAoXG4gICAgdGhlbWU6IElBcHBUaGVtZSxcbiAgICBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHNpemU6IHN0cmluZyB8IHVuZGVmaW5lZFxuICApID0+IGNzc2BcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7c2l6ZSAmJiBgJHtzaXplfSAhaW1wb3J0YW50YH07XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG5cbiAgc2V0Q29sb3I6IChjb2xvcjogc3RyaW5nKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogY29sb3IsXG4gICAgfSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */"),
   setColor: color => /*#__PURE__*/css({
     color: color
-  }, process.env.NODE_ENV === "production" ? "" : ";label:setColor;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAodGhlbWU6IElBcHBUaGVtZSwgY29sb3I6IHN0cmluZyB8IHVuZGVmaW5lZCkgPT4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGNvbG9yOiAke2NvbG9yID8gY29sb3IgOiB0aGVtZS5kZWZhdWx0VGV4dH07XG4gICAgbWFyZ2luOiAwO1xuICBgLFxuICBoMTogY3NzYFxuICAgIGZvbnQtc2l6ZTogMzJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBtYXJnaW46IDA7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIycHg7XG4gICAgfVxuICBgLFxuICBoMzogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjRweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMHB4O1xuICAgIH1cbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICBmb250LXNpemU6IDIycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMThweDtcbiAgICB9XG4gIGAsXG4gIGg1OiBjc3NgXG4gICAgZm9udC1zaXplOiAxOHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgfVxuICBgLFxuICBzZXRDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+XG4gICAgY3NzKHtcbiAgICAgIGNvbG9yOiBjb2xvcixcbiAgICB9KSxcbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXG5cbmV4cG9ydCB7IHN0eWxlcyB9XG4iXX0= */")
+  }, process.env.NODE_ENV === "production" ? "" : ";label:setColor;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURJIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0hlYWRlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuY29uc3Qgc3R5bGVzID0ge1xuICBkZWZhdWx0OiAoXG4gICAgdGhlbWU6IElBcHBUaGVtZSxcbiAgICBjb2xvcjogc3RyaW5nIHwgdW5kZWZpbmVkLFxuICAgIHNpemU6IHN0cmluZyB8IHVuZGVmaW5lZFxuICApID0+IGNzc2BcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBjb2xvcjogJHtjb2xvciA/IGNvbG9yIDogdGhlbWUuZGVmYXVsdFRleHR9O1xuICAgIG1hcmdpbjogMDtcbiAgICBmb250LXNpemU6ICR7c2l6ZSAmJiBgJHtzaXplfSAhaW1wb3J0YW50YH07XG4gIGAsXG4gIGgxOiBjc3NgXG4gICAgZm9udC1zaXplOiAzMnB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIG1hcmdpbjogMDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAyMnB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICBmb250LXNpemU6IDMycHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICB9XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgZm9udC1zaXplOiAyNHB4O1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAuc21hbGx9KSB7XG4gICAgICBmb250LXNpemU6IDIwcHg7XG4gICAgfVxuICBgLFxuICBoNDogY3NzYFxuICAgIGZvbnQtc2l6ZTogMjJweDtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLnNtYWxsfSkge1xuICAgICAgZm9udC1zaXplOiAxOHB4O1xuICAgIH1cbiAgYCxcbiAgaDU6IGNzc2BcbiAgICBmb250LXNpemU6IDE4cHg7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5zbWFsbH0pIHtcbiAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICB9XG4gIGAsXG5cbiAgc2V0Q29sb3I6IChjb2xvcjogc3RyaW5nKSA9PlxuICAgIGNzcyh7XG4gICAgICBjb2xvcjogY29sb3IsXG4gICAgfSksXG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xuXG5leHBvcnQgeyBzdHlsZXMgfVxuIl19 */")
 };
 export default styles;
 export { styles };

package/esm/core/Input/index.js

@@ -48,6 +48,11 @@ const Input = /*#__PURE__*/React.forwardRef(({
       setValueChanged('');
     }
   }, [props.reset]);
+  useEffect(() => {
+    if (props.value !== value) {
+      setValueChanged(props.value ? props.value : '');
+    }
+  }, [props.value]);
 
   // Handle debounce
   useEffect(() => {

package/esm/core/Modal/index.js

@@ -93,7 +93,7 @@ function Modal({
     children: _jsx(Overlay, {
       onClick: onOutsideClick,
       children: _jsxs(Content, {
-        role: "dialog",
+        open: isOpen,
         "aria-modal": "true",
         "aria-label": restProps['aria-label'] ?? header ? headerText.toString() : 'Modal',
         width: width,