@bbl-digital/snorre 2.2.20 → 2.2.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/bundle.js +36 -18
  2. package/esm/core/Checkbox/index.js +2 -1
  3. package/esm/core/Checkbox/styles.js +5 -5
  4. package/esm/core/Input/index.js +1 -1
  5. package/esm/core/Link/styles.js +9 -9
  6. package/esm/core/UserMenu/index.js +19 -2
  7. package/esm/utils/dates.js +15 -0
  8. package/lib/core/Checkbox/index.d.ts +2 -0
  9. package/lib/core/Checkbox/index.d.ts.map +1 -1
  10. package/lib/core/Checkbox/index.js +2 -1
  11. package/lib/core/Checkbox/styles.d.ts +1 -1
  12. package/lib/core/Checkbox/styles.js +5 -5
  13. package/lib/core/Input/index.d.ts +2 -0
  14. package/lib/core/Input/index.d.ts.map +1 -1
  15. package/lib/core/Input/index.js +1 -1
  16. package/lib/core/Link/styles.js +9 -9
  17. package/lib/core/UserMenu/index.d.ts.map +1 -1
  18. package/lib/core/UserMenu/index.js +19 -2
  19. package/lib/utils/dates.d.ts +4 -0
  20. package/lib/utils/dates.d.ts.map +1 -1
  21. package/lib/utils/dates.js +15 -0
  22. package/package.json +1 -1
  23. package/theme-generator.js +3 -0
  24. package/esm/icons/General/InfoOutline.js +0 -15
  25. package/esm/layout/Menu/MenuBottom/index.js +0 -37
  26. package/esm/layout/Menu/MenuBottom/styles.js +0 -15
  27. package/lib/icons/General/InfoOutline.d.ts +0 -4
  28. package/lib/icons/General/InfoOutline.d.ts.map +0 -1
  29. package/lib/icons/General/InfoOutline.js +0 -15
  30. package/lib/layout/Menu/MenuBottom/index.d.ts +0 -14
  31. package/lib/layout/Menu/MenuBottom/index.d.ts.map +0 -1
  32. package/lib/layout/Menu/MenuBottom/index.js +0 -37
  33. package/lib/layout/Menu/MenuBottom/styles.d.ts +0 -4
  34. package/lib/layout/Menu/MenuBottom/styles.d.ts.map +0 -1
  35. package/lib/layout/Menu/MenuBottom/styles.js +0 -15
@@ -18,6 +18,7 @@ const UserMenu = ({
18
18
  }) => {
19
19
  const [open, setOpen] = useState(false);
20
20
  const contextMenuRef = /*#__PURE__*/createRef();
21
+ const optionsRef = /*#__PURE__*/createRef();
21
22
  const theme = useTheme();
22
23
  const isMySite = type === 'mysite';
23
24
  useEffect(() => {
@@ -33,16 +34,29 @@ const UserMenu = ({
33
34
  }, 50);
34
35
  };
35
36
 
37
+ const handleOptionsClick = e => {
38
+ const node = optionsRef.current;
39
+
40
+ if (node && node.contains(e.target)) {
41
+ setTimeout(() => {
42
+ setOpen(false);
43
+ }, 100);
44
+ }
45
+ };
46
+
36
47
  if (open) {
37
48
  document.addEventListener('mouseup', handleClickOutside);
49
+ document.addEventListener('mouseup', handleOptionsClick);
38
50
  } else {
39
51
  document.removeEventListener('mouseup', handleClickOutside);
52
+ document.removeEventListener('mouseup', handleOptionsClick);
40
53
  }
41
54
 
42
55
  return () => {
43
56
  document.removeEventListener('mouseup', handleClickOutside);
57
+ document.removeEventListener('mouseup', handleOptionsClick);
44
58
  };
45
- }, [open, contextMenuRef]);
59
+ }, [open, contextMenuRef, optionsRef]);
46
60
  return /*#__PURE__*/_jsxs(UserWrapper, {
47
61
  children: [/*#__PURE__*/_jsx(Button, {
48
62
  nostyle: true,
@@ -83,7 +97,10 @@ const UserMenu = ({
83
97
  small: true,
84
98
  children: email
85
99
  })]
86
- }), children, logout && /*#__PURE__*/_jsx(LogoutWrapper, {
100
+ }), /*#__PURE__*/_jsx("div", {
101
+ ref: optionsRef,
102
+ children: children
103
+ }), logout && /*#__PURE__*/_jsx(LogoutWrapper, {
87
104
  children: logout
88
105
  })]
89
106
  })]
