@bbl-digital/snorre 4.0.51 → 4.0.53
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +241 -208
- package/esm/core/List/Item.js +5 -5
- package/esm/core/List/index.js +1 -1
- package/esm/layout/Menu/MainMenu/index.js +1 -0
- package/esm/layout/Menu/MenuItem/index.js +1 -0
- package/esm/layout/Menu/MenuItem/styles.js +12 -3
- package/esm/layout/Submenu/SubmenuItem/index.js +23 -19
- package/esm/layout/Submenu/index.js +12 -8
- package/esm/layout/Submenu/styles.js +26 -12
- package/lib/core/List/Item.d.ts +1 -1
- package/lib/core/List/Item.d.ts.map +1 -1
- package/lib/core/List/Item.js +5 -5
- package/lib/core/List/index.d.ts.map +1 -1
- package/lib/core/List/index.js +1 -1
- package/lib/layout/Menu/MainMenu/index.js +1 -0
- package/lib/layout/Menu/MenuItem/index.js +1 -0
- package/lib/layout/Menu/MenuItem/styles.d.ts.map +1 -1
- package/lib/layout/Menu/MenuItem/styles.js +12 -3
- package/lib/layout/Submenu/SubmenuItem/index.d.ts.map +1 -1
- package/lib/layout/Submenu/SubmenuItem/index.js +23 -19
- package/lib/layout/Submenu/index.d.ts.map +1 -1
- package/lib/layout/Submenu/index.js +12 -8
- package/lib/layout/Submenu/styles.d.ts +6 -2
- package/lib/layout/Submenu/styles.d.ts.map +1 -1
- package/lib/layout/Submenu/styles.js +26 -12
- package/package.json +1 -1
package/esm/core/List/Item.js
CHANGED
@@ -6,12 +6,12 @@ const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production
|
|
6
6
|
target: "e8hjcxt0",
|
7
7
|
label: "ListItem"
|
8
8
|
})(process.env.NODE_ENV === "production" ? {
|
9
|
-
name: "
|
10
|
-
styles: "padding:0"
|
9
|
+
name: "n1lsvi",
|
10
|
+
styles: "padding:0;list-style:none"
|
11
11
|
} : {
|
12
|
-
name: "
|
13
|
-
styles: "padding:0",
|
14
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
12
|
+
name: "n1lsvi",
|
13
|
+
styles: "padding:0;list-style:none",
|
14
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT21DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0xpc3QvSXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuaW50ZXJmYWNlIElQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxMSUVsZW1lbnQ+IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgTGlzdEl0ZW06IFJlYWN0LkZDPElQcm9wcz4gPSBzdHlsZWQubGkoe1xuICBwYWRkaW5nOiAwLFxuICBsaXN0U3R5bGU6ICdub25lJyxcbn0pXG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */",
|
15
15
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
16
16
|
});
|
17
17
|
export default ListItem;
|
package/esm/core/List/index.js
CHANGED
@@ -11,7 +11,7 @@ const List = /*#__PURE__*/React.forwardRef(({
|
|
11
11
|
...props
|
12
12
|
}, ref) => {
|
13
13
|
const Tag = props.ordered || props.numbers || props.numbersHighlighted ? 'ol' : 'ul';
|
14
|
-
const role = props.selectList ? 'listbox' : 'list';
|
14
|
+
const role = props?.role ? props.role : props.selectList ? 'listbox' : 'list';
|
15
15
|
return _jsx(Tag, {
|
16
16
|
role: role,
|
17
17
|
css: theme => [styles.default(theme), props.ordered && styles.ordered, props.links && styles.links(theme), props.points && styles.points(theme), props.numbers && styles.numbers, props.numbersHighlighted && styles.numbersHighlighted(theme), props.selectList && styles.selectList(theme), props.nostyle && styles.nostyle, props.rowHeight && styles.rowHeight(props.rowHeight), props.minRowHeight && styles.minRowHeight(props.minRowHeight), darkTheme && styles.darkTheme(theme), padding && styles.setPadding(padding), linksAlternate && styles.linksAlternate(theme)],
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
2
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
2
3
|
import { css } from '@emotion/react';
|
3
4
|
import bp from '../../../globals/styles/breakpoints';
|
4
5
|
export const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "production" ? {
|
@@ -6,16 +7,24 @@ export const ListItem = /*#__PURE__*/_styled("li", process.env.NODE_ENV === "pro
|
|
6
7
|
} : {
|
7
8
|
target: "e1xvofrz2",
|
8
9
|
label: "ListItem"
|
9
|
-
})(process.env.NODE_ENV === "production" ?
|
10
|
+
})(process.env.NODE_ENV === "production" ? {
|
11
|
+
name: "qr8q5p",
|
12
|
+
styles: "list-style:none"
|
13
|
+
} : {
|
14
|
+
name: "qr8q5p",
|
15
|
+
styles: "list-style:none",
|
16
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtaW4taGVpZ2h0OiA1MHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICc4cHggMCAwIDhweCcgOiAnNHB4IDAgMCA0cHgnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJi5hY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmRcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudUl0ZW1BY3RpdmVCYWNrZ3JvdW5kfTtcblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgPiBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgJiA+IHN2ZyB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgbWluLXdpZHRoOiAxNHB4O1xuICAgICAgfVxuXG4gICAgICAmID4gc3BhbiB7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzAnIDogJzEwMCUnfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMnB4O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVUZXh0Q29sb3JcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudVRleHRDb2xvcn07XG5cbiAgICAgICYuYWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZFxuICAgICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwYWRkaW5nOiAwIDQwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU3BhbiA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYgPiBzcGFuIHtcbiAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6ICR7cHJvcHMuc21hbGwgPyAnMCcgOiAnMTAwJSd9O1xuICAgIH1cbiAgYFxuKVxuIl19 */",
|
17
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
18
|
+
});
|
10
19
|
export const Wrapper = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
|
11
20
|
target: "e1xvofrz1"
|
12
21
|
} : {
|
13
22
|
target: "e1xvofrz1",
|
14
23
|
label: "Wrapper"
|
15
|
-
})(props => /*#__PURE__*/css("display:flex;min-height:50px;width:100%;border-radius:", props.lightTheme ? '8px 0 0 8px' : '4px 0 0 4px', ";border:none;background-color:transparent;padding-left:1em;padding-right:0;align-items:center;outline:none;cursor:pointer;&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";&>span{font-weight:700;}}&>span{display:flex;align-items:center;width:100%;text-align:left;line-height:24px;font-weight:600;white-space:nowrap;&>svg{margin-right:10px;min-width:14px;}&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}}&:hover,&:focus{text-decoration:underline;background-color:transparent;text-underline-offset:2px;text-decoration-color:", props.lightTheme ? props.theme.lightMenuTextColor : props.theme.defaultMenuTextColor, ";&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";}}@media screen and (max-width: ", bp.medium, "){padding:0 40px;border-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
24
|
+
})(props => /*#__PURE__*/css("display:flex;min-height:50px;width:100%;border-radius:", props.lightTheme ? '8px 0 0 8px' : '4px 0 0 4px', ";border:none;background-color:transparent;padding-left:1em;padding-right:0;align-items:center;outline:none;cursor:pointer;&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";&>span{font-weight:700;}}&>span{display:flex;align-items:center;width:100%;text-align:left;line-height:24px;font-weight:600;white-space:nowrap;&>svg{margin-right:10px;min-width:14px;}&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}}&:hover,&:focus{text-decoration:underline;background-color:transparent;text-underline-offset:2px;text-decoration-color:", props.lightTheme ? props.theme.lightMenuTextColor : props.theme.defaultMenuTextColor, ";&.active{background:", props.lightTheme ? props.theme.lightMenuItemActiveBackground : props.theme.defaultMenuItemActiveBackground, ";}}@media screen and (max-width: ", bp.medium, "){padding:0 40px;border-radius:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtaW4taGVpZ2h0OiA1MHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICc4cHggMCAwIDhweCcgOiAnNHB4IDAgMCA0cHgnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJi5hY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmRcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudUl0ZW1BY3RpdmVCYWNrZ3JvdW5kfTtcblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgPiBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgJiA+IHN2ZyB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgbWluLXdpZHRoOiAxNHB4O1xuICAgICAgfVxuXG4gICAgICAmID4gc3BhbiB7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzAnIDogJzEwMCUnfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMnB4O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVUZXh0Q29sb3JcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudVRleHRDb2xvcn07XG5cbiAgICAgICYuYWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZFxuICAgICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwYWRkaW5nOiAwIDQwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU3BhbiA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYgPiBzcGFuIHtcbiAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6ICR7cHJvcHMuc21hbGwgPyAnMCcgOiAnMTAwJSd9O1xuICAgIH1cbiAgYFxuKVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3VCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW0gPSBzdHlsZWQubGlgXG4gIGxpc3Qtc3R5bGU6IG5vbmU7XG5gXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBtaW4taGVpZ2h0OiA1MHB4O1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICc4cHggMCAwIDhweCcgOiAnNHB4IDAgMCA0cHgnfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgcGFkZGluZy1sZWZ0OiAxZW07XG4gICAgcGFkZGluZy1yaWdodDogMDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgJi5hY3RpdmUge1xuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmRcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudUl0ZW1BY3RpdmVCYWNrZ3JvdW5kfTtcblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgICAgfVxuICAgIH1cblxuICAgICYgPiBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgbGluZS1oZWlnaHQ6IDI0cHg7XG4gICAgICBmb250LXdlaWdodDogNjAwO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcblxuICAgICAgJiA+IHN2ZyB7XG4gICAgICAgIG1hcmdpbi1yaWdodDogMTBweDtcbiAgICAgICAgbWluLXdpZHRoOiAxNHB4O1xuICAgICAgfVxuXG4gICAgICAmID4gc3BhbiB7XG4gICAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIHdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzAnIDogJzEwMCUnfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgIHRleHQtdW5kZXJsaW5lLW9mZnNldDogMnB4O1xuICAgICAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVUZXh0Q29sb3JcbiAgICAgICAgOiBwcm9wcy50aGVtZS5kZWZhdWx0TWVudVRleHRDb2xvcn07XG5cbiAgICAgICYuYWN0aXZlIHtcbiAgICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgICAgPyBwcm9wcy50aGVtZS5saWdodE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZFxuICAgICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZH07XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwYWRkaW5nOiAwIDQwcHg7XG4gICAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU3BhbiA9IHN0eWxlZC5zcGFuKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYgPiBzcGFuIHtcbiAgICAgIHRyYW5zaXRpb246IHdpZHRoIDAuMnMgZWFzZS1vdXQ7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2lkdGg6ICR7cHJvcHMuc21hbGwgPyAnMCcgOiAnMTAwJSd9O1xuICAgIH1cbiAgYFxuKVxuIl19 */");
|
16
25
|
export const Span = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
|
17
26
|
target: "e1xvofrz0"
|
18
27
|
} : {
|
19
28
|
target: "e1xvofrz0",
|
20
29
|
label: "Span"
|
21
|
-
})(props => /*#__PURE__*/css("&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Span;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
30
|
+
})(props => /*#__PURE__*/css("&>span{transition:width 0.2s ease-out;overflow:hidden;width:", props.small ? '0' : '100%', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Span;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvbGF5b3V0L01lbnUvTWVudUl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBsaXN0LXN0eWxlOiBub25lO1xuYFxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWluLWhlaWdodDogNTBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnOHB4IDAgMCA4cHgnIDogJzRweCAwIDAgNHB4J307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICYuYWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICA/IHByb3BzLnRoZW1lLmxpZ2h0TWVudUl0ZW1BY3RpdmVCYWNrZ3JvdW5kXG4gICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZH07XG5cbiAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICYgPiBzdmcge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICAgIH1cblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2Utb3V0O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB3aWR0aDogJHtwcm9wcy5zbWFsbCA/ICcwJyA6ICcxMDAlJ307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51VGV4dENvbG9yXG4gICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVUZXh0Q29sb3J9O1xuXG4gICAgICAmLmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmRcbiAgICAgICAgICA6IHByb3BzLnRoZW1lLmRlZmF1bHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcGFkZGluZzogMCA0MHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNwYW4gPSBzdHlsZWQuc3BhbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICAmID4gc3BhbiB7XG4gICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2Utb3V0O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzAnIDogJzEwMCUnfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51SXRlbS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVvQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvbGF5b3V0L01lbnUvTWVudUl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcblxuZXhwb3J0IGNvbnN0IExpc3RJdGVtID0gc3R5bGVkLmxpYFxuICBsaXN0LXN0eWxlOiBub25lO1xuYFxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgbWluLWhlaWdodDogNTBweDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBib3JkZXItcmFkaXVzOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnOHB4IDAgMCA4cHgnIDogJzRweCAwIDAgNHB4J307XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBhZGRpbmctbGVmdDogMWVtO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICYuYWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICA/IHByb3BzLnRoZW1lLmxpZ2h0TWVudUl0ZW1BY3RpdmVCYWNrZ3JvdW5kXG4gICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVJdGVtQWN0aXZlQmFja2dyb3VuZH07XG5cbiAgICAgICYgPiBzcGFuIHtcbiAgICAgICAgZm9udC13ZWlnaHQ6IDcwMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgIGxpbmUtaGVpZ2h0OiAyNHB4O1xuICAgICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cbiAgICAgICYgPiBzdmcge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgIG1pbi13aWR0aDogMTRweDtcbiAgICAgIH1cblxuICAgICAgJiA+IHNwYW4ge1xuICAgICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2Utb3V0O1xuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICB3aWR0aDogJHtwcm9wcy5zbWFsbCA/ICcwJyA6ICcxMDAlJ307XG4gICAgICB9XG4gICAgfVxuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICB0ZXh0LXVuZGVybGluZS1vZmZzZXQ6IDJweDtcbiAgICAgIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51VGV4dENvbG9yXG4gICAgICAgIDogcHJvcHMudGhlbWUuZGVmYXVsdE1lbnVUZXh0Q29sb3J9O1xuXG4gICAgICAmLmFjdGl2ZSB7XG4gICAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICAgID8gcHJvcHMudGhlbWUubGlnaHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmRcbiAgICAgICAgICA6IHByb3BzLnRoZW1lLmRlZmF1bHRNZW51SXRlbUFjdGl2ZUJhY2tncm91bmR9O1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcGFkZGluZzogMCA0MHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNwYW4gPSBzdHlsZWQuc3BhbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICAmID4gc3BhbiB7XG4gICAgICB0cmFuc2l0aW9uOiB3aWR0aCAwLjJzIGVhc2Utb3V0O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHdpZHRoOiAke3Byb3BzLnNtYWxsID8gJzAnIDogJzEwMCUnfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
|
@@ -32,29 +32,33 @@ const SubmenuItem = ({
|
|
32
32
|
}
|
33
33
|
return null;
|
34
34
|
}
|
35
|
-
return !isMobile ? _jsx(
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
35
|
+
return !isMobile ? _jsx(ListItem, {
|
36
|
+
role: "menuitem",
|
37
|
+
children: _jsx(Button, {
|
38
|
+
nostyle: true,
|
39
|
+
onClick: onClick,
|
40
|
+
css: FocusState(lightTheme ? theme.primary : 'white'),
|
41
|
+
trackingName: "Submenu",
|
42
|
+
trackingEvent: 'Submenu click: ' + label,
|
43
|
+
className: className,
|
44
|
+
children: _jsx(CSSTransition, {
|
45
|
+
in: active,
|
46
|
+
classNames: "submenu-item",
|
47
|
+
timeout: 250,
|
48
|
+
children: _jsx(Wrapper, {
|
49
|
+
active: active,
|
50
|
+
lightTheme: lightTheme,
|
51
|
+
background: lightTheme ? '#ffffff' : theme.submenuItemColor,
|
52
|
+
children: _jsx(Text, {
|
53
|
+
color: labelColor,
|
54
|
+
semibold: true,
|
55
|
+
children: label
|
56
|
+
})
|
54
57
|
})
|
55
58
|
})
|
56
59
|
})
|
57
60
|
}) : _jsx(ListItem, {
|
61
|
+
role: "menuitem",
|
58
62
|
children: _jsx(Button, {
|
59
63
|
nostyle: true,
|
60
64
|
css: optionButton,
|
@@ -1,7 +1,7 @@
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
2
2
|
import React, { useState, useEffect, createRef, Fragment } from 'react';
|
3
3
|
import { useTheme } from '@emotion/react';
|
4
|
-
import { Wrapper, styles, DropdownWrapper, ButtonStyle, OptionsWrapper, IllustrationWrapper, HeaderWrapper, IllustrationOverlay } from './styles';
|
4
|
+
import { Wrapper, styles, DropdownWrapper, ButtonStyle, OptionsWrapper, IllustrationWrapper, HeaderWrapper, IllustrationOverlay, MenuItemList } from './styles';
|
5
5
|
import Header from '../../core/Header';
|
6
6
|
import Button from '../../core/Button';
|
7
7
|
import { useIsMobile } from '../../hooks/useIsMobile';
|
@@ -55,13 +55,16 @@ const Submenu = ({
|
|
55
55
|
}), children && children.length > 0 && _jsx(Fragment, {
|
56
56
|
children: !isMobile ? _jsx(Wrapper, {
|
57
57
|
className: "submenuwrapper",
|
58
|
-
children:
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
58
|
+
children: _jsx(MenuItemList, {
|
59
|
+
role: "menu",
|
60
|
+
children: children.map((child, key) => {
|
61
|
+
if (!child) {
|
62
|
+
return null;
|
63
|
+
}
|
64
|
+
return /*#__PURE__*/React.cloneElement(child, {
|
65
|
+
key
|
66
|
+
});
|
67
|
+
})
|
65
68
|
})
|
66
69
|
}) : _jsxs(DropdownWrapper, {
|
67
70
|
className: "submenuwrapper",
|
@@ -86,6 +89,7 @@ const Submenu = ({
|
|
86
89
|
lightTheme: lightTheme,
|
87
90
|
children: open && _jsx(List, {
|
88
91
|
selectList: true,
|
92
|
+
role: "menu",
|
89
93
|
darkTheme: !lightTheme,
|
90
94
|
children: children.filter(x => x).map((child, key) => {
|
91
95
|
if (!child) {
|