@bbl-digital/snorre 2.0.96 → 2.0.97

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 (110) hide show
  1. package/dist/bundle.js +68 -26
  2. package/esm/core/BoxedTable/styles.js +1 -1
  3. package/esm/core/CommentsTimeline/styles.js +1 -1
  4. package/esm/core/Modal/index.js +1 -0
  5. package/esm/core/Modal/styles.js +8 -24
  6. package/esm/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
  7. package/esm/core/SimpleBarChart/index.js +56 -0
  8. package/esm/core/SimpleBarChart/styles.js +7 -0
  9. package/esm/index.js +2 -1
  10. package/lib/core/BoxedTable/styles.js +1 -1
  11. package/lib/core/CommentsTimeline/styles.js +1 -1
  12. package/lib/core/Modal/index.d.ts.map +1 -1
  13. package/lib/core/Modal/index.js +1 -0
  14. package/lib/core/Modal/styles.d.ts +2 -0
  15. package/lib/core/Modal/styles.d.ts.map +1 -1
  16. package/lib/core/Modal/styles.js +8 -24
  17. package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts +6 -0
  18. package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts.map +1 -0
  19. package/lib/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
  20. package/lib/core/SimpleBarChart/index.d.ts +36 -0
  21. package/lib/core/SimpleBarChart/index.d.ts.map +1 -0
  22. package/lib/core/SimpleBarChart/index.js +56 -0
  23. package/lib/core/SimpleBarChart/styles.d.ts +9 -0
  24. package/lib/core/SimpleBarChart/styles.d.ts.map +1 -0
  25. package/lib/core/SimpleBarChart/styles.js +7 -0
  26. package/lib/hooks/useScreenOrientation.d.ts +1 -1
  27. package/lib/index.d.ts +2 -1
  28. package/lib/index.d.ts.map +1 -1
  29. package/lib/index.js +2 -1
  30. package/package.json +1 -1
  31. package/esm/core/MailMenu/DropdownMenuOption.js +0 -21
  32. package/esm/core/MailMenu/index.js +0 -42
  33. package/esm/core/MailMenu/styles.js +0 -34
  34. package/esm/layout/Sidemenu/AppPicker/index.js +0 -35
  35. package/esm/layout/Sidemenu/AppPicker/styles.js +0 -41
  36. package/esm/layout/Sidemenu/MainMenu/index.js +0 -14
  37. package/esm/layout/Sidemenu/MainMenu/styles.js +0 -18
  38. package/esm/layout/Sidemenu/MenuBottom/index.js +0 -31
  39. package/esm/layout/Sidemenu/MenuBottom/styles.js +0 -48
  40. package/esm/layout/Sidemenu/MenuItem/index.js +0 -29
  41. package/esm/layout/Sidemenu/MenuItem/styles.js +0 -59
  42. package/esm/layout/Sidemenu/MenuTop/index.js +0 -24
  43. package/esm/layout/Sidemenu/MenuTop/styles.js +0 -33
  44. package/esm/layout/Sidemenu/SecondaryMenu/index.js +0 -12
  45. package/esm/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
  46. package/esm/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
  47. package/esm/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
  48. package/esm/layout/Sidemenu/index.js +0 -19
  49. package/esm/layout/Sidemenu/styles.js +0 -17
  50. package/esm/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
  51. package/lib/core/MailMenu/DropdownMenuOption.d.ts +0 -11
  52. package/lib/core/MailMenu/DropdownMenuOption.d.ts.map +0 -1
  53. package/lib/core/MailMenu/DropdownMenuOption.js +0 -21
  54. package/lib/core/MailMenu/index.d.ts +0 -8
  55. package/lib/core/MailMenu/index.d.ts.map +0 -1
  56. package/lib/core/MailMenu/index.js +0 -42
  57. package/lib/core/MailMenu/styles.d.ts +0 -12
  58. package/lib/core/MailMenu/styles.d.ts.map +0 -1
  59. package/lib/core/MailMenu/styles.js +0 -34
  60. package/lib/layout/Sidemenu/AppPicker/index.d.ts +0 -19
  61. package/lib/layout/Sidemenu/AppPicker/index.d.ts.map +0 -1
  62. package/lib/layout/Sidemenu/AppPicker/index.js +0 -35
  63. package/lib/layout/Sidemenu/AppPicker/styles.d.ts +0 -4
  64. package/lib/layout/Sidemenu/AppPicker/styles.d.ts.map +0 -1
  65. package/lib/layout/Sidemenu/AppPicker/styles.js +0 -41
  66. package/lib/layout/Sidemenu/MainMenu/index.d.ts +0 -9
  67. package/lib/layout/Sidemenu/MainMenu/index.d.ts.map +0 -1
  68. package/lib/layout/Sidemenu/MainMenu/index.js +0 -14
  69. package/lib/layout/Sidemenu/MainMenu/styles.d.ts +0 -3
  70. package/lib/layout/Sidemenu/MainMenu/styles.d.ts.map +0 -1
  71. package/lib/layout/Sidemenu/MainMenu/styles.js +0 -18
  72. package/lib/layout/Sidemenu/MenuBottom/index.d.ts +0 -15
  73. package/lib/layout/Sidemenu/MenuBottom/index.d.ts.map +0 -1
  74. package/lib/layout/Sidemenu/MenuBottom/index.js +0 -31
  75. package/lib/layout/Sidemenu/MenuBottom/styles.d.ts +0 -4
  76. package/lib/layout/Sidemenu/MenuBottom/styles.d.ts.map +0 -1
  77. package/lib/layout/Sidemenu/MenuBottom/styles.js +0 -48
  78. package/lib/layout/Sidemenu/MenuItem/index.d.ts +0 -19
  79. package/lib/layout/Sidemenu/MenuItem/index.d.ts.map +0 -1
  80. package/lib/layout/Sidemenu/MenuItem/index.js +0 -29
  81. package/lib/layout/Sidemenu/MenuItem/styles.d.ts +0 -4
  82. package/lib/layout/Sidemenu/MenuItem/styles.d.ts.map +0 -1
  83. package/lib/layout/Sidemenu/MenuItem/styles.js +0 -59
  84. package/lib/layout/Sidemenu/MenuTop/index.d.ts +0 -13
  85. package/lib/layout/Sidemenu/MenuTop/index.d.ts.map +0 -1
  86. package/lib/layout/Sidemenu/MenuTop/index.js +0 -24
  87. package/lib/layout/Sidemenu/MenuTop/styles.d.ts +0 -13
  88. package/lib/layout/Sidemenu/MenuTop/styles.d.ts.map +0 -1
  89. package/lib/layout/Sidemenu/MenuTop/styles.js +0 -33
  90. package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts +0 -9
  91. package/lib/layout/Sidemenu/SecondaryMenu/index.d.ts.map +0 -1
  92. package/lib/layout/Sidemenu/SecondaryMenu/index.js +0 -12
  93. package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts +0 -3
  94. package/lib/layout/Sidemenu/SecondaryMenu/styles.d.ts.map +0 -1
  95. package/lib/layout/Sidemenu/SecondaryMenu/styles.js +0 -19
  96. package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts +0 -15
  97. package/lib/layout/Sidemenu/SecondaryMenuItem/index.d.ts.map +0 -1
  98. package/lib/layout/Sidemenu/SecondaryMenuItem/index.js +0 -24
  99. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts +0 -7
  100. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.d.ts.map +0 -1
  101. package/lib/layout/Sidemenu/SecondaryMenuItem/styles.js +0 -29
  102. package/lib/layout/Sidemenu/index.d.ts +0 -11
  103. package/lib/layout/Sidemenu/index.d.ts.map +0 -1
  104. package/lib/layout/Sidemenu/index.js +0 -19
  105. package/lib/layout/Sidemenu/styles.d.ts +0 -3
  106. package/lib/layout/Sidemenu/styles.d.ts.map +0 -1
  107. package/lib/layout/Sidemenu/styles.js +0 -17
  108. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts +0 -3
  109. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts.map +0 -1
  110. package/lib/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