@@ -6,5 +6,9 @@ declare const parseDate: (date: string, format?: string | undefined, locale?: st
6
6
  declare const formatDate: (date: Date, format: string, locale: string) => string;
7
7
  declare const getDateIsValid: (date: Date | string, minDate?: string | Date | undefined, maxDate?: string | Date | undefined) => boolean;
8
8
  declare const ddmmyyyy: Intl.DateTimeFormatOptions;
9
+ export declare const ddMM: Intl.DateTimeFormatOptions;
10
+ export declare const MM: Intl.DateTimeFormatOptions;
11
+ export declare const mmYYYY: Intl.DateTimeFormatOptions;
12
+ export declare const mmyyyy: Intl.DateTimeFormatOptions;
9
13
  export { MONTHS, MONTHS_SHORT, WEEKDAYS_LONG, WEEKDAYS_SHORT, parseDate, formatDate, getDateIsValid, ddmmyyyy, };
10
14
  //# sourceMappingURL=dates.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/packages/utils/dates.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,UAaX,CAAA;AACD,QAAA,MAAM,YAAY,UAajB,CAAA;AACD,QAAA,MAAM,aAAa,UAQlB,CAAA;AACD,QAAA,MAAM,cAAc,UAAsC,CAAA;AAE1D,QAAA,MAAM,SAAS,SACP,MAAM,yJAgDb,CAAA;AAED,QAAA,MAAM,UAAU,SAAU,IAAI,UAAU,MAAM,UAAU,MAAM,WAW7D,CAAA;AAED,QAAA,MAAM,cAAc,SACZ,IAAI,GAAG,MAAM,sFAgBpB,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAIpB,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,QAAQ,GACT,CAAA"}
1
+ {"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../src/packages/utils/dates.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM,UAaX,CAAA;AACD,QAAA,MAAM,YAAY,UAajB,CAAA;AACD,QAAA,MAAM,aAAa,UAQlB,CAAA;AACD,QAAA,MAAM,cAAc,UAAsC,CAAA;AAE1D,QAAA,MAAM,SAAS,SACP,MAAM,yJAgDb,CAAA;AAED,QAAA,MAAM,UAAU,SAAU,IAAI,UAAU,MAAM,UAAU,MAAM,WAW7D,CAAA;AAED,QAAA,MAAM,cAAc,SACZ,IAAI,GAAG,MAAM,sFAgBpB,CAAA;AAED,QAAA,MAAM,QAAQ,EAAE,IAAI,CAAC,qBAIpB,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,IAAI,CAAC,qBAGvB,CAAA;AAED,eAAO,MAAM,EAAE,EAAE,IAAI,CAAC,qBAErB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,IAAI,CAAC,qBAGzB,CAAA;AAED,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,cAAc,EACd,QAAQ,GACT,CAAA"}
@@ -72,4 +72,19 @@ const ddmmyyyy = {
72
72
  month: '2-digit',
73
73
  year: 'numeric'
74
74
  };
75
+ export const ddMM = {
76
+ day: 'numeric',
77
+ month: 'long'
78
+ };
79
+ export const MM = {
80
+ month: 'short'
81
+ };
82
+ export const mmYYYY = {
83
+ month: 'long',
84
+ year: 'numeric'
85
+ };
86
+ export const mmyyyy = {
87
+ month: '2-digit',
88
+ year: 'numeric'
89
+ };
75
90
  export { MONTHS, MONTHS_SHORT, WEEKDAYS_LONG, WEEKDAYS_SHORT, parseDate, formatDate, getDateIsValid, ddmmyyyy };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.20",
3
+ "version": "2.2.24",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",
@@ -312,6 +312,9 @@ const bbls = [
312
312
  secondary: '#22475F',
313
313
  alpha: '0.02',
314
314
  secondaryFooter: true,
315
+ sidemenuColor: '#760445',
316
+ submenuColor: '#A50660',
317
+ submenuTextColor: 'rgba(255, 255, 255, 0.8)',
315
318
  },
316
319
  },
317
320
  {
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import withIcon from '../withIcon';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
-
5
- const InfoOutline = props => {
6
- return /*#__PURE__*/_jsx("svg", {
7
- viewBox: "0 0 24 24",
8
- ...props,
9
- children: /*#__PURE__*/_jsx("path", {
10
- d: "M9,7 L11,7 L11,5 L9,5 M10,18 C5.59,18 2,14.41 2,10 C2,5.59 5.59,2 10,2 C14.41,2 18,5.59 18,10 C18,14.41 14.41,18 10,18 M10,0 C4.4771525,0 0,4.4771525 0,10 C0,12.6521649 1.0535684,15.195704 2.92893219,17.0710678 C4.80429597,18.9464316 7.3478351,20 10,20 C12.6521649,20 15.195704,18.9464316 17.0710678,17.0710678 C18.9464316,15.195704 20,12.6521649 20,10 C20,7.3478351 18.9464316,4.80429597 17.0710678,2.92893219 C15.195704,1.0535684 12.6521649,0 10,0 M9,15 L11,15 L11,9 L9,9 L9,15 Z"
11
- })
12
- });
13
- };
14
-
15
- export default withIcon('InfoOutline')(InfoOutline);
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import { Wrapper, CollapseIconWrapper } from './styles';
3
- import IconChevronLeft from '../../../icons/General/IconChevronLeft';
4
- import { useTheme } from '@emotion/react';
5
- import Text from '../../../core/Text';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
8
-
9
- const MenuBottom = ({
10
- open,
11
- lightTheme,
12
- label,
13
- onMenuToggle
14
- }) => {
15
- const theme = useTheme();
16
- return /*#__PURE__*/_jsxs(Wrapper, {
17
- open: open,
18
- children: [/*#__PURE__*/_jsx(CollapseIconWrapper, {
19
- open: open,
20
- lightTheme: lightTheme,
21
- theme: theme,
22
- onClick: () => onMenuToggle && onMenuToggle(!open),
23
- "data-tracking-name": "Sidemenu",
24
- "data-tracking-event": 'Menu toggle: ' + (open ? 'collapse' : 'expand'),
25
- children: /*#__PURE__*/_jsx(IconChevronLeft, {
26
- size: "9px",
27
- color: lightTheme ? theme.primary : 'white'
28
- })
29
- }), open && /*#__PURE__*/_jsx(Text, {
30
- color: "#7C899E",
31
- size: "10px",
32
- children: label
33
- })]
34
- });
35
- };
36
-
37
- export default MenuBottom;
@@ -1,15 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { css } from '@emotion/react';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
5
- target: "e1skx5wu1"
6
- } : {
7
- target: "e1skx5wu1",
8
- label: "Wrapper"
9
- })(props => /*#__PURE__*/css("position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgJiA+IHNwYW4ge1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgfVxyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIGJ1dHRvbiB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IENvbGxhcHNlSWNvbldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICBoZWlnaHQ6IDI0cHg7XHJcbiAgICB3aWR0aDogMjRweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcclxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcclxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xyXG5cclxuICAgICY6aG92ZXIsXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgJiA+IHNwYW4ge1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgfVxyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIGJ1dHRvbiB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IENvbGxhcHNlSWNvbldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICBoZWlnaHQ6IDI0cHg7XHJcbiAgICB3aWR0aDogMjRweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcclxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcclxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xyXG5cclxuICAgICY6aG92ZXIsXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */");
10
- export const CollapseIconWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
11
- target: "e1skx5wu0"
12
- } : {
13
- target: "e1skx5wu0",
14
- label: "CollapseIconWrapper"
15
- })(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseIconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICYgPiBzcGFuIHtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIH1cclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBtYXJnaW4tdG9wOiAyZW07XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICBidXR0b24ge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgd2lkdGg6IDI0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcclxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcclxuXHJcbiAgICAmOmhvdmVyLFxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxyXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxyXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICYgPiBzcGFuIHtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIH1cclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBtYXJnaW4tdG9wOiAyZW07XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICBidXR0b24ge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgd2lkdGg6IDI0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcclxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcclxuXHJcbiAgICAmOmhvdmVyLFxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxyXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxyXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- declare const _default: React.ComponentType<import("../withIcon").WithIconWrapperProps>;
3
- export default _default;
4
- //# sourceMappingURL=InfoOutline.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"InfoOutline.d.ts","sourceRoot":"","sources":["../../../src/packages/icons/General/InfoOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;;AAWzB,wBAAmD"}
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import withIcon from '../withIcon';
3
- import { jsx as _jsx } from "react/jsx-runtime";
4
-
5
- const InfoOutline = props => {
6
- return /*#__PURE__*/_jsx("svg", {
7
- viewBox: "0 0 24 24",
8
- ...props,
9
- children: /*#__PURE__*/_jsx("path", {
10
- d: "M9,7 L11,7 L11,5 L9,5 M10,18 C5.59,18 2,14.41 2,10 C2,5.59 5.59,2 10,2 C14.41,2 18,5.59 18,10 C18,14.41 14.41,18 10,18 M10,0 C4.4771525,0 0,4.4771525 0,10 C0,12.6521649 1.0535684,15.195704 2.92893219,17.0710678 C4.80429597,18.9464316 7.3478351,20 10,20 C12.6521649,20 15.195704,18.9464316 17.0710678,17.0710678 C18.9464316,15.195704 20,12.6521649 20,10 C20,7.3478351 18.9464316,4.80429597 17.0710678,2.92893219 C15.195704,1.0535684 12.6521649,0 10,0 M9,15 L11,15 L11,9 L9,9 L9,15 Z"
11
- })
12
- });
13
- };
14
-
15
- export default withIcon('InfoOutline')(InfoOutline);
@@ -1,14 +0,0 @@
1
- import React from 'react';
2
- interface IProps {
3
- /** Set to true if menu is not collapsed */
4
- open: boolean;
5
- /** Sets colors to a lighter theme */
6
- lightTheme?: boolean;
7
- /** Text to be displayed */
8
- label: string;
9
- /** CB fired onn toggle button click */
10
- onMenuToggle?: (open: boolean) => void;
11
- }
12
- declare const MenuBottom: React.FC<IProps>;
13
- export default MenuBottom;
14
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuBottom/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,UAAU,MAAM;IACd,2CAA2C;IAC3C,IAAI,EAAE,OAAO,CAAC;IACd,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8BhC,CAAA;AAED,eAAe,UAAU,CAAA"}
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import { Wrapper, CollapseIconWrapper } from './styles';
3
- import IconChevronLeft from '../../../icons/General/IconChevronLeft';
4
- import { useTheme } from '@emotion/react';
5
- import Text from '../../../core/Text';
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
8
-
9
- const MenuBottom = ({
10
- open,
11
- lightTheme,
12
- label,
13
- onMenuToggle
14
- }) => {
15
- const theme = useTheme();
16
- return /*#__PURE__*/_jsxs(Wrapper, {
17
- open: open,
18
- children: [/*#__PURE__*/_jsx(CollapseIconWrapper, {
19
- open: open,
20
- lightTheme: lightTheme,
21
- theme: theme,
22
- onClick: () => onMenuToggle && onMenuToggle(!open),
23
- "data-tracking-name": "Sidemenu",
24
- "data-tracking-event": 'Menu toggle: ' + (open ? 'collapse' : 'expand'),
25
- children: /*#__PURE__*/_jsx(IconChevronLeft, {
26
- size: "9px",
27
- color: lightTheme ? theme.primary : 'white'
28
- })
29
- }), open && /*#__PURE__*/_jsx(Text, {
30
- color: "#7C899E",
31
- size: "10px",
32
- children: label
33
- })]
34
- });
35
- };
36
-
37
- export default MenuBottom;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Wrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const CollapseIconWrapper: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
4
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/layout/Menu/MenuBottom/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,OAAO,uJAyBnB,CAAA;AAED,eAAO,MAAM,mBAAmB,mKA0B/B,CAAA"}
@@ -1,15 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- import { css } from '@emotion/react';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
5
- target: "e1skx5wu1"
6
- } : {
7
- target: "e1skx5wu1",
8
- label: "Wrapper"
9
- })(props => /*#__PURE__*/css("position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgJiA+IHNwYW4ge1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgfVxyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIGJ1dHRvbiB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IENvbGxhcHNlSWNvbldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICBoZWlnaHQ6IDI0cHg7XHJcbiAgICB3aWR0aDogMjRweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcclxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcclxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xyXG5cclxuICAgICY6aG92ZXIsXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L01lbnVCb3R0b20vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYoXHJcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGxlZnQ6IDA7XHJcbiAgICByaWdodDogMDtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgJiA+IHNwYW4ge1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgfVxyXG5cclxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgIG1hcmdpbi10b3A6IDJlbTtcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIGJ1dHRvbiB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IENvbGxhcHNlSWNvbldyYXBwZXIgPSBzdHlsZWQuYnV0dG9uKFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgbWFyZ2luOiAwIGF1dG87XHJcbiAgICBoZWlnaHQ6IDI0cHg7XHJcbiAgICB3aWR0aDogMjRweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJvcmRlcjogbm9uZTtcclxuICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgIG91dGxpbmU6IG5vbmU7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcclxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcclxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMWVtO1xyXG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XHJcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xyXG5cclxuICAgICY6aG92ZXIsXHJcbiAgICAmOmZvY3VzIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuIl19 */");
10
- export const CollapseIconWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
11
- target: "e1skx5wu0"
12
- } : {
13
- target: "e1skx5wu0",
14
- label: "CollapseIconWrapper"
15
- })(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseIconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3FCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICYgPiBzcGFuIHtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIH1cclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBtYXJnaW4tdG9wOiAyZW07XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICBidXR0b24ge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgd2lkdGg6IDI0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcclxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcclxuXHJcbiAgICAmOmhvdmVyLFxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxyXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxyXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm1DIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9NZW51Qm90dG9tL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogYW55KSA9PiBjc3NgXHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICBib3R0b206IDA7XHJcbiAgICBsZWZ0OiAwO1xyXG4gICAgcmlnaHQ6IDA7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgICYgPiBzcGFuIHtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcclxuICAgIH1cclxuXHJcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcclxuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICBtYXJnaW4tdG9wOiAyZW07XHJcbiAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICBidXR0b24ge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBDb2xsYXBzZUljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcclxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIG1hcmdpbjogMCBhdXRvO1xyXG4gICAgaGVpZ2h0OiAyNHB4O1xyXG4gICAgd2lkdGg6IDI0cHg7XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXHJcbiAgICAgID8gcHJvcHMudGhlbWUuaWxsdXN0cmF0aW9uUHJpbWFyeTEwXHJcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcclxuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcclxuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xyXG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcclxuXHJcbiAgICAmOmhvdmVyLFxyXG4gICAgJjpmb2N1cyB7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxyXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxyXG4gICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");