@@ -1,34 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
-
3
- 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)."; }
4
-
5
- import { css } from '@emotion/react';
6
- export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
7
- target: "e1h39kcr1"
8
- } : {
9
- target: "e1h39kcr1",
10
- label: "Wrapper"
11
- })(process.env.NODE_ENV === "production" ? {
12
- name: "1ivkyd7",
13
- styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}"
14
- } : {
15
- name: "1ivkyd7",
16
- styles: "position:relative;display:flex;flex-direction:row;&>svg{margin-left:0.5em;}",
17
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcblxyXG4gICYgPiBzdmcge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICByaWdodDogMDtcclxuICB0b3A6IDMwcHg7XHJcblxyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgbWluLXdpZHRoOiAyMzBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB6LWluZGV4OiAxMDAxO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgZHJvcGRvd25NZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDUycHg7XHJcblxyXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gIGJvcmRlci1yYWRpdXM6IDA7XHJcblxyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuXHJcbiAgJjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcclxuICB9XHJcblxyXG4gICY6bnRoLW9mLXR5cGUoMSkge1xyXG4gICAgYm9yZGVyLXRvcDogbm9uZTtcclxuICB9XHJcbmBcclxuIl19 */",
18
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
19
- });
20
- export const Content = _styled("div", process.env.NODE_ENV === "production" ? {
21
- target: "e1h39kcr0"
22
- } : {
23
- target: "e1h39kcr0",
24
- label: "Content"
25
- })(process.env.NODE_ENV === "production" ? {
26
- name: "1hctxho",
27
- styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001"
28
- } : {
29
- name: "1hctxho",
30
- styles: "position:absolute;background-color:white;right:0;top:30px;box-sizing:border-box;min-width:230px;border:1px solid #cfd9ea;background-color:#ffffff;box-shadow:0 10px 15px 0 rgba(0, 0, 0, 0.1);border-radius:10px;overflow:hidden;z-index:1001",
31
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvTWFpbE1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG5cclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XHJcblxyXG4gICYgPiBzdmcge1xyXG4gICAgbWFyZ2luLWxlZnQ6IDAuNWVtO1xyXG4gIH1cclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICByaWdodDogMDtcclxuICB0b3A6IDMwcHg7XHJcblxyXG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgbWluLXdpZHRoOiAyMzBweDtcclxuICBib3JkZXI6IDFweCBzb2xpZCAjY2ZkOWVhO1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmO1xyXG4gIGJveC1zaGFkb3c6IDAgMTBweCAxNXB4IDAgcmdiYSgwLCAwLCAwLCAwLjEpO1xyXG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB6LWluZGV4OiAxMDAxO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgZHJvcGRvd25NZW51T3B0aW9uID0gKHRoZW1lOiBJQXBwVGhlbWUpID0+IGNzc2BcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDUycHg7XHJcblxyXG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xyXG4gIGJvcmRlci1yYWRpdXM6IDA7XHJcblxyXG4gIGZvbnQtd2VpZ2h0OiA1MDA7XHJcbiAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICR7dGhlbWUuYm9yZGVyfTtcclxuICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgZm9udC13ZWlnaHQ6IDYwMDtcclxuXHJcbiAgJjpob3ZlciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmJnfTtcclxuICB9XHJcblxyXG4gICY6bnRoLW9mLXR5cGUoMSkge1xyXG4gICAgYm9yZGVyLXRvcDogbm9uZTtcclxuICB9XHJcbmBcclxuIl19 */",
32
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
33
- });
34
- export const dropdownMenuOption = theme => /*#__PURE__*/css("width:100%;height:52px;background-color:white;border-radius:0;font-weight:500;border-top:1px solid ", theme.border, ";cursor:pointer;font-weight:600;&:hover{background:", theme.bg, ";}&:nth-of-type(1){border-top:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:dropdownMenuOption;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL01haWxNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSUFwcFRoZW1lIH0gZnJvbSAnLi4vLi4vYXBwLXNoZWxsL3RoZW1lJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxyXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWRpcmVjdGlvbjogcm93O1xyXG5cclxuICAmID4gc3ZnIHtcclxuICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcclxuICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgcmlnaHQ6IDA7XHJcbiAgdG9wOiAzMHB4O1xyXG5cclxuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gIG1pbi13aWR0aDogMjMwcHg7XHJcbiAgYm9yZGVyOiAxcHggc29saWQgI2NmZDllYTtcclxuXHJcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjtcclxuICBib3gtc2hhZG93OiAwIDEwcHggMTVweCAwIHJnYmEoMCwgMCwgMCwgMC4xKTtcclxuICBib3JkZXItcmFkaXVzOiAxMHB4O1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgei1pbmRleDogMTAwMTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IGRyb3Bkb3duTWVudU9wdGlvbiA9ICh0aGVtZTogSUFwcFRoZW1lKSA9PiBjc3NgXHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiA1MnB4O1xyXG5cclxuICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICBib3JkZXItcmFkaXVzOiAwO1xyXG5cclxuICBmb250LXdlaWdodDogNTAwO1xyXG4gIGJvcmRlci10b3A6IDFweCBzb2xpZCAke3RoZW1lLmJvcmRlcn07XHJcbiAgY3Vyc29yOiBwb2ludGVyO1xyXG4gIGZvbnQtd2VpZ2h0OiA2MDA7XHJcblxyXG4gICY6aG92ZXIge1xyXG4gICAgYmFja2dyb3VuZDogJHt0aGVtZS5iZ307XHJcbiAgfVxyXG5cclxuICAmOm50aC1vZi10eXBlKDEpIHtcclxuICAgIGJvcmRlci10b3A6IG5vbmU7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */");
@@ -1,35 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper, IconWrapper } from './styles';
4
- import { useTheme } from 'emotion-theming';
5
- import Text from '../../../core/Text';
6
-
7
- const AppPicker = ({
8
- selected,
9
- small,
10
- icon,
11
- label,
12
- onClick,
13
- lightTheme
14
- }) => {
15
- const theme = useTheme();
16
- return selected || !small ? jsx(Wrapper, {
17
- nostyle: true,
18
- small: small,
19
- theme: theme,
20
- selected: selected,
21
- onClick: onClick,
22
- lightTheme: lightTheme,
23
- selectedColor: lightTheme ? theme.illustrationPrimary10 : '#ffffff',
24
- deSelectedColor: lightTheme ? theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'
25
- }, jsx(IconWrapper, {
26
- className: selected ? 'selected' : '',
27
- small: small,
28
- bg: lightTheme ? 'rgba(255,255,255, 0.7)' : theme.illustrationPrimary10,
29
- bgSmall: lightTheme ? theme.illustrationPrimary10 : theme.illustrationPrimary10
30
- }, icon), jsx(Text, {
31
- semibold: true
32
- }, label)) : null;
33
- };
34
-
35
- export default AppPicker;
@@ -1,41 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import { css } from '@emotion/core';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = styled.div(props => css`
5
- display: flex;
6
- flex-direction: column;
7
- justify-content: center;
8
- align-items: center;
9
- height: ${props.selected ? '70px' : '50px'};
10
- width: ${!props.selected ? '50px' : !props.small ? '66px' : 'auto'};
11
- border-radius: 8px;
12
- background-color: ${!props.small ? props.selected ? props.selectedColor : props.deSelectedColor : 'transparent'};
13
- span {
14
- font-size: 12px;
15
- display: ${props.selected && !props.small ? 'inline-block' : 'none'};
16
- }
17
-
18
- @media screen and (max-width: ${bp.medium}) {
19
- flex-direction: row;
20
- height: ${props.selected ? '60px' : '48px'};
21
- width: ${props.selected ? '55%' : '45%'};
22
-
23
- span {
24
- display: inline-block;
25
- margin-left: 0.5em;
26
- font-size: 14px;
27
- }
28
- }
29
- `);
30
- export const IconWrapper = styled.div(props => css`
31
- &.selected {
32
- display: flex;
33
- align-items: center;
34
- justify-content: center;
35
- border-radius: 50%;
36
- height: 40px;
37
- width: 40px;
38
- background-color: ${props.small ? props.bgSmall : props.bg};
39
- margin-bottom: 0.2em;
40
- }
41
- `);
@@ -1,14 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
-
5
- const MainMenu = ({
6
- small,
7
- children
8
- }) => {
9
- return jsx(Wrapper, {
10
- small: small
11
- }, children);
12
- };
13
-
14
- export default MainMenu;
@@ -1,18 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import { css } from '@emotion/core';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = styled.div(props => css`
5
- display: flex;
6
- flex-direction: column;
7
- width: ${props.small ? '80%' : 'calc(100% - 26px)'};
8
- margin-left: ${props.small ? '20%' : '0'};
9
- margin-top: 130px;
10
- padding-left: ${props.small ? '0' : '26px'};
11
-
12
- @media screen and (max-width: ${bp.medium}) {
13
- margin-top: 2em;
14
- padding-left: 0;
15
- width: 100%;
16
- margin-left: 0;
17
- }
18
- `);
@@ -1,31 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper, CollapseIconWrapper } from './styles';
4
- import IconChevronLeft from '../../../icons/General/IconChevronLeft';
5
- import { useTheme } from 'emotion-theming';
6
- import Text from '../../../core/Text';
7
-
8
- const MenuBottom = ({
9
- open,
10
- lightTheme,
11
- label,
12
- onMenuToggle
13
- }) => {
14
- const theme = useTheme();
15
- return jsx(Wrapper, {
16
- open: open
17
- }, jsx(CollapseIconWrapper, {
18
- open: open,
19
- lightTheme: lightTheme,
20
- theme: theme,
21
- onClick: () => onMenuToggle && onMenuToggle(!open)
22
- }, jsx(IconChevronLeft, {
23
- size: "9px",
24
- color: lightTheme ? theme.primary : 'white'
25
- })), open && jsx(Text, {
26
- color: "#7C899E",
27
- size: "10px"
28
- }, label));
29
- };
30
-
31
- export default MenuBottom;
@@ -1,48 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import { css } from '@emotion/core';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = styled.div(props => css`
5
- position: absolute;
6
- bottom: 0;
7
- left: 0;
8
- right: 0;
9
- display: flex;
10
- flex-direction: column;
11
- justify-content: center;
12
- padding-bottom: ${props.open ? '1em' : 'calc(1em + 13px)'};
13
- text-align: center;
14
- & > span {
15
- overflow: hidden;
16
- white-space: nowrap;
17
- }
18
-
19
- @media screen and (max-width: ${bp.medium}) {
20
- position: relative;
21
- margin-top: 2em;
22
- display: block;
23
- button {
24
- display: none;
25
- }
26
- }
27
- `);
28
- export const CollapseIconWrapper = styled.button(props => css`
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
- margin: 0 auto;
33
- height: 24px;
34
- width: 24px;
35
- border-radius: 50%;
36
- border: none;
37
- cursor: pointer;
38
- outline: none;
39
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'};
40
- margin-bottom: 1em;
41
- transition: transform 0.2s ease-in-out;
42
- transform: rotate(${props.open ? '0deg' : '180deg'});
43
-
44
- &:hover,
45
- &:focus {
46
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)'};
47
- }
48
- `);
@@ -1,29 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper, Span } from './styles';
4
- import { useTheme } from 'emotion-theming';
5
- import Text from '../../../core/Text';
6
-
7
- const MenuItem = ({
8
- small,
9
- icon,
10
- lightTheme,
11
- active,
12
- label,
13
- onClick
14
- }) => {
15
- const theme = useTheme();
16
- return jsx(Wrapper, {
17
- nostyle: true,
18
- small: small,
19
- theme: theme,
20
- lightTheme: lightTheme,
21
- className: active ? 'active' : '',
22
- onClick: onClick
23
- }, jsx(Span, null, icon, jsx(Text, {
24
- color: lightTheme ? '#000000' : 'white',
25
- size: "15px"
26
- }, label)));
27
- };
28
-
29
- export default MenuItem;
@@ -1,59 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import { css } from '@emotion/core';
3
- import bp from '../../../globals/styles/breakpoints';
4
- export const Wrapper = styled.button(props => css`
5
- display: flex;
6
- height: 50px;
7
- border-radius: 4px 0 0 4px;
8
- border: none;
9
- background-color: transparent;
10
- padding-left: 1em;
11
- padding-right: 0;
12
- align-items: center;
13
- outline: none;
14
- cursor: pointer;
15
-
16
- &.active {
17
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(' + props.theme.primary + ', ' + props.theme.primary + ')'};
18
- }
19
-
20
- &:nth-of-type(6) {
21
- margin-left: ${props.small ? '-18px' : '0'};
22
- }
23
-
24
- & > span {
25
- display: flex;
26
- align-items: center;
27
- width: 100%;
28
- text-align: left;
29
- line-height: 24px;
30
- font-weight: normal;
31
-
32
- & svg {
33
- margin-right: 10px;
34
- }
35
-
36
- & > span {
37
- transition: width 0.2s ease-out;
38
- overflow: hidden;
39
- width: ${props.small ? '0' : '100%'};
40
- }
41
- }
42
-
43
- &:hover,
44
- &:focus {
45
- text-decoration: underline;
46
- background-color: transparent;
47
- text-decoration-color: ${props.lightTheme ? '#000000' : '#ffffff'};
48
-
49
- &.active {
50
- background: ${props.lightTheme ? props.theme.illustrationPrimary10 : 'linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), linear-gradient(' + props.theme.primary + ', ' + props.theme.primary + ')'};
51
- }
52
- }
53
-
54
- @media screen and (max-width: ${bp.medium}) {
55
- padding: 0 40px;
56
- border-radius: 0;
57
- }
58
- `);
59
- export const Span = styled.span``;
@@ -1,24 +0,0 @@
1
- /** @jsx jsx */
2
- import { Fragment } from 'react';
3
- import { jsx } from '@emotion/core';
4
- import { StyledLink, Logo, AppPickerWrapper } from './styles';
5
-
6
- const MenuTop = ({
7
- small,
8
- logo,
9
- onLogoClick,
10
- children
11
- }) => {
12
- return jsx(Fragment, null, logo && jsx(StyledLink, {
13
- nostyle: true,
14
- onClick: onLogoClick
15
- }, jsx(Logo, {
16
- small: small,
17
- alt: "logo",
18
- src: logo
19
- })), jsx(AppPickerWrapper, {
20
- small: small
21
- }, children));
22
- };
23
-
24
- export default MenuTop;
@@ -1,33 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import Link from '../../../core/Link';
3
- import { css } from '@emotion/core';
4
- import bp from '../../../globals/styles/breakpoints';
5
- export const StyledLink = styled(Link)`
6
- height: 40px;
7
- `;
8
- export const Logo = styled.img(props => css`
9
- cursor: pointer;
10
- max-height: 40px;
11
- max-width: ${props.small ? '100%' : 'auto'};
12
- `);
13
- export const AppPickerWrapper = styled.div(props => css`
14
- display: flex;
15
- justify-content: flex-start;
16
- align-items: flex-start;
17
- margin-top: 40px;
18
- overflow: hidden;
19
-
20
- @media screen and (max-width: ${bp.medium}) {
21
- padding: 2em 2.5em;
22
- margin-top: 0;
23
- align-items: center;
24
-
25
- div {
26
- margin-bottom: 0;
27
- }
28
- }
29
-
30
- & > div:first-of-type {
31
- margin-right: ${props.small ? '0' : '0.5em'};
32
- }
33
- `);
@@ -1,12 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
-
5
- const SecondaryMenu = ({
6
- small,
7
- children
8
- }) => {
9
- return small ? null : jsx(Wrapper, null, children);
10
- };
11
-
12
- export default SecondaryMenu;
@@ -1,19 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import bp from '../../../globals/styles/breakpoints';
3
- export const Wrapper = styled.div`
4
- position: absolute;
5
- bottom: 130px;
6
- display: flex;
7
- flex-direction: column;
8
- flex-wrap: wrap;
9
- align-items: flex-start;
10
- width: calc(100% - 40px);
11
- padding-left: 40px;
12
- overflow: hidden;
13
-
14
- @media screen and (max-width: ${bp.medium}) {
15
- position: relative;
16
- bottom: unset;
17
- margin-top: 4em;
18
- }
19
- `;
@@ -1,24 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
- import { useTheme } from 'emotion-theming';
5
- import Text from '../../../core/Text';
6
-
7
- const SecondaryMenuItem = ({
8
- icon,
9
- lightTheme,
10
- label,
11
- href
12
- }) => {
13
- const theme = useTheme();
14
- const color = lightTheme ? theme.primary : '#ffffff';
15
- return jsx(Wrapper, {
16
- href: href,
17
- color: color
18
- }, icon, jsx(Text, {
19
- color: color,
20
- size: "15px"
21
- }, label));
22
- };
23
-
24
- export default SecondaryMenuItem;
@@ -1,29 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import Link from '../../../core/Link';
3
- import { css } from '@emotion/core';
4
- export const Wrapper = styled(Link)(props => css`
5
- width: auto;
6
- border-bottom: 1px solid ${props.color};
7
- border-radius: 0;
8
- padding-bottom: 0.25em;
9
- margin-bottom: 1em;
10
- overflow: hidden;
11
- white-space: nowrap;
12
-
13
- & > span {
14
- display: flex;
15
- align-items: center;
16
- width: 100%;
17
- text-align: left;
18
- line-height: 24px;
19
- font-weight: normal;
20
-
21
- & svg {
22
- margin-right: 10px;
23
- }
24
- }
25
-
26
- &:hover {
27
- border-bottom: 1px solid ${props.color};
28
- }
29
- `);
@@ -1,19 +0,0 @@
1
- /** @jsx jsx */
2
- import { jsx } from '@emotion/core';
3
- import { Wrapper } from './styles';
4
- import { useTheme } from 'emotion-theming';
5
-
6
- const Sidemenu = ({
7
- lightTheme,
8
- open,
9
- children
10
- }) => {
11
- const theme = useTheme();
12
- return jsx(Wrapper, {
13
- defaultTheme: !lightTheme,
14
- open: open,
15
- primary: theme.primary
16
- }, children);
17
- };
18
-
19
- export default Sidemenu;
@@ -1,17 +0,0 @@
1
- import styled from '@emotion/styled';
2
- import { css } from '@emotion/core';
3
- export const Wrapper = styled.div(props => css`
4
- position: fixed;
5
- display: flex;
6
- justify-content: flex-start;
7
- align-items: center;
8
- flex-direction: column;
9
- background-color: ${props.defaultTheme ? '#0b2b71' : 'white'};
10
- background: ${props.defaultTheme ? 'linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), linear-gradient(' + props.primary + ', ' + props.primary + ')' : 'white'};
11
- width: ${props.open ? '250px' : '56px'};
12
- height: calc(100vh - 20px);
13
- box-shadow: 2px 0 20px 0 rgba(0, 0, 0, 0.05);
14
- z-index: 90;
15
- padding-top: 20px;
16
- transition: width 0.2s ease-in-out;
17
- `);
@@ -1,10 +0,0 @@
1
- import styled from '@emotion/styled';
2
- export const Wrapper = styled.div`
3
- position: absolute;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- z-index: 0;
9
- overflow: hidden;
10
- `;
@@ -1,11 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from 'react';
3
- interface IProps {
4
- /** Callback fired on menu item click */
5
- onClick: () => void;
6
- /** Adds a counter behind menu item, example: (2) */
7
- counter?: number;
8
- }
9
- declare const DropdownMenuOption: React.FC<IProps>;
10
- export default DropdownMenuOption;
11
- //# sourceMappingURL=DropdownMenuOption.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenuOption.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/DropdownMenuOption.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgBxC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -1,21 +0,0 @@
1
- /** @jsxImportSource @emotion/react */
2
- import React from 'react';
3
- import { dropdownMenuOption } from './styles';
4
- import Link from '../Link';
5
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
6
-
7
- const DropdownMenuOption = ({
8
- counter,
9
- onClick,
10
- children
11
- }) => {
12
- return _jsxs(Link, {
13
- trackingName: "Topbar",
14
- trackingEvent: 'DropdownMenu click: ' + (children ? children : ''),
15
- css: theme => [dropdownMenuOption(theme)],
16
- onClick: onClick,
17
- children: [children ? children : '', counter ? ` (${counter})` : '']
18
- });
19
- };
20
-
21
- export default DropdownMenuOption;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- interface IProps {
3
- /** Button icon */
4
- icon: React.ReactNode;
5
- }
6
- declare const DropdownMenu: React.FC<IProps>;
7
- export default DropdownMenu;
8
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,UAAU,MAAM;IACd,kBAAkB;IAClB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CACtB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkClC,CAAA;AAED,eAAe,YAAY,CAAA"}
@@ -1,42 +0,0 @@
1
- import React, { useState, useEffect } from 'react';
2
- import { Wrapper, Content } from './styles';
3
- import Button from '../Button';
4
- import { jsx as _jsx } from "react/jsx-runtime";
5
- import { jsxs as _jsxs } from "react/jsx-runtime";
6
-
7
- const DropdownMenu = ({
8
- icon,
9
- children
10
- }) => {
11
- const [open, setOpen] = useState(false);
12
- useEffect(() => {
13
- const handleClickOutside = e => {
14
- setTimeout(() => {
15
- setOpen(false);
16
- }, 200);
17
- };
18
-
19
- if (open) {
20
- document.addEventListener('mousedown', handleClickOutside);
21
- } else {
22
- document.removeEventListener('mousedown', handleClickOutside);
23
- }
24
-
25
- return () => {
26
- document.removeEventListener('mousedown', handleClickOutside);
27
- };
28
- }, [open]);
29
- return /*#__PURE__*/_jsxs(Wrapper, {
30
- children: [/*#__PURE__*/_jsx(Button, {
31
- nostyle: true,
32
- onClick: () => setOpen(true),
33
- trackingEvent: "DropdownMenu toggle",
34
- trackingName: "Topbar",
35
- children: icon ? icon : ''
36
- }), open && /*#__PURE__*/_jsx(Content, {
37
- children: children
38
- })]
39
- });
40
- };
41
-
42
- export default DropdownMenu;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { IAppTheme } from '../../app-shell/theme';
3
- export declare const Wrapper: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
- export declare const Content: import("@emotion/styled").StyledComponent<{
8
- theme?: import("@emotion/react").Theme | undefined;
9
- as?: import("react").ElementType<any> | undefined;
10
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
- export declare const dropdownMenuOption: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
12
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/MailMenu/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,eAAO,MAAM,OAAO;;;yGASnB,CAAA;AAED,eAAO,MAAM,OAAO;;;yGAenB,CAAA;AAED,eAAO,MAAM,kBAAkB,UAAW,SAAS,8CAmBlD,CAAA"